#header h1, #header h2{
visibility:hidden;
height:0px;
line-height:0px;
font-size:0px;
}

* {
margin:0;
padding:0;
list-style-type:none;
text-decoration:none;
font-size:12px;
font-family:verdana,sans-serif;
}
body {
background-color:#000;
color:#fff;
text-align:center; /* horizontal centering for IE Win quirks */
}
body *{
text-align:left;
}
html, body {
height:100%;
}
#distance { 
height:50%;
margin-bottom:-250px; /* half of container's height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:500px;
width:752px;
clear:left;
}


#Page1 .pageHead{background-image: url('../img/01.png');}
#Page2 .pageHead{background-image: url('../img/02.png');}
#Page3 .pageHead{background-image: url('../img/03.png');}
#Page4 .pageHead{background-image: url('../img/04.png');}
#Page5 .pageHead{background-image: url('../img/05.png');}
.pageHead{
height:42px;
width:560px;
margin-top:8px;
margin-left:192px;
position:relative;
background-repeat:no-repeat;
}
.pageHead h2{
font-size:16px;
position:absolute;
bottom:0px; left:32px;
padding-right:11px;
vertical-align:baseline;
background:transparent url('../img/headingbg.png') no-repeat right 6px;
}
#header{
z-index:1;
position:absolute;
height:50px; 
width:100%;
top:0px;left:0px;
line-height:50px;
}
#header a{
margin:7px 0px;
display:block;
height:35px;
width:192px;
background:transparent url('../media/2/I0803110/000029.png') no-repeat top left;
vertical-align:middle;
}
#header a *{
font-size:0px;
width:0px;
height:0px;
line-height:0px;
visibility:hidden;
}
#main{
height:450px;
position:absolute;
z-index:2;
top:0px;
left:0px;
width:100%;
overflow:hidden;
}
#navi{
position:absolute;
height:65px;
background:#000; 
width:100%;
top:450px;left:0px;
z-index:20;
}
#navi a{
display:block;
float:left;
color:#b3b3b3;
}
#mainnav{float:right}
#mainnav ul{}
#mainnav li {float:left;margin:5px 0 5px 5px;}
#sidenav h6,#sidenav li{float:left;font-size:1em;margin:5px 5px 5px 0px;display:block;font-weight:normal}
/**/
h3.zw{
border-bottom:1px dashed #CDCDCD;
}
/**/
.page{width:752px; height:400px; float:left;position:relative}
#Page1 .page{background-image: url('../media/4/I0803110/000023.jpg');}
#Page2 .page{background-image: url('../media/4/I0803110/000024.jpg');}
#Page3 .page{background-image: url('../media/4/I0803110/000028.jpg');}
#Page4 .page{background-image: url('../media/4/I0803110/000027.jpg');}
#Page5 .page{background-image: url('../media/4/I0803110/000027.jpg');}
#mainnav a span{position:absolute;bottom:0px; right:0px;}
#mainnav a{display:block;width:40px;height:40px}
#mainnav span{display:none;}
#mainnav a:hover span{display:block;}
#link1{background:#000 url('../img/btn1.png');}
#link1:hover,#link1.active{background:#000 url('../img/btn1_hi.png');}
#link2{background:#000 url('../img/btn2.png');}
#link2:hover,#link2.active{background:#000 url('../img/btn2_hi.png');}
#link3{background:#000 url('../img/btn3.png');}
#link3:hover,#link3.active{background:#000 url('../img/btn3_hi.png');}
#link4{background:#000 url('../img/btn4.png');}
#link4:hover,#link4.active{background:#000 url('../img/btn4_hi.png');}
#link5{background:#000 url('../img/btn5.png');}
#link5:hover,#link5.active{background:#000 url('../img/btn5_hi.png');}
#link6{background:#000 url('../img/btn6.png');}
#link6:hover,#link6.active{background:#000 url('../img/btn6_hi.png');}
#sidenav ul{display:block;text-align:left;padding-right:5px;}
#sidenav li{display:block;margin:5px 5px 0px 0px;float:left;}
#sidenav a{font-size:0.7em;}
.page div{
border: 1px solid #555;
position:absolute;
height:390px;
background: transparent url('../img/bgr.png');
overflow:auto;
max-height:390px;

padding-bottom:10px;
}
.page div div h4{
padding:0;
}
.page div ul li{padding:10px 0px 0px 0px;margin:0;}
.page div ul li a{display:block; margin-left:5px;width:203px;background:#000;color:#b3b3b3}
.page div ul li a:hover,.page div ul li a.active{margin-left:11px;color:#fff;background:#555}
.page div div, .page div ul{
border:none;
background:none;
position:relative;
max-height:auto;
height:auto;
}
/* INHALTSKÄSTEN */
#impressum{width:400px;left:213px;border-width:0px 1px;}

#willkommen{width:213px;height:auto;border-width: 0px 1px 1px 0px}

#contact{width:213px;border-width:0px 1px 0px 0px;}
#contact table{margin-top:90px;}
#contact table td{vaertical-align:top;}
#contact table td.Telefon,#contact table td.E-Mail{padding-top:20px;}
#contact table td.left{width:50px;text-align:center}

#works_cat{width:215px; border:none;background:none;overflow:hidden}
#works{width:400px;left:213px; border-width:0px 1px;}
#works h4{font-size:1.1em;}
#works *{padding:0;}
#works div{padding:0; overflow:visible;height:auto}
#works div.work{padding:5px 0px 10px 0px;}
#works .images{max-width:170px;float:right;padding:5px 10px;}
#works .text{float:left;}

#person{border-width: 0px 0px 0px 1px; width:350px;right:0px}
#person p{padding-top:10px;}

#setcard{width:213px;border-width: 0px 1px 0px 0px;left:0px;}
#setcard table{margin:5px;}
#setcard td{vertical-align:top;}
#setcard td.key{padding-right:5px}

#setcard_images{background:none; border-width:0px; left:222px;top:25px;width:190px}
#setcard_images img{padding: 5px 5px 0px 0px;}
/* STRINGS */
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{
border-bottom:1px dashed #555;font-size:1em;padding-top:10px;}
.hidden{font-size:0px;height:0px;line-height:0px;visibilty:hidden;}
h1.small-caps,h2.small-caps,h3.small-caps,h4.small-caps,h5.small-caps,
h6.small-caps,small-caps{text-transform: uppercase;border-bottom-width:0}
.page p,.page h2,.page h3,.page h4, .page h5, .page h6, .page li{margin:0px 10px;}
a{color:#fff}
label{width:100px;display:block;float:left;margin-bottom:15px;}
form p{padding-top:10px;}
textarea,input{
border:1px solid #555;
background:transparent;
color:#fff;
}
textarea{height:100px;}
a img{
border:none;
}
span.clearer{
clear:both;
display:block;
}
span.normal{
font-weight:normal;
}

p.link{
padding-top:5px;
}
.page p.link a {
font-weight:bold;
}