/* -----------------------------------------------------------  */
/* -------------------- Rahmen-Layout-Styles -----------------  */
/* -----------------------------------------------------------  */

body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center; /* horizontale Zentrierung für IE */
	background-color: #ffffff;
}

div#seite {
	width: 900px;
	padding: 0px 0px 0px 0px;
	background: url(../images/hg_seite.gif) repeat-y;
	text-align: left; /* Seiteninhalt wieder links ausrichten (Benötigt der IE)*/
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	/* border-bottom: 1px solid #666666; */
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

div#header {
	height: 95px;
	width: 900px;
	background: url(../images/header.gif) no-repeat 19px -3px;
	background-color: #ffffff;
	text-align: right !important;
	font-weight: bold;
}

div#navicontainer {
	width:200px;
	float: left;
	background-color: #C0002A;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 31px 0 0 0;
}

.banner {
	padding-left: 15px;
	padding-top: 20px;
}

div#zusammen_rechts {
	width: 700px;
	float: right;
	padding-top: 117px;
	background: url(../images/uhr.gif) no-repeat;
}

div#blauerstreifen {
	background-color: #00ace5;
	clear:right !important;
	height: 17px;
	font-size:11px;
	font-weight: bold;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0 0 20px;
}

div#content {
	width: 520px !important;
	width: 515px;
	float: left;
	background-color: #ffffff;
}

div#inhalt {
	margin: 50px 30px 30px 30px;
	_margin: 50px 25px 30px 25px;
}

div#infoleiste {
	width: 180px;
	float: right;
	font-size: 11px;
}

div#fahrplanauskunft {
	background: url(../images/fahrplan.jpg) no-repeat;
	padding: 60px 0 0 0;
}

div#link_nwl {
	margin: 10px 0 20px;
	padding: 15px 0;
	text-align: center;
	background-color: #ffffff;
}

div#footer {
	clear: both;
	height: 50px;
	background: url(../images/hg_seite.gif) repeat-y;
	padding: 0 0 0 230px;
}

div#content hr {
	height: 1px;
	border-top: 1px dashed #666666;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	clear: both;
}

/* -----------------------------------------------------------  */
/* ------------------------ Die Navigation -------------------  */
/* -----------------------------------------------------------  */

ul.e1 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* font-family: "Times New Roman", Times, serif; */
	font-size: 12px;/* font-weight: bold; */
}

ul.e1 li {
	border-top: solid 1px #ffffff;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e2 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e2 li {
	padding: 0;
	margin: 0;
}

ul.e3 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e3 li {
	padding: 0;
	margin: 0;
}

ul.e1 a {
	padding: .6em 0 .6em 1.2em;
	margin: 0;
	font-size: 95%;
	display: block;
	text-decoration: none;
	width: 93%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e2 a {
	color: #4f612e;
	background-color: #f2f6d5;
	padding: .6em 0 .6em 2.5em;
	margin: 0;
	width: 86%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e3 a {
	color: #4f612e;
	background-color: #f2f6d5;
	padding: .6em 0 .6em 4em;
	margin: 0;
	width: 78%; /* Für den IE, damit er die Navi nicht zerschießt */
}

ul.e1 li a:link,
ul.e1 li a:visited {
	color: #ffffff;
	background-color: #c0002a;
}

ul.e1 li a:hover,
ul.e1 li a:active {
	color: #ffffff;
	background: #00ace5;
	font-weight: bold;
}

ul.e2 li a:link,
ul.e2 li a:visited {
	color: #ffffff;
	background-color: #c0002a;
}

ul.e2 li a:hover,
ul.e2 li a:active {
	color: #ffffff;
	background: #45d0ff;
}

ul.e3 li a:link,
ul.e3 li a:visited {
	color: #ffffff;
	background-color: #c0002a;
}

ul.e3 li a:hover,
ul.e3 li a:active {
	color: #0093c4;
	background: #afebff;
}

.e1a {
	color: #ffffff !important;
	background: #00ace5 !important;
	font-weight: bold;
}

.e2a {
	color: #ffffff !important;
	background: #45d0ff !important;
	font-weight: bold;
}

.e3a {
	color: #0093c4 !important;
	background: #afebff !important;
	font-weight: bold;
}

ul#sitemap-impressum {
	float: left;
	list-style-type: none;
	font-size: 13px;
	padding: 0 0 10px 13px;
	margin: 0;
	position: static;
	bottom: 0;
	left: 0;
	background: url(../bilder-layout/trennstrich-vertikal.gif) no-repeat 70px 0px;
	width: 161px;
}

ul#sitemap-impressum li {
	display: inline;
	padding: 0;
	margin: 0;
}

ul#sitemap-impressum li a {
	margin: 0 10px 0 0;
	padding: 0;
}

ul#sitemap-impressum a:link,
ul#sitemap-impressum a:visited,
ul#sitemap-impressum a:hover,
ul#sitemap-impressum a:active {
	color: #1f3901;
	text-decoration: none;
	font-weight: bold;
}

div#content a {
	text-decoration: none;
	font-weight: bold;
	color: #00ACE5;
}

div#content a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #C0002A;
}

div#content h1 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 20px;
	line-height: 26px;
	color: #C0002A;
	font-weight: normal;
}

