body, html { height: 100%; }

html { background: #00233e url(../../fileadmin/templates/bg-body-verlauf.gif) center 0 repeat-y; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	line-height: 2.0em;
	background: url(../../fileadmin/templates/bg-oben.jpg) center 0 no-repeat;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

p {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt a {
	color: #00305d;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #a4b7ca;
}

div#inhalt a:hover, div#inhalt a:active { color: #760512; }

div.clear { clear: both; }

div.spacer {
	height: 30px;
	clear: both;
}


/* IE: PNG-Transparenz */
* html div#logo img, * html div#slogan img, * html div#home-slogan img, * html div#start-slogan img, * html div#einstieg-slogan img {
	behavior: url("fileadmin/scripts/iepngfix.htc");
}


/* =======
Box-Layout
======= */

div#rahmen {
	position: relative;
	width: 978px;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	margin-left: auto;
	margin-right: auto;
	background-color: #00315a;
}

div#header {
	position: absolute;
	width: 978px;
	height: 108px;
	top: 0px;
	left: 0px;
	background: url(../../fileadmin/templates/bg-header-flaeche.gif) repeat-x;
	overflow: hidden;
}

div#logo {
	position: absolute;
	height: 69px;
	padding: 20px 0px 19px 25px;
	background: url(../../fileadmin/templates/bg-header-bogen.gif) bottom left no-repeat;
}

div#slogan {
	position: absolute;
	top: 24px;
	right: 34px;
}

div#navigation {
	font-size: 1.2em;
	position: absolute;
	width: 978px;
	height: 66px;
	top: 108px;
	left: 0px;
	background: #002343 url(../../fileadmin/templates/bg-unternavigation.gif) bottom left;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

div#subnav {
	position: absolute;
	width: 978px;
	height: 38px;
	top: 265px;
	left: 28px;
}

div#inhalt {
	font-size: 1.4em;
	position: relative;
	float: left;
	width: 978px;
	margin-top: 174px;
	background-color: #dbe4ef;
}

* html div#inhalt {
	float: none;
	height: 400px;
}

div#inhalt-text {
	min-height: 300px;
	padding: 40px 35px 20px 40px;
	background: #dbe4ef url(../../fileadmin/templates/bg-inhalt.jpg) no-repeat;
}

* html div#inhalt-text { height: 300px; }

div#seitenbild {
	border-bottom: 1px solid #000;
	overflow: hidden;
}

div#seitenbild img { float: left; }

div.inhalt-links {
	float: left;
	width: 475px;
	padding: 0px 0px 32px 0px;
}

div.inhalt-rechts {
	float: right;	
	width: 395px;
	padding: 0px 0px 32px 0px;
}

/* Twocolumn-Element */
div.inhalt-zweispalten-links {
	float: left;
	width: 405px;
	padding: 0px 0px 32px 0px;
}

div.inhalt-zweispalten-rechts {
	float: right;	
	width: 465px;
	padding: 0px 0px 32px 0px;
}


/* Threecolumn-Element */
div.inhalt-dreispalten-links {
	float: left;
	width: 280px;
	padding: 0px 0px 32px 0px;
}

div.inhalt-dreispalten-mitte {
	float: left;
	width: 280px;
    margin-left:30px;
	padding: 0px 0px 32px 0px;
}

div.inhalt-dreispalten-rechts {
	float: right;	
	width: 280px;
	padding: 0px 0px 32px 0px;
}

div clear { clear: both; }

div#linie, div#start-linie {
	height: 6px;
	margin: 0px 0px 0px 0px;
	background: url(../../fileadmin/templates/leiste-gruen.jpg) no-repeat;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

div#footer, div#start-footer {
	font-size: 1.1em;
	height: 90px;
	color: #fff;
	text-align: center;
	padding: 12px 0px 0px 0px;
	background: url(../../fileadmin/templates/bg-footer.jpg) no-repeat;
}

div#start-footer {
	margin-top: 360px;
	background: none;
}

div#footer span, div#start-footer span { padding: 0px 6px 0px 6px; }


/* =======
Navigation
======= */
div#mobiltext {
   text-align:center;
}

div#mobiltext a {
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0.5em 0.5em 1.0em;
}

div#navigation ul {
	padding: 0px 0px 0px 0px;
	margin: 0px -2px 0px 0px;
}

/* * html div#navigation ul { margin-top: -37px; }*/

div#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

div#navigation ul li a {
	display: block;
	height: 37px;
	color: #fff;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	outline: none;
}

div#navigation ul li a:hover, div#navigation ul li a.aktiv {
	background-position: 0px -37px;
	border-left: 1px solid #003051;
	margin-left: -1px;
}

/* Buttons */
li#nav-7 a { width: 163px; background-image: url(../../fileadmin/templates/nav-7.png); }
li#nav-6 a { width: 164px; background-image: url(../../fileadmin/templates/nav-6.png); }
li#nav-5 a { width: 163px; background-image: url(../../fileadmin/templates/nav-5.png); }
li#nav-4 a { width: 163px; background-image: url(../../fileadmin/templates/nav-4.png); }
li#nav-3 a { width: 164px; background-image: url(../../fileadmin/templates/nav-3.png); }
li#nav-2 a { width: 161px; background-image: url(../../fileadmin/templates/nav-2.png); }

/* 2. Ebene */

div#navigation ul li ul {
	position: absolute;
	left: 0px;
	width: 966px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
}

div#navigation ul li ul li a {
	display: inline-block;
	width: auto;
	line-height: 1.0em;
	height: 1.0em;
	text-indent: 0px;
	margin: 8px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
	border-right: 1px solid #fff;
	background-image: none;
	white-space: nowrap;
}

div#navigation ul li ul li.last a { border: none; }

div#navigation ul li ul li a:hover, div#navigation ul li ul li a.aktiv {
	color: #b4d800;
	margin: 8px 0px 0px 0px;
	border-left: none;
}

/* 3. Ebene im Seitenbild */

div#subnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div#subnav ul li {
	float: left;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#subnav ul li a {
	display: inline-block;
	min-width: 12em;
	height: 25px;
	color: #fff;
	line-height: 25px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	border: 2px solid #32b5ef;
}

div#subnav ul li a span {
	display: block;
	padding: 0px 26px 0px 8px;
	background-position: right -25px;
	background-repeat: no-repeat;
}

div#subnav ul li a, div#subnav ul li a span { background-image: url(../../fileadmin/templates/bg-subnav.gif); }

/* Mouseover + Aktiv */
div#subnav ul li a:hover span, div#subnav ul li a.aktiv span { background-position: 0px 25px; }

div#subnav ul li a:hover {
	border-color: #00abfe;
	background-position: 0px -50px;
}
div#subnav ul li a.aktiv {
	border-color: #009cef;
	background-position: 0px -75px;
}

div#subnav ul li a.kataktiv { min-width: 17em; }

/* Buttonfarben Kategorien */
div#subnav ul li a.kataktiv, div#subnav ul li a.kataktiv span { border-color: #46d9e6; background-position: 0px -150px; } /* tuerkis */
div#subnav ul.menu-25 li a.kataktiv, div#subnav ul.menu-25 li a.kataktiv span { border-color: #faaf0d; background-position: 0px -100px; } /* gelb */
div#subnav ul.menu-24 li a.kataktiv, div#subnav ul.menu-24 li a.kataktiv span { border-color: #8dd724; background-position: 0px -125px; } /* gruen */
div#subnav ul.menu-22 li a.kataktiv, div#subnav ul.menu-22 li a.kataktiv span { border-color: #c73a40; background-position: 0px -175px; } /* rot */


/* ============
Standard-Inhalt
============ */

.csc-firstHeader { margin-top: 0px; }

h1 {
	font-size: 1.4em;
	line-height:1.2em;
	color: #760512;
	margin: 0px 0px 24px 0px;
}

h2 {
	font-size: 1.1em;
	margin: 24px 0px 16px 0px;
}
div.csc-header h2 { margin-top: 0px; }

h3 {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
}

