/*===================================================
Stylesheet für kammerchor-aalen-site, Juni 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 */




/*====================================================
  2. Styles und Layoutbereiche
  ====================================================*/
#wrapper {
  position:relative;
  width:886px;
}


#kopfbereich  {
   background-color:red;
   background-image:url(../pics/streifen.jpg);
   background-repeat:repeat-x;
   height:193px;
}


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

#subnavibereich li a{
  font-family: Arial, Verdana, Helvetica, Trebuchet und Tahoma, sans-serif;
  list-style-type:none; 
  font-size: 13px; 
  font-weight: normal; 
  text-decoration: none; 
  color:#8f1e1e;
  margin-left:-9px;
} 

#subnavibereich ul {
     margin-top:99px;
     margin-right:5px;
} 

#subnavibereich li{
font-family: Arial, Verdana, Helvetica, Trebuchet und Tahoma, sans-serif;
font-size:13px;
border-bottom:1px solid black;
margin-right:15px;
  margin-left:10px;
padding:5px 0px 5px 8px;
 list-style-type:none; 
}
  
#subnavibereich a:hover{
  color:silver;                    
  font-weight:normal;
  font-size:13px;
    list-style-type:none;  
}  


#textbereich {
  float:right;
  width:700px;
  color:#333333; 
  
}

#textbereich h1{
  font-family: Garamond, Georgia, Times, Rimes New Roman, serif;
  font-size: 24px; 
  font-weight: normal;
  padding-top:40px;
  padding-bottom:32px;
  letter-spacing:1px;
 
}

#textbereich h2{
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 13px; 
  font-weight: bold;
  padding-bottom:3px;
  line-height:1.7em;
}

#foto {
  float:left;
  width:120px;
  margin-right:10px;
  }
 
#foto img { border: solid #6c5c5c 1px;
}

#foto h4 {
  float:left;
  width:120px;
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 11px; 
  font-weight: normal;
  margin-top:8px;
  color:#333333;
  line-height:1.5em;
} 



#textbereich p{
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 13px; 
  font-weight: normal;
  padding-bottom:5px;
  line-height:1.7em;
  
  
} 

#textbereich h2{
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 13px; 
  font-weight: bold;
  padding-bottom:3px;
}

#textbereich p.zeitung {
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 12px; 
  font-style: italic;
} 

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

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

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

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

#textbereich hr {
  border-bottom:solid silver 1px;
  margin-bottom:8px;
  width:100px;
  text-align:left; 
}


#rahmen {
  width:700px;
  height:160px;
}

#rahmen h4 {
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 11px; 
  font-weight: normal;
  margin-top:8px;
  color:#6c5c5c;
  float:right;
  margin-right:8px;
  
} 

#rahmen p.bild {
  border: solid #6c5c5c 1px;
  margin-right:8px;
  margin-left:0px;
  padding-bottom:0px;
  float:left;

}


#ueberschrift h1{
  font-family: Garamond, Georgia, Times, Rimes New Roman, serif;
  font-size: 24px; 
  font-weight: normal;
  padding-top:40px;
  padding-bottom:20px;
  letter-spacing:2px;
  color:#333333; 
  
}
 
#text {
  float:right;
  width:568px; 
  color:#333333;  
 } 


#text p {
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 13px; 
  font-weight: normal;
  padding-bottom:5px;
  line-height:1.7em;
}

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

#text h2{
  font-family: Garamond, Georgia, Times, Rimes New Roman, serif;
  font-size: 18px; 
  font-weight: normal;
  padding-bottom:10px;
  letter-spacing:1px;
}


#text a{
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  color:#8f1e1e; 
}

#text a:hover {
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  color:silver; 
}

#text a:active {
  font-family: Helvetica, Arial,Verdana, sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  color:#333333; 
}

#kasten {width:692px;
        border:4px solid silver;
	  margin-left:0px;
}

#kasten ul {margin-left:20px;
           list-style-type:none;
           margin-top:10px;

}


#kasten li {       
           font-family: Helvetica, Arial,Verdana, sans-serif; 
           font-size: 13px; 
           font-weight: normal;
           margin-bottom:10px;
}

#kasten li span {       
           font-weight: bold;
}

#kasten li a:link {       
          color:white;
}

#kasten li a:visited {       
           color:white;
}

#kasten li a:hover {       
           color:white;
}
#kasten li a:active {       
           color:white;
}