@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	padding:0px;
	margin:0px;
	text-align: left;	
	overflow:hidden;
}

body {
	background: #b6cad3;
	background-image:url(images/PR_back_4x750_3.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #444a4d;
	font-style: normal;
	font-size: 10px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.4em;
	text-align:left;
	margin:0px;
	padding:0px;
}

p .bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.8em;
	font-weight:bold;
	font-style:normal;
	text-align:left;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:20px;
	font-style:normal;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:0px;
}

h1.rot {
	font-family:Arial, Helvetica, sans-serif;
	color: #E80011;
	font-size:20px;
	font-style:normal;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
}


a:link, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	font-style:normal;
	text-align:left;
	text-decoration:none;
	margin:0px;
	padding:0px 0px;
}

a:hover {
	color: #C00;
	font-style: normal;

}

a.footer:link, a.footer:visited, a.footer:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	font-style:normal;
	text-align:left;
	text-decoration:none;
	margin:0px;
	padding:0px 10px;
}

a.footer:hover {
	color: #C00;
	font-style: normal;

}

#gradright {
	background-image: url(images/grad_right_2_12.jpg);
	background-repeat:repeat-y;
	position: absolute;
	width: 7px;
	height: 100%;
	left: 777px;
	top: 0px;
	padding: 0px;
}

#gradleft {
	background-image: url(images/grad_left_2_12.jpg);
	background-repeat:repeat-y;
	background-position:right;
	position: absolute;
	width: 7px;
	height: 100%;
	left: 63px;
	top: 0px;
	padding: 0px;
}

#picleft {
	background-image: url(images/Abfalleimer_205.png);
	background-repeat: no-repeat;
	position: fixed;
	width: 135px;
	height: 205px;
	left: -80px;
	top: 450px;
	padding: 0px;
	z-index:6;
}

#picright {
	background-image: url(images/Abribus_PR_600.png);
	background-repeat: no-repeat;
	position: fixed;
	width: 500px;
	height: 600px;
	left: 1250px;
	bottom: -20px;
	padding: 0px;
	z-index:6;
}

.contentright  {
	background-repeat:no-repeat;
	position: absolute;
	width: 220px;
	height: 330px;
	left: 777px;
	top: 70px;
	border:none;
	padding: 0px;
}

a.contentright {
	display:block;
	background-image:	url(images/Haltestelle_Schild_220.png);
	background-position:left top;
	background-repeat:no-repeat;
	position: absolute;
	width: 220px;
	height: 330px;
	left: 777px;
	top: 70px;
	border:none;
	padding: 0px;
}

a.contentright:hover {
	display:block;
	background-image:	url(images/Haltestelle_Schild_over_220.png);
	background-position:left top;
	background-repeat:no-repeat;
	position: absolute;
	width: 220px;
	height: 330px;
	left: 777px;
	top: 70px;
	border:none;
	padding: 0px;
}

#contentright2  {
	position: absolute;
	background-image: url(images/infoscreen.png);
	background-position:left top;
	background-repeat:no-repeat;
	width: 260px;
	height: 290px;
	left: 777px;
	top: 520px;
	border:none;
	padding: 0px;
}



#navigation_line {
	position: absolute;
	width: 5px;
	height: 320px;
	left: 100px;
	top: 260px;
	border-right: 2px dotted #666;
	border-left: 2px dotted #666;
	z-index:5;
}

#maincontainer {
	background: #dde9ef;
	background-image: url(images/busstreet_blue.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 696px;
	height: 100%;
	left: 70px;
	margin: 0px;
	padding:0px;
	top:0px;
	border-right: 5px solid #FFF;
	border-left: 5px solid #FFF;
	overflow:auto;
	z-index:2;
}

#contenthead {
	background-image: url(images/ANALOG_DISPLAY_500x180.png);
	background-repeat:no-repeat;
	background-position:center top;
	width: 706px;
	height: 180px;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index:4;
}
#navigation {
	left: 0px;
	margin-top: 20px;
	width: 706px;
	padding:0px;
	z-index:4;
}

#navigation_head {
	float: left;
	background-image: url(images/Streckenplan.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 500px;
	height: 50px;
	z-index:3;
}

#navigation_links {
	float: left;
	width: 220px;
	height: 500px;
	padding-top:30px;
	margin-left: 20px;
	z-index:3;
}

