/**
 * Fuhrparkcheck
 *
 * @author Norbert
 * @version 1.16
 * @since 20060801
*/

#fuhrparkcheck h2{
	padding			: 0;
	margin			: 0;
	font-weight		: bold;
	color			: #fff;
}

#fuhrparkcheck h3{
	padding			: 2px 10px;
	margin			: 10px 0 6px 0;
}

#fuhrparkcheck h4{
	padding			: 2px 10px;
	margin			: 10px 0 0 0;
	color			: #888;
}
#fuhrparkcheck p{
	padding			: 2px 10px;
}

#fuhrparkcheck div.headerIntro{
	padding			: 5px 10px;
	background		: #999999 url(../images/fuhrparkcheck/fpc_headerIntro.gif);
	position		: relative;
	margin			: 0px 0px 0 -4px;
	width			: 434px;
}

#fuhrparkcheck div.headerFuhrpark{
	padding			: 5px 10px;
	background		: #EC702A url(../images/fuhrparkcheck/fpc_headerFuhrpark.gif);
	position		: relative;
	margin			: 0px 0px 0 -4px;
	width			: 434px;
}

#fuhrparkcheck div.headerFinanzierung{
	padding			: 5px 10px;
	background		: #83806D url(../images/fuhrparkcheck/fpc_headerFinanzierung.gif);
	position		: relative;
	margin			: 0px 0px 0 -4px;
	width			: 434px;
}


#fuhrparkcheck div.headerVerwaltung{
	padding			: 5px 10px;
	background		: #F6CA5A url(../images/fuhrparkcheck/fpc_headerVerwaltung.gif);
	position		: relative;
	margin			: 0px 0px 0 -4px;
	width			: 434px;
}

#fuhrparkcheck div.headerDaten{
	padding			: 5px 10px;
	background		: #F5F5F5 url(../images/fuhrparkcheck/fpc_headerDaten.gif) left top;
	position		: relative;
	margin			: 0px 0px 10px -4px;
	width			: 434px;
	height			: 15px;
}

#fuhrparkcheck p.linkContainer{
	text-align		: right;
	width			: auto;
	margin			: 0px;
	padding			: 0px 20px 10px 0px;
}

#fuhrparkcheck p.linkContainer a.weiter{
	padding			: 2px 22px 9px 6px;
	color			: #fff;
	background		: url(../images/fuhrparkcheck/button_weiter.gif) right top;
}

#fuhrparkcheck p.linkContainer a.back{
	padding			: 2px 8px 8px 16px;
	color			: #fff;
	background		: url(../images/fuhrparkcheck/button_back.gif) left top;
}

#fuhrparkcheck p.linkContainer span.weiter {
	padding			: 2px 0px 9px 6px;
	* padding		: 0 0 0 6px;
	background		: url(../images/fuhrparkcheck/button_weiter_l.gif) left top no-repeat;
}

#fuhrparkcheck p.linkContainer span.back {
	padding			: 2px 0px 8px 16px;
	* padding		: 0 0 0 0;
	background		: url(../images/fuhrparkcheck/button_back_r.gif) right top no-repeat;
}

div.errorMessage{
	margin			: 0 0 10px 4px;	
}

#fuhrparkcheck label{
	cursor			: pointer;
	line-height		: 16px;
	vertical-align	: middle;
}

#fuhrparkcheck select{
	vertical-align	: middle;
}

#fuhrparkcheck input.xs{
	width			: 50px;
}

#fuhrparkcheck input.proz{
	width			: 24px;
}

#fuhrparkcheck textarea.l{
	width			: 420px;
	height			: 100px;
}
#fuhrparkcheck div.sub{
	padding			: 2px 10px 10px 28px;
}

#fuhrparkcheck #rueckrufContainer{
	border			: 1px solid #ccc;
	position		: absolute;
	top				: 55px;
	left			: 266px;
	padding			: 0 0 0 0;
}

#fuhrparkcheck p.mehrzeiligeCheckbox{
	text-indent		: -16px;
	padding-left	: 25px;
	width			: 400px;
}

#fuhrparkcheck p.mehrzeiligeCheckbox label{
	vertical-align	: middle;
}

#fuhrparkcheck p.mehrzeiligeCheckbox input.checkbox{
	margin			: 0;
	width			: 16px;
	height			: 16px;
}

