/* CSS Document */



body {
	float:left;
	margin: 0px;
	
	padding: 0px;
	
	font: 0.85em Arial, Helvetica, sans-serif;
	
	color: #2F4123;
	
}

a {
	
	color: #2F4123;
	
}

a:hover {
	
	text-decoration: none;
	
}

img {
	
	border: none;
	
}

h1, h2 {
	
	font-size: 1.3em;
	
	color: #63874B;
	
}

h2 {
	
	padding: 0;
	
	margin: 0;
	
	font-size: 1.1em;
	
}

#main {
	
	width: 800px;
	
}

#header {
	
	height: 115px;
	
}

#topics {
	
	float: right;
	
	width: 200px;
	
	line-height: 1.6em;
	
	font-weight: bold;
	
	margin: 25px 0 0 0;
	
	color: #63874B;
	
	font-size: 0.95em;
	
}

#breadcrumb, #bottom-navi {
	
	height: 34px;
	
	background: url(/global/images/bg_breadcrumb.gif);
	
	margin: 1px 0;
	
	padding: 0 12px;
	
	line-height: 34px;
	
	font-size: 0.8em;
	
}

#bottom-navi {
	
	margin: 15px 0 0 0;
	
}

#bottom-navi a {
	
	color: #666;
	
	text-decoration: none;
	
	font-weight: bold;
	
	margin: 0 15px 0 0;
	
}

#bottom {
	
	color: #666;
	
	font-size: 0.8em;
	
	text-align: center;
	
	line-height: 1.5em;
	
	margin: 10px 0 25px 0;
	
}

#breadcrumb .active {
	
	color: #759F59;
	
	font-weight: bold;
	
}

#navigation {
	
	width: 230px;
	
	margin: 0 10px 0 0;
	
	float: left;
	
}

#navigation ul {
	
	list-style-type: none;
	
	margin: 0;
	
	padding: 0;
	
}

#content {
	
	float: left;
	
	padding: 15px 0 0 0;
	
	width: 540px;
	
	font-size: 0.9em;
	
	line-height: 1.3em;
	
}

.cta-filled {
	
	background: #EFF4EC;
	
	border: 1px solid #CCDEC4;
	
	padding: 10px;
	
	margin: 12px 0;
	
}

ul.bullets {
	
	list-style-image: url(/global/images/spec_check.gif);
	
}

ul.bullets li {
	
	padding: 5px 15px 5px 0;
	
}

.cta-interest-1 {
	
	background: url(/global/images/bg_interest_1.jpg) no-repeat;
	
	width: 180px;
	
	height: 70px;
	
	float: right;
	
	margin: 0 0 0 20px;
	
}

.cta-interest-2 {
	
	background: url(/global/images/bg_interest_2.jpg) no-repeat;
	
	width: 300px;
	
	height: 105px;
	
	float: left;
	
	margin: 15px 30px 0 0;
	
}

.cta-questions {
	
	background: url(/global/images/spec_questions.gif) left no-repeat;
	
	width: 200px;
	
	float: left;
	
	font-size: 0.9em;
	
	margin: 50px 0 0 0;
	
}

.cta-interest-1 .inner-content {
	
	margin: 10px 0 0 58px;
	
}

.cta-interest-2 .inner-content {
	
	margin: 45px 0 0 95px;
	
}

.cta-questions .inner-content {
	
	margin: 0 0 0 35px;
	
}

.printable {
	
	float: right;
	
	font-weight: bold;
	
}

.printable a {
	
	color: #2F4123 !important;
	
}



/* Hacks */

.clear-me {
	
	clear: both;
	
	font-size: 1px;
	
	height: 0;
	
	margin: 0;
	
	line-height: 0;
	
}

div.clear-me {
	
	overflow: hidden;
	
}



/* accordion */

#navigation {
	
	width: 238px; /*width of accordion menu*/
	
}



#navigation .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	
	background: url(/global/images/bg_breadcrumb.gif) bottom;
	
	font-weight: bold;
	
	display: block;
	
	padding: 4px 12px;
	
	margin-bottom: 10px;
	
	text-decoration: none;
	
	border-bottom: 1px solid #FFF;
	
	font-size: 0.9em;
	
}



#navigation .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	
	color: #63874B;
	
}



#navigation ul{ /*CSS for UL of each sub menu*/
	
	list-style-type: none;
	
	margin: 0;
	
	padding: 0;
	
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	
}



#navigation ul li {
	
	padding-bottom: 1px; /*bottom spacing between menu items*/
	
}



#navigation ul li a{
	
	display: block;
	
	padding: 4px 12px;
	
	text-decoration: none;
	
	background: #E2ECDD;
	
	font-size: 0.9em;
	
}



#navigation ul li a:visited{
	
	
	
}



#navigation ul li a:hover{ /*hover state CSS*/
	
	background: #2F4123;
	
	color: #E2ECDD;
	
}



/* menue */

#submenue {
	
	padding: 0;
	
	width: 100%;
	
	background: transparent;
	
	voice-family: "\"}\"";

voice-family: inherit;

}



#submenue ul {

font: bold 11px Arial;

margin:0;

padding: 0;

list-style: none;

}



#submenue li {

display: inline;

margin: 0 2px 0 0;

padding: 0;

text-transform:uppercase;

}



#submenue a {

float: left;

display: block;

color: #2F4123;

margin: 0 1px 0 0;

padding: 5px 10px;

text-decoration: none;

letter-spacing: 1px;

