html, body.page {
    height:                 100%;
    width:                  100%;
    margin-bottom:          1px;    
}
body {
    font-size:              12px; 
    font-family:            Arial, Helvetica, sans-serif;
    text-align:             left;
}
body.page {
    background:             #E1E1E1 url('/static/img/pagecontainer_bg_repeat.gif') top left repeat-x;
}
body.popup {
}
strong {
	font-weight:            bold;
}
input, textarea, select, option {
    font-size:              12px; 
    font-family:            Arial, Helvetica, sans-serif;
}

/** 
 * zentriert den gesamten content 
 */
body.page #page_container {
    position:               absolute;
    top:                    0px;
    left:                   50%;
    width:                  858px; 
    margin-left:            -429px;
    min-height:             inherit;
}

/*
 * "Meta"-Klassen
 */
.bold {
    font-weight:            bold;
}
.small {
    font-size:              7pt;
}
.failedInfo {
	color:                  #990000;
}

a {
    color:                  #555555;
    text-decoration:        underline;
}
a.intern {
    background:             url('/static/img/pfeil.gif') 0px 4px no-repeat;
    color:                  #ca5c00;
    padding-left:           15px;
    text-decoration:        none;
}

/* DIV/IMG Buttons*/
button {
    border:                 0px;
}
.weiterButton {
    color:                  #FFFFFF;
    cursor:                 pointer;
    float:                  right;
    font-family:            Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              12px;
    height:                 42px;
    text-align:             left;
    margin:                 10px;
    padding:                7px 0px 0px 40px;
    width:                  232px;
}
.weiterButtonBlau {
    background:             url('/static/img/weiterButton.png') 0px 0px;
}
.weiterButtonBlau:hover {
    background:             url('/static/img/weiterButton.png') 0px -42px;
}
.weiterButtonWeiss {
    background:             url('/static/img/weiterButton.png') -232px 0px;
}
.weiterButtonWeiss:hover {
    background:             url('/static/img/weiterButton.png') -232px -42px;
}
.weiterButtonTransparent {
    background:             url('/static/img/weiterButton.png') -464px 0px;
}
.weiterButtonTransparent:hover {
    background:             url('/static/img/weiterButton.png') -464px -42px;
}
.zurueckButton {
    background:             url('/static/img/zurueckButton.png') 0px 0px;
    color:                  #FFFFFF;
    cursor:                 pointer;
    float:                  left;
    font-family:            Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              12px;
    height:                 23px;
    text-align:             center;
    margin-top:             25px;
    width:                  60px;
}
.zurueckButton:hover {
    background:             url('/static/img/zurueckButton.png') 0px -23px;
}
.nachrichtSendenButton {
    color:                  #FFFFFF;
    cursor:                 pointer;
    float:                  right;
    font-family:            Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              12px;
    height:                 42px;
    text-align:             left;
    margin:                 10px;
    padding:                7px 0px 0px 40px;
    width:                  185px;
}
.nachrichtSendenButton {
    background:             url('/static/img/nachrichtSendenButton.png') 0px 0px;
}
.nachrichtSendenButton:hover {
    background:             url('/static/img/nachrichtSendenButton.png') 0px -42px;
}

/**
 * enthaelt alle contentelemente und den verlauf links und rechts 
 */
#content_container {
    float:                  left;
}
body.page #content_container {
    padding-bottom:         20px;
    background:             url('/static/img/contentarea_bg_repeat.png') repeat-y;
    width:                  858px;
}

/**
 * Seitenkopf
 */
#header {
    float:                  left;
    margin-left:            0px;
    width:                  857px;
    height:                 138px;
    background:             url('/static/img/header_bg.jpg') repeat-y;
}
#header #header_content {
    margin-left:            170px;
    margin-top:             45px;    
}
#header h1 {
    color:                  #fab900;
    margin-bottom:          5px;    
    font-size:              30px;
}
#header p {
    color:                  #ffffff;
    font-size:              16px;
    line-height:            20px;
}

/**
 * Seiteninhalt
 */
