body {

background-image:url('images/background.jpg');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
background-color: #FFD42A;
font-size: 12px;  /*font für navigation links.*/
font-family:  Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif;
min-width: 41em;
padding:0;
margin:0;



}
h1 {color:#EA440C;
   padding: 0 20px 0 5px;
}
h2 {color:#FF9900;
    padding: 0 20px 0 5px;
} 


a {color: #0000FF;}
a:visited {color:#0000FF;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h3 {
font-size: 15px;
background-color: #fba915;
border-top:1px solid #5555FF;
border-bottom:1px solid #5555FF;
padding:5px 15px;
margin:0

}

h4 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

 
#header {
width: 840px;
background-image:url("images/background.jpg");
background-color: #FFFF00;
text-align: right;
padding: 0px;
margin:0 auto;/*dieser kleine Codeschnipsel richtet dieses div zentriert am Bildschirm aus.*/
}






#wrapper {
width: 840px;
margin-bottom: 0px;
margin:0 auto;
background-color:#FFFFFF;
}




#content {
 
background-color: #FFFFFF;
padding: 0 30px 0 5px;
margin: 0 180px;
color: #791195;
text-align:justify;
 
}

 span.c2 {color: #B60BFF}
 img.c1 {border: 0px;}



   caption.mytable
  {
     font-family:Verdana;
     font-size:14px;
     background-color:#c99607;
     color:white;
     border-style:solid;
     border-width:1px;
     border-color:white;
     padding:  7px
     
  }

  table.mytable
  {
     font-family:Verdana;
     font-size:10px;
     width:415px;
     border-style:solid;
     border-color:blue;
     border-width:1px;
     margin: 0 10px 0 20px
  }

  
  tr.mytable
  {

  }

  td.mytable
  {  
     font-size:14px;
     background-color:#c99607;
     color:white;
     border-style:solid;
     border-width:1px;
     text-align:left;
     padding:  7px
  }
        
   
   h1 {

    font-size: 19px;
    
    margin: 0;
    text-align: center
     
  }
   h2 {

    font-size: 17px;
    
    margin: 0;
    text-align: center
     

    }
   p, pre {
    font-size: 14px;
    padding: 5px 20px;
     margin:0;
        
}



  ul#navigation {
	 float: left; /*so ist die navigation immer links, andere elemente weichen rechts aus*/
     width: 180px;
	 display:block;
     font-weight: normal;
   
    text-align: center;
    margin:  0; /*zur Sicherheit setze ich margin und padding auf 0, sonst werden werte von Ÿbergeordneten divs Ÿbernommen und ich kenn mich nicht mehr aus*/
    padding: 0;
     background-color: #fedd2e;
    border: 0px solid #0738DB;     
  }
  ul#navigation li {
     
    list-style: none;
    margin: 0; padding: 0;
  }
  ul#navigation a {

    display: block;
    height:35px;
    line-height:35px;
    font-weight:  bolder;
    text-decoration:none;
    border: 0px solid #F8CA2F;
    
    padding: 0 5px 0 5px;
  }
  ul#navigation a:link {
    color:#0044FF; background-color: #FFFFFF;

  }
  ul#navigation a:visited {
    color: #0044FF; background-color: #FFFFFF;
  }
  ul#navigation a:hover {
 color: #003366; background-color: #FFFFFF;
  }
  ul#navigation a:active {
    color:#999900 ; background-color: #FFFFFF;
  }
 
  li.c2 {list-style: none; display: inline}
 img.c1 {border: 0px;}
  
 
#fotos {               
	float: right;
	width: 200px;
	margin: 0;
	padding: 10px;
}
    
#footer {
clear: both;
margin:0 auto;
padding: 0px; 
text-align:  center; 
  }