/* CSS Document */


/*FARBDEFINITION

orange_1 #E28200
orange_2 #EDAE5D
orange_3 #F9E1BE

hellgrau #F0F0F0
dunkelgrau #818286

rot #CD001A

*/

body {margin:0; padding:0; background-color:#F0F0F0; background-image:url(../gfx/gui/body_hg.jpg); background-position:top center; background-repeat:repeat-y; font-family:Arial Narrow,Arial,Helvetica,sans-serif; color:#000000; font-size:100.1%;}
body img {border:none;}


/*container*/
.container {width:910px; margin:0 auto; padding:0;}
* html .container {padding:0 0 0 1px;}
*+html .container {padding:0 0 0 1px;}

/*head -----------------------------------------------------*/
.head {width:100%; height:132px;background-color:#F0F0F0; background-image:url(../gfx/gui/head_hg.gif); background-position:top left; background-repeat:no-repeat;}
.head img {margin:24px 0 0 20px;}


/*navigation -----------------------------------------------------*/
.navi {z-index:555;}
.navi ul {margin:0; padding:0; width:910px; background-color:#EDAE5D; background-image:url(../gfx/gui/navi_hg.png); background-repeat:repeat-x; background-position:left bottom;float:left;}
.navi li {margin:0; padding:0; text-decoration:none; float:left; font-size:0.8em; line-height:1em; display:inline; border-right:1px solid #EDAE5D;}
.navi li a, .navi li a:hover {color:#FFFFFF; text-decoration:none; text-transform:uppercase; line-height:1em;padding:3px 9px 10px 8px; float:left;letter-spacing:0.07em;}
.navi li a:hover, .navi li .aktiv {background-color:#EDAE5D; color:#000000;}
.navi .navi_teiler { padding-top:2px; font-weight:bold; color:#EDAE5D;}
/*subnavi anpassungen*/
.subnavi ul {background-image:none;}
.subnavi li a, .subnavi li a:hover, .subnavipunkt {padding-bottom:6px; text-transform:none;}
.subnavi li a:hover, .subnavi li .aktiv {color:#000000;}

.subnavi .navi_teiler, .subnavipunkt {color:#F9E1BE;}
.subnavipunkt {float:left; letter-spacing:0.07em; line-height:1em; padding:3px 9px 10px 8px; text-decoration:none;}


/*content -----------------------------------------------------*/
.content {width:910px; background-image:url(../gfx/gui/content_hg.gif); background-position:top right; background-repeat:no-repeat; clear:both; font-family:Arial, Helvetica, sans-serif;}

.content h1, .content h2, .content h3, .content h4, .content h5 {font-size:1.05em; color:#E28200; margin:0 0 15px 0; padding:0; line-height:1.2em;}
.content h2 {margin:0 0 5px 0;}
.content h3 {font-size:0.75em;}
.content h4, .content h5 {font-size:0.9em; margin-bottom:8px; font-weight:normal;}
.content h5 {margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #000000;}

.content p {font-size:0.75em; color:#000000; line-height:1.4em; margin:0 0 15px 0;}
.content p img {float:left; margin:0 8px 3px 0;}
.content .p_center {text-align:center;}

.content ul {margin:0 0 15px 0; padding:0 0 0 15px; font-size:0.75em;line-height:1.4em;}
.content li {margin:0 0 2px 0; padding:0;  color:#000000;}

.content a, .content a:hover {color:#E28200; text-decoration:none;}
.content a:hover {text-decoration:underline;}

.content sup {line-height:0; font-size:90%;}

.content .datum {font-weight:normal; font-size:0.9em; color:#000000;}
.content .aktuelles_headline {font-size:1.2em;}

.content .balken, .content .balken_2 {height:0; border-bottom:1px solid #000000; margin:19px 0 20px 0; line-height:0; font-size:0; clear:both;}
.content .balken_2 {margin:3px 0 3px 0;}

.content .modelle_navi h4 {color:#000000;}
.content .modelle_navi h4 a:hover, .content .modelle_navi h4 .aktiv {text-decoration:underline;}

.content .links a, .content .links a:hover {color:#000000;}

.content form {margin:0 0 20px 0; font-size:0.75em; float:left;}
.content form input {float:left; margin:3px 3px 0 0;}
.content form label {width:495px; float:left; line-height:2em;}
.content form .label_2 {width:406px; float:right;}
.content form .textfeld {float:right; width:370px; background-color:#F9E1BE; border: 1px solid #F9E1BE;}
.content form .mehrzeilig {margin-right:3px; margin-top:3px; overflow:auto; }
.content form .button {background-color:#F9E1BE; border: 1px solid #000000; color:#000000; width:402px; float:right; text-align:center;}

.content .p_galerie img {margin:0 2px 2px 0; border: 1px solid #F9E1BE;}

/* SUCHE FORMULAR ------------------------*/
.suche-form {width:315px;}
.suche-form .suchfeld {float:left; margin:0; background-color:#FFF; border: 1px solid #E28200; width:243px; padding:1px; height:18px; line-height:18px; font-size:10px;}
.suche-form .suchbutton, .suche-form .suchbutton:hover {background-color:#EDAE5D; color:#FFF; border: 1px solid #EDAE5D; float:right; text-align:center; margin:0; padding:1px 0; width:60px; font-size:10px; height:22px;}
.suche-form .suchbutton:hover {cursor:pointer; color:#000000; background-color:#E28200; border: 1px solid #E28200;}

/* SUCHE FORMULAR ------------------------*/
.suche-form-2 {width:235px; position:absolute; bottom:5px; right:8px;}
.suche-form-2 .suchfeld {float:left; margin:0; background-color:#FFF; border: 1px solid #818286; width:167px; padding:1px; height:18px; line-height:18px; font-size:10px;}
.suche-form-2 .suchbutton, .suche-form-2 .suchbutton:hover {background-color:#f29527; color:#FFF; border: 1px solid #f29527; float:right; text-align:center; margin:0; padding:1px 0; width:60px; font-size:10px; height:22px;}
.suche-form-2 .suchbutton:hover {cursor:pointer; color:#000000;}

.suchergebnis a, .suchergebnis a:hover {color:#000;}
.suchergebnis a:hover {color:#E28200;}

/* ONLINEBERATUNG -----------------------*/
.content form .checkboxen-gruppe {margin:0 0 15px 0; float:left; width:495px;}
.content form .checkboxen-gruppe table td {padding:0 5px 5px 0;}
.content form .checkboxen-gruppe h3 {font-size:1.05em; color:#E28200; margin:15px 0 5px 0; padding:0; line-height:1.2em;}
.content form .checkboxen-gruppe label {width:220px; line-height:1.6em;}
.content form .checkboxen-gruppe input {}
.content form .button-onlineberatung {width:492px;}

.content .onlineberatung-login-form {width:315px; float:none; margin:0 0 10px 0;}
.content .onlineberatung-login-form label {width:70px; clear:both;}
.content .onlineberatung-login-form input {width:241px; font-size:10px; margin:0 0 5px 0;border:1px solid #818286; padding:1px; height:18px; line-height:18px; background-color:#FFF;}
.content .onlineberatung-login-form .button, .content .onlineberatung-login-form .button:hover {float:right; width:245px; border:1px solid #F9E1BE; background-color:#F9E1BE; color:#000; text-transform:uppercase; text-align:left;}
.content .onlineberatung-login-form .button:hover {text-decoration:underline; cursor:pointer;}
.content .onlineberatung-login-form p {margin:12px 0 10px 0;}
.content .onlineberatung-login-form p img {margin:0;}

.content .onlineberatung-anzeige-01 {margin:0px 0 0 0; border-top:1px solid #000; padding:14px 10px 0 10px;}
.content .onlineberatung-anzeige-01 h3 {margin-bottom:0;}

/* SUCHE FORMULAR ONLINEBERATUNG */
.suche-form-3 {width:235px; background-color:#FFF;}
.suche-form-3 .suchfeld {float:left; margin:0; background-color:#FFF; border: 1px solid #818286; width:167px; padding:1px; height:18px; line-height:18px; font-size:10px;}
.suche-form-3 .suchbutton, .suche-form-3 .suchbutton:hover {background-color:#fff; color:#000; border: 1px solid #fff; float:right; text-align:center; margin:0; padding:1px 0; width:60px; font-size:10px; height:22px;}
.suche-form-3 .suchbutton:hover {cursor:pointer; color:#000000;}

/*DOWNLOADS -------------------------------------------*/
.content_downloads img {float:left; margin:0 10px 10px 0;}


/*maincontent (linker inhaltsbereich) -----------------------------------------------------*/
.maincontent, .maincontent_2 {width:495px;float:left; margin:20px 0 0 30px; padding:0; background-image:url(../gfx/gui/maincontent_hg.gif); background-position:top center; background-repeat:no-repeat;}
* html .maincontent, * html .maincontent_2 {margin-left:15px;}
.maincontent_2 {background-image:none;}
.maincontent .mindesthoehe, .maincontent_2 .mindesthoehe {height:350px; width:1px; float:right;}


/*aktuelles (rechter inhaltsbereich) -----------------------------------------------------*/
.aktuelles {width:315px; float:right; margin:20px 20px 0 0;}
* html .aktuelles {margin-right:10px;}

.aktuelles a:hover {color:#000000;}

.aktuelles .impressionen_img {margin:0 0 20px 0;}
.aktuelles p {margin-bottom:0;}