#contentarea {
    color:                  #646464;
	float:                  left;
}
body.page #contentarea {
    padding-left:           30px;
    margin-left:            7px;
    margin-top:             20px;    
    width:                  805px;
}
body.popup #contentarea {
	margin:                 10px;
	width:                  775px;
}
#contentarea .header h2 {
	color:                  #FFFFFF;
    font-size:              16px;   
	font-weight:            bold;
    line-height:            22px;
    padding:                10px 8px;
}
#contentarea .header h2.einzeilig {
	padding:                23px 8px;
}
#contentarea .content ul {
}
#contentarea .content li {
	line-height:            16px;
}
#contentarea .haekchen {
    background:             url('/static/img/haekchen.gif') no-repeat;
    padding-left:           20px;
}
#contentarea .sternchentext {
    font-size:              10px;    
    margin-top:             26px;    
}
#contentarea .size_height_304 {
    height:                 334px;    
}

/**
 * Infobox
 */ 
#contentarea #infobox {
    float:                  left;    
    width:                  259px;
}
#contentarea #infobox .header {
    background:             url('/static/img/infobox_header_bg.gif');
    height:                 77px;
	position:               relative;
}
#contentarea #infobox .header #button {
	position:               absolute;
	margin:                 1px 1px 0px 0px;
	top:                    0px;
	right:                  0px;
}
#contentarea #infobox .content {
    background-color:       #FFFFFF;
    border:                 0px solid #646464;
	border-width:           0px 1px;
    padding:                0px 10px 7px 10px;
}
#contentarea #infobox .content h3 {
    font-weight:            bold;
    line-height:            16px;
    padding-bottom:         12px;
    padding-top:            7px;
}
#contentarea #infobox .flashcontent {
}
#contentarea #infobox .flashcontent ul {
    margin-bottom:          6px;
}
#contentarea #infobox #slideshow{
    padding-left:           20px;
}
#contentarea #infobox .footer {
    background:             url('/static/img/infobox_footer_bg.gif') no-repeat;
    float:                  left;
    height:                 2px;
    width:                  259px;
}

/**
 * Partnerlogos
 */
#contentarea #partner_breit {
    float:                  left;
    margin-top:             10px;
}
#contentarea #partner_breit .header {
    height:                 45px;
    background:             url('/static/img/partner_header_bg.gif');
    width:                  775px; 
}
#contentarea #partner_breit .header h2{
	color:                  #646464;
    padding:                12px 8px;
}
#contentarea #partner_schmal {
    float:                  left;
    margin-top:             20px;
}
#contentarea #partner_schmal .header {
    background:             url('/static/img/partner_schmal_header_bg.gif');
    height:                 45px;
    width:                  259px; 
}
#contentarea #partner_schmal .header h2{
	color:                  #646464;
    padding:                12px 8px;
}

/**
 * senkrechte Linie
 */ 
#contentarea #line {
    background:             url('/static/img/vertical_line_repeat.gif') repeat-y;
    float:                  left;    
    margin-left:            18px;
    margin-right:           18px;
    margin-top:             -10px;    
 	position:               relative;
	width:                  5px;
}
#contentarea #line.line_partner_schmal {
    height:                 640px;
}
#contentarea #line.line_partner_breit {
    height:                 335px;
}

/**
 * Inhalt
 */
#contentarea #form_content {
    float:                  left;
    width:                  475px;
}

#contentarea #form_content .header {
    height:                 77px;
}
#contentarea #form_content .content {
    border:                 0px solid #646464;
	border-width:           0px 1px;
	float:                  left;
    padding-left:           10px;
}
#contentarea #form_content .content .columns_1 {
    float:                  left;
    clear:                  none;
    padding-right:          10px;
}
#contentarea #form_content .content .columns_2 {
    float:                  left;
    clear:                  none;
    padding-right:          10px;
}
#contentarea #form_content .content .columns_2 input.fullsize {
    width:                  216px;
}
#contentarea #form_content .content .columns_2 textarea.fullsize {
    height:                 102px;
    width:                  216px;
}
#contentarea #form_content .content .columns_2 select.fullsize {
    width:                  220px;
}
#contentarea #form_content .footer {
    height:                 2px;
    float:                  left;
}