h4 {
	color: #fff;
	font-size: 1.1em;
	height: 29px;
	line-height: 29px;
	margin: 24px 0px 16px -7px;
	padding: 0px 12px 0px 12px;
	background: #008dd2 url(../../fileadmin/templates/bg-header-blau.gif) no-repeat;
}

span.klein {
	font-size: 0.8em;
	line-height: 1.3em;
}

hr {
	height: 1px;
	border: none;
	background-color: #00305d;
	margin: 16px 0px 16px 0px;
}

* html hr { border: 2px solid #8aa4c5; }
*+ html hr { border: 2px solid #8aa4c5; }

div#inhalt-text ul {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-text ul li {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 2px 6px;
}

div#inhalt-text ul li ul { margin-bottom: 0px; }

table.contenttable { margin: 0px 0px 24px 0px; }
table.contenttable td { padding: 2px 12px 2px 0px; }

div#inhalt-text table.contenttable td a {
	color: #000;
	font-weight: normal;
}
div#inhalt-text table.contenttable td a:hover { color: #760512; }

/* In der Laufweite reduzierter Text */
div.csc-frame-indent6633 {
	width: 475px;
	margin: 0px 0px 36px 0px;
}

div.csc-frame-indent6633 h2 { margin-top: 0px; }
div.csc-frame-indent6633 h4 { border-right: 2px solid #1cc3f3; }

/* nach oben link sitemap (sections) */
p.csc-linkToTop {
	text-align: right;
	margin: 0px 0px 24px 0px;
}

/* Text mit Bild rechts */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { padding-top: 45px; }
div.csc-textpic-intext-right-nowrap div.csc-textpic-text { padding-right: 30px; }

/* Bild-Element in Icebox rechts */
/*div.inhalt-rechts div.csc-textpic-above { margin: 45px 0px 0px -35px; }*/

div#inhalt-text div.csc-textpic-imagewrap a { border: none; }

/* Abstand */
/*div.csc-textpic-clear { height: 48px; }*/

/* Bildunterschrift */
dd.csc-textpic-caption {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 0px 0px 0px 3px;
}

/* Downloads */
div#inhalt-text div.l0 ul, div#inhalt-text div.l1 ul, div#inhalt-text div.l0 ul {
	margin: 0px 0px 32px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-text div.l0 ul li img { display:none; }

div#inhalt-text div.l1 ul li, div#inhalt-text div.l2 ul li, div#inhalt-text div.l3 ul li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

div#inhalt-text div.l1 ul li img, div#inhalt-text div.l2 ul li img, div#inhalt-text div.l3 ul li img { margin: 0px 6px 0px 0px; }


/* ============
Seiten-Menues
============ */

/* Blaue Buttons am unteren Rand */
div#inhalt-text ul.csc-menu-def {
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#einstieg-extra ul.csc-menu-def, div#fahrschein-extra ul.csc-menu-def { margin-left: 42px; }

div#inhalt-text ul.csc-menu-def li {
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	width: 226px;
}

div#inhalt-text ul.csc-menu-def li a {
	display: block;
	width: 207px;
	height: 29px;
	line-height: 29px;
	font-size: 0.9em;
	padding: 0px 0px 0px 12px;
	color: #fff !important;
	border: none;
	background: #1178c6 url(../../fileadmin/templates/button-blau.gif) no-repeat;
	overflow: hidden;
}

div#inhalt-text ul.csc-menu-def li a:hover, div#inhalt-text ul.csc-menu-def li a:active { background-position: 0px -29px; }


/* Menue der Unterseiten, Abschnittsuebersicht als Textlinks */
div#inhalt-text ul.csc-menu-1,
div#inhalt-text ul.csc-menu-3 {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-text ul.csc-menu-3 { margin-bottom: 48px; }

div#inhalt-text ul.csc-menu-1 li,
div#inhalt-text ul.csc-menu-3 li {
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

/* Statisches Menue mit blauem Hintegrund (Verkehrsunternehmen) */
div#inhalt-text ul.csc-menu-blau {
	text-align: center;
	margin: 0px 0px 48px -7px;
	padding: 12px 0px 12px 0px;
	background-color: #01284c;
}

div#inhalt-text ul.csc-menu-blau li {
	display: inline;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	list-style-type: none;
	margin: 0px 3px 0px 3px;
}

div#inhalt-text ul.csc-menu-blau li a {
	color: #b4d800;
	border-bottom: none;
}


/* ========
Startseite
======== */

div#home {
	position: relative;
	width: 978px;
	height: 562px;
	margin: -40px -35px -20px -40px;
	overflow: hidden;
}

div#home > a { display: none; } /* Anker des Content Elements erzeugt Abstand in IE8 */

div#home-buttons-flaeche {
	position: absolute;
	width: 978px;
	height: 268px;
	left: 0px;
	background-color: #fff;
	-moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	z-index: 3;
}

/* Statisches Motiv */

div#home-motiv {
	position: absolute;	
	height: 562px;
	width: 978px;
	overflow: hidden;
	border-top: 1px solid #000;
	z-index: 1;
}

div#home-slogan {
	height: 294px;
	width: 978px;
	display: inline-block;
}

div#home-slogan img {
	position: relative;
	margin: 35px 0px 0px 40px;
	z-index: 5;
}

/* Wechselmotive NEU */

div#inhalt-text ul#wechselmotive {
	position: relative;
	width: 978px;
	height: 294px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}

div#inhalt-text ul#wechselmotive li {
	position: absolute;
	height: 562px;
	width: 978px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	display: none;
}

div#inhalt-text ul#wechselmotive li#motiv-1 { display: block; }

ul#wechselmotive li div.home-motiv {
	position: absolute;	
	height: 562px;
	width: 978px;
	overflow: hidden;
	border-top: 1px solid #000;
}

ul#wechselmotive li div.home-slogan {
	position: absolute;	
	height: 294px;
	width: 978px;
}

ul#wechselmotive li div.home-slogan a { border: none; }

ul#wechselmotive li div.home-slogan img { margin: 45px 0px 0px 40px; }

ul#wechselmotive li div.home-logo {
	position: absolute;
	right: 20px;
	top: 20px;
}

/* Motivauswahl */
div#inhalt-text ul#motivauswahl {
	position: absolute;
	top: 250px;
	left: 43px;
	z-index: 3;
}

* html div#inhalt-text ul#motivauswahl { top: 0px; }

div#inhalt-text ul#motivauswahl li {
	float: left;
	list-style-type: none;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-text ul#motivauswahl li a {
	display: block;
	width: 38px;
	height: 25px;
	border: none;
	text-indent: -9999px;
	background-image: url(../../fileadmin/templates/pictos-wechselmotiv.png);
	background-repeat: no-repeat;
}

div#inhalt-text ul#motivauswahl li#auswahl-1 a { background-position: 0px 2px; }
div#inhalt-text ul#motivauswahl li#auswahl-1 a:hover, div#inhalt-text ul#motivauswahl li#auswahl-1 a.aktiv { background-position: 0px -35px; }

div#inhalt-text ul#motivauswahl li#auswahl-2 a { background-position: -42px 2px; }
div#inhalt-text ul#motivauswahl li#auswahl-2 a:hover, div#inhalt-text ul#motivauswahl li#auswahl-2 a.aktiv { background-position: -42px -35px; }

div#inhalt-text ul#motivauswahl li#auswahl-3 a { background-position: -84px 2px; }
div#inhalt-text ul#motivauswahl li#auswahl-3 a:hover, div#inhalt-text ul#motivauswahl li#auswahl-3 a.aktiv { background-position: -84px -35px; }


/* Standard-Buttons */

div#home-module {
	position: relative;
	float: left;
	width: 620px;
	margin-top: 14px;
	z-index: 4;
}

div#home-module ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#home-module ul li {
	list-style-type: none;
	float: left;
	width: 294px;
	height: 116px;
	color: #fff;
	margin: 0px 12px 10px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../../fileadmin/templates/home-button-std.png) no-repeat;
	overflow: hidden;
}

