/*
	Die individuellen Styles dieser Page realisiert durch www.wosonst.de
*/


/* ------------ IDs ------------ */

body, div, a{
  font-family:Arial,Helvetica,sans-serif;
}


body{
  background:#FFFFFF;
  width:100%;
  height:100%;
  margin:0px;
}

#screen{
  position:absolute;
  top:5px;
  left:50%;
}

#screenbox{
  position:absolute;
  top:5px;
  left:-400px;
  
  background:white;
  
  margin:auto;
  border:1px solid #336699;
    
  width:800px;
  height:555px; 
}

#logo{
  position:absolute;
  top:60px;
  left:10px;
  z-index:1;
  
  width:120px;
}

#navigation{
  position:absolute;
  top:150px;
  left:0px;
}

#artikelnavigation{
  position:absolute;
  top:160px;
  right:0px;

  width:120px;
}

#kontakt{
  position:absolute;
  top:115px;
  left:550px;
}

#farbstreifen{
  position:absolute;
  top:10px;
  right:124px;
  
  background:#336699;
  
  width:2px;
  height:300px;
}

#navigationsbild{
  position:absolute;
  top:10px;
  right:125px;
}

#wechselbild{
  position:absolute;
  top:10px;
  right:0px;
}

#content{
 position:absolute;
 top:135px;
 left:140px;
 
 width:510px;
 height:355px;
 
 overflow:auto;
 
 /* Scrollbalken im Contentbereich (nur IE ab 5.5)*/
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #E3EFFA;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-arrow-color: #336699;
  scrollbar-track-color: #FFFFFF;
}

#subline{
 position:absolute;
 bottom:-17px;
 left:-5px;
 
 color:#E3EFFA; 
 font-size:80px;
 font-weight:bold;
 line-height:90px;
}

/*LAYOUTS*/

span.lay-bild1{
  float:left;
}

span.lay-bild2{
  margin-left:10px;
  float:left;
}

span.lay-bild3{
  margin-left:10px;
  float:left;
}

span.lay-bild4{
  margin-left:10px;
  float:left;
}

span.lay-bild5{
  margin-left:10px;
  float:left;
}

span.lay-text1,
span.lay-text2{
  font-size:11px;
  line-height:18px;
}

td.text_links,
td.text_rechts{
  padding-top:20px;
  padding-left:20px;
  
  vertical-align:top;
}



/* Wenns zum Druck kommt dies berücksichtigen */
@media print {
#printkopf {display:block;}
#printtext {display:block;}

#screen{display:none;}
}