@charset "utf-8";

html {
	height			: 101%;
}

body{
	text-align		: center;
	font-family		: Arial, Helvetica, sans-serif;
	margin			: 0 0 10px 0;
	height			: 101%;
}
label {
    font-weight     : bold;
}
#page{
	text-align		: left;
	width			: 800px!important;
	max-width		: 800px;
	padding			: 10px 0 0 0;
	margin			: auto;
}
#header{
	text-align		: right;
	width			: 800px!important;
	max-width		: 800px;
	max-height		: 200px;
	height			: 200px!important;
	padding			: 0 0 0 0;
	margin			: 0 0 2px 0;
}
*+html #page #header{
	min-height		: 200px;
}
#header .left{
	float			: left;
	width			: 270px!important;
	max-width		: 270px;
	height			: 200px!important;
	max-height		: 200px;
	background		: url('../gfx/headerGradient2.jpg');
	background-repeat:no-repeat;
	padding			: 0 0 0 0;
	margin			: 0 2px 0 0;
}
#header .right{
	float			: left;
	width			: 528px!important;
	max-width		: 528px;
	height			: 200px!important;
	max-height		: 200px;
	background		: url('../gfx/headerBackground2.jpg');
	background-repeat:no-repeat;
	padding			: 0 0 0 0;
	margin			: 0 0 0 0;
}
#header a{
	color			: #BDCE10;
	font-size		: 14px;
	font-weight		: bold;
	text-decoration	: none;
}

#content{
	text-align		: justify;
	width			: 770px!important;
	max-width		: 800px;
	height			: 130px!important;
	max-height		: 160px;
	padding			: 12px;
	margin			: 0 0 0 0;
	border			: 3px solid #E5E5E5;
	background		: #F8F9F2;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
}
#content2{
	text-align		: justify;
	/*width			: 770px!important;
	max-width		: 800px;
	height			: 130px!important;
	max-height		: 160px;*/
	padding			: 0;
	margin			: 0;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
}
#content3{
	float 			: left;
	text-align		: justify;
	width			: 800px!important;
	max-width		: 800px;
	padding			: 0;
	margin			: 0;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
}
#content3 a:link {
	color: #717171;
}
#content3 a:hover {
	color: #717171;
}
#content3 a:visited{
	color: #717171;
}
#content3 a:active{
	color: #717171;
}
#content img{
	margin			: 0 12px 0 0;
}
#content h1{
	margin			: 0 0 0 0;
	font-size		: 12px;
	color           : #879B08;
}
#content p, #content2 p{
	padding			: 0 0 0 0;
	margin			: 0 0 0 0;
}

#breadcrump{
	text-align		: left;
	width			: 770px!important;
	max-width		: 800px;
	padding			: 5px 12px 5px 12px;
	margin			: 5px 0 0 0;
	border			: 3px solid #E5E5E5;
	background		: #F8F9F2;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
	font-weight     : bold;
}

#breadcrump .bc_start{
    float           : left;
}

#breadcrump .bc_cell{
    float           : left;
    background-image: url(../gfx/bc_pfeil.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left    : 15px;
    margin-left     : 15px;
    color           : #CAC6C7;
}

#breadcrump .aktiv{
    float           : left;
    background-image: url(../gfx/bc_pfeil_aktiv.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left    : 12px;
    margin-left     : 18px;
    color           : #757575;
}

#breadcrump .aktiv a{
    color           : #757575;
    text-decoration : none;
}

#breadcrump .aktiv a:hover{
    text-decoration : underline;
}

#breadcrump a{
    color           : #CAC6C7;
    text-decoration : none;
}

#breadcrump a:hover{
    text-decoration : underline;
}

