﻿/* Style Sheet */


* { 
margin: 0;
padding: 0;
}


 
body { 
text-align: center;
font-size: 100.01%;
font-family: normal Arial, Helvetica, sans-serif;
color: white;
background-color: Firebrick;
}



body a { 
color: Goldenrod;
text-decoration: none;
 }
 
body a:hover { 
color: Chartreuse;
text-decoration: underline;
 }

img { 
border: none;
 }

/* farbangleichung an den IE */
html<body div#seite { 
border-color:gray;
 }  

h1 {
font: bold 2.5em Georgia, 'Times New Roman', serif;
text-shadow: black 2px 2px 1px;
}

h2 {
font: bold 1.8em Georgia, 'Times New Roman', serif;
text-shadow: black 2px 2px 1px;
}

h3 {
font:normal 1em;
text-shadow: black 2px 2px 1px;
}

h3.weiter { 
margin: 2em 0 0 0;
 }

h4 { 
margin: 4em 0 3em 0;
text-shadow: black 2px 2px 1px;
 }





/* div's */
/* bereich oben */
#navoben { 
width: 100%;
padding: 1.5em 0 0 0;
background-color: Orange;
}

#seite { 
height: 100%;
width: 850px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
background-color: #700000;
}

#vorstellung { 
background-image: url(images/floete9ue.jpg);
background-repeat: no-repeat;
background-position: top;
height: 100%;
padding: 12em 4em 2em 21em;
margin: 0 0 5em 0;
 }

#vorstellung p { 
text-shadow: black 2px 2px 1px;
padding: 0.1em;
 }
 
#vorstellung h1 { 
padding: 0 0 0.2em 0;
margin: 0 0 0 0;
 }
 
#vorstellung h2 { 
padding: 1em 0 0.2em 0;
margin: 1.5em 0 0 0;
}

#vorstellung li { 
margin: 0 0 0 1em;
 }



#infobox { 
background-image: url(images/blatt1b.png);
background-repeat: no-repeat;
background-position: right top;
background-color: #700000;
margin: 0;
padding: 10em 1em 0 0;
width: 14em;
position: absolute;
top: 350px;
left: 85px;
text-align: right;
 }

#infobox p { 
font-size: 90%;
text-shadow: black 2px 2px 1px;
 }

#infobox h2 { 
font: bold 1.4em Georgia, 'Times New Roman', serif;
margin: 1em 0 0 0;
 }



#haupttext { 
margin: 0 4em 0 21em;
padding: 0;
}

#haupttext h2 { 
font: bold 1.6em Georgia, 'Times New Roman', serif;
text-shadow: black 2px 2px 1px;
 }

#haupttext p { 
text-shadow: black 2px 2px 1px;
 }

#haupttext li { 
margin: 0 0 0 1em;
 }





#text1 { 
background-image: url(images/blatt100.png);
background-repeat: no-repeat;
background-position: left top;
padding: 3em 0 0 0;
margin: 0 0 5em 0;
 }

#text1 h3 { 
padding: 1em 0 0.2em 0;
 }

#text1 p { 
text-shadow: black 2px 2px 1px;
padding: 0.1em;
 }

#text1 table { 
border: 1px solid #F33;
 }

#text1 table td { 
vertical-align: top;
text-shadow: black 2px 2px 1px;
border: 1px solid orange;
padding: 0.2em;
 }





#text2 { 
background-image: url(images/blatt100.png);
background-repeat: no-repeat;
background-position: left top;
padding: 4em 0 0 0;
margin: 0 0 5em 0;
}

#text2 h2 { 
padding: 0 0 0.2em 0;
 }

#text2 h3 { 
padding: 1em 0 0.2em 0;
 }

#text2 p { 
text-shadow: black 2px 2px 1px;
padding: 0.1em;
 }

#text2 table { 
border: 1px solid #F33;
 }

#text2 table td { 
vertical-align: top;
text-shadow: black 2px 2px 1px;
border: 1px solid orange;
padding: 0.2em;
 }
 
#text2 table td ol {
padding: 0 0 0 0.9em;
}
 
 
#text2 li { 
text-shadow: black 2px 2px 1px;
 }







#text3 { 
background-image: url(images/blatt100.png);
background-repeat: no-repeat;
background-position: left top;
padding: 4em 0 0 0;
margin: 0 0 5em 0;
}

#text3 h2 { 
padding: 0 0 0.2em 0;
 }

#text3 h3 { 
padding: 1em 0 0.2em 0;
 }

#text3 p { 
text-shadow: black 2px 2px 1px;
padding: 0.1em;
 }

#text3 table { 
border: 1px solid #F33;
 }

#text3 table td { 
vertical-align: top;
text-shadow: black 2px 2px 1px;
border: 1px solid orange;
padding: 0.2em;
 }
 
 
 
#text4 { 
background-image: url(images/blatt100.png);
background-repeat: no-repeat;
background-position: left top;
padding: 4em 0 0 0;
margin: 0 0 5em 0;
}

#text4 h2 { 
padding: 2em 0 0.2em 0;
 }

#text4 h3 { 
padding: 1em 0 0.2em 0;
 }

#text4 p { 
text-shadow: black 2px 2px 1px;
padding: 0.1em;
 }



/* fussbereich */

#fuss { 
background-image: url(images/blatt1c.png);
background-repeat: no-repeat;
background-position: center;
background-color: #700000;
margin: 3em 0 0 0;
padding: 4em 0 4em 0;
 }

#fusstext { 
text-align: center;
color: white;
text-shadow: black 2px 2px 1px;
margin: 0;
padding: 0 5em 0 5em;
 }

#fusstext p { 
font-size: 90%;
 }


#navunten { 
width: 100%;
margin: 0;
padding: 0 0 1.5em 0;
background-color: Orange;
}










/* class angaben */





p.tel { 
background-color: #CC0000;
 }


p.mobil { 
background-color: #CC0000;
 }

p.foto { 
text-align: center;
margin: 0;
 }

p.foto2 { 
float: left;
margin: 0.5em 0.5em 0.5em 0;
 }


h4.foto { 
text-align: center;
margin: 2em 0 2em 0;
 }

h4.foto2 { 
float: right;
margin: 2em 0 2em 1em;
 }

h4.foto3 { 
float: left;
margin: 2em 1em 2em 0;
 }

h4.foto4 { 
float: right;
margin: 0.5em 0 0.5em 0.5em;
 }

h4.foto5 { 
float: left;
margin: 0.5em 0 0.5em 0.5em;
 }




ul.nav li { 
list-style: none;
display: inline;
color: black;
}

ul.nav a { 
text-decoration: none;
color: black;
 }

ul.nav a:hover { 
color: #0F0;
 }