/********** Grundformatierung **********/

@import url(typostyle.css);


/********** Allgemein **********/
body
{
	background:#ffffff;
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Tahoma;
	font-size:11px;
	color:#989b03;
	background: url('../images/body_bg.png') no-repeat;
}

td, p, div
{
	font-family:Verdana,Arial,Tahoma;
	font-size:1em;
}

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.white { color:#fff; }
.hand { cursor:pointer; }
.halfSpace { font-size:0px; height:5px; }
.fullSpace { font-size:0px; height:10px; }
.rtl { text-align:right; }

.tfield {
	background:#ffffff url('../images/input_bg.gif') repeat-x;
	margin:2px 0px 2px 0px;
	padding:1px;
	width:200px;
	border:1px solid;
	border-color:#7b7d7c #c4c5c4 #dddedd;
  	font-family:Verdana;
	font-size:1em;
	color:#414141;
	filter: alpha(opacity=75);
	-moz-opacity: .75; 
}
.err {
	background-color: #f8e6e9;
	border:1px solid #8e004d;
}
.errText { color:#e3007a; }
textarea { overflow:auto; }

.tbutt {
	background: #f8e6e9;
	border:1px #8e004d solid;
}


/********** Alle Links **********/
a:link, a:active, a:visited
{
	color:#666666;
	text-decoration:underline;
	outline:none;
}
a:hover
{
	color:#0064B4;
	text-decoration:underline;
	outline:none;
}


/********** Layout ***********/
#layout { padding:0px; }


/********** Header **********/
#header {
	background:url('../images/navi_points_laenger_new.png') 304px 0px no-repeat;
	height:150px;
	position:relative;
}

.logo {
	background:url('../images/logo.gif') no-repeat;
	margin:0;
	padding:25px 0 0 40px;
	width:265px;
	height:115px;
}

.logo2 {
	background:url('../images/logo_home_only.png') no-repeat;
	margin:0;
	padding:60px 0 0 20px;
	width:285px;
	height:80px;
}


#headerimg {
	height:250px;
}

#headerimg_home {
	height:350px;
}


/********** Navigation **********/
.navi1 {
	position:absolute;
	z-index:10;
	width:150px;
	text-align:center;
}
.navi1 a, .navi1 a.on {
    display:block;
    padding-top:12px;
    height:50px;
	color:#e41282;
	font-weight:bold;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:1.1em;
	text-decoration:none;
}

html > body .navi1 a:hover, html > body .navi1 a.on	{ background: transparent url('../images/menu_active.png') top center no-repeat; }
* html .navi1 a:hover, * html .navi1 a.on			{ background: transparent url('../images/menu_active.gif') top center no-repeat; }

.navi2_tree {
	position:absolute;
	z-index:20;
	width:150px;
}
.navi2 {
	position:absolute;
	z-index:30;
	width:180px;
    height:30px;
	text-align:left;
}
.navi2 a, .navi2 a.on {
    display:block;
    padding:15px 25px 5px 25px;
	color:#414141;
 	font-family:Verdana,Arial,Tahoma;
 	font-size:14px;
	text-decoration:none;
}

html > body .navi2 a:hover, html > body .navi2 a.on	{ background: transparent url('../images/menu2_active.png') no-repeat; }
* html .navi2 a:hover, * html .navi2 a.on			{ background: transparent url('../images/menu2_active.gif') no-repeat; }

.navi2 a:hover, .navi2 a.on {
    color:#bcbe00;
}


/********** Maincontainer **********/
#maincontainer {
	margin:0px 0px 0px 54px;
	padding:0px;
}

#maincontainer #searchbox {
	position:relative;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:260px;
	float:left;
}

/***** Elektronische Fahrplanauskunft *****/
.scheduleBox {
    position:absolute;
	width:220px;
	/* height:163px;
	overflow:hidden; */
	margin:55px 15px 15px 15px;
	color:#fff;
	font-size:1.0em;
}

.rechnerBox {
    position:absolute;
	width:155px;
	/* height:163px;
	overflow:hidden; */
	margin:65px 0px 0px 45px;
	color:#fff;
	font-size:1.0em;
}

.rechnerBox2 {
    position:absolute;
	width:155px;
	/* height:163px;
	overflow:hidden; */
	margin:45px 0px 0px 25px;
	color:#fff;
	font-size:1.0em;
}

.rechnerBox3 {
    position:absolute;
	width:155px;
	/* height:163px;
	overflow:hidden; */
	margin:45px 0px 0px 15px;
	color:#fff;
	font-size:1.0em;
}

.planInputText {
	margin:0;
	font-size:0.8em;
	color:#414141;
	filter: alpha(opacity=100);
	-moz-opacity: 1; 
}

.lastInpPad {
    padding:0 0 15px 8px;
}

.planSend {
    position:absolute;
	width:95px;
	bottom:25px;
	right:20px;
}

.planSend input.tbutt {
	background: #f8e6e9;
	border:1px #f8e6e9 solid;
}



/***** ContentMainBox *****/
#maincontainer #rightcontainer {
	margin:0px;
	padding:45px 0px 50px 50px;
	width:550px;
	float:left;
	color:#989b03;
	font-family:Verdana;
}

#maincontainer #rightcontainer .contentcustom {
	margin:0px;
	padding:0px;
	width:300px;
	float:left;
}

#maincontainer #rightcontainer .contentright {
	margin:0px;
	padding:0px 0px 0px 40px;
	width:200px;
	float:left;
}


/********** Maincontainer **********/ 
#footer {
	background:url('../images/footer_bg.gif') no-repeat;
	margin:0px 0px 0px 370px;
	padding:0px 0px 20px 0px;
}

#footer .info {
	margin:0px;
	padding:8px 0px 3px 0px;
	width:300px;
	color:#959595;
	font:0.9em Verdana;
}

#footer .navi, #footer .navi a {
	color:#a2a2a2;
	font:0.9em Verdana;
}

.chartCar {
    background-color:#FF3333;
    margin-bottom:2px;
}

.chartSaved {
    background-color:#00E500;
    margin-bottom:2px;
}

.chartPetrol {
    background-color:#FF7F00;
    margin-bottom:2px;
}

.chartBus {
    background-color:#B2CCFF;
    margin-bottom:2px;
}