* {
margin: 0;
padding: 0;
}
		
body {
font-family: Arial, Helvetica, sans-serif;
font-size:100.01%;
background-color: #ffcc00;
color: #000000;
text-align: center;
}

#container {
width: 90%;
text-align: left;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}

p {
font-size: 1.1em;
margin-bottom: 1em;
}

h1 {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
}

h2 {
font-size: 1.5em;
font-weight: bold;
padding-top: 1em;
margin-bottom: 0.5em;
clear: both;
}

h3 {
padding-bottom: 0;
}

h4 {
font-size: 1.2em;
font-weight: bold;
padding: 0.8em 0 0.2em 0;
}

/*---------startseite---------*/
      
h1.home { 
font-size: 3em;
font-weight: bold;
margin: 0.5em 0 0 0;
text-align: center;
}

h2.verein {
font-size: 1.2em;
font-weight: 500;
}

h2.association {
font-size: 1.2em;
font-weight: 500;
text-align: right;
margin-bottom: 3em;
}

.mitte {
width: 8em;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 2em;
font-variant: small-caps;
}

/*---------kopf ---------*/

#kopf {
margin-left: 12.5em;
} 

#kopf h1 { 
font-size: 2em;
font-weight: 800;
}

hr {
background-color: inherit;
color: #ff9900; /*-----farbe nur im internet explorer sichtbar-----*/
margin: 0.5em 0 2em 0;
}

/*---------inhalt-------------*/

#inhalt {
margin-left: 12.5em;
height: 100%;
}

#inhalt ul {
font-size: 1.1em;
list-style-type: square;
padding: 0 0 0 1em;
}

#inhalt li {
background-color: #ffcc00;
color: #000000;
}

.wichtig {
font-weight: bold;
text-align: right;
}

#inhalt a {
color: #000066;
background-color: #ffcc00;
text-decoration: underline;
font-size: 1em;
}

#fuss a {
color: #000066;
background-color: #ffcc00;
text-decoration: underline;
font-size: 0.9em;
font-weight: 400;
}

/*---------navigation ---------*/

#navi {
width: 11em;
float: left;
}

#navid {
width: 11em;
text-align: right;
float: left;
border-left: 6px solid  #ff9900;
padding-left: 2em;
margin-bottom: 2em;
}

#navif {
width: 11em;
float: right;
border-right: 6px solid  #ff9900;
padding-right: 2em;
}

ul {
list-style-type: none;
}

li {
margin: 1px 0 2px 0;
padding:  3px 6px 0 3px;
background-color: #000000;
color: #ffcc00;
}
 
a:link {
font-size: 1.1em;
text-decoration: none;
background-color: #000000;
color: #ffcc00;
}
	
a:visited {
font-size: 1.1em;
text-decoration: none;
font-style: italic;
background-color: #000000;
color: #ffcc00;
}

/*---------bilder-------------*/

.vorstand {
margin: 0 20px 50px 0;
float: left;
}

.vakant {
padding: 100px 0 0 20px;
float: left;
}

.bild {
float: right;
padding: 10px 0 0 10px;
}

#links {
	float: left;
	}

.mitte {
	text-align: center;
	}
				
#rechts {
	float: right;
	}
	
.galerie {
	margin: 30px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	}
	
.galeriehoch {
	margin: 30px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	}
	
.thumb {
	margin: 10px;
	width: 160px;
	width: 120px;
	}
	
.thumbhoch {
	margin: 10px;
	width: 120px;
	width: 90px;
	}	

/*---------formular-------------*/

form {
margin: 0;
padding: 0;
}

fieldset { 
width: 90%; 
border-left: solid 1px #ff9900;
border-top: solid 1px #ff9900;
border-right: solid 2px #ff9900;
border-bottom: solid 2px #ff9900;
margin: 0;
}

legend  { 
padding: 2px 5px; 
margin: 0;
border-left: solid 1px #ff9900;
border-top: solid 1px #ff9900;
border-right: solid 2px #ff9900;
border-bottom: solid 2px #ff9900;
background-color: #dddddd;
color: #000000;
}

label  { 
width: 9em; 
float: left;
margin: 3px;
text-align: right;}

input, textarea { 
width: 350px;
background-color: #ffffff;
border-left: solid 2px #ff9900;
border-top: solid 2px #ff9900;
border-right: solid 1px #ff9900;
border-bottom: solid 1px #ff9900;
font-size: 1em;
margin: 3px;
padding: 2px;
color: #000000;
}

.checkbox {
width: 22px;
border: none;
background-color: #ffcc00;
margin-left: -3px;
font-size: 1em;
color: #000000;
}

.abschicken { 
width: 10em;
background-color: #dddddd;
border-left: solid 1px #666666;
border-top: solid 1px #666666;
border-right: solid 2px #666666;
border-bottom: solid 2px #666666;
font-size: 1em;
padding: 2px;
color: #000000;
margin-left: 12em;
}


input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #ffff99;
color: #000000;
}

/*---------fusszeile-------------*/

#fuss {
clear: left;
font-size: 0.9em;
font-weight: 400;
padding-top: 2em;
}