/* --------------------------- ALLGEMEINES ---------------------------*/
body {
	margin: 			0px;
	padding: 			0px;
	background-color: 	#FFF;
	font-family:		Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6,blockquote,form,p {
	margin: 			0;
	padding: 			0;
}

img {
	border:				0px;
}

h1 {
	color: 				#333;
	font-size: 			16px;
	font-weight:		bold;
	margin-bottom:		4px;
	padding:			0;
}

h2 {
	color: 				#333;
	font-size: 			16px;
	font-weight:		bold;
	margin-bottom:		10px;
	padding:			0;
}

h2.inputError {
	color: 				#333;
	font-size: 			14px;
	font-weight:		bold;
	margin-bottom:		5px;
	padding:			0;
}

h3 {
	font-size: 			11px;
	font-weight:		bold;
	color: 				#333;
	margin-bottom:		10px;
	padding:			0;
}
h5 {
	font-size: 			11px;
	font-weight:		normal;
	color: 				#333;
	margin:				0;
	padding:			0;
}
.gruen {
	color:				#6B7402;
	font-weight:		bold;
}
.textweiss {
	color:				#FFF;
	font-weight:		bold;
}

a:link,
a:active,
a:visited {
	color:				#333;
	text-decoration: 	none;
	font-weight:		bold;
	}

a:hover {
	color: 				#333;
	text-decoration: 	underline;
	}
	
a.weiterbutton {			
	width:				106px;
	border:				1px solid #FFF;
	display:			block;
	background-color:	#D0D789;
	padding:			2px 4px;
	color:				#333;
}

/*------------------------- head -----------------------------------------*/

#head {
	background-color: 	#FFF;
	background-image:	url(../images/rollatex_header.gif);
	background-repeat:	no-repeat;
	width:				996px;
	height:				74px;			
	padding:			0;
	margin: 			0;		
}


/* --------------------- content ------------------------- */
#content {
	width:				996px;
	/*height:				492px;*/
	height:				518px;
	margin:				0;
	padding:			0;
}

#inhalt {
	float:				left;
	width:				736px;
	/*height:				452px;*/
	height:				478px;
	background-color: 	#DDD;
	margin:				0;
	padding:			20px 20px 20px 20px;
	color: 				#333;
	font-size: 			12px;
	color: 				#333;
}
#inhalt-start {
	float:				left;
	width:				736px;
	height:				478px;
}

/*--------- Inhalt links / rechts------------ */

#links {
	float:				left;
	width:				425px;
	margin-right:		5px;
	padding:			0;
}

#rechts {
	width:				294px;
	float:				left;
	margin-left:		6px;
	padding:			0;
	text-align:			right;
}


/*--------- Ende Inhalt links / rechts ------------ */

table.rollatex {
	border:				0px;
	border-collapse:	collapse;
	margin:				0px;
	padding:			0px;
	width:				736px;
}
table.rollatex thead td {
	background-color:	#D0D789;
	padding:			3px 8px;
	font-size: 			11px;
	font-weight:		bold;
	color: 				#333;
}
table.rollatex tbody tr {
	margin:				0;
	padding:			0;
} 
table.rollatex tbody td {
	padding:			3px 8px;
	margin:				0;
	vertical-align:		middle;
}

table.rollatex tbody td.rowLabel {
	border-right:		1px solid #FFF;
}

tbody td.rowLabel {
	width:				100%;
}

table.properties {
	width:				736px;
}
table.properties td {
	padding:			2px 10px 2px 10px;
}

.properties tbody td.rowLabel {
	padding-left:		0;
}

.weiss  {
	background-color:	#FFF;
}

.hellgrau  {
	background-color:	#EBEBEB;
}

.hggruen  {
	background-color:	#9DAB00;
}

.grau  {
	background-color:	#CCCCCC;
}

input.inputText {
   border:              1px solid #9dab00;
   background-color:    #FFF;
   padding-left:        4px;
   width:               100px;
}

div input.inputError {
	background-color:	#FCC;
	border-color:		#F00;
}

select.inputSelect {
   border:              1px solid #9dab00;
   background-color:    #FFF;
   padding-left:        4px;
   width:               106px;
}

button.inputButton {
	border:				1px solid #FFF;
	background-color:	#D0D789;
	color:				#333;
	font-size:			12px;
	font-weight:		600;
	margin:				0 8px 0 0;
	padding:			2px 4px;
	text-align:			right;
	width:				106px;
}


/* --- Tabellen Ergebnisseite --- */

	#inhalt table {
		width:				736px;
	}
	
	table.rollatex tbody th {
		font-weight:		normal;
		padding:			3px 8px;
		text-align:			left;
		width:				134px;
    }

	table.rollatex tbody tr.gruen th {
		color:				#6B7402;
		font-weight:		bold;
	}

	table.rollatex tbody tr.hggruen th {
		font-weight:		bold;
	}

	#netzvergleichstabelle {
		margin-top:			8px;
	}

	#netzvergleichstabelle td {
		text-align:			right;
	}


	td.contender {
		padding:			6px 8px;
		width:				140px;
	}
	
	#netzvergleichstabelle .infoTxt {
		font-size:			11px;
		font-weight:		normal;
		text-align:			left;
	}

	tbody td.contender {
		background-color:	#CCC;
	}

	tbody tr.weiss td.contender {
		background-color:	#EBEBEB;
	}


	#inhalt table.advantages td,
	#inhalt table.advantages th {
		vertical-align:		middle;
	}
	.advantages {
		margin-top:			4px;
	}

	table.advantages td {
		padding:			0 8px;
	}

	table.advantages td.contender {
		padding:			2px 8px;
		text-align:			right;
		width:				50px;
	}

	table.advantages th {
		text-align:			left;
		padding:			0 8px;
	}

	#inhalt table.advantages th.contender {
		text-align:			right;
		padding:			0 8px;
	}

	#inhalt table.advantages tr.hellgrau td.contender {
		background-color:	#E6E6E6;
		padding-right:		4px;
	}

	table.advantages td.checkCell {
		padding:			4px 0 4px 8px;
		width:				16px;
	}

/* -------- Footer----------- */
#footer {
	clear:				both;
	height:				23px;
	background-color:	#5A5A5A;
	width:				952px;
	padding: 			11px 24px 4px 20px;
	color:				#FFF;
}

#footer .left a {
	color:				#fff;
	font-size:			11px;
	font-weight:		bold;
	float:				left;
}
#footer .right a {
	color:				#fff;
	font-size:			13px;
	font-weight:		bold;
	float:				right;
}

#hinweis {
	width:				550px;
	position:			absolute;
	margin-top:			-5px;
	margin-left:		230px;
	font-size:			10px;
	color:				#FFFFFF;
}
/* -------- Ende Footer----------- */

.impressumhead {	
	margin:				15px 40px 4px 40px;
	padding:			0px;
	font-size: 			12px;
	font-weight:		bold;
	color: 				#11140B;
}

.impressum {	
	width:				258px;
	margin:				0 40px 12px 40px;
	padding:			0px;
	font-size: 			11px;
	font-weight:		normal;
	color: 				#11140B;
}