/*===================================================
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: 13px; 
  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:22px;
  color: #555555;
  line-height: 20px;
}

h2 {
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  color: #555555;
  line-height: 20px;
  border-top:2px dotted silver;  
  margin-top:20px; 
  margin-bottom: 0px;
  padding-top:10px;
}


* {font-size: 13px;}


/*====================================================
  2. Styles und Layoutbereiche
  ====================================================*/

#wrapper  {
   text-align:left;
   width:800px;
   margin:0px auto;
      
}

#textbereich {
  float:left;
  width: 610px;
  margin-bottom:30px;
  
} 

#spalte1 {
  float:left;
  width: 190px; 
}


.box1 {
  width: 180px;
  padding:3px;
  border: 2px dotted silver;
  margin-bottom:10px;
  background-color:white;
}

*html .box1 {
  width: 190px;
}

#spalte1 img {
  margin-top:6px;
  margin-bottom:10px;
  border:1px solid #555555; 
}


#spalte1 h2 {
  margin-top:70px;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-style: bold;
  color: #555555;
  border-top:2px dotted silver;
  border-bottom: 2px dotted silver;
  padding:5 0 5 0px;
  margin-bottom: 20px; 
}

#spalte1 p {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  line-height: 16px; 
  color: #555555;
  padding-bottom:3px;
  
}

#spalte1 p a{
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  line-height: 16px; 
  color: #0E54BC;
  padding-bottom:3px;  
}

#spalte1 p a:hover{
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  line-height: 16px; 
  color: silver;
  padding-bottom:3px;
}

#spalte1 p span {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 20px; 
  font-style:normal; 
  color: #555555;
  line-height:23px;
}

#spalte2 {
  float:left;
  width:370px;
  margin-left:25px;
  
}



#spalte2 a {
  color:#555555;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 14px; 
  font-style: bold;
}

#spalte2 a:hover {color: silver;}

#spalte2 p span a {
  color:#0E54BC;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-style: normal;
}

#spalte2 p span {
  color:#555555;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-weight: bold;
}

#spalte2 p span a:hover {color: #555555;}

#spalte2 h3 {
  padding-bottom:30px;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 14px; 
  font-style: bold;
  color: #555555;
  padding-bottom:0px;
  border-top:2px dotted silver;
  border-bottom:2px dotted silver;
  line-height: 22px; 
  margin-bottom: 20px;
}

#spalte2 p {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-style: normal; 
  line-height: 20px; 
  color: #555555;
}

#spalte2 img {
  border: 3px solid #555555;
  margin-top:10px;
}

#spalte2 a  {
  font-family: Arial, Verdana, Helvetica,sans-serif; 
  font-size: 12px; 
  font-weight: normal;
}

.box2 {
  background-color:white;
  width: 365px;
  border: 0px solid silver;
  padding:10 5 5 0px;
  margin-top:20px;
}
*html .box2 {
  width:370px;
}




#spalte2 ul{
  margin-left:12px;
  padding-left:12px;
  background-color:white;
  width:346px;
}
*html ul{
  width:358px;
}

#spalte2 li {
  font-size:13px;
  line-height:18px;
  color:#555555;
  padding-bottom:8px;
  list-style-image:url(../pics/beide/pfeil_4.gif);
  list-style-position:outside;
}

#spalte2 li span {
  font-size:12px;
  font-weight:normal;
  line-height:18px;
  color:#0E54BC;
}

#spalte3 {
  float:right;
  width:190px;
  background-color:res;
}

  
#spalte3 h2 {
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-weight: bold;
  color: #555555;
  border-top:2px dotted silver;
  border-bottom:2px dotted silver;
  margin-top:70px;
  padding:5 0 5 0px;
  line-height: 20px; 
  margin-bottom: 20px; 
}


#spalte3 a {
  
  color:#0E54BC;
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-weight: normal;
  line-height:20px;
  text-decoration:none;
}


#spalte3 a:hover {    
  color: #888888;
  font-style: normal;
}

#spalte3 p {
  font-family: Arial,Verdana, Helvetica,sans-serif; 
  font-size: 13px; 
  font-style: normal;
  color: #555555;
  line-height:18px;
  padding-top:5px;
  
}

.box3 {
  background-color:white;
  width: 190px;
  border-top: 2px dotted silver;
  margin-bottom:3px;
  margin-top:16px;
}

.box5 {
  width: 190px;
}

.box5 ul{
  margin-left:10px;
  padding-left:10px;
  background-color:white;
  width:170px;
}
*html ul{
  width:190px;
}

.box5 li {
  font-size:13px;
  line-height:18px;
  color:#555555;
 
  list-style-image:url(../pics/beide/pfeil_4.gif);
  list-style-position:outside;
}

#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;   
  
}