div#home h1, div#home h2 {
	font-size: 0.9em;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
}

div#home ul li h1 a, div#home ul li h2 a {
	line-height: 29px;
	background: url(../../fileadmin/templates/button-blau-g.gif) 0px 0px no-repeat;
}
div#home ul li h1 a:hover, div#home ul li h2 a:hover { background-position: 0px -29px; }

div#home-module ul li p {
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 8px 12px 0px 12px;
}

div#home-module ul li a {
	display: block;
	color: #fff;
	margin: 0px -12px 0px -12px;
	padding: 0px 12px 0px 12px;
	border: none;
}

div#home-module ul li a:hover, div#home-module ul li a:active { color: #fff; }

div#home-module ul li p a {
	height: 76px;
	margin-top: -10px;
	padding-top: 10px;
}

/* Abweichung Button durch frame (z.B. Einzelfahrschein, mobil) */
div#home-module ul li div.csc-frame-frame2 {
	height: 116px;
	background: url(../../fileadmin/templates/home-button-mobil.png);
}

div#home-module ul li div.csc-frame-frame2 h2 a {
	line-height: 29px;
	background: url(../../fileadmin/templates/home-button-mobil-a.png) 0px 0px no-repeat;
}

/*div#home-module ul li div.frame-musik {
	height: 116px;
	background: url(../../fileadmin/templates/home-button-musik.png);
}

div#home-module ul li div.frame-musik h2 a {
	line-height: 29px;
	background: url(../../fileadmin/templates/home-button-musik-a.png) 0px 0px no-repeat;
}*/

div#home-module ul li div.frame-naldoland {
	height: 116px;
	background: url(../../fileadmin/templates/home-button-naldoland.png);
}

div#home-module ul li div.frame-naldoland h2 a {
	line-height: 29px;
	background: url(../../fileadmin/templates/home-button-naldoland-a.png) 0px 0px no-repeat;
}

/* Zusatzboxen, definiert im Icebox-Template */
/*div#home-module ul li div.frame-vierteljahresabo {
	height: 116px;
	background: url(../../fileadmin/templates/home-button-vierteljahresabo.png);
}

div#home-module ul li div.frame-vierteljahresabo h2 a {
	line-height: 29px;
	background: url(../../fileadmin/templates/home-button-mobil-a.png) 0px 0px no-repeat;
}*/

/* Links Zusatzboxen */
div#home-module ul li div.frame-musik h2 a:hover,
div#home-module ul li div.csc-frame-frame2 h2 a:hover,
div#home-module ul li div.frame-mobil h2 a:hover,
div#home-module ul li div.frame-vierteljahresabo h2 a:hover,
div#home-module ul li div.frame-naldoland h2 a:hover { background-position: 0px -29px; }


div#home-module ul li div.csc-frame-frame2 p.bodytext a,
div#home-module ul li div.frame-mobil p.bodytext a,
div#home-module ul li div.frame-vierteljahresabo p.bodytext a,
div#home-module ul li div.frame-naldoland p.bodytext a { display: inline; }

/* Roter Kasten */
div#home-module ul li div.csc-frame-frame1 {
	height: 116px;
	padding-top: 0px;
	font-size: 1.0em;
	background: url(../../fileadmin/templates/home-button-urgent.png) no-repeat;
}

/* Minifahrplaene */
div#home-module form {
	font-size: 0.8em;
	margin: -3px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div#home-module input {
	width: 114px;
	padding: 1px 6px 1px 2px;
	margin: 0px 6px 0px 0px;
	border: 2px solid #a8a8a8
}

div#home-module input[type=submit] {
	color: #fff;
	width: 130px;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #32b5ef;	
	background: url(../../fileadmin/templates/bg-submit-home.gif) repeat-x;
}

/* EFA-Button */
div#home-efa {
	position: relative;
	float: left;
	width: 297px;
	height: 241px;
	margin: 14px 12px 0px 45px;
	background:url(../../fileadmin/templates/home-button-efa.png) no-repeat;
	z-index: 4;
}
* html div#home-efa { margin-left: 22px; }

div#home-efa div.csc-header { display: inline-block; } /* IE8 */

div#home-efa form {
	color: #fff;
	font-size: 0.8em;
	margin: 5px 0px 5px 12px;
	padding: 0px 0px 0px 0px;
}

div#home-efa form div {
	padding: 0px 0px 8px 0px;
	clear: both;
}

div#home-efa form p {
	float: left;
	margin: 0px 0px 7px 0px;
}

div#home-efa form label {
	float: left;
	width: 90px;
}

div#home-efa input.textfeld {
	width: 164px;
	padding: 1px 6px 1px 2px;
	margin: 0px 0px 0px 0px;
}

div#home-efa input.textfeld-mini {
	width: 21px;
	margin-right: 2px;
	text-align: center;
}
* html div#home-efa input.textfeld-mini { margin-right: 0px; }
*+ html div#home-efa input.textfeld-mini { margin-right: 0px; }

div#home-efa input#itdDateYear {
	/*width: 34px;*/
	margin-right: 10px;
}

div#home-efa form select {
	width: 82px;
	margin: 0px 8px 0px 0px;
}

* html div#home-efa form select { margin-right: 0px; }
*+ html div#home-efa form select { margin-right: -4px; }

div#home-efa input.textfeld, div#home-efa input.textfeld-mini { border: 2px solid #a8a8a8; }

div#home-efa input.button {
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #32b5ef;	
	background: url(../../fileadmin/templates/bg-submit-home.gif) repeat-x;
}

input#erweiterteOptionen { width: 110px; }
input#anfordern { width: 60px; }


/* ===============
Startseite Overlay
=============== */

div#start-overlay, div#start-inhalt {
	position: absolute;
	top: 174px;
	left: 50%;
	z-index: 99;
	display: none;
}

div#start-overlay {
	width: 980px;
	bottom: 0px;
	margin-left: -490px;
	background: #003159 url(../../fileadmin/templates/bg-footer.jpg) 0px 360px no-repeat;
	/*opacity: 0.95;
	filter: alpha(opacity=95);*/
}
* html div#start-overlay { height: 700px; }

div#start-slogan {
	height: 287px;
	padding: 73px 0px 0px 17px;
}

div#start-inhalt {
	width: 978px;
	height: 400px;
	margin-left: -489px;
	background-image: url(../../fileadmin/einstiegsseiten/motiv-willkommen.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #000;
}


/* ====================
Eintiegsseiten Bereiche
==================== */

div#einstieg {
	position: relative;
	display: inline-block; /* fuer IE8 */
	width: 978px;
	height: 546px;
	margin: -40px -35px -20px -40px;
	background-repeat: no-repeat;
}
.aktuelles { background-image: url(../../fileadmin/einstiegsseiten/motiv-aktuelles.jpg); }
.fahrplan { background-image: url(../../fileadmin/einstiegsseiten/motiv-fahrplan.jpg); }
.tickets { background-image: url(../../fileadmin/einstiegsseiten/motiv-tickets.jpg); }
.netzplaene { background-image: url(../../fileadmin/einstiegsseiten/motiv-netzplaene.jpg); }
.service { background-image: url(../../fileadmin/einstiegsseiten/motiv-service.jpg); }

div#einstieg-slogan { height: 219px; }
div#einstieg-slogan img { margin: 36px 0px 0px 27px; }

/* Flaeche Schaltflaechen */
div#einstieg-buttons {
	position: absolute;
	width: 974px;
	height: 201px;
	left: 0px;
	margin: 2px;
	background: url(../../fileadmin/templates/einstieg-bg-buttons.png) repeat-x;
	z-index: 4;
}

div#einstieg-buttons-flaeche {
	width: 978px;
	height: 205px;
	background-color: #fff;
	opacity: 0.4;
	z-index: 3;
	filter: alpha(opacity=40);
}

/* Flaeche blaue Buttons */
div#einstieg-extra {
	position: absolute;
	left: 0px;
	width: 978px;
	height: 122px;
	margin: -102px 0px 0px 0px;
	background: url(../../fileadmin/templates/einstieg-bg-extra-2.png) repeat-x;
	z-index: 4;
}

