body, html { height: 100%; }

html { background: #000000 url(background.jpg) center 0  ; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #ffffff;
	line-height: 2.0em;
	
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

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

div.liveblock {
   border: 1px solid #ffffff;
   width:220px;
   height:100px;
}

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

div#inhalt a:hover, div#inhalt a:active { border-color:#000000; 
	background-color:#CFC8C8; 
	color:#000000;}

div.clear { 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: 800px;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

div#header {
	position: absolute;
	width: 800px;
	height: 170px;
	top: 0px;
	left: 0px;
	
	overflow: hidden;
}

div#header div img { text-align:center; position: relative; top:0;}


div#logo {
	position: absolute;
	height: 170px;
	padding: 20px 0px 19px 251px;
top:0px;
left:0px;
	
}

div#warrior-left {
	float:left;
margin:0;
padding:0;
 
	
}


div#warrior-right {
	float:right;
	
}

div#navigation {
	font-size: 1.2em;
	position: absolute;
	width: 800px;
	height: 35px;
	top: 170px;
 
	left: 0px;
	background: #323131;
	border-top: 1px solid #fff;
	

	
border-bottom: 1px solid #fff;
	/*overflow: hidden;*/
}



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

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

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

div#inhalt-text {
	min-height: 300px;
	padding: 60px 35px 20px 40px;
	background: #000000;
}

* html div#inhalt-text { height: 300px; border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;}

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

div#seitenbild img { float: left; }

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

p.bodytext img, div.inhalt-rechts  img {  border: 1px solid #ffffff; }

div.inhalt-rechts {
	float: right;	
	width: 225px;
	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; }




div#navigation ul {
	margin:5px 0px 5px 12px;
	padding: 0px 0px 0px 0px;
	 
}


div#navigation ul li {
 margin:0px 2px 0px 2px; display:inline; 
	float: left;
	list-style-type: none;
text-align:center;
	
}

div#navigation ul li a {
	
border: 1px solid #ffffff;
		display:inline-block; 
		width:110px; 
		text-decoration:none; 
		background-color: #000000; 
		color:#CFC8C8; font-weight: bold; 
		letter-spacing:1;
		padding:0px 0px 2px 0px;


/*
display: block;
height: 37px;
	color: #fff;
width:100px;
	text-decoration: none;
	
	
	outline: none;
*/
}
div#navigation ul li a.short { width: 30px; }
div#navigation ul li a:hover, div#navigation ul li a.aktiv {
	 
	border-color:#000000; 
	background-color:#CFC8C8; 
	color:#000000;
}




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 {
	border-color:#000000; 
	background-color:#CFC8C8; 
	color:#000000;
}


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

 

h1 {
	font-size: 1.4em;
	line-height:1.2em;
	color: #ffffff;
	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 22px 2px 0px; vertical-align:top; }
table.contenttable img { border: 1px solid #ffffff; }

table.bandpic td {text-align:center; }
table.bandpic td  img {border:none;}
table.contenttable ul li, div.inhalt-links ul li {
	list-style-type:square;
}
 
/* In der Laufweite reduzierter Text */
div.csc-frame-indent6633 {
	width: 475px;
	margin: 0px 0px 36px 0px;
}






/* 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-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;
}

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;
}

/* 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;
}

/* 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;
}

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

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

/* Links Zusatzboxen */
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;
	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; }


div.widget_iframe {
 float:right;
 margin-right: -170px !important;
 margin-top: -2500px !important;
}
