html {padding:0;}
@font-face {
   font-family: POI_____;                        /* CommercialScript_BT*/
   local: POI_____;         
   src: url(../fonts/POI_____.TTF); 
}
   
body
{
font-family:geogia,times,"times new roman",serif;
font-family:POI_____;                                  /* der letzte Eintrag gilt */
background-color:grey;                                 /* hintergrundfarbe grau */
background:url(../bilder/Herrenhaus01a.jpg);
background-attachment:fixed;
margin:0;
}

#header h1

{margin-top:0;}




#header

/*padding-top:150px;}*/

h1
{
color:#0F0FFF;
color:#FFFF00;
font-size:4em;
text-align:center;
border-bottom:solid #FFFF00 4px;                            /* ohne farbnummer wird die linie  in defaultfarbe dargestellt */              

}
#header h2
{
 text-align:center; 
 color:#0F0FFF;
 color:#FFFF00;
 font-size:2em;
}
p
{
font-size:1.2em;
}

div#canvas
{
max-width:55em;                                             /*maximalbreite */
background-color:rgb(247,239,124);                          /*rückfalloption für hintergrund falls rgba option unten nicht dargestellt werden kann)*/
background-color:rgba(000,255,255,0.3);                     /*hintergrundfarbe rgba= transparenz 0.0 voll, 1.0 nicht transparent*/
padding:2em;                                                /*rand zum textfeld */
margin-top:50px;
margin-left:auto;                                           /*zentieren -left & -right gehören zusammen*/
margin-right:auto;                                          /*zentieren*/
background-image:bilder/bg19.gif;
box-shadow:0px 0px 20px 6px black;                          /*schatten des textfeldes (ohne farbangabe in textfarbe*/
}

div#mainimpressum
{
color:#000000;
font-size:14px;
margin-right:25px;
padding:0.5em;
}


div#kontakt
{
  padding:1em;
  margin-top:10px;
  margin-left:150px; 
  font-size:1.2em;
}  

div#links
{
  padding:1em;
  margin-top:10px;
  margin-left:180px; 
  font-size:1.2em;
}  

#navi
{
float:left;
margin-left:1em;                                            /*zentieren -left & -right gehören zusammen*/
margin-bottom:1em; 

}
#navi ul
{
margin:0;
padding:0;
list-style-type:none;
}


 
#navi a
{
color:white;
color:#FFFF00;
font-weight:bold;
text-decoration:none;                                       /*unterstreichen weg*/
display:block;
padding:15px;
margin-bottom:6px;
margin-right:50px;
background-color:rgb(64,32,227);
text-align:center;
border-radius:10px;                                         /*radius der ecken*/
box-shadow:15px 10px 5px black;   
}

#navi a:visited                                             /*farbe für besuchte unterseite*/
 {
 color:rgb(210,210,110);
 }
 
#navi a:hover
{
color:blue;
background-color:rgb(247,39,124);
}

#mainContent
{
margin-left:11em;
}

body#vita img
{
float:right;
} 
img.fliessen
{
float:right;
margin-left:20px;
margin-bottom:10px;
}

div#footer
{
color:red;
font-size:.8em;
clear:both;     
text-align:center; /*umfliessend ausschalten*/
text-decoration:none;
}

div#wetter
{ 
 width:200px;
 color:#000000;
 font-size:11px;
 background-color:#FFFFFF;                                   /*hintergrundfarbe des textfeldes*/   
 float:right;                                 
 color:white;                                                /*schriftfarbe innerhalb des textfeldes*/
 padding:1em;                                                /*abstand text-rand des rahmens*/
 border-radius:10px;                                         /*radius der ecken*/
 box-shadow:5px 5px 5px black;                               /*schatten des textfeldes (ohne farbangabe in textfarbe*/
 border-style:solid;                                         /*rahmen*/
 border-width:1px;                                           /*rahmenstärke*/
 border-color: grey;                                         /*rahmenfarbe*/
 margin-top:1em;                                             /*rand zwischen rahmen und umfliessenden text - oben  */
 margin-left:1em;                                            /*rand zwischen rahmen und umfliessenden text - links */
 margin-right:1em;                                           /*rand zwischen rahmen und umfliessenden text - rechts*/
 margin-bottom:1em;                                         /*rand zwischen rahmen und umfliessenden text - unten */
}

#wetter a
{
  color:#000000; 
  text-decoration:none;
  font-size:10px;
}