div#einstieg-extra-flaeche {
	position: absolute;
	width: 974px;
	height: 118px;
	left: 0px;
	margin: -100px 2px 2px 2px;
	background: url(../../fileadmin/templates/einstieg-bg-extra-1.png) repeat-x;
	z-index: 3;
}

/* Fahrscheine: blaue Buttons */
div#fahrschein-extra {
	position: relative;
	left: 0px;

	width: 974px;
	height: 116px;
	margin: 40px -35px -20px -40px;
	border: 2px solid #2e4c6e;
	background: url(../../fileadmin/templates/bg-flaeche-buttons.gif) repeat-x;
	overflow: hidden;
	z-index: 4;
}

/* Schaltflaechen */
div#einstieg-buttons ul {
	margin: 8px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

div#einstieg-buttons ul li {
	position: relative;
	float: left;
	width: 226px;
	height: 172px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../../fileadmin/templates/einstieg-button-blau.png) no-repeat;
}
div#einstieg-buttons ul li h2 {
	color: #fff;
	height: 30px;
	font-size: 1.0em;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
}

div#einstieg-buttons ul li p {
	line-height: 1.3em;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#einstieg-buttons ul li p.bild { padding: 6px 0px 0px 5px; }

div#einstieg-buttons ul li a {
	display: block;
	width: 204px;
	padding: 0px 10px 0px 10px;
	margin: 0px -10px 0px -10px;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.3em;
	text-decoration: none;
	border: none;
}

div#einstieg-buttons ul li a:hover, div#einstieg-buttons ul li a:active { color: #fff; }

div#einstieg-buttons ul li h2 a {
	line-height: 29px;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#einstieg-buttons ul li h2 a:hover { background-position: 0px -29px; }

div#einstieg-buttons ul li p a {
	height: 74px;
	margin-top: -10px;
	padding-top: 5px;
}

/* Farben Flaechen */
div#einstieg-buttons ul li.gelb { background-image: url(../../fileadmin/templates/einstieg-button-gelb.png); }
div#einstieg-buttons ul li.gruen { background-image: url(../../fileadmin/templates/einstieg-button-gruen.png); }
div#einstieg-buttons ul li.tuerkis { background-image: url(../../fileadmin/templates/einstieg-button-tuerkis.png); }
div#einstieg-buttons ul li.rot { background-image: url(../../fileadmin/templates/einstieg-button-rot.png); }

/* Farben Buttons */
div#einstieg-buttons ul li h2 a { background-image: url(../../fileadmin/templates/button-blau.gif); }
div#einstieg-buttons ul li.gelb h2 a { background-image: url(../../fileadmin/templates/button-gelb.gif); }
div#einstieg-buttons ul li.gruen h2 a { background-image: url(../../fileadmin/templates/button-gruen.gif); }
div#einstieg-buttons ul li.tuerkis h2 a { background-image: url(../../fileadmin/templates/button-tuerkis.gif); }
div#einstieg-buttons ul li.rot h2 a { background-image: url(../../fileadmin/templates/button-rot.gif); }

/* naldo-Spontan-Fahrschein */
div#einstieg.spontan-fahrschein, div#einstieg.bildseite {
	height: 572px;
	margin-bottom: -25px;
}

div#einstieg.spontan-fahrschein img, div#einstieg.bildseite img { float: left; }

/* Bereichssuche / Minilinien */
div#inhalt a.pdf-download {
	text-decoration: none;
	border-bottom: none;
}

td.minifahrplan-linie {
   height:2px;
   background-color:#00315a;
}

div.tx-naldobereichssuche-pi1 label {
  	font-weight:bold;
	width:115px;
	float:left;
}

p.small {
	font-size:0.8em;
	line-height: 1.2em !important;
	margin-top:10px;
}

a.menuPos { 
  	border: none !important;
  	text-decoration:none;
}

/* ==================
Tabellen Ticketpreise
================== */

/* blauer Kasten */
div.tx-naldotarifbausteine-pi1,
div.tx-naldotarifbausteine-pi2,
div.csc-frame-frame1 {
	font-size: 0.8em;
	position: relative;
	line-height: 1.4em;
	background: url(../../fileadmin/templates/bg-tarifbausteine.png);
	padding: 25px 0px 1px 0px;
}

div.tx-naldotarifbausteine-pi2 { margin-bottom: 40px; }

* html div.csc-frame-frame1 { padding-bottom: 16px; }
*+ html div.csc-frame-frame1 { padding-bottom: 16px; }

div.inhalt-rechts div.tx-naldotarifbausteine-pi1 { margin: 0px 0px 20px 0px; }

tr.td50 td { width:50px; }

tr.nospace td {
  	padding-top:0px !important;
	padding-bottom:0px !important; 
}

/* Zusatztext blau in Icebox */
div.inhalt-rechts div.csc-frame-frame2 {
	background: url(../../fileadmin/templates/bg-tarifbausteine.png);
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 11px 25px 10px 30px;
	position: relative;
	float: left;
}

* html div.inhalt-rechts div.csc-frame-frame2 { margin: -10px -3px 0px 0px; }
*+ html div.inhalt-rechts div.csc-frame-frame2 { margin: -10px -2px 0px 0px; }

/* Headline */
div.tx-naldotarifbausteine-pi1 h2,
div.tx-naldotarifbausteine-pi2 h2,
div.csc-frame-frame1 h2 {
	font-size: 1.2em;
	position: absolute;
	min-width: 168px;
	color: #fff;
	padding: 4px 12px 6px 12px;
	background-color: #760512;
}

div.tx-naldotarifbausteine-pi1 h2, div.csc-frame-frame1 h2 { margin: -37px 0px 0px 30px; }
div.tx-naldotarifbausteine-pi2 h2 { margin: -37px 0px 0px 80px; }

/* fallbezogene Tabellendefinitionen */
div.tx-naldotarifbausteine-pi1 table, div.tx-naldotarifbausteine-pi2 table, div.csc-frame-frame1 table {
	border-collapse: collapse;
	margin: 0px 30px 10px 30px;
}

table.tarif-baustein { width: 192px; }

table.tarif-uebersicht {
	float: left;
	position: relative;
	border-collapse: collapse;
	margin: 0px 12px 10px 12px;
}
* html table.tarif-uebersicht { margin-left: 7px; }

div.tx-naldotarifbausteine-pi1 table th, div.tx-naldotarifbausteine-pi1 table td,
div.tx-naldotarifbausteine-pi2 table th, div.tx-naldotarifbausteine-pi2 table td,
div.csc-frame-frame1 table th, div.csc-frame-frame1 td {
	text-align: center;
	padding: 4px 4px 4px 4px;
	border-right: 1px solid #a3a3a4;
}

div.tx-naldotarifbausteine-pi1 table td, div.tx-naldotarifbausteine-pi2 table td, div.csc-frame-frame1 td { vertical-align: top; }

div.tx-naldotarifbausteine-pi1 table tr.bottom td, div.tx-naldotarifbausteine-pi2 table tr.bottom td { vertical-align: bottom; }

div.tx-naldotarifbausteine-pi1 table tr.middle td, div.tx-naldotarifbausteine-pi2 table tr.middle td { vertical-align: middle; }

/* Abmessungen je nach Anzahl der Spalten */
table.tarif-baustein th, table.tarif-baustein tbody td, div.csc-frame-frame1 table tbody td { width: 50%; }
table.tarif-baustein2 tbody th, table.tarif-baustein2 tbody td, div.csc-frame-frame1 table.contenttable-1 tbody td { width: 33%; }
table.tarif-baustein3 tbody th, table.tarif-baustein3 tbody td { width: 33%; }
table.tarif-baustein4 tbody th, table.tarif-baustein4 tbody td { width: 20%; }
table.tarif-baustein5 tbody th, table.tarif-baustein5 tbody td { width: 20%; }

