/*===================================================
Stylesheet für bilis-home-site, Mai 2009

Aufbau:  1. Kalibrierung und allgemeine Styles
         2. Styles und Layoutbereiche
         3. Sonstige Styles

=====================================================*/


/*====================================================
  1. Kalibrierung und allgemeine Styles
  ====================================================*/


*{padding: 0; margin:0;} 

a {text-decoration: none; outline: none;}
 

html {height:101%} /* erzwingt Scrollbar im Firefox */

body {
  background-color:#FFFFFF;
  color:#555555;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: normal; 
  line-height: 20px; 
  text-align:center;
}

h1 {
  
  padding-bottom:10px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: bold;
  font-size:24px;
  color: #555555;
  line-height: 20px;
}

h2 {
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 16px; 
  font-weight: bold;
  color: #555555;
  line-height: 20px;
  border-top:2px dotted silver;  
  margin-top:15px; 
  margin-bottom: 10px;
  padding-top:3px;
}


* {font-size: 13px;}


/*====================================================
  2. Styles und Layoutbereiche
  ====================================================*/

#wrapper  {
   text-align:left;
   width:800px;
   margin:0px auto;     
}


#subnavibereich {
  float:left;
  width: 190px;
   
}

#subnavibereich ul{
  width: 180px; 
  padding-top:90px;
  padding-bottom:50px;
} 


#subnavibereich li{
  list-style-type:none; 
  border-bottom:1px dotted #0E54BC;     
} 

#subnavibereich li p{
  color:blue;                   
  background-color:white;
  border-left-color: white; 
  border-bottom: none;
  font-weight:bold;
  font-size:12px;
}

#subnavibereich a{
  display:block;
  font-family: Arial,Verdana, Helvetica, sans-serif; 
  font-size: 13px; 
  font-style: normal; 
  text-decoration: none; 
  color: #0E54BC;
  padding:4px 0 4px 0;
} 


#subnavibereich a:hover, a:focus {
  color:#0E54BC;                   
  background-color:white;
  border-left-color: white; 
  border-bottom: none;
  font-weight:bold;
  font-size:12px;
}


#subnavibereich a:active  {
  color: #0E54BC;  
  background-color:white;
  font-weight:bold;
  font-size:12px;
}


#textbereich {
  float:left;
  width: 585px;         //*Ganze Grösse des Bereichs*//
  margin-bottom:30px;
  margin-left:25px;
}

#textbereich p {
  width:500px;         //*Grösse des Texts*//
  font-family: Arial, Verdana, Helvetica,sans-serif;   
  font-size: 13px; 
  font-style: normal; 
  line-height: 22px; 
  color: #555555;
  padding-bottom:14px;  
}

#textbereich h1 {
  margin-top: 40px;
  padding-bottom:10px;
  font-family: Arial,Verdana, Helvetica, sans-serif;   
  font-size: 24px; 
  font-weight: bold;
  color: #555555;
  line-height: 20px;
}



#textbereich a {
  color:#0E54BC;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-weight: normal;
  text-decoration:none;
}



#textbereich a:hover {
  color: silver;
  font-weight:normal;
}



#textbereich h2 {
  margin-top:20px;
  width:585px;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #555555;
  border-top:2px dotted silver;
  border-bottom:2px dotted silver;
  padding-bottom:5px;
  line-height: 20px; 
  margin-bottom: 20px;
}

#textbereich h3 {
  padding-bottom:30px;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-style: bold;
  color: #555555;
  padding-bottom:0px;
  border-top:2px dotted silver;
  border-bottom:2px dotted silver;
  line-height: 22px;
  padding-bottom:5px;
  padding-top:5px; 
  margin-bottom: 20px;
}



#textbereich p span {
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 13px; 
  font-weight: bold;
}

#textbereich p a {
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 13px; 
  font-weight: normal;
  color:#0E54BC;
  list-style-type:none;
}

#textbereich ul {
  padding-left:40px;
  list-style-type:none;
  background-color:white;
  
}

#textbereich li a {
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 13px; 
  font-weight: normal;
  color:#0E54BC;
 
}

#textbereich li a:hover {
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 13px; 
  font-weight: normal;
  color:#555555;
  list-style-type:none;
}


#textbereich li {
  list-style-image:url(../pics/beide/pfeil_4.gif);
  list-style-position:outside;
  padding-bottom:10px;
}

#textbereich ul img {
 
 border: 0px solid #555555;
 margin-top:0px;
 margin-bottom:0px;
} 
#textbereich img {
 
 border: 2px solid #555555;
 margin-top:10px;
 margin-bottom:10px;
} 

