* {
margin:0;
padding:0;
}

html {
	font-size: 75%; 	
}

html>body {
	font-size: 12px;
}

body {
	background: url('../img/background.jpg');
	background-attachment:fixed;
	text-align: center;		
}

ul, li {
	list-style-type: none;
}

#wrapper {
	background:url('../img/transparent.png') repeat;	
	text-align: left;
	width: 80em;
	margin: 1.7em auto;	
	border:  1px solid #383b8c;
}

#meta-information {
	height: 8.3em;
	background: url('../img/hintergrund-elemente.png') repeat;
	color:  #fff;
	padding: 1.67em 0;
	border-bottom:  1px solid #383b8c;
	
}
#navigation-ueberschrift {
	float: left;
	background: url('../img/hintergrund-elemente.png') repeat;
	width: 18.16em;
	float: left;
	margin-top: 1.7em;
	border-top:  1px solid #383b8c;
	border-right:  1px solid #383b8c;
}

#navigation{
	height: 50em;
	float: left;
	background: url('../img/hintergrund-elemente.png') repeat;
	width: 16.5em;
	height: 50em;
	float: left;
	margin: 0 auto 1.7em;
	padding: 0 0.83em 0.83em 0.83em;
	border-right:  1px solid #383b8c;
	border-bottom: 1px solid #383b8c;
}

#hauptinhalt {
	float: right;
	width: 61.7em;
	margin: 1.7em auto;
	
}
.hauptinhalt-rechts {
	height: 55.3em;
	background: url('../img/hintergrund-elemente.png') repeat;
	float: right;
	width: 14.6em;
	border-top:  1px solid #383b8c;
	border-bottom:  1px solid #383b8c;
	border-left:  1px solid #383b8c;
}

.hauptinhalt-links {
	height: 52.9em;
	background: url('../img/hintergrund-elemente.png') repeat;
	float: left;
	width: 43.5em;
	margin: 0em 0em 0em 1.7em ;
	border-top:  1px solid #383b8c;
	border-left:  1px solid #383b8c;
	border-right:  1px solid #383b8c;
}

.hauptinhalt-unten {
	height: 1.3em;
	float: left;
	width: 43.5em;
	margin: 0em 0em 0em 1.7em ;
	background: url('../img/hintergrund-elemente.png') repeat;
	border-left:  1px solid #383b8c;
	border-right:  1px solid #383b8c;
	border-bottom:  1px solid #383b8c;
	border-top: 0px solid #383b8c;
	padding-bottom: 0.6em;
	padding-top: 0.5em;
}


#randinformation {
	background: url('../img/hintergrund-elemente.png') repeat;
	clear: both;
	color: #fff;
	height: 8.67em;
	border-top:  1px solid #383b8c;
}

p {
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	clear: both;
	color: #383b8c;
}

h1 {
	font: 1.67em/0.9em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;	
}

h2 {
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif;	
	margin-top: 1em;
	margin-bottom: 1em;	
}
h3 {
	font: 1.33em/1.13em Georgia, "Times New Roman", Times, serif;	
	margin-top: 1.13em;
	margin-bottom: 1.13em;	
}
h4 {
	font: 1.17em/1.29em Georgia, "Times New Roman", Times, serif;	
	margin-top: 1.29em;
	margin-bottom: 1.29em;	
}

#notizen p {
	font: 0.83em/1.8em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	color: #111111;				
}

#hauptinhalt h2, #hauptinhalt h3, #hauptinhalt h4, #hauptinhalt ul, #hauptinhalt p, #notizen h2, #notizen h3, #notizen h4, #notizen ul, #notizen p {
	padding: 0 15px;	
}
#meta-information h1 {
	font-size: 2.0em;
	color: #333333;
	padding: 1.67em 1.67em;
}