/* Links */
div#inhalt-text div.tx-naldotarifbausteine-pi1 th a, div#inhalt-text div.tx-naldotarifbausteine-pi2 th a {
	color: #fff;
	border: none;
}

div#inhalt-text div.tx-naldotarifbausteine-pi2 th a {
	display: block;
	margin: -4px -6px;
	padding: 4px 6px;
}
div#inhalt-text div.tx-naldotarifbausteine-pi2 th a:hover { color: #bfcede; }

div#inhalt-text div.tx-naldotarifbausteine-pi1 td a, div#inhalt-text div.tx-naldotarifbausteine-pi2 td a {
	color: #000;
	font-weight: normal;
}
div#inhalt-text div.tx-naldotarifbausteine-pi1 td a:hover, div#inhalt-text div.tx-naldotarifbausteine-pi2 td a:hover { color: #760512; }

/* Icons Links zu Tarifseiten */
div#inhalt-text div.tx-naldotarifbausteine-pi1 th.tariflink, div#inhalt-text div.tx-naldotarifbausteine-pi2 th.tariflink {
	background: #00305d url(../../fileadmin/templates/tariflink2.gif) right top no-repeat;
	padding: 4px 6px 4px 6px;
}


/* Zebra-Farben */
div.tx-naldotarifbausteine-pi1 table th, div.tx-naldotarifbausteine-pi2 table th, div.csc-frame-frame1 table th {
	color: #fff;
	background-color: #00305d;
}

div.tx-naldotarifbausteine-pi1 table tr.odd td,
div.tx-naldotarifbausteine-pi2 table tr.odd td,
div.csc-frame-frame1 table tr.tr-odd td,
table.hingucker-tabelle tr.odd td {
	background-color: #cad2e1;
}

div.tx-naldotarifbausteine-pi1 table tr.even td,
div.tx-naldotarifbausteine-pi2 table tr.even td,
div.csc-frame-frame1 table tr.tr-even td,
table.hingucker-tabelle tr.even td {
	background-color: #fff;
}

/* Beschreibungstext */
div.tx-naldotarifbausteine-pi1 table td span, div.tx-naldotarifbausteine-pi2 table td span {
	display: block;
	line-height: 1.3em !important;
	padding: 0px 0px 3px 0px;
}

div.csc-frame-frame1 table caption {
	caption-side: bottom;
	text-align: left;
	padding: 8px 2px 4px 2px;
}

/* Zusatz Fußzeile */
div.tx-naldotarifbausteine-pi1 table tfoot td,
div.tx-naldotarifbausteine-pi2 table tfoot td {
	text-align: left;
	padding-top: 10px;
	border-right: none;
	border-top: 2px solid #00305d;
}

div.csc-frame-frame1 table tr.tr-last td { border-bottom: 2px solid #00305d; }

div.tarif-zusatztext {
	position: absolute;
	width: 130px;
	right: 20px;
	top: 24px;
}

div.tarif-zusatztext2, div.tarif-zusatztext3, div.tarif-zusatztext4 { margin: 0px 30px 16px 30px; }


/* ==========
Infomaterial
========== */

div.tx-prospektservice-pi1 {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 30px 0px 30px 0px;
}

div.tx-prospektservice-pi1 p.infomaterial {
	font-size: 1.111em;
	line-height: 1.4em;
	padding-bottom: 20px;
}

div.tx-prospektservice-pi1 h2 {
	height: 29px;
	line-height: 29px;
	margin: 0px 0px 3px -7px;
}

div.tx-prospektservice-pi1 p { margin-bottom: 12px; }

div#inhalt-text div.tx-prospektservice-pi1 h2 a {
	display: block;
	border: none;
	color: #fff;
	padding: 0px 12px 0px 12px;
	background: url(../../fileadmin/templates/bg-accordion.gif) 0px 0px no-repeat;
}

div#inhalt-text div.tx-prospektservice-pi1 h2 a:hover, div#inhalt-text div.tx-prospektservice-pi1 h2 a:active, div#inhalt-text div.tx-prospektservice-pi1 h2 a.aktiv {
	background-position: 0px -29px;
	color: #fff;
}

div.tx-prospektservice-pi1-item-odd, div.tx-prospektservice-pi1-item-even {
	float: left;
	width: 400px;
	margin: 0px 20px 25px 0px;
}

div.tx-prospektservice-pi1-spacer-even { clear: left; }

div.tx-prospektservice-pi1-listrow {
	margin: 0px 0px 3px -7px;
	padding: 20px 20px 0px 30px;
	background: url(../../fileadmin/templates/bg-tarifbausteine.png);
}

div.tx-prospektservice-pi1 div.sichtbar { display: block !important; }

div.tx-prospektservice-pi1-item-image {
	float: left;
	margin: 0px 20px 5px 0px;
}

div.tx-prospektservice-pi1-item-text {
	float: left;
	width: 250px;
}

div.tx-prospektservice-pi1-bestelldaten {
	clear: left;
	padding: 30px 0px 20px 0px;
}

div.tx-prospektservice-pi1-bestelldaten p { margin-bottom: 8px; }

div.tx-prospektservice-pi1-bestelldaten label {
	float: left;
	width: 150px;
	clear: left;
}

div.tx-prospektservice-pi1-bestelldaten input.textfeld, div.tx-prospektservice-pi1-bestelldaten textarea {
	width: 300px;
	font-family: Arial;
	font-size: 1.1em;
	border: 1px solid #a8a8a8;
	padding: 2px 0px 2px 2px;
}

input.tx-prospektservice-pi1-selectform { margin: 5px 0px 0px 10px; }


/* ===============
naldo Hingucker
=============== */

div#naldo-hingucker {
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: Verdana;
	padding: 5px 0px 5px 0px;
}

div.hingucker-box { margin: 25px 10px 30px 12px; }

div#naldo-hingucker p {
	margin: 0px 0px 12px 0px;
	clear: left;
}

div#naldo-hingucker span.csc-frame-error {
	/*font-weight: bold;*/
	color: #760512;
}

div#naldo-hingucker h3 {
     padding-left:12px;	
}

div#naldo-hingucker input {
	margin: 0px 0px 0px 0px;
	border: 1px solid #A5ACB2;
}

div#naldo-hingucker form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#naldo-hingucker form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.hingucker-tabelle {
	width: 730px;
	margin: 10px 0px 20px 0px;
	border-collapse: separate;
	border-spacing: 2px;
}