#contentarea #form_content .content form label {
    display:                block;
    margin-top:             6px;
    margin-bottom:          2px;    
}
#contentarea #form_content .content form label.checkboxLabel {
	display:                inline;
	margin:                 0px;
}
#contentarea #form_content .content table {
    margin-bottom:          20px;
    width:                  100%;
    border-collapse:        collapse;
}
#contentarea #form_content .content table tr {
    vertical-align:         top;
}
#contentarea #form_content .content table td {
    padding:                4px 0px;
}
#contentarea #form_content .content table td.margintop {
    padding-top:            20px;
}
#contentarea #form_content .content h3 {
    border-bottom:          1px solid #C56302;
    color:                  #646464;
    font-size:              12px;
    font-weight:            bold;
    padding-bottom:         8px;
    margin:                 10px 0px 5px 0px;
}
#contentarea #form_content .content h4 {
	font-weight:            bold;
    margin:                 10px 0px 5px 0px;
}
#contentarea #form_content .content p {
    line-height:            16px;
	margin:                 5px 0px;
}
#contentarea #form_content .content p {
    line-height:            16px;
	margin:                 5px 0px;
}

#contentarea #form_content .header_schmal {
    background:             url('/static/img/vergleichform_header_bg.gif');
    width:                  475px;
}
#contentarea #form_content .content_schmal {
    width:                  463px;
}
#contentarea #form_content .content_schmal .columns_1 {
    width:                  453px;
}
#contentarea #form_content .content_schmal .columns_2 {
    width:                  221px;
}
#contentarea #form_content .footer_schmal {
    background:             url('/static/img/content_footer_bg.gif') no-repeat;
    width:                  475px;
}

#contentarea #form_content .header_breit {
    background:             url('/static/img/fullsize_header_bg.gif');
    width:                  775px;
}
#contentarea #form_content .content_breit {
    width:                  763px;
}
#contentarea #form_content .content_breit .columns_1 {
    width:                  753px;
}
#contentarea #form_content .content_breit .columns_2 {
    width:                  371px;
}
#contentarea #form_content .footer_breit {
    background:             url('/static/img/footer_breit_bg.gif') no-repeat;
    width:                  775px;
}

/**
 * Vergleich anfordern
 */
#contentarea #form_content .vergleich_content {
    background:             url('/static/img/vergleichform_grey_bg.jpg') left bottom repeat-x;
}
#contentarea #form_content .vergleich_content #GeburtsdatumTag {
    width:                  52px;    
    margin-right:           3px;
}
#contentarea #form_content .vergleich_content #GeburtsdatumMonat {
    width:                  100px;
    margin-right:           3px;
}
#contentarea #form_content .vergleich_content #GeburtsdatumJahr {
    width:                  62px;
}
#contentarea #form_content .vergleich_content #Postleitzahl {
    width:                  50px;
	margin-right:           3px;
}
#contentarea #form_content .vergleich_content #Wohnort{
    width:                  159px;
}
#contentarea #form_content .vergleich_footer {
    background:             url('/static/img/vergleichform_footer_bg.gif') no-repeat;
}

/**
 * Kontakt
 */
#contentarea #form_content .contact_content p {
    padding-bottom:         15px;
}
#contentarea #form_content .contact_content .weiterButton {
    margin:                 10px -2px 10px 0px;
}

/**
 * FAQ
 */
#contentarea #form_content .faq_content .frage {
    background:             url('/static/img/pfeil.gif') 0px 3px no-repeat;
    color:                  #C56200;
    cursor:                 pointer;    
    font-weight:            bold;
	margin:                 8px 0px;
    padding-left:           15px;
}
#contentarea #form_content .faq_content .antwort {
    line-height:            16px;
    display:                none;
	margin:                 8px 0px;
	padding-left:           15px;
}
#contentarea #form_content .faq_content .antwort ul {
	list-style:             inside square;
}
/**
 * Impressum
 */
#contentarea #form_content .impressum_content table .first_col {
    font-weight:            bold;
    width:                  37%;
}
#contentarea #form_content .impressum_content table .second_col {
    width:                  63%;
}

#contentarea #left {
    float:                  left;
    width:                  259px;
}

/** 
 * Footer 
 */
#footer {    
    float:                  left;
    width:                  858px;    
    height:                 37px;
    margin-bottom:          20px;    
    background:             url('/static/img/footer_bg.png') repeat-y;
}
#footer li a:link,
#footer li a:visited {
    color:                  #555555;
    text-decoration:        none;
}
#footer li a:hover {
    text-decoration:        underline;
}
#footer ul {
    float:                  right;
    margin-right:           28px;
    margin-top:             8px;
}
#footer li {
    float:                  left;
}
#footer li span {
    float:                  left;
    margin-left:            3px;
    margin-right:           3px;
    padding-left:           7px;
    color:                  #555555;
}
#footer li span.divider {
    background:             url('/static/img/footer_list_divider.gif') repeat-y;
}