#navigation_content {
	float: left;
	width: 320px;
	padding-top:5px;
	padding-left:40px;
	margin-top:30px;
	margin-left:60px;
			border-left: 2px dotted #666;
	left: 100px;
	z-index:3;
}

#table_kosten {
	text-align:left;
	height:auto;
	margin:0px;
	padding:0px;
	border-collapse:collapse; 
	width:320px;
}

.tr, .td {
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px;
}

/* Hier startet navigation */

.navilink {
	float: left;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 10px 0px 0px 0px;
	z-index:3;
}

/* formatierungen für methodik */ 

.navilink_methodik_on {
	float: left;
	background-image:url(images/navigation/navi_methodik_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	margin: 10px 0px 0px 0px;
	z-index:3;
}

a.navilink_methodik {
	float: left;
	background-image:url(images/navigation/navi_methodik_a.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_methodik_on {
	float: left;
	background-image:url(images/navigation/navi_methodik_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}
a.navilink_methodik_on:hover {
	float: left;
	background-image:url(images/navigation/navi_methodik_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_methodik:hover {
	float: left;
	background-image:url(images/navigation/navi_methodik_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_methodik:visited a.navilink_methodik:active {
	float: left;
	background-image:url(images/navigation/navi_methodik_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

/* formatierungen für termine */ 

.navilink_termine_on {
	float: left;
	background-image:url(images/navigation/navi_termine_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	margin: 10px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine {
	float: left;
	background-image:url(images/navigation/navi_termine_a.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine_on {
	float: left;
	background-image:url(images/navigation/navi_termine_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}
a.navilink_termine_on:hover {
	float: left;
	background-image:url(images/navigation/navi_termine_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine:hover {
	float: left;
	background-image:url(images/navigation/navi_termine_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine:visited a.navilink_termine:active {
	float: left;
	background-image:url(images/navigation/navi_termine_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

/* formatierungen für kosten */ 

.navilink_kosten_on {
	float: left;
	background-image:url(images/navigation/navi_kosten_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	margin: 10px 0px 0px 0px;
	z-index:3;
}

a.navilink_kosten {
	float: left;
	background-image:url(images/navigation/navi_kosten_a.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_kosten_on {
	float: left;
	background-image:url(images/navigation/navi_kosten_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}
a.navilink_kosten_on:hover {
	float: left;
	background-image:url(images/navigation/navi_kosten_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_kosten:hover {
	float: left;
	background-image:url(images/navigation/navi_kosten_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine:visited a.navilink_kosten:active {
	float: left;
	background-image:url(images/navigation/navi_kosten_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

/* formatierungen für kontakt */ 

.navilink_kontakt_on {
	float: left;
	background-image:url(images/navigation/navi_kontakt_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	margin: 10px 0px 0px 0px;
	z-index:3;
}

a.navilink_kontakt {
	float: left;
	background-image:url(images/navigation/navi_kontakt_a.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_kontakt_on {
	float: left;
	background-image:url(images/navigation/navi_kontakt_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}
a.navilink_kontakt_on:hover {
	float: left;
	background-image:url(images/navigation/navi_kontakt_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_kontakt:hover {
	float: left;
	background-image:url(images/navigation/navi_kontakt_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine:visited a.navilink_kontakt:active {
	float: left;
	background-image:url(images/navigation/navi_kontakt_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

/* formatierungen für 20% */ 

.navilink_20prozent_on {
	float: left;
	background-image:url(images/navigation/navi_20prozent_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	margin: 10px 0px 0px 0px;
	z-index:3;
}

a.navilink_20prozent {
	float: left;
	background-image:url(images/navigation/navi_20prozent_a.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_20prozent_on {
	float: left;
	background-image:url(images/navigation/navi_20prozent_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}
a.navilink_20prozent_on:hover {
	float: left;
	background-image:url(images/navigation/navi_20prozent_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_20prozent:hover {
	float: left;
	background-image:url(images/navigation/navi_20prozent_o.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}

a.navilink_termine:visited a.navilink_20prozent:active {
	float: left;
	background-image:url(images/navigation/navi_20prozent_v.png);
	background-repeat:no-repeat;
	width: 190px;
	height: 50px;
	left: 30px;
	padding: 5px 0px 0px 0px;
	z-index:3;
}


#footer {
	position:absolute;
	background:#FFF;
	text-align:center;
	width: 706px;
	height: 30px;
	left: 70px;
	bottom: 0px;
	border-top: 2px dotted #000;
	margin: 0px 0px;
	padding-top:7px;
	z-index:5;
}