table.hingucker-tabelle th {
	line-height: 18px;
	color: #ffffff;
	background-color: #00305d;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

table.hingucker-tabelle th a { color:#ffffff !important; }

table.hingucker-tabelle td {
	line-height: 18px;
	padding: 0px 10px 0px 10px;
}

table.hingucker-tabelle tr.critical td { background-color: #C85924; }

a.monthselector {
  text-decoration: underline;
   font-weight:bold;
   color: #00305d;
   font-size:12px;

   margin-top:10px;
   margin-bottom:0px;
   display:block;
}

/* Einzelansicht */

form.steuerung, ul.steuerung {
	margin: 20px 0px 50px 12px !important;
	padding: 0px 0px 0px 0px;
}

/* Einzelansicht Benutzer: zurueck Button rechts */
ul.rechts {
	float: right;
	width: 250px;
	padding-top: 20px;
}

ul.steuerung li {
	float: left;
	list-style-type: none;
}

ul.steuerung li a {
	display: block;
	color: #000000;
	line-height: 16px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #003865;
	padding: 0px 10px 0px 10px;
	margin-right: 5px;
}

table.einzelansicht {
	clear: left;
	margin: 0px 10px 30px 12px;
}

table.einzelansicht h4 {
	font-size: 1.0em;
	font-family: Verdana;
	margin: 20px 0px 0px 0px;
}

table.einzelansicht td {
	line-height: 1.8em;
	padding-right: 50px;
}

table.einzelansicht tr.odd td { padding-top:10px; border-bottom:solid 1px #b1c903; }
table.einzelansicht tr.even td {padding-top:10px; border-bottom:solid 1px #b1c903; }

/* Neue Meldung */

fieldset.errorframe {
	border: none;
	color: #760512;
	margin: 0px 0px 25px 0px;
	padding: 0;
}

fieldset.errorframe p { margin: 0px 0px 0px 0px !important; }
fieldset.errorframe legend { display: none; }

form#qualitaet {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form#qualitaet div.spacer, div.spacer-dunkel { height: 20px; }
div.spacer-dunkel { background-color: #f2f7d9; }

form#qualitaet label {
	float: left;
	width: 180px;
	clear: left;
}

form#qualitaet select {
	width: 222px;
	margin-bottom: 5px;
}

form#qualitaet textarea {
	font-family: Arial;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;	
}

p.radiobuttons input {
	float: left;
	margin: 0px 0px 10px 0px;
}

p.radiobuttons span {
	float: left;
	padding: 0px 20px 0px 7px;
	margin: 0px 0px 12px 0px;
}

form#qualitaet input.senden { margin-top: 25px !important; }

div.container-hilfe {
	position: absolute;
	width: 200px;
	background-color: #cad2e1;
	border: 1px solid #00305d;
	padding: 2px 2px 5px 5px;
	margin: 0px 0px 0px 642px;
	min-height: 15px;
}

img.icon-hilfe {
	vertical-align: bottom;
	margin: 0px 3px 2px 5px;
	z-index: 5;
}

p.auswahlfeld img.icon-hilfe { margin-bottom: 6px; }
p.textfeld img.icon-hilfe { position: absolute; }

div.details-sichtbar { display: block; }
div.details-versteckt { display: none; }


/* Links in Meldungen-Tabelle im Header */
div.hingucker-box table th a {
 	color: #ffffff;
  	text-decoration:none;
}


/* =================
Fahrplan Abo-Service
================= */

/* Anmelden */
div#inhalt-text .tx-srfeuserregister-pi1 td { padding: 3px 0px 3px 0px; }

div#inhalt-text .tx-srfeuserregister-pi1 p { color: #000; }

div#inhalt-text .tx-srfeuserregister-pi1 input {
	font-family: Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
	background-color: #fff;
	border: 1px solid #a8a8a8;
	padding: 2px 0px 2px 2px;
	margin-right: 10px;
}

div#inhalt-text .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-submit {
	color: #000;
	font-weight: normal;
	background-color: #CCC;
	margin-bottom: 20px;
}

/* Einloggen */
div#inhalt-text p.tx-newloginbox-pi1-forgotP { padding-top: 16px; }

div#inhalt-text div.tx-newloginbox-pi1 table { margin: 16px 0px 16px 0px; }

div#inhalt-text div.tx-newloginbox-pi1 table td { padding: 4px 30px 4px 0px; }

div#inhalt-text div.tx-newloginbox-pi1 table td p {margin: 0; }

div#inhalt-text input.inputfields {
	font-family: Arial;
	font-size: 1.1em;
	padding: 2px 0px 2px 2px;	
	border: 1px solid #a8a8a8;
}

div#inhalt-text input.readonly {
	background-color: #dbe4ed;
	border: 1px solid #a8a8a8;
}

div#inhalt-text input.tx-newloginbox-pi1-submit { margin-top: 8px; }


/* =======
Grenzwaben
======= */

ul#nav-grenzwaben li a:hover { color: #fd018a; }

div#inhalt-text ul#bild-grenzwaben {
	width: 431px;
	height: 413px;
	margin: 45px 0px 0px -35px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-text ul#bild-grenzwaben li {
	position: absolute;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	display: none;
}

div#inhalt-text ul#bild-grenzwaben li#bild-0 { display: block; }


/* ==============
Tarifrechner 2011
============== */

/* Rahmen */
div#tarifrechner {
	color: #fff;
	position: relative;
	width: 978px;
	margin: -40px -35px -20px -40px;
	padding: 0px 0px 32px 0px;
	background: #A2C9E8 url(../../fileadmin/tarifrechner/bg-tarifrechner-aussen.jpg) no-repeat;
	overflow: hidden;
}
* html div#tarifrechner { height: 661px; }

div#tarifrechner-rahmen {
	width: 901px;
	min-height: 450px;
	margin: 67px 0px 0px 35px;
	border: 1px solid #2ac4db;
	background: #2488C4 url(../../fileadmin/tarifrechner/bg-tarifrechner-innen.jpg) no-repeat;
}

div#tarifrechner-inhalt { 
	font-size: 0.9em;
	padding: 25px 40px 20px 30px;
}
* html div#tarifrechner-inhalt { height: 591px; }

p.tarifrechner-info {
	width: 475px;
	margin: 0px 0px 32px 0px;
}

div.tarifrechner-mitte {
	position: relative;
	float: left;
	width: 550px;
	line-height: 1.5;
}

div.tarifrechner-rechts {
	position: relative;
	float: right;
	width: 250px;
	padding: 0px 0px 0px 0px;
}

div.tarifrechner-tabelle {
	position: relative;
	float: left;
	width: 360px;
	padding: 20px 0px 0px 0px;
}

div.tarifrechner-tabelle-info {
	position: relative;
	float: right;
	width: 430px;
	padding: 20px 0px 0px 0px;
}

/* Seitentitel */
div#tarifrechner h1 {
	position: relative;
	width: 879px;
	color: #fff;
	font-size: 1.1em;
	height: 29px;
	line-height: 29px;
	margin: -40px -44px 11px -1px;
	padding: 0px 12px 0px 12px;
	background: url(../../fileadmin/tarifrechner/headline.gif) no-repeat;
}

/* Standard-Inhalte */
div#tarifrechner a, div#tarifrechner a:hover {
	color: #C0DC00;
	border: none;
}

/* Formulare */
div#tarifrechner form p { margin: 0px 0px 20px 0px; }

div#tarifrechner form label {
	float: left;
	width: 90px;
	line-height: 29px;
	clear: left;
}

div#tarifrechner form input,
div#tarifrechner form select {
	font-size: 1.1em;
	border: 2px solid #a8a8a8;	
}

div#tarifrechner form input {
	width: 205px;
	padding: 5px 5px 5px 5px;
}

div#tarifrechner form select { width: 220px; }

div#tarifrechner form input.button,
div#tarifrechner form p.button-links input {
	width: 219px;
	height: 29px;
	font-family: Arial, Helvetiva, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0px;
	line-height: 1.1em;
	padding: 0px 0px 2px 12px;
	border: none;
	color: #fff;
	background: url(../../fileadmin/tarifrechner/button-formular.gif) no-repeat;
	cursor: pointer;
}

div#tarifrechner form input.button-back {
	padding: 0px 0px 2px 30px;
	background-position: 0px -29px;
}

div#tarifrechner form p.button-links { margin-left: 90px; }

div#tarifrechner form p.button-rechts {
	float: right;
	margin: -50px 0px 0px 0px;
}

div#tarifrechner form p.button-rechts input.button { margin-left: 12px; }

/* Tabelle */
div#tarifrechner table.tarifrechner {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.5em;
	border-collapse: collapse;
}

div#tarifrechner table.tarifrechner th { background-color: #00305d; }

div#tarifrechner table.tarifrechner td { color: #000; }

div#tarifrechner table.tarifrechner td, div#tarifrechner table.tarifrechner th {
	text-align: center;
	padding: 2px 3px 2px 3px;
	border-right: 1px solid #a3a3a4;
}

div#tarifrechner table.tarifrechner td.noborder { border-right: none; }

div#tarifrechner table.tarifrechner tr.odd td { background-color: #cad2e1; }

div#tarifrechner table.tarifrechner tr.even td { background-color: #fff; }

div#tarifrechner table.tarifrechner caption {
	caption-side: top;
	text-align: left;
	padding: 8px 2px 4px 2px;
}

/* Fehler */
div#tarifrechner div.fehlermeldung {
	font-size: 1.2em;
	font-weight: bold;
	padding: 25px 20px 20px 25px;
	margin: 0px 0px 15px 0px;
	border: 2px solid #22c2eb;
	background-color: #0e71b1;
}


