/*************************
	common styles
*************************/

html {
    height: 100%;
}

body
{
    height: 100%;
    width: 100%;
    background-color:#dcdcdc;
    background-image: url(../gfx/body_bg_gradient_tile.jpg);
    background-position: top;
    background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4d4d;
}

	/* IE 5.x needs this */
	td
	{
		font-size:11px;
	}


	/* all images withpuot borders and margins */
	img
	{
		border: 0;
		margin: 0;
		padding: 0;
	}
	div.teaser *
	{
		padding: 0;
		margin: 0;
		display: block;
		width: 162px;
	}

	/* common style for tooltips */
	.tooltip
	{
		position:absolute;
		background-color:#efefef;
		border:1px solid #c7c8c7;
		width:300px; padding:6px;
		z-index: 4;
		display: none;
	}
	/* common style for red layer teaser */
	.redlayerteaser
	{
		color:#FFFFFF;
		background-color:#D90011;
		width:90px; padding:6px;
		z-index: 5;


	}
	/* common style for white/gray border around red layer teaser */
	.redlayerteaserwhiteinnerborder
	{
		position:absolute;
		color:#FFFFFF;
		background-color:#ffffff;
		border:1px solid #c7c8c7;
		width:102px; padding:2px;
		z-index: 4;
		top:45px;
		left:430px;
	}