.content2Left{
	float			: left;
	text-align		: justify;
	width			: 270px!important;
	max-width		: 270px;
	padding			: 0 0 0 0;
	margin			: 10px 2px 0 0;
	color			: #717171;
	font-size		: 11px;
	line-height		: 18px;
}
.content2Left p, .content2 p{
	padding			: 0 0 0 0;
	margin			: 0 0 0 0;
}
.content2Left td, .content2 td{
	font-size		: 11px;
	font-weight		: bold;
	color           : #757575;
}
.eingabe_trenner{
    border-top      : 1px solid #CAC6C7;
    margin-top      : 20px;
    padding-top     : 6px;
}
.lightShade{
	height			: 26px!important;
	max-height		: 26px;
	vertical-align	: middle;
	padding			: 5px 0 0 5px;
}
.darkShade{
	height			: 26px!important;
	max-height		: 26px;
	vertical-align	: middle;
	background-color: #f5f5f5;
	padding			: 5px 0 0 5px;
}
.darkShade td{
	border-top		: 1px solid #e5e5e5;
	border-bottom	: 1px solid #e5e5e5;
}
.darkShadeErgeb{
	height			: 20px!important;
	max-height		: 20px;
	vertical-align	: middle;
	background-color: #f5f5f5;
}
.darkShadeErgeb td{
	border-top		: 1px solid #e5e5e5;
	border-bottom	: 1px solid #e5e5e5;
	border-left		: 1px solid #e5e5e5;
	border-right	: 1px solid #e5e5e5;
}
.darkShadeSumme{
	height			: 20px!important;
	max-height		: 20px;
	vertical-align	: middle;
	background-color: #f5f5f5;
	color			: #bd4f10;
}
.darkShadeSumme td{
	border-top		: 1px solid #e5e5e5;
	border-bottom	: 1px solid #e5e5e5;
	border-left		: 1px solid #e5e5e5;
	border-right	: 1px solid #e5e5e5;
}
.selectlonger{
	width			: 198px!important;
	max-width		: 200px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
}
.selectlong{
	width			: 178px!important;
	max-width		: 180px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
}
.selectmedlong{
	width			: 130px!important;
	max-width		: 180px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
}
.selectmed{
	width			: 98px!important;
	max-width		: 100px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
}
.selectshort{
	width			: 63px!important;
	max-width		: 650px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
}

.content2Left input.text{
	width			: 158px!important;
	max-width		: 160px;
	background		: #f8f8f8;
	border			: 1px solid #e5e5e5;
	font-size		: 11px;
}
.content2Right{
	float			: left;
	text-align		: left;
	display			: block;
	width			: 496px!important;
	max-width		: 498px;
	padding			: 5px 0 0 5px;
	margin			: 10px 0 0 20px;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
	background		: #FFFFFF;
}
.content2Right #bordered{
    border			: 3px solid #E5E5E5;
    width			: 496px!important;
}
.content2Right h1{
	color           : #879B08;
	font-size		: 18px;
	font-style		: italic;
	/*text-decoration	: underline;*/
	display			: block;
	height			: 27px!important;
	max-height		: 35px;
	padding			: 8px 0 0 40px;
	margin			: 0 0 0 0;
	background		: url(../gfx/iconPrice.jpg) no-repeat;
}
.content2Right h2{
	color			: #BDCE10;
	font-size		: 18px;
	font-style		: italic;
	text-decoration	: underline;
	display			: block;
	height			: 27px!important;
	max-height		: 35px;
	padding			: 8px 0 0 0;
	margin			: 0 0 0 0;
}
.content2Right p{
	padding			: 0 0 0 0;
	margin			: 0 0 0 0;
	display			: block;
}
.content2Right #knopf_auswertung {
    margin-top      : 20px;
    margin-bottom   : 50px;
    text-align      : right;
}
#content2Ergebnis{
    text-align		: justify;
    padding			: 0 0 0 0;
	margin			: 0 0 0 0;
	color			: #717171;
	font-size		: 12px;
	line-height		: 18px;
	width           : 800px;
}
h1{
	color           : #879B08;
	font-size		: 18px;
	/*text-decoration	: underline;*/
	display			: block;
	height			: 27px!important;
	max-height		: 35px;
	padding			: 8px 0 0 0;
	margin			: 0 0 0 0;
	text-align      : left;
	white-space     : nowrap;
}
#content2Ergebnis h2{
	color			: #A4BD0A;
	font-size		: 14px;
	display			: block;
	padding			: 0 0 2px 0;
	margin			: 0 0 2px 0;
	text-align      : left;
}
.hidden_element{
    display: none;
}
.visible_element{
    display: block;
}
#img_auswertung{
    margin-top: 10px;
    margin-left: 290px;
}
.error {
    color: red;
    font-weight: bold;
    text-align: left;
}
.clear {
    clear: both;
}
th {
	color			: #A4BD0A;
	font-size		: 14px;
    border-bottom   : 2px solid #E6E6E6;
    line-height     : 20px;
    padding         : 4px 0 3px 0;
}
th.no_border {
    border          : 0;	
}
th a {
	color			: #A4BD0A;
    text-decoration : none;
}
th.result {
	border-bottom   : 2px double #E6E6E6;
}
.td_auswertung_links {
    font-weight     : bold;
    text-align      : left;
}
.td_auswertung_rechts {
    text-align      : right;
}
.headline {
	color			: #879B08;
	font-size		: 16px;
}
.headlinesite {
	float:left;
	color			: #879B08;
	font-size		: 14px;
	font-weight		: bold;
	width: 800px;
	margin: 5px 0 0 0;
}
.headlinesitekl {
	float:left;
	color			: #879B08;
	font-size		: 14px;
	font-weight		: bold;
	width: 690px;
	margin: 5px 0 0 0;
}
div.autocomplete{
	text-align:left;
	border: 1px solid #e5e5e5;
	background-color: #FFF;
	position:absolute;
    width:200px;
    height:180px;
    margin:0px;
    padding:0px;
    overflow: auto;
}