div#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #00ACE5;
	font-weight: bold;
}

div#content rot {
	color: #C0002A;
}

div#content blau {
	color: #00ACE5;
}

div#content dunkelblau {
	color:#003366;
}

/* ------------------------ Die Navigation Ende  -----------------  */

div#header ul {
	font-size: 11px;
	/* background-color: Gray; */
	padding: 75px 20px 0 0;
	margin: 0 0 0 0;
}

div#header ul li {
	display: inline;/* padding-left: 4px; */	 
}

div#header ul li a {
	text-decoration: none;
	font-weight: bolder;
}

/* -----------------------------------------------------------  */
/* ---------------------- Format-Styles ----------------------  */
/* -----------------------------------------------------------  */

div#content p {
	font-size:11px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
}

div#blauerstreifen p {
	font-size:11px;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 0px 0px 10px;
	margin: 0;
}

div#fahrplanauskunft h3 {
	padding: 0 15px 0 15px;
	margin: 15px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

div#fahrplanauskunft img {
	padding: 10px 0 10px 0;
	margin: 0;
}

div#fahrplanauskunft p {
	padding: 0 15px 0 15px;
	margin: 0 0 0 0;
}

div#footer p {
	color: #00ace5;
	font-size: 10px;
}

/* ################################################################################# */
/* ####################### Benzienpreisrechner Anfang ############################## */
/* ################################################################################# */

div#b-rechner-rahmen {
	width: 460px;/* background: Aqua; */
}

div#spalte-links {
	width: 120px;
	/* background: Gray; */
	float: left;
}

div#spalte-links p {
	background: #00ace5;
	margin: 0 0 15px 0;
	padding: 3px 0 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	width: 100px;
	text-align: center;
}

div#spalte-mitte {
	width: 120px;
	/* background: Silver; */
	float: left;
}

div#spalte-mitte p {
	background: #8cdaf3;
	margin: 0 0 15px 0;
	padding: 3px 0 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	width: 100px;
	text-align: center;
}

div#spalte-rechts {
	width: 220px;
	background: #dbf3fb;
	float: left;
}

div#spalte-rechts p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 5px 5px 10px;
	margin: 0;
	line-height: 2em;
}

div#spalte-links a:link,
div#spalte-links a:hover,
div#spalte-links a:active,
div#spalte-links a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight:normal !important;
}

div#spalte-mitte a:link,
div#spalte-mitte a:hover,
div#spalte-mitte a:active,
div#spalte-mitte a:visited {
	color: #000000;
	text-decoration: none;
	font-weight:normal !important;
}

.sternchenverweis {
	clear:both;
	padding-top: 20px;
	font-size:10px;
	line-height:normal !important;
}

/* ################################################################################# */
/* ########################## Benzienpreisrechner Ende ############################# */
/* ################################################################################# */

/* -----------------------------------------------------------  */
/* ---------------------- Pseudoklassen ----------------------  */
/* -----------------------------------------------------------  */

div#fahrplanauskunft a:link,
div#fahrplanauskunft a:visited {
	color: #000000;
	font-weight: bold;
}

div#fahrplanauskunft a:hover,
div#fahrplanauskunft a:active {
	color: #ffffff;
	font-weight: bold;
}

div#header a:link,
div#header a:visited {
	color: #000000;
	font-weight: bold;
}

div#header a:hover,
div#header a:active {
	color: #00ace5;
	font-weight: bold;
}

div#footer a:link,
div#footer a:visited {
	color: #00ace5;
	text-decoration: none;
}

div#footer a:hover,
div#footer a:active {
	color: #c0002a;
	text-decoration: none;
}

div#blauerstreifen a:link,
div#blauerstreifen a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

div#blauerstreifen a:hover,
div#blauerstreifen a:active {
	color: #c0002a;
	text-decoration: none;
	font-weight: bold;
}

.button-download a:link,
.button-download a:visited,
.button-download a:hover,
.button-download a:active {
	color: #ffffff !important;
	font-size: 10px;
}

/* ---------------------- QuickForm Start ---------------------- */
form.qf_form th,
form.qf_form td {
	vertical-align: top;
	padding: 0 0 8px 0;
}

form.qf_form th.qf_label,
form.qf_form td.qf_label {
	padding-right: 4px;
}

.qf_error,
.qf_required {
	color: #f00;
}

.qf_ok {
	color: #090;
}

.qf_error_tr input,
.qf_error_tr textarea {
	background: #fdd;
	border-color: #f00;
}

form.qf_form td.qf_label {
	white-space: nowrap;
	width: 90px;
}

.qf_form input.input_text,
.qf_form textarea.input_textarea {
	width: 340px;
}

.qf_form input.input_plz {
	width: 65px;
}

.qf_form input.input_ort {
	width: 265px;
}

.qf_form input.input_radio {
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align: text-bottom;
	border: 0 none;
}

/* ---------------------- QuickForm Ende ---------------------- */

div.aktionslogo_10_jahre_gronau-enschede {
	float: left;
	position: relative;
	top: 32px;
	left: 210px;
	z-index: 1;
	width: 0;
	height: 0;
	overflow: visible;
}