#hauptinhalt h2 {
	color: #222222;
	background: url('../img/verlauf-hell.png') 0 100% repeat-x;
	padding: 5px 15px 0 15px;
	margin: 10px 0 0 0;
	font-size: 1.7em;
	word-spacing: 0.15em;
	letter-spacing: 0.01em;
}
#hauptinhalt h3 {
	color: #222222;
	background: url('../img/verlauf-hell-h3.png') 0 100% repeat-x;
	padding: 5px 15px 0 15px;
	margin: 10px 0 0 0;
	font-size: 1.4em;
	word-spacing: 0.15em;
	letter-spacing: 0.01em;
}
#hauptinhalt h4 {
	color: #222222;
	padding: 5px 15px 15px 0px;
	margin: 10px 0 0 0;
	font-size: 1.1em;
	word-spacing: 0.15em;
	letter-spacing: 0.01em;
}
#hauptinhalt p {
	background: url('../img/verlauf-hell-gespiegelt.png') 0 0 repeat-x;
	margin: 0;
	padding: 20px 0.83em 10px 1.7em;
	color: #383b8c;
	font-weight: 500;
	font-size: 1.1em;
	word-spacing: 0.03em;
	letter-spacing: 0.005em;
}
#navigation-ueberschrift h2 {
	color: #222222;
	background: url('../img/verlauf-hell.png') 0 100% repeat-x;
	padding: 5px 15px 0 15px;
	margin: 10px 0 0 0;
	font-size: 1.7em;
	word-spacing: 0.15em;
	letter-spacing: 0.01em;
}
#navigation-ueberschrift p {
	background: url('../img/verlauf-hell-gespiegelt.png') 0 0 repeat-x;
	margin: 0;
	padding: 8px 15px 10px 15px;
	color: #383b8c;
	font-weight: 500;
	font-size: 1.1em;
	word-spacing: 0.03em;
	letter-spacing: 0.005em;
}
#navigation li {
	width: 12.53em;
	font: 1.33em Georgia, "Times New Roman", Times, serif;
	background:  url(../img/nav-bg.png) bottom left repeat-x;
	border-top: 1px solid #383b8c;
	display: block;
	color: #222222;	
}

#navigation li a{

	display: block;
	padding: 0.42em 0.84em;
	color: #222222;
}

#navigation li a:hover {
	background: url(../img/nav-bg-2.png) bottom left repeat-y;
	color: #000000;
}

#navigation li a.active {

	background: url(../img/nav-bg-3.png) bottom left repeat-y;
	color: #000000;
	text-decoration: underline;
}
#navigation li a:visited {
	color: #222222;	
}

#navigation ol {
	width: 14.46em;
	font: 1.00em Georgia, "Times New Roman", Times, serif;
	background:  url(../img/nav-bg.png) bottom left repeat-x;
	border-top: 1px solid #383b8c;
	display: block;
	color: #222222;
	margin: 0 0 0 2.22em;
	
}

#navigation ol a{

	display: block;
	padding: 0.42em 0.84em;
	color: #222222;
}
#navigation ol a:visited {
	color: #000000;	
}
#navigation ol a:hover {
	background: url(../img/nav-bg-ol-2.png) bottom left repeat-y;
	color: #000000;
}

#navigation ol a.active {

	background: url(../img/nav-bg-ol-3.png) bottom left repeat-y;
	color: #000000;
	text-decoration: underline;
}


#hauptinhalt a {
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	color: black;
	font-weight: 500;
	font-size: 1.1em;
	word-spacing: 0.01em;
	letter-spacing: 0.001em;
	background: url(../img/link.png) bottom left repeat-y;
	padding: 0px 3px 1px 0px; 
	
}

#hauptinhalt a:hover {

	background: url(../img/link-hover.png) bottom left repeat-y;
	color: #000000;
}
.bild {
	float:  left;
	padding: 0.42em;
	margin: 0 1.5em 0 1.5em;
}
.logo-bild {
	padding: 0.42em 1em 0.83em 0.45em;
}
.elastisches-bild {
	padding: 0.42em;
	margin: 1em 1.5em 1.5em 2em;
	border:  1px solid #eee;
	height: 25em;
	width: 16.7em;
}
.gestaltungsbild {
	padding: 1em 0em 0em 2.8em;
}
.bild-herbst {
	float:  left;
	padding: 0.42em;
	margin: 0 4em 0 2em;
}