/* ====================
Sprit-Spar-Rechner 2010
==================== */

div#spritsparrechner div.spacer, div.naldo-fp-infos-pi2 div.spacer {
	height: 15px;
	clear: both;
}

/* Rahmen */
div#spritsparrechner {
	color: #fff;
	position: relative;
	width: 978px;
	margin: -40px -35px -20px -40px;
	padding: 0px 0px 16px 0px;
	background: url(../../fileadmin/spritsparrechner/bg-rechner-aussen.jpg) no-repeat;
	overflow: hidden;
}
* html div#spritsparrechner { height: 661px; }

div#spritsparrechner-rahmen {
	width: 901px;
	min-height: 450px;
	margin: 67px 0px 0px 35px;
	border: 1px solid #2ac4db;
	background: url(../../fileadmin/spritsparrechner/bg-rechner-innen.jpg) no-repeat;
}

div#spritsparrechner-inhalt { background: url(../../fileadmin/spritsparrechner/bg-sidebar.png) right repeat-y; }
* html div#spritsparrechner-inhalt, * html div#spritsparrechner-inhalt-1col { height: 591px; }

div#spritsparrechner-mitte {
	position: relative;
	float: left;
	width: 570px;
	font-size: 0.9em;
	line-height: 1.5;
	padding: 10px 0px 10px 20px;
}

div#spritsparrechner-sidebar {
	position: relative;
	float: right;
	width: 230px;
	min-height: 350px;
	margin: 0px 0px 0px 0px;
	padding: 100px 25px 0px 30px;
}
* html div#spritsparrechner-sidebar { margin-bottom: -24px; }
*+ html div#spritsparrechner-sidebar { margin-bottom: -24px; }

/* Seitentitel */
div#spritsparrechner h1 {
	position: relative;
	width: 879px;
	color: #fff;
	font-size: 1.1em;
	height: 29px;
	line-height: 29px;
	margin: -40px -44px 11px -1px;
	padding: 0px 12px 0px 12px;
	background: url(../../fileadmin/spritsparrechner/headline.gif) no-repeat;
}

/* Standard-Inhalte */
div#spritsparrechner h2,
div#spritsparrechner h4 {
	font-size: 2.0em;
	height: auto;
	line-height: 1.3em;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}

div#spritsparrechner a, div#spritsparrechner a:hover {
	color: #b4d800;
	border: none;
}

div#spritsparrechner p.left {
	float: left;
	width: 190px;
	clear: left;
}

div#spritsparrechner p.small { font-size: 0.9em; }

div#spritsparrechner p.spritsparrechner-hinweis {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 50px 0px 20px 0px;
}

/* Formulare */
div#spritsparrechner input {
	font-size: 1.1em;
	padding: 3px 3px 3px 3px;
	border: 2px solid #a8a8a8;	
}

div#spritsparrechner form input#startort, div#spritsparrechner form input#startstrasse,
div#spritsparrechner form input#zielort, div#spritsparrechner form input#zielstrasse {
	width: 165px;
}

div#spritsparrechner form input.button, div#spritsparrechner form input.button-right {
	width: 219px;
	height: 29px;
	font-family: Arial, Helvetiva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0px;
	line-height: 1.1em;
	padding: 0px 0px 2px 12px;
	border: none;
	color: #fff;
	background: url(../../fileadmin/spritsparrechner/button-formular.gif) no-repeat;
	cursor: pointer;
}

div#spritsparrechner form input.button-right {
	position: absolute;
	/*margin: -63px 0px 0px 190px;*/
	margin-top: -63px;
	left: 395px;
}

div#spritsparrechner form label {
	display: block;
	margin: 0px 0px 3px 0px;
}

/* Fehler */
div#spritsparrechner div#error-mitte,
div#spritsparrechner div#error-text {
	width: 220px;
	font-size: 0.9em;
	font-weight: bold;
	color: #ff0000;
	padding: 10px;
	margin: 15px 0px 15px 0px;
	border: 2px solid #ff0000;
	background-color: #fff;
}

div#spritsparrechner div#error-text {
	position: absolute;
	left: 620px;
	top: 180px;
}

div#spritsparrechner .error-field {
	color: #000;
	border-color: #ff0000;
	background-color: #fff;
}

/* Buttons rechts */
div#spritsparrechner ul.buttons {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

div#spritsparrechner ul.buttons li {
	position: relative;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	width: 226px;
}

div#spritsparrechner ul.buttons li a {
	display: block;
	width: 207px;
	height: 29px;
	line-height: 29px;
	font-size: 0.9em;
	padding: 0px 0px 0px 12px;
	color: #fff;
	border: none;
	background: url(../../fileadmin/spritsparrechner/button-rechts.gif) no-repeat;
}

div#spritsparrechner ul.buttons li p, div#spritsparrechner ul.buttons li form {
	margin: 0;
	padding: 0;
}

/* Resultat */
div#spritsparrechner div.balken {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;
}
* html div#spritsparrechner div.balken { height: 35px; }
*+ html div#spritsparrechner div.balken { height: 35px; }

div#spritsparrechner div.balken div.betrag {
	float: left;
	height: 29px;
	color: #0076c5;
	line-height: 29px;
	margin: 0px 0px 4px 0px;
	text-align: right;
	background-color: #fff;
	opacity: 1.0;
	z-index: 3;
}

div#spritsparrechner div.betrag p { margin: 0px 8px 0px 7px ; }

div#spritsparrechner div#abo-jaehrlich, div#spritsparrechner div#abo-monatlich, div#spritsparrechner div#betriebskosten-pkw {
	float: left;
	height: 29px;
	line-height: 29px;
	margin: 0px 0px 0px 0px;
	clear: left;
}

div#spritsparrechner div#abo-jaehrlich { background-color: #b2dcf1; }
div#spritsparrechner div#abo-monatlich { background-color: #7fc5e8; }
div#spritsparrechner div#betriebskosten-pkw { background-color: #66bae3; }

div#spritsparrechner div#abo-jaehrlich p, div#spritsparrechner div#abo-monatlich p, div#spritsparrechner div#betriebskosten-pkw p {
	position: absolute;
	width: 350px;
	z-index: 4;
	margin: 0px 0px 0px 8px;
}

div#spritsparrechner table {
	width: 572px;
	font-size: 0.9em;
	margin-left: -4px;
}

div#spritsparrechner table th, div#spritsparrechner table td {
	color: #000;
	background-color: #fff;
	font-weight: bold;	
	padding: 3px 5px 7px 5px;
}

div#spritsparrechner table th { vertical-align: top; }
div#spritsparrechner table td { text-align: center; }


/* ========================
Sonderseiten 10 Jahre naldo
======================== */

/* Motive */
div#jubilaeum-einstieg,
div#jubilaeum-details  {
	position: relative;
	display: inline-block; /* fuer IE8 */
	color: #fff;
	margin: -40px -35px -20px -40px;
	background-repeat: no-repeat;
	background-color: #2e709b;
}

div#jubilaeum-einstieg {
	width: 978px;
	height: 546px;
}

div#jubilaeum-details {
	width: 903px;
	min-height: 360px;
	margin-bottom: -25px;
	padding: 40px 35px 25px 40px;
}

.uebersicht { background-image: url(../../fileadmin/jubilaeum/motiv-jubilaeum-einstieg.jpg); }
.jubilaeumstarif { background-image: url(../../fileadmin/jubilaeum/motiv-jubilaeumstarif.jpg); }
.jubilaeumstouren { background-image: url(../../fileadmin/jubilaeum/motiv-jubilaeumstouren.jpg); }

div#jubilaeum-einstieg div#einstieg-slogan { height: 408px; }

div#jubilaeum-einstieg-flaeche {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 978px;
	height: 138px;
	background-color: #fff;
	opacity: 0.4;
	z-index: 3;
	filter: alpha(opacity=40);
}

div#jubilaeum-einstieg div#home-module {
	padding-left: 30px; 
	width: 940px;
}

div#jubilaeum-einstieg div#home-module h2 {
	color: #fff;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 12px;
}