ol#fpc_ol li {

	/* @todo ...*/
	padding-bottom	: 10px;

}

/**
 * Fortschrittsbalken
*/

#progressBar{
	position		: absolute;
	top				: 5px;
	right			: 10px;
	height			: 13px;
	padding			: 2px;
	color			: #fff;
	width			: 200px;
}

#progressBar #text1{
	position		: absolute;
	left			: 0px;
	top				: 0px;
}
#progressBar #text2{
	position		: absolute;
	left			: 170px;
	top				: 0px;
}
#progressBar #bg{
	position		: absolute;
	left			: 25px;
	top				: 0px;
	width			: 140px;
	height			: 13px;
}

#progressBar .bg1{
	background-color: #F5B794;
}

#progressBar .bg2{
	background-color: #C1BFB6;
}

#progressBar .bg3{
	background-color: #FADF9C;
}

#progressBar .bg4{
	background-color: #6D88BC;
}

#progressBar #bar{
	position		: absolute;
	left			: 0px;
	top				: 0px;
	height			: 13px;
	background		: url(../images/bar_bg.gif) left top repeat ;
}

/* Karteireiter */

/* Container für Karteireiter und -karten */
div#fuhrparkcheck {
	width			: 454px;
	position		: relative;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 4px 0px 4px; /* padding-top ergibt sich aus der Höhe der Karteireiter */
	position		: relative;
	background		: url(../images/fuhrparkcheck/bg.gif) repeat-y ;
}

/*  Karteireiter */
ul#karteireiter {
	border-left		: 1px solid #d5d5d5;
	left			: 3px;
	list-style		: none;
	margin			: 0px;
	padding			: 1px 0px 0px 0px; /* padding-top ist bei höhergestellten aktiven Karteireitern notwendig */
	position		: absolute;
	top				: -2px;
	z-index			: 1;

}

ul#karteireiter li {
	background-color: transparent;
	border-top		: 1px solid #dddddd;
	border-right	: 1px solid #d5d5d5;
	border-bottom	: 1px solid #d5d5d5;
	float			: left;
}

ul#karteireiter li.aktiv {
	background-color: #ffffff;
	border-bottom	: 1px solid #f5f5f5;
	margin-top		: -1px; /* der aktive Karteireiter steht höher als die inaktiven */
	padding-top		: 1px; /* Ausgleich für den margin-top */
}

ul#karteireiter li a {
	color			: #fff;
	display			: block;
	line-height		: 20px; /* steuert die Höhe der Kartereiter */
	padding			: 2px 8px 2px 8px;
	font-weight		: bold;
	text-decoration	: none;
}
ul#karteireiter li.aktiv a{
	color			: #0B398F;
}

ul#karteireiter li a:hover {
	color			: #0B398F;
	background-color: #fff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity: 0.5;

}

/* Container für die Karteikarten */
div#karteikarten {
	background-color: transparent;
	margin			: 0px 0px 0px 0px;
	padding			: 0px;
	
}

div#karteikarten div.karteikarte {
	background-color: transparent;
	display			: none;
	margin			: 0px;
	padding			: 0px;
}

div#karteikarten div#karte1.karteikarte {
	display			: block;
}


/* Teaser-Boxen */
#fpc{
	position		: absolute;
	right			: 0px;
	top				: 130px;
	width			: 234px;
}

#fpc #hotline{
	background		: #070751 url(../images/fuhrparkcheck/rueckruf.gif) no-repeat;
	padding			: 10px 0 8px 0;
	margin-bottom	: 10px;
}

#fpc #callback{
	background		: #676767 url(../images/fuhrparkcheck/callback.gif) no-repeat;
	padding			: 10px 0 8px 0;
}

#fpc p,
#fpc h1{
	color			: #ffffff;
}

#fpc p a{
	color			: #ffffff;
	font-size		: 10px;
}

#fpc #hotline h1,
#fpc #hotline p{
	padding			: 0 0 0 40px;
}

#fpc #callback h1,
#fpc #callback p{
	padding			: 0 0 0 40px;
}

#u {
	background: url(../images/fuhrparkcheck/u.gif) repeat-x;
	width: 454px;
	height: 9px;

}