/*************************
	head

	outer head for 100% width
	and backgroundcolor
	inner head for fixed width and no box moving (floating elements)
*************************/

	/* outer head */
	div#outerHead
	{
		margin:0;
		padding:0;
		width: 100%;
		height: 176px;
		background-color: #ffffff;
		background-image: url(../gfx/head_bg_gradient_tile.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}

	/* inner head*/
	div#innerHead
	{
		margin:0;
		padding:0;
		height: 176px;
		width: 1004px;
	}

	/* logo on the top left */
	div#logo
	{
		float: left;
		margin:0;
		padding:0;
		width:191px;
	}

	/*logo img */
	img.logo
	{
		margin: 18px 0 0 54px;
	}

	/* center head */
	div#centerHead
	{
		float: left;
		margin: 0;
		padding: 0;
		width: 623px;
		height: 176px;

		background-image: url(../gfx/head_bg_jessica.jpg);
		background-position: right top;
		background-repeat: no-repeat;
	}

	/* teaser produktwelten */
	div#produktwelten
	{
		padding: 2px 0 0 12px;
		margin: 0;
		height:17px;
		width: 333px;
		background-image: url(../gfx/produktwelten_bg.gif);
		background-repeat: no-repeat;
	}
	div#produktwelten a
	{
		margin-top: 2px;
	}

	/* welcomeTxt Div*/
	div#welcomeTxt
	{
		padding: 0;
		margin: 0;
		height: 65px;
	}
	* html div#welcomeTxt
	{
		margin-bottom: 23px;
	}

	/* Herzlich Wilkommen Herr Mustermann */
	p.welcome
	{
		margin: 23px 0 0 14px;
		padding: 0;
		font-size: 12px;
		font-weight: 700;
		color: #d90011;
	}

	/* Sie haben 3 ungelesene Nachrichten */
	p.messages
	{
		margin: 0 0 0 14px;
		padding: 0;
	}

	/* Klicken Sie hier, wenn sie nicht Herr Mustermann sind */
	a.wrongCookie:link, a.wrongCookie:visited, a.wrongCookie:focus
	{
		text-decoration: underline;
		margin: 0 0 0 14px;
		padding: 0;
	}
	a.wrongCookie:hover
	{
		color: #d90011;
	}
	a.wrongCookie:active{}


	/* Navigation */
	div#navi
	{
		padding: 0;
		margin: 0;
		height: 69px;
		width: 464px;
		vertical-align: top;
	}

	/*
		 log in box
	*/
	div#logInBox
	{
		margin: 10px 0 0 16px;
		padding: 0;
		float: left;
		height: 120px;
		width: 164px;
	}
	td.logInBoxTopBorder
	{
		border-top: 1px solid #c7c8c7;
		background-color: #ffffff;
	}
	td.logInBoxBottomBorder
	{
		border-bottom: 1px solid #c7c8c7;
		background-color: #ffffff;
	}

	td.logInBoxContent
	{
		border-left: 1px solid #c7c8c7;
		border-right: 1px solid #c7c8c7;
		background-color: #ffffff;
	}
	/*** Log In ***/
	input.logIn
	{
		vertical-align:top;
		width:136px; height:15px; border:1px solid #838383;
		font-size:10px;
		margin:7px 0 0 9px;
		padding:0;
	}

	/** Styles for Logged In Box **/
	p.loggedInHeads
	{
		 font-size:11px;
		 font-weight:700;
		 color:#4d4d4d;
		 padding:0;
		 margin:3px 0 0 15px;
	}

	p.loggedInData
	{
		 font-size:11px;
		 color:#4d4d4d;
		 padding:0;
		 margin:0 0 0 15px;
	}
	#loggedInLine
	{
		height:1px;
		width:162px;
		margin:5px 0 0  0;
		padding:0 0 0 0;
		border-top:1px solid #cdcdcd;
	}

	img.logOutBtn
	{
		padding:0;

	}
	html>body img.logOutBtn
	{
		margin:8px 0 0 12px;
	}


/*************************
	content

	outer content for 100% width
	and backgroundcolor
	inner content for fixed width and no box moving (floating elements)
*************************/

	div#outerContent
	{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 470px;
		background-color:#dcdcdc;
		background-image: url(../gfx/body_bg_gradient_tile.jpg);
		background-position: top;
		background-repeat: repeat-x;
	}
	div#innerContent
	{
		margin: 0;
		padding: 0;
		width: 1004px;
	}
	/* content area below head */
	/* left content */
	
	
/**************
		05.04.2006 - padding: 0 0 0 13px;
*****************/
	div#contentLeft
	{
		float: left;
		margin: 0;
		padding: 0 0 0 13px;
		width: 178px;
	}
/**************
END		05.04.2006 - padding: 0 0 0 13px;
*****************/

	/*this is for IE */
	* html div#contentLeft
	{
		width: 193px;
		/* this resets the width back for ie 6*/
		w\idth: 178px;
	}


	/* Startseite Btn */
	div#naviLeftBtn
	{
		margin: 0;
		padding: 0;
		width: 162px;
		height: 38px;
		background-image: url(../gfx/navi/left_navi_button.gif);
		background-position: top left;
		background-repeat:no-repeat;
		vertical-align: middle;
		font-weight: 700;
	}

	/* center content */
	div#contentCenter
	{
		float: left;
		padding: 0;
		margin: 0;
		width: 622px;
	}




/************************************
	table dataOverview
************************************/
	table.dataOverview td p, table.dataOverview td.dataCol table.dataTable td
	{
		padding:0;
		margin:0;
	}
	table.dataOverview
	{
		border-left:1px solid #c7c8c7;
		border-right:1px solid #c7c8c7;

		background-color: #FFFFFF;

	}

	/* all lines have a border bottom*/
	table.dataOverview td
	{
		border-bottom:1px solid #c7c8c7;
		font-size:11px;
		text-align:left;
		vertical-align:top;
		padding:7px 0 8px 0;
		margin:0;
	}

	/* 1st column with name of data*/
	table.dataOverview td.nameCol
	{
		font-weight:bold;
		color:#d90011;
		padding:7px 0 8px 14px;
		width:124px;
	}

	/* 2nd column */
	table.dataOverview td.dataCol table.dataTable
	{

	}
	table.dataOverview td.dataCol table.dataTable td
	{
		font-weight:normal;
		color:#4d4d4d;
		margin:0;
		padding:0 0 0 14px;
		border:0;
	}
	/** data  column 1 **/
	table.dataOverview td.dataCol table.dataTable td.data1
	{
		width:150px;
	}
	/** data  column 2 **/
	table.dataOverview td.dataCol table.dataTable td.data2
	{
		width:180px;
	}
		/** data  column 3 **/
	table.dataOverview td.dataCol table.dataTable td.data3
	{
		width:344px;
	}
	/** data  change column **/
	table.dataOverview td.dataCol table.dataTable td.change
	{
		margin:0;
		padding:0;
		width:98px;
		text-align:right;
		vertical-align: bottom;

	}
	table.dataOverview td.dataCol table.dataTable td.change a
	{
		padding:0px 0 0 5px;
	}
	table.dataOverview td.dataCol table.dataTable td.change a img
	{
		vertical-align:top;
		margin: 2px 0 0 0;
	}


	/* tool tip buttons */
	img.toolTipBtn
	{
		vertical-align: text-bottom;
	}

	/* table for Meine Rechnungen*/

	table.rechnungen td
	{
		border: none;
		padding: 0;
		margin: 0;
	}
	table.rechnungen td a:link, table.rechnungen td a:visited, table.rechnungen td a:focus, table.rechnungen td a:hover, table.rechnungen td a:active
	{
		color: #D90011;
	}


	/*
		table Rechnungs FAQ
	*/
	table.rechnungsFAQ
	{
		background-color: #efefef;
		border-left:1px solid #c7c8c7;
		border-right:1px solid #c7c8c7;
	}

	table.rechnungsFAQ td
	{
		border-bottom: 1px solid #c7c8c7;
	}

	.greyBoxBottomBorder
	{
		border-bottom: 1px solid #c7c8c7;
		background-color: #efefef;
	}


/* right columns */

/**************
		05.04.2006 - margin: 0 0 0 2px;
*****************/
	div#contentRight
	{
		/*\*/
		float:left;
		/**/

		padding: 0 0 0 15px;
		margin: 0 0 0 2px;
	}
/**************
END		05.04.2006 - margin: 0 0 0 2px;
*****************/

/*
	small search box on the right
*/
	/* small search box on the right side */
	div#searchboxSmall
	{
		width:162px;
		height:83px;
		padding:0;
		margin:0;
		background-image:url(../gfx/search_box_small_bg.gif);
		background-repeat:no-repeat;
		background-position:center top;
		text-align:center;
	}


	div#searchboxSmall input.searchInput
	{
		width:134px;
		height:19px;
		margin:6px 0 0 0;
		border:1px solid #838383;
	}
	div#searchboxSmall input.submit
	{
		margin:3px 0 0 0;
	}
	div#searchboxSmall input.radioSearch
	{
		display: inline;
		margin:0;
		padding:0;
		vertical-align: text-bottom;
	}
	div#searchboxSmall p.searchparams
	{
		padding:0;
		vertical-align:middle;
		margin:8px 0 0 0;
	}

	html>body div#searchboxSmall p.searchparams
	{
		margin:10px 0 0 0;
		vertical-align:middle;
	}

	* html div#searchboxSmall p.searchparams
	{
		margin:3px 0 0 0;
	}



/*** Footer Navi ***/

	div.foot
	{
		clear: left;
		width: 1004px;
		text-align: center;
		padding: 20px 0 20px 0;
		vertical-align: top;
	}
	div#footCenterBox
	{
		width:1004px;
		padding: 0;
		font-size:9px;
		color:#000000;
	}



/*
	styles teaservarianten
*/


/* for teasercontent */
	table.teaser
	{
		border-left:1px solid #c7c8c7;
		border-right:1px solid #c7c8c7;
		background-color:#FFFFFF;
		font-size:11px;
		text-align:left;
		vertical-align:top;
		padding:0 0 0 0;
		margin:0;
	}

/* for 1px lines */
	td.line
	{
		border-bottom:1px solid #c7c8c7;
		font-size:11px;
		text-align:left;
		vertical-align:top;
		padding:0 0 0 0;
		margin:0;
	}

	/* for teasercontent tds*/
	td.teaserTD
	{
	font-size:11px;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:7px 0 8px 15px;
	}

select, input.txtbox
{
    width:213px;
    border:1px solid #C7C8C7;
    height:17px;
    font-size: 11px;
    color: black;
    padding-bottom: 0px;
}


/* Qualitaetsbarometer */

div.qualitaetsbarometer {width: 588px; height: 176; background-color: #F5F4F4; margin-bottom: 16px;}

div.qualitaetsbarometer_header img {display: block; margin: 0; padding: 0; width: 588px; height: 5;}

div.qualitaetsbarometer_bottom img {display: block; margin: 0; padding: 0; width: 588px; height: 5;}

.qualitaetsbarometer_headline {float: left; color: #D90011; width: 465px; margin: 0; padding: 2px 0 8px 9px; font-weight: bold; font-size: 14px;}

.btn_mehrinfos {display: block; float: left;}

.clear {clear: left; padding-left: 9px;}

.qualitaetsbarometer p.einleitung {clear: left; width: 570px; border-top: 1px solid #CCCCCC; padding-top: 8px;}

.qualitaetsbarometer_table img {display: block; padding: 0; margin: 0; float: right;}

.qualitaetsbarometer_table td.ohne_border {border-bottom: none; padding: 0; margin: 0;}

.qualitaetsbarometer_table {margin-top: 18px; padding-left: 9px; height: 220px;}

td.aktuell {background-color: #D2D1D1;}

td.alt {background-color: #FFFFFF;}

.qualitaetsbarometer_table td p.datum {padding:8px 0 0 0; font-weight: bold; text-align: center;}

.qualitaetsbarometer_table td p.alt {color: #666666;}

.qualitaetsbarometer_table td p.zeit {padding: 18px 0 0 8px; font-weight: bold; float: left;}


/* Qualitaetsbarometer Layer */

div.layer_qualitaetsbarometer {width: 572px; height: 228; background-color: #F5F4F4; margin-bottom: 16px;}

div.layer_qualitaetsbarometer_header img {display: block; margin: 0; padding: 0; width: 572px; height: 5;}

div.layer_qualitaetsbarometer_bottom img {display: block; margin: 0; padding: 0; width: 572px; height: 5;}

.layer_qualitaetsbarometer_headline {float: left; color: #D90011; width: 472px; margin: 0; padding: 2px 0 8px 9px; font-weight: bold; font-size: 14px;}

.layer_qualitaetsbarometer p.einleitung_layer {clear: left; width: 558px; border-top: 1px solid #CCCCCC; padding-top: 8px;}

.layer_qualitaetsbarometer_table img {display: block; padding: 0; margin: 0; float: right;}

.layer_qualitaetsbarometer_table td.ohne_border {border-bottom: none; padding: 0; margin: 0;}

.layer_qualitaetsbarometer_table {margin-top: 18px; padding-left: 9px; height: 50px;}

.layer_qualitaetsbarometer_table td p.zeit {padding: 18px 0 0 8px; font-weight: bold; float: left;}

.hl_grey {color: #767676;}

.layer_qualitaetsbarometer p.layer_footer_text {padding: 7px 7px 0 7px; margin-bottom: 10px;}


.extra_ueberschrift {font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #D90011;
	font-weight:bold;
	display:none;
}