div.autocomplete ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete li{
	padding-left: 20px;
}

div.autocomplete li:hover{
	background-color: #A2BE0A;
	color: #FFFFFF;
}

div.autocomplete a {
	color: #717171;
	text-decoration: none;
}

div.autocomplete a:hover {
	color: #FFFFFF;
}

div.hinweistext {
	color: #DA4C0C;	
}

h4 {
	color: #879B08;
	background-color: #FFFFFF;
	margin: 4px;
	padding: 0;
	font-size: 16px;
}
#backbox {
	position:relative;
	left: -116px;

}
dl{
	width: 800px!important;
	max-width: 800px;
	position: relative;
	text-align: left;
	float: left;
}
dt{
	width: 175px;
	position: absolute;
	left: 0px;
	font-weight:bold;
}
dd{
	width: 625px!important;
	max-width: 525px;
	margin: 0px 0px 0px 75px;	
}
/* Startseite */
.contentstartleft{
	width: 580!important;
    max-width: 580px;
	min-height:600px;
	float: left;
	margin: 5px 0 0 0;
	
}
.contentstartleft .startheadbox{
	height: 20px;
	width: 575px;
	background: #f8f9f2;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	font-weight		: bold;
}

.contentstartleft .textbox{
	width: 570px;
	padding: 3px 3px 0 3px;
}

.contentstartright{
	width: 210px!important;
    min-width: 210px;
	float: right;
	margin: 5px 0 5px 0;
	
}
.contentstartright .startheadbox{
	height: 20px;
	width: 205px;
	background: #f8f9f2;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	font-weight	: bold;
}

.contentstartright .textbox{
	width: 204px;
	padding: 3px 3px 3px 3px;
	
}
.contentstartright a{
	color			: #717171;
	font-size		: 12px;
	text-decoration : none;
}
.contentstartright a:hover{
	text-decoration : underline;
}
/*Partner */
.partnerleft{

	width: 390!important;
    max-width: 390px;
	height: 110px;
	float: left;
	background:#fffff;
	border: 1px solid #E5E5E5;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 2px 0;
	
}
.partnerright{

	width: 390!important;
    max-width: 390px;
	height: 110px;
	float: right;
	background:#fffff;
	border: 1px solid #E5E5E5;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 2px 0;
}
.ghost{
	width: 390!important;
	width: 390px;
    max-width: 390px;
	height: 110px;
		float: right;
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 2px 5px;
}