div#jubilaeum-einstieg div#home-module p { text-indent: -9999px; }

div#jubilaeum-einstieg div#home-module li.jubilaeumstarif { background-image: url(../../fileadmin/jubilaeum/button-jubilaeumstarif.gif); }
div#jubilaeum-einstieg div#home-module li.jubilaeumstouren { background-image: url(../../fileadmin/jubilaeum/button-jubilaeumstouren.gif); }
div#jubilaeum-einstieg div#home-module li.gewinnspiele { background-image: url(../../fileadmin/jubilaeum/button-gewinnspiele.gif); }

/* Unterseiten Touren */
div.jubilaeumstouren-button {
	position: absolute;
	top: 30px;
	right: 23px;
}

div.jubilaeumstouren-text {
	font-size: 0.9em;
	float: left;
	width: 440px;
	z-index: 5;
}

div.jubilaeumstouren-text h1 {
	position: relative;
	color: #fff;
	font-size: 3.2em;
	line-height: 1.3em;
	margin: 0px 0px 24px 0px;
	white-space: nowrap;
}

div.jubilaeumstouren-text h2 {
	font-size: 2.2em;
	margin: 0px 0px 8px 0px;
}

div.jubilaeumstouren-bild {
	float: right;
	margin: 105px 0px 0px 0px;
}

div.jubilaeumstouren-bild img { border: 1px solid #769bb5; }


/* =======================
Gewinnspiel 10 Jahre naldo
======================= */

div#jubilaeum-gewinnspiel {
	color: #fff;
	position: relative;
	display: inline-block; /* fuer IE8 */
	width: 903px;
	height: 496px;
	margin: -40px -35px -25px -40px;
	padding: 40px 35px 25px 40px;
	overflow: hidden;
	background: url(../../fileadmin/jubilaeum/bg-standard.jpg) no-repeat;
}

div#jubilaeum-gewinnspiel.einstieg,
div#jubilaeum-gewinnspiel.formular { background-image: url(../../fileadmin/jubilaeum/bg-drachen.jpg); }

div#jubilaeum-gewinnspiel.formular { height: 601px; }

div#jubilaeum-gewinnspiel h1 {
	color: #fff;
	font-size: 3.0em;
	line-height: 1.2em;
}

div#jubilaeum-gewinnspiel h2 {
	font-size: 2.6em;
	line-height: 1.2em;
	margin: 0px 0px 24px 0px;
}

div#jubilaeum-gewinnspiel h3 {
	font-size: 2.0em;
	line-height: 1.3em;
	margin: 0px 0px 8px 0px;
}
div#jubilaeum-gewinnspiel h3 span { color: #b4d800; }

/* Erste Seite Gewinnspiel */
div.text-einstieg, div.text-formular { width: 520px; }
div.buttons-rechts {
	float: right;
	margin: -55px 0px 0px 0px;
}
div.formular div.buttons-rechts { margin-top: -90px; }

div#jubilaeum-gewinnspiel div.button-klein { margin: 0px 0px 8px 0px; }
div#jubilaeum-gewinnspiel div.button-gross { margin: 24px 0px 24px 0px;  }

div#jubilaeum-details div.jubilaeumstouren-button a,
div#jubilaeum-gewinnspiel div.button-klein a,
div#jubilaeum-gewinnspiel div.button-gross a {
	display: block;
	color: #fff;
	padding: 0px 0px 0px 12px;
	border: none;
	background-repeat: no-repeat;
}

div#jubilaeum-details div.jubilaeumstouren-button a,
div#jubilaeum-gewinnspiel div.button-klein a {
	width: 294px;
	height: 29px;
	line-height: 29px;
	background-image: url(../../fileadmin/jubilaeum/button-normal.gif);
}

div#jubilaeum-gewinnspiel div.button-gross a {
	font-size: 1.5em;
	width: 308px;
	height: 39px;
	line-height: 39px;
	background-image: url(../../fileadmin/jubilaeum/button-gross.gif);
}

div#jubilaeum-gewinnspiel div.button-klein img,
div#jubilaeum-gewinnspiel div.button-gross img { margin-top: 5px; }

div#jubilaeum-gewinnspiel div.button-klein input {
	width: 294px;
	height: 29px;
	font-family: Arial, Helvetiva, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0px;
	line-height: 1.1em;
	padding: 0px 0px 2px 12px;
	border: none;
	color: #fff;
	background: url(../../fileadmin/jubilaeum/button-normal.gif);
	cursor: pointer;
}

/* Gewinnspielfragen: Raetsel + Loesung */
div#gewinnspiel-raetsel {
	position: relative;
	display: inline;
	float: left;
	width: 430px;
}

div#gewinnspiel-raetsel div {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 418px;
	height: 113px;
	padding: 250px 0px 0px 0px;
	text-align: center;
	border: 6px solid #fff;
	display: none;
}

div#gewinnspiel-raetsel div.falsch { background-image: url(../../fileadmin/jubilaeum/flaeche-falsch.png); }
div#gewinnspiel-raetsel div.richtig { background-image: url(../../fileadmin/jubilaeum/flaeche-richtig.png); }

div#gewinnspiel-raetsel div strong {
	font-size: 3.0em;
	line-height: 1.6em;
}

/* Gewinnspielfragen: Antwortmoeglichkeiten */

div#gewinnspiel-loesung {
	float: right;
	width: 480px;
	margin: 0px -20px 0px 0px;
}

div#gewinnspiel-loesung ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#gewinnspiel-loesung ul li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

div#gewinnspiel-loesung ul li a { border: none; }

div#gewinnspiel-loesung ul li span.bild, div#gewinnspiel-loesung ul li a span.text { cursor: pointer; }
div#gewinnspiel-loesung ul li a span.bild, div#gewinnspiel-loesung ul li a span.bild img { float: left; }
div#gewinnspiel-loesung ul li a span.bild img { border: 1px solid #7aacec; }

div#gewinnspiel-loesung ul li a span.text {
	float: left;
	display: block;
	height: 50px;
	width: 223px;
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: center;
	padding: 35px 20px 20px 20px;
	margin: 0px 0px 16px 12px;
	background: url(../../fileadmin/jubilaeum/flaeche-loesung.png);
}
div#gewinnspiel-loesung ul li a span.zweizeilig {
	height: 65px;
	padding-top: 20px;
}

div#gewinnspiel-loesung ul li.auswahl span.bild {
	border: 6px solid #fff;
	margin: -6px 0px 0px -6px;
}

div#gewinnspiel-loesung ul li.auswahl span.text {
	height: 44px;
	width: 215px;
	padding-top: 33px;
	border: 4px solid #fff;
	margin: -2px 0px 14px 6px;
}

div#gewinnspiel-loesung ul li.auswahl span.zweizeilig {
	height: 63px;
	padding-top: 18px;
}

div#gewinnspiel-loesung div.button-klein { margin: 0px 0px 0px 6px; }

/* Gewinnspiel: Formular */
form#gewinnspiel {
	font-size: 0.9em;
	line-height: 1.3em;
}

form#gewinnspiel div { margin-bottom: 4px; }
form#gewinnspiel p { margin: 16px 0px 16px 0px; }

form#gewinnspiel label {
	float: left;
	width: 140px;
	clear: left;
}

form#gewinnspiel input.textfeld {
	width: 235px;
	border: 2px solid #999999;	
}

div#jubilaeum-gewinnspiel div.error, div#jubilaeum-gewinnspiel span.error {
	position: relative;
	width: 450px;
	color: #ff9900;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

/*div#inhalt-text div.error li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 0px 0px;
}*/


/* =======
Sonstiges
======= */

/* EFA fuer Ihre Homepage */
.red { color: #cc0000; }

.tx-uEFA-pi1-singleView-HCell { 
  width: 160px; 
  font-weight: bold;
}

/* naldo nachbarn */
div#infos { height:280px; }

/* Fahrplaninfos */
form.fpselect {
  margin:0;
  padding:0;
}

p.bodytext span.halfwidth { 
	display:block;
	width:150px;
}