/* Farbdefinitionen

Rot			#e1001a
Dunkelgrau	#58585a
Hellgrau	#868789

-------------------	*/

* {
	margin: 0;
	padding: 0;
}

html { 
	height: 100%; padding-bottom: 1px;		/* erzwingt einen scrollbalken */
	background: #868789 url(bg-x-richtung.jpg) repeat-x;
}  
body {
	text-align: center;
	background: url(bg-y-richtung.gif) repeat-y top center;
	margin-bottom: 20px;
}
body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3;
	color: #111111;
}
td {
	vertical-align: top;
	padding: 3px 8px 3px 0;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #cfd0d3;
	border-left: none;
}
td.layout {
	border: none;
}
a:link { color: #e1001a; text-decoration: underline; }
a:visited { color: #e1001a; text-decoration: underline; }
a:hover { color: #868789; text-decoration: none; }
a:active { color: #868789; text-decoration: none; }

a img, img a {
	border: none;
}
h1, .H1 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1em;
	color: #e1001a;
}
h2, .H2 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 1em;
	color: #e1001a;
}
h3, .H3 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 1em;
	color: #58585a;
}
h4, .H4 {
	font-size: 11px;
	font-weight: bold;
	color: #868789;
}
input, textarea {
	margin: 0 0 8px 0;
	padding: 4px;
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	/*border-top: none;
	border-right: 1px solid #99a2a8;
	border-bottom: 1px solid #99a2a8;
	border-left: none;*/
	border: 1px solid #99a2a8;
}
input.sendebutton {
	width: 120px;
	background-color: #dddddd;
}
input.searchbox-button {
	width: 14px;
	margin: 0 0 4px 0;
	padding: 4px;
	vertical-align: middle;
	border-top: 1px solid #99a2a8;
	border-right: 1px solid #99a2a8;
	border-bottom: 1px solid #99a2a8;
	border-left: none;
}
input.searchnavi {
	width: 120px;
	border: none;
}
textarea.nachricht {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
p {
	margin-bottom: 0.5em;
}
strong {
	font-weight: bold;
	color: #333333;
}
ol {
	margin-top: 0px;	
	padding-left: 1.7em;
	margin-left: 0;
}
ul {
	margin: 0 0 0.5em 0;	
	padding-left: 1.4em;
	list-style-type: disc;
}
ul ul {
	margin-top: 0px;	
	padding-left: 1.4em;
	margin-left: 0;
}
li {
	margin-top: 0.5em;
}
/* -------------------- layout ------------------- */

#wrap {
	width: 980px;
	margin: 0 auto;
	padding-right: 10px;
	text-align: left;
	background: url(bg-wrap-rechter-rand.jpg) no-repeat top right;
}
#layout-links {
	float: left;
	width: 220px;
	min-height: 790px;
	background-color: #58585a; /* damit safari die linke spalte grau hinterlegt */
}
		#navigation {
			float: left;
			margin: 128px 0 0 0;
			width: 220px;
		}
		#et-zeichen {
			float: left;
			width: 202px;
			margin: 200px -133px 30px 131px;
		}

#layout-rechts {
	float: right;
	width: 630px;
	background-color: #ffffff;
}
		#header {
			width: 630px;
			height: 128px;
			border-bottom: 2px solid #c4c5c8;
		}
		#header img {
			float: right;
			margin-top: 35px;
		}
		#content-links {
			float: left;
			width: 600px;
			padding: 30px 30px 30px 0;
			/*border-bottom: 2px solid #e1001a;*/   /* variante mit backdrop bis unten klappt nicht */
			/*margin-bottom: 120px;*/
		}
	/*	#content-rechts {
			float: right;
			width: 210px;
			margin: 25px 25px 0 0;
		}*/

#footer {
	width: 980px;
	height: 8px;
	/*clear: both;*/
	/*border-bottom: 8px solid #e1001a;*/	/* variante mit rotem abschluss unten */
	background-color: #e1001a;
}
#footer-bg {
	width: 990px;
	height: 18px;
	clear: both;
	background: url(bg-footer-abschluss.gif) no-repeat bottom left;
}


/* -------------------- klassen ------------------ */


/* ------------- navigation  ---------------- */
ul#main-nav {
	font-size: 11px;
	font-weight: bold;
	border-top: 2px solid #868789;
	width: 220px;
	margin: 0;
	padding: 0;
}
ul#main-nav li {
	list-style: none;
	display: block;
	border-bottom: 2px solid #868789;
	height: 28px;
	margin: 0;
	padding: 0;
}
ul#main-nav li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 6px 2px 0px 28px;
	height: 22px;
}
ul#main-nav li a:hover {
	text-decoration: none;
	color: #e1001a;
	background-color: #ffffff;
}
ul#main-nav li a.aktuelle-seite, ul#main-nav li a.aktuelle-seite:hover {
	color: #ffffff;
 	text-decoration: none;
	background-color: #e1001a;
	border-top: 2px solid #e1001a;
	border-bottom: 2px solid #e1001a;
	margin-top: -2px;
}


/* ------------- subnavigation ---------------- */
ul#sub-nav {
	margin: 0;
	padding: 0;
}
ul#sub-nav li {
	list-style: none;
	border-bottom: none;
	padding: 0;
	margin: 0 0 6px 0;
}
ul#sub-nav li a {
	color: #111111;
	text-decoration: none;
	display: block;
	padding: 0 0 0 25px;
	font-weight: normal;
}
ul#sub-nav li a:hover {
	text-decoration: none;
	color: #d50011;
	display: block;
}
ul#sub-nav li a.aktuelle-seite, ul#sub-nav li a.aktuelle-seite:hover {
	color: #d50011;
	text-decoration: none;
	background-image: none;
}

/* --------- subsubnav -------- */

ul#sub-sub-nav {
	margin: 8px 0 0 16px;
	padding: 0;
}
ul#sub-sub-nav a.aktuelle-seite {
	color: #d50011;
}

/* ---------------- impressum, drucken --------- */

ul.impressum-drucken {
	margin: 0;
	padding: 0;
}
ul.impressum-drucken li {
	list-style: none;
	padding: 0;
	margin: 0 0 6px 0;
}
ul.impressum-drucken li a:link, ul.impressum-drucken li a:visited {
	color: #111111;
	text-decoration: none;
	display: block;
	padding: 0;
	font-weight: normal;
}
ul.impressum-drucken li a:hover, ul.impressum-drucken li a:active {
	text-decoration: none;
	color: #d50011;
	display: block;
}