/* CSS Document */


/*FARBDEFINITION
dunkelblau #00446E
mittelblau #2A9CD3
hellblau #ABDCED
*/

body {margin:0; padding:0; font-size:100.1%; font-family:Helvetica, Arial, sans-serif;}

body img {border:none;}

/*CONTAINER -----------*/
.container, .container_2 {background-image:url(../gfx/gui/container_hg.jpg); background-position:top left; background-repeat:no-repeat; margin:20px auto; width:970px; position:relative;}
.container_2 { background-image:url(../gfx/gui/container_2_b_hg.jpg); background-repeat:repeat; background-position:top left; background-color:#FFFFFF;}
.container .min_height, .container_2 .min_height {float:left; width:1px; height:578px;}

/*HEAD ------------ (beinhaltet logo und hauptnavigation)*/
.head {margin:0; padding:0; width:969px; float:left; background-image:url(../gfx/gui/head_2_hg.jpg); background-position:top; background-repeat:no-repeat;}
.head .logo {margin:7px 0 15px 24px;}



.hauptnavi {position:absolute; top:0; right:0;}
.hauptnavi_1 {right:439px;}/*right:582px;*/
.hauptnavi_2 {right:296px}/*right:439px;*/
.hauptnavi_3 {right:153px;}/*right:296px;*/
.hauptnavi_4 {right:10px;}/*right:153px;*/
.hauptnavi_5 {right:582px;}/*right:10px;*/

.home_button {position:absolute; top:54px; right:734px;}


.hauptnavi .button, .hauptnavi .button:hover {background-image:url(../gfx/gui/navi_etikette.png); background-repeat:no-repeat; width:133px; height:70px; float:left; font-size:1.25em; text-decoration:none; color:#00446E; text-align:center; padding:8px 0 0 0; margin:45px 0 0 0;}
.hauptnavi .button:hover, .hauptnavi .aktiv {color:#2A9CD3;}


.hauptnavi ul {clear:both; margin:0; padding:0; position:absolute; top:120px; left:0;}
.hauptnavi li {list-style:none; text-align:center; margin:0; padding:0; border-bottom:2px solid #ABDCED;}

.hauptnavi li a, .hauptnavi li a:hover {padding:5px 0; background-color:#FFFFFF; font-size:0.7em; color:#00446E; text-decoration:none;  display:block; margin:0;  width:133px;}
.hauptnavi li a:hover, .hauptnavi li a .aktiv {background-color:#00446E; color:#FFFFFF;}


/*BOX_left ----------- (beinhaltet subnavigation)*/
.box_left {width:201px; float:left; margin:65px 0 0 23px; padding:0; line-height:1.3em;}
* html .box_left {margin-left:12px;}
.box_left h1, .box_left ul, .box_left li, .box_left a, .box_left a:hover {margin:0; padding:0;}
.box_left h1 {font-size:1.25em; color:#00446E; font-weight:normal;}
.box_left ul {margin-top:40px;}
.box_left li {list-style:none; padding-bottom:20px;}
.box_left a, .box_left a:hover { text-decoration:none; color:#00446E;font-size:0.95em;}
.box_left a:hover, .box_left .aktiv {/*color:#FFFFFF; color:#2A9CD3;*/ color:#ee7f01; }

.box_left form {margin:40px 0 0 0; padding:0;}
.box_left .input, .box_left .button {margin:0; padding:2px; border:1px solid #00446E; background-color:#FFFFFF; width:195px; float:left; color:#000000;}
.box_left .button {border:1px solid #00446E; background-color:#00446E; color:#FFFFFF; margin:10px 0 0 0; width:201px;}


/*CONTENT --------------*/
.content {width:735px; float:right; margin:65px 0 0 0; line-height:1.2em;}
.content h1, .content h2 {font-size:1.25em; color:#00446E; font-weight:normal; margin:0 0 20px 15px; padding:0;}
.content h2 {margin-left:50px; margin-top:20px;}
.content h3, .content h4 {font-size:0.75em; color:#000000; margin:0 165px 20px 50px; padding:0;}
.content h4 {margin-bottom:5px; font-size:0.85em;}
.content p {font-size:0.75em; color:#000000; margin:0 165px 0 50px; padding:0;}
.content ul {margin:0 165px 20px 50px; padding:0; font-size:0.75em;}
.content li {list-style:disc; padding:3px 0 0 0; margin:0 0 0 20px;}

.content a, .content a:hover {text-decoration:none; color:#00446E; font-weight:bold;}
.content a:hover {text-decoration:underline;}
.content h3 a, .content h3 a:hover {color:#000000;}

.content img {margin:0 165px 20px 50px;}

.content form {margin:0 0 0 15px; padding:0; width:201px; float:left;}
.content .input, .content .button, .content textarea {margin:0; padding:2px; border:1px solid #00446E; background-color:#FFFFFF; width:195px; float:left; color:#000000;}
.content .button {border:1px solid #00446E; background-color:#00446E; color:#FFFFFF; margin:10px 0 0 0; width:201px;}

.content .form_2 form {margin:0 0 0 40px; padding:0; width:600px;}
* html .content .form_2 form {margin-left:20px;}
.content .form_2 .formtext {float:left; width:300px; font-size:0.75em; color:#000000; margin:0 0 5px 0;}
.content .form_2 .formtext input, .content .form_2 .formtext textarea {float:right;}
.content .form_2 .formtext textarea {height:50px;}
.content .form_2 p {margin-left:40px; margin-bottom:10px;}

.content .gefunden {float:left; width:428px; margin:0 0 10px 10px; padding:0 0 5px 0; border-bottom:dashed 1px #ABDCED;}
* html .content .gefunden {margin-left:5px;}
.content .gefunden .h4 {color:#000000; padding:0; font-size:1.15em; font-weight:bold;}
.content .gefunden p {margin:0 0 5px 40px;}

.such_abc {font-size:1em; color:#2A9CD3; margin:0 0 20px 15px; padding:0; font-weight:normal;}
.such_abc a, .such_abc a:hover {color:#00446E;}
.such_abc a:hover, .such_abc .aktiv {text-decoration:underline;}

/*SUCHBOX RECHTS -------------*/
.suchbox_rechts {width:286px;}
.suchbox_rechts h1 {margin-left:0;}
.suchbox_rechts form {margin:0 0 0 0; padding:0;}
.suchbox_rechts .input, .suchbox_rechts .button {margin:0; padding:2px; border:1px solid #00446E; background-color:#FFFFFF; width:195px; float:left; color:#000000;}
.suchbox_rechts .button {border:1px solid #00446E; background-color:#00446E; color:#FFFFFF; margin:10px 0 0 0; width:201px;}

/*INTRO --------------*/
.intro {width:969px; float:left; margin:0; padding:0; height:421px; text-align:center; position:relative; z-index:2;}
.intro objekt {position:absolute; top:0; left:0;}

/*TEASER --------------(teaserformat breite:476px höhe:170px*/
.teaser_box {width:970px; position:absolute; bottom:-1px; left:0; background-color:#FFFFFF; height:186px;}
.teaser_1, .teaser_2 {width:476px; border:1px solid #00446E; background-color:#FFFFFF;}
.teaser_1 {position:absolute; bottom:0; left:0;}
.teaser_2 {position:absolute; bottom:0; right:0;}