background: #FFFFFF;

border-top: 1px solid #E6E6E6;

border-right: 1px solid #E6E6E6;

border-left: 1px solid #E6E6E6;

}



#submenue a:hover {

background: #EFF4EC;

}



#submenue #current a {

background: #CCDEC4;

border-color: #CCDEC4;

color: #2F4123;

}



#submenueline{

clear: both;

padding: 0;

width: 100%;

height: 5px;

line-height: 5px;

background: #CCDEC4;

}


#vvergleich-empfehlung {
padding:10px 0px 0px 10px;
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
background-color:#EEEEEE;
color:#106ac5;
}

#vvergleich-empfehlung h2 {
font-size:14px;
color:#FF0000;
font-weight:bold;
}

#vvergleich {
margin: 0px auto;
text-align:left;
}

#vvergleich .faqlink {
text-decoration:none;
}

#gesinfo {
margin:10px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
}

#gesinfo h2 {
font-size:14px;
color:#106ac5;
font-weight:bold;
}

#vvergleich .vergleichlink {
color:#106ac5;
}

.hilfehidden        {
display: none;
}

.hilfevisible {
display: compact;
background-color:#EFF4EC;
color:#759F59;
}

.hidden        {
display: none;
}

.visible        {
display: compact;
}

#vvergleich {
width: 500px;
}

#vvergleich a {
color:#178016;
}

#vvergleich a.infofeld {        position: relative; z-index:50;                }

{
background-color:#FFFFFF;
text-decoration:none;
}

#vvergleich a.infofeld span {
display: none;
}

#vvergleich a.infofeld:hover span {
display:block;
position:absolute;
top:-1em;left:15em;
width:25em;
border:1px solid #106ac5;
padding:2px;
color:#000000;
text-align: left;
text-decoration:none;
font-size:12px;
z-index:100;
}

#vvergleich #box_faq table {
text-align:left;
}

#vvergleich h2 {
font-size:14px;
font-weight:bold;
color:#FF0000;
margin:20px 0px 10px 0px;
}

#vvergleich table {
font-size:11px;
background-color:#FFFFFF;
color: #000000;
}

#vvergleich .chktext {
margin:0px 0px 5px 0px;
}

#vvergleich table.table-start {width : 100%; border:1px solid #000000;}

#vvergleich table.table-start .col2-data {                width:30%;         }

#vvergleich table.table-start .col2-info {                width:5%; white-space:nowrap;        }

#vvergleich table.table-start .col-data {                width:30%;                 }

#vvergleich table.table-start .col-info {                width:5%;        white-space:nowrap;}

#vvergleich table.table-berechnungoben {width : 100%; border:1px solid #000000;}

#vvergleich table.table-berechnung {width : 100%; }

#vvergleich .row-header a { color : #759F59; }

#vvergleich table.table-antrag {width : 100%; }

#vvergleich table.table-rlv {width : 100%; border:1px solid #000000; }

#vvergleich table.table-leistung {width : 100%;}

#vvergleich table.table-leistungtext {width : 100%; }

#vvergleich .row-1 {
background-color: #EFF4EC;
}

#vvergleich .row-2 {
background-color: #EFF4EC;
}

#vvergleich .rot {
color: #FF0000;
}

#vvergleich .row-header {
font-weight: bold;
color: #759F59;
text-align: center;
background: InactiveBorder;
background-color: #EFF4EC;
}

#vvergleich .row-antrag {
font-weight: bold;
color: #FFFFFF;
background: InactiveBorder;
background-color: #00438e;
}

#vvergleich .row-anleitung {
color: #000000;
text-align:right;
}

#vvergleich .anleitung {
color: #000000;
text-align:left;
}

#vvergleich .info {
font-size: 10px;
color: #C1FFC1;
}

#vvergleich input.form-button {
font-size: 11px;
color: #000000;
font-weight:bold;
border: 1px solid #106ac5;
background: #FFFFFF;
padding:2px;
margin:10px 0px 10px 0px;
}

#vvergleich input.form-button-krebs {
font-size: 11px;

color: #000000;
font-weight:bold;
border: 1px solid #106ac5;
background: #FFFFFF;
padding:2px;
margin:0px 0px 0px 10px;
}

#vvergleich .vergleichbutton {
font-size: 11px;
color: #000000;
font-weight:bold;
border: 1px solid #106ac5;
background: #FFFFFF;
padding:2px;
margin:0px;
}

#vvergleich .vergleichbutton-box {
text-align:right;
margin:0px;
padding:0px;
}

#vvergleich input.form-text {
font-size: 11px;
color: #000000;
border: 1px solid #000000;
background: #FFFFFF;
}

#vvergleich input.form-checkbox {
color: #000000;
border: 0px;
margin:0px 5px 0px 5px;
}

#vvergleich .form-area {
font-size: 11px;
color: #000000;
border: 1px solid #000000;
background: #FFFFFF;
}

#vvergleich select.form-select {
font-size: 11px;
color: #000000;
border: 1px solid #000000;
background: #FFFFFF;
}

#vvergleich .fehler {
font-weight:bold;
color:#FF0000;
}

#vvergleich input.btn-berechnen {}

#vvergleich input.btn-neuervgl {}

#vvergleich input.btn_empfehlungen {}

#vvergleich input.btn-leivgl-oben {}

#vvergleich input.btn-leivgl-unten {}

#vvergleich input.btn-weiter {}

#vvergleich input.btn-zurueck {}