#textbereich p.hinweisbox {
  font-family: Arial, Verdana, Helvetica,sans-serif;   
  font-size: 13px; 
  font-style: normal; 
  line-height: 20px;
  width:571px; 
  color: #555555;
  padding:5px;
  background-color:white;
  border:2px dotted silver;
  margin-bottom:5px;
}

*html #textbereich p.hinweisbox {
  width:585px;
}  

.zitate {
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 13px; 
  font-weight: italic;
  width:500px;
  color:#555555;
  border-top:1px dotted silver;
  line-height: 22px; 
  padding-top:10px;
  padding-bottom:7px;
  
}

.zitate span{
  font-family: Arial, Verdana, Helvetica, sans-serif;   
  font-size: 11px; 
  font-style: italic;
  color:#555555;
}

.boxtext {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 14px; 
  color:#555555;  
  font-weight: normal;   
  padding:10px; 
  border:3px solid silver;
  margin-bottom:10px;
}

.boxtext span {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  color:#555555;  
  font-weight: bold;   
}  

#fussbereich {
  clear:both;
  width:800px;
  text-align:left;
}

#fussbereich p {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  color:silver;  
  font-style: normal;   
  padding-top:5px;
  padding-bottom:50px; 
  border-top:1px dotted silver;
   padding-left:215px;
}

#fussbereich p a {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  color:silver;  
  font-style: normal;   
  padding-top:5px;
  padding-bottom:50px; 
}

#fussbereich p a:hover {
  font-weight:bold;
}
.a, .a:visited {color:#000;}
#container {
  position:relative; 
  width:583px; 
  height:170px;  
  background-color: #555555;
  margin: 15 0 170 0px;
  padding-left:2px;
  padding-top:5px; 
  position:left;
  
}

a.gallery, a.gallery:visited {display:inline;  
  border:1px solid silver; width:75px; height:75px;float:left;
 margin:3px; 
  position:relative; cursor:default;}

a.slidea {background:url(../pics/beide/buch-1.jpg);}
  a.slideb {background:url(../pics/beide/buch-2.jpg);}
  a.slidec {background:url(../pics/beide/buch-3.jpg);}
  a.slided {background:url(../pics/beide/buch-4.jpg);}
  a.slidee {background:url(../pics/beide/buch-5.jpg);}
  a.slidef {background:url(../pics/beide/buch-6.jpg);}
  a.slideg {background:url(../pics/beide/buch-7.jpg);}
  a.slideh {background:url(../pics/beide/buch-8.jpg);}
  a.slidei {background:url(../pics/beide/buch-9.jpg);}
  a.slidej {background:url(../pics/beide/buch-10.jpg);}
  a.slidek {background:url(../pics/beide/buch-11.jpg);}
  a.slidel {background:url(../pics/beide/buch-12.jpg);}
  a.slidem {background:url(../pics/beide/buch-13.jpg);}
  a.sliden {background:url(../pics/beide/buch-14.jpg);}
  
a.gallery span {visibility:hidden; display:block; position:absolute;width:585px;height:200px; cursor:default;}

#container a.gallery:hover span p {font-family:Arial,Verdana, Helvetica,sans-serif; font-size:13px;font-weight:normal;color:silver;margin:-130 0 0 320px;}



#container a.gallery:focus span p {font-family:Arial,Verdana, Helvetica,sans-serif; font-size:13px;font-weight:normal;color:white;margin:-150 0 0 320px;text-decoration:underline;}

  
  a.slidea span {left:-17px; top:184px;}
  a.slideb span {left:-100px; top:184px;}
  a.slidec span {left:-183px; top:184px;}
  a.slided span {left:-266px; top:184px;}
  a.slidee span {left:-349px; top:184px;}
  a.slidef span {left:-432px; top:184px;}
  a.slideg span {left:-515px; top:184px;}
  a.slideh span {left:-17px;  top:101px;}
  a.slidei span {left:-100px; top:101px;}
  a.slidej span {left:-183px; top:101px;}  
  a.slidek span {left:-266px; top:101px;}
  a.slidel span {left:-349px; top:101px;}
  a.slidem span {left:-432px; top:101px;}
  a.sliden span {left:-515px; top:101px;} 

a.gallery:hover {border:1px solid #0E54BC; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {border:3px solid #555555; position:relative; 
  z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #0E54BC; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:3px solid #0E54BC; 
  position:relative; z-index:10;}
a.gallery span img {margin: 10 10 5 10px;} 

.aktionen {margin-bottom: -50px;}