*	{ margin:0; padding:0; }
html, body { height:100%; }
body
{ background-color: #fff; text-align: center; margin: 0px;
}
#distance 
{ width:1px; height:50%; margin-bottom:-300px; float:left;
}
#rahmen
{ clear: left; margin: 0 auto; position: relative; top: 0px; left: 0px;
  width: 900px; height: 600px; visibility: visible; border: 1px solid #fff;
}		
#Bild   
{ margin: 0px; padding: 0px; position: absolute; top: 100px; left:140px; width: 610px; height:404px; visibility: visible; display: block; 
border: 1px dashed #fff; text-align: center;
}
#picChange
{ margin: 1px; padding: 1px; border: solid 1px #fff;
}

/* Navi */
#header
{ margin: 0px; padding: 0px; position: absolute; top: 60px; left:30px; width: 100px; height: 480px; display: block; 
  border-right: 1px solid #dedede; 
  font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; font-size: 8pt;
}
#header a
 { color: #000; text-decoration: none; text-align: left }
#header a:hover
 { color: #fff; text-decoration: none; background-color: #000; }
#header a:active
{ text-decoration: none; background-color: #fff;
}
#header a:visited
{ text-decoration: none;
}
#header a:focus
{ border: none; outline: none;
}
#indx
{ text-align: left; padding-bottom: 50px; padding-left: 10px; position: absolute; top: 100px; left: 0px;
}
#indx a .showcase
{ display: none;
}
#indx a:hover .showcase
 { color: #2d2d2d; font-size: 12pt; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-decoration: none; text-align: center; margin-left: -10%; padding-top: 12px; position: absolute; top: -100px; left: 0px; width: 250px; height: 200px; display: block } 
.menu_txt
 { color: #808080; font-size: 9pt; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular;
 }
#header.normal 
{ color: #fff; text-decoration: none;
}
#m01.aktiv, #m02.aktiv, #m03.aktiv, #m04.aktiv, #m05.aktiv, #m06.aktiv 
{ color: #ff0000; text-decoration: none; background-color: #fff;
}
#m1
{ padding-left: 20px; padding-top: 7px; border-top: 1px solid #cecece;
}
#m2
{ padding-left: 20px; padding-top: 7px; border-top: 1px solid #cecece;
}  

#kontkt
 { position: absolute; bottom: 150px; left: 18px; padding-left: 10px; }
 
/*styleswitch */
#bgcl_sw 
{ position: absolute; bottom: 90px; left: 30px; width: 30px; height: 12px;
}
#bg_bl
{ border: 2px solid #cccccc; background-color: #000; width: 10px; height: 10px;
  position: absolute; left: 0px; top: 0px;
}
#bg_wh 
{ border: 2px solid #cccccc; background-color: #fff; width: 10px; height: 10px;
  position: absolute; right: 0px; top: 0px;
}

/* thumbs */
#thumblayer
{ position: absolute; right: 38px;  top: 60px; width: 100px; height: 480px; border-left: 1px solid #dedede;
}
#thumbnails
{ text-align: justify; position: absolute; top: 80px; left: 25px; width: 90px; height: 320px;
 }
 #thumbnails a:active
{ text-decoration: none; border: none; outline: none;
}
#thumbnails a:focus
{ border: none; outline: none;
}
.thmb
 { margin-right: 5px; margin-bottom: 2px; border: solid 1px #000;  }  


#logo
 { position: absolute; top: 0px; left: 127px; width: 230px; height: 45px;
  background: url(name-wh.jpg);	
 }
 

/* Kontakt */
#kontakt 
 { color: #000; font-size: 10pt; font-family: Helvetica, Geneva, Swiss, Arial, SunSans-Regular; 
  text-align: left; 
 position: absolute; top: 180px; left: 370px; width: 180px; height: 240px; visibility: hidden;
}
#kontakt a
{ color: #000; text-decoration: none; 
}
.cntct_close 
{ position: absolute; left: 0px; bottom: 0px; width: 100%; border-top: 1px solid #FF0000;
 font-size: 8pt; text-align: center;
}

#preloadDisp 
{ position: absolute; left: 350px; top: 300px; width: 100%; background-color: #000; border: 1px solid #fff;
 width: 100px; height: 20px; font-size: 8pt; text-align: center; color: #fff;
}

#login { position: absolute; bottom: 130px; left: 30px; width: 30px; height: 12px;
	 color: #000; font-size: 8pt; font-family: Helvetica, Geneva, Swiss, Arial, SunSans-Regular;  }