/* by Christoph Göbel - katzengrafik.de | 2009 */


html, body {
background:#c1c3c5;
text-align:left;
margin:0;
padding:0 0 0 10%;
border:none;
height:100%;
font-family:'Arial', arial, helvetica, sans-serif;
font-size:16px;
z-index:0;
}




.contwrap {
position:absolute;
left:10%;
top:0;
width:485px;
z-index:0;
margin:0 0 0 0;
padding:135px 60px 2em 315px;
background:#fff;
}


.wrap-right {
background:url(images/wrap-right-trans.jpg) top left repeat-y  #c1c3c5;
width:25px;
height:100%;
position:fixed;
top:0;
left:10%;
margin:0 0 0 845px;
z-index:100;
}

.logo {
position:fixed;
top:0;
left:10%;
width:245px;
height:110px;
z-index:100;
background:url(images/wrap-left-trans.jpg) top left repeat-y  #fff;
}
.logo img {
margin:20px 0 0 50px
}

.menu {
background:url(images/wrap-left-trans.jpg) top left repeat-y  #fff;
width:260px;
padding:40px 20px 0 0;
text-align:right;
position:fixed;
left:10%;
top:93px;
border-right:solid 1px #c1c3c5;
height:100%;
z-index:90;
}

.header {
background:#fff;
width:530px;
height:110px ;
border-bottom:solid 1px #c1c3c5;
position:fixed;
top:0;
left:10%;
margin:0 0 0 280px;
z-index:90;
}

.header-drop {
background:url(images/drop-trans.png) bottom left repeat-x transparent;
width:530px;
height:16px;
position:absolute;
bottom:-16px;
left:0;
z-index:80;
}

.header-detail {
width:1px;
height:20px;
background:#c1c3c5;
position:absolute;
bottom:-20px;
right:0;
z-index:90;
}



.icon {
position:fixed;
bottom:10px;
left:10%;
margin:0 0 0 85px;
z-index:90;
}


.menu ul {
list-style:none;
margin:0 -84px;
padding:0;
/* border:solid red 1px; */
}

.menu li{
height:14px;
padding:1px 50px 9px 0;
list-style-image:none;
list-style:none;
margin:0px;

}

.menu .seperator {
background:url(images/seperator.jpg) 203px 25px no-repeat;
padding:1px 50px 11px 0;
}

.menu li a:link, .menu li a:visited {
color:#000;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:4px 60px 4px 0;
border:none;
background:none;

}

.menu li a:hover, .menu li a:active {
color: #0b43b4;
background:none;
}
.menu li #act {
color: #0b43b4;
background:url(images/menu-hover.png) right center  no-repeat;
}

.menu li #kunden {
color: #000;
font-size:0.85em;
background:none;
}
.menu li #kunden:hover {
color: #0b43b4;
}

.work + h2 {margin:1.2em 0 1em 0;   float:left; width:100%;}

.work {
position:relative;
margin:0;
list-style-type: none;
padding:0px;
clear:both;
background:aqua;
}

.work li {
position:relative;
display:inline;
float:left; 
width:205px;
height:220px;
margin:0px 1.5em 1em 0;
padding:8px;
}

.work li a, .work li a:link, .work li a:visited, .work li a:active {
width:190px;
background:none;
text-decoration:none;
font-weight:bold;
color:#000;
padding:1px;
display:block;
width:100%;
border:none;
z-index:100;
}

.work a:hover, .work a:hover, .work li:hover, .work li:hover img {
background:#dbe4f6;
}

.work li.nolink:hover, .work li.nolink:hover img {
background:#eee;
}


.work a span {
display:block;
font-size:0.8em;
font-weight:normal;
padding:0px 0.5em;
display:block;
line-height:1.2em;
position:absolute;
top:180px;
left:3px;
cursor:pointer;
z-index:100;
}

.work a img {
border:none;
margin:0;
padding:0;
height:160px;
background:#c1c3c5;
}

.nolink a img {
background:#eee;
}


p, li, table {font-size:0.85em; line-height:1.6em;}
ul  {margin:0; padding:0 0 0 16px;}
li  {margin:0 0 0.35em 0; list-style-image:url(images/list.jpg);}
h1 {font-size:1.2em; margin:70px 0 0 35px; white-space:nowrap;}
h2 {font-size:0.95em; margin:1em 0;}
h3 {font-size:0.80em;  }

p + h2, ul + h2, p + h3, ul + h3 {margin-top:2.2em; /* float:left; */}

ul ul {margin-top:0.2em}
ul ul li {font-size:0.95em; list-style:circle; list-style-image:none; line-height:1.1em;}



.anmerk {font-size:0.7em; /* float:left;  */margin-top:2.2em; border-top:solid 1px #c1c3c5; padding:0.5em 0;}
p strong {font-size:0.95em; }

a, a:link, a:visited {
text-decoration:none;
color:#000;
background: #dbe4f6;

}

a:hover, a:active {
background: #dbe4f6;
border-bottom: dashed 1px #0b43b4;
}


input {margin-left:20px; border:solid 1px #c1c3c5; background:#fff; letter-spacing:1px; font-weight:bold;width:282px;}
textarea {border:solid 1px #c1c3c5; background:#fff; font-family:Arial,sans-serif; font-size:0.85em; letter-spacing:1px;display:block; width:444px; height:200px;padding:3px;}
.submit {margin:1em 0 0 0; padding:3px; font-weight:bold; font-size:0.75em; border: solid 1px #0b43b4; background:#c1c3c5; cursor:pointer;width:100px;}

.adresse {
padding:0;
}

.adresse td {
padding:0 10px 0 0;
}


.blender {
width:845px;
height:100%;
position:fixed;
left:10%;
background:#fff;
}

.kunde {
padding:0 3px;
width:90px;
font-size:0.65em;
height:14px;
margin:0;
color:#555;
}