/* CSS Document */

/*
VERWENDETE FARBEN:
hellgrau: #E4E4E4
hellbraun: #D2D2B4
hellhellbraun: (footer border) #CFD2B5
hellhellhellbraun: (footer hintergrund) #F4F3EE
gelb: #FFD500
hellgelb: #FFF2B2
Text in Topnavi grau: #6C6C6C
Text in Hauptnavi grau: #58585A
*/

body {margin:0; padding:0; font-size:10px; line-height:1.6em; font-family:Geneva, Arial, Helvetica, sans-serif;}
body img {border:none;}

.container {width:96.8em; margin:0.5em auto 0 auto; padding:0;}


/* HEAD --------------------------------------------------------------------- */
.head {float:left;}

/*logo im head*/
.head_logo {float:left; margin:0;  padding:0;}
.head_logo img {width:24em; height:35em;}

/*top navigation*/
.top_navi {margin:0; padding:0; width:72.6em; float:left;}
.top_navi ul {margin:0; padding:0; float:right;}
.top_navi li {margin:0 0 0 1px; padding:0.2em 0.4em; list-style:none; width:11.2em; background-color:#E4E4E4; display:inline; float:left;}
.top_navi li a, .top_navi li a:hover {font-size:1em; padding:0; margin:0;  color:#6C6C6C; text-decoration:none; float:left; width:100%;}
.top_navi li a:hover {color:#000}
.top_navi .aktiv {background-color:#FFD500;}

/*main navigation*/
.main_navi {margin:8.4em 0 0 0; padding:0; width:72.6em; float:left;}
* html .main_navi {margin:8.0em 0 0 0;}
.main_navi ul {margin:0 0 1px 0; padding:0; float:right; height:5em;}
.main_navi li {margin:0 0 0 1px; padding:0.2em 0.4em; list-style:none; width:11.2em; height:3.6em; background-color:#D2D2B4; display:inline; float:left;}
.main_navi li a, .main_navi li a:hover {font-size:1.2em; padding:0; margin:0; color:#6C6C6C; text-decoration:none; float:left; width:100%; height:100%;}
.main_navi li a:hover {color:#000}
.main_navi .aktiv {background-color:#FFD500; height:4.6em;}



/*teaser*/
.teaserboxen {margin:0; padding:0; width:72.6em; float:left;}
.teaserboxen .box_1, .teaserboxen .box_2, .teaserboxen .box_3, .teaserboxen .box_4, .teaserboxen .box_5, .teaserboxen .box_6 {color:#58585A; float:right; margin:0 0 0 1px; padding:0; position:relative;}

.teaserboxen .box_1, .teaserboxen .box_2, .teaserboxen .box_3, .teaserboxen .box_4, .teaserboxen .box_5, .teaserboxen .box_6, teaserboxen .box_1 img, .teaserboxen .box_2 img, .teaserboxen .box_3 img, .teaserboxen .box_4 img, .teaserboxen .box_5 img, .teaserboxen .box_6 img {height:19.5em;}
.teaserboxen .box_1, .teaserboxen .box_1 img {width:12em;}
.teaserboxen .box_2, .teaserboxen .box_2 img {width:24.1em;}
.teaserboxen .box_3, .teaserboxen .box_3 img {width:36.2em;}
.teaserboxen .box_4, .teaserboxen .box_4 img {width:48.3em;}
.teaserboxen .box_5, .teaserboxen .box_5 img {width:60.4em;}
.teaserboxen .box_6, .teaserboxen .box_6 img {width:72.5em;}

.teaserboxen h1 {background-color:#FFD500; font-size:1.8em; line-height:1.3em; margin:0; padding:0.2em 1em 0.2em 0.2em; float:left; font-weight:normal; position:absolute; top:0; left:0;}
.teaserboxen h1 a, .teaserboxen h1 a:hover {color:#58585A; text-decoration:none;}
.teaserboxen h1 a:hover {color:#000;}


/* CONTENT --------------------------------------------------------------------- */
.content {margin:2em 0 0 0; padding:0; width:96.8em; float:left;}

.content_box_1, .content_box_2, .content_box_3, .content_box_4 {margin:0; padding:0;width:24.2em; float:left;}
.content_box_2 {width:72.6em;}
.content_box_3 {width:48.4em;}
.content_box_4 {}

.content_hg_4-boxen {background-image:url(../gfx/gui/content_hg_4-boxen.gif); background-repeat:repeat-y;}

/*.content_hg_2-boxen {background-image:url(../gfx/gui/content_hg_2-boxen.gif); background-repeat:repeat-y;}*/


/* CONTENT --------------------------------------------------------------------- */


.content .zeile {border-bottom:1px solid #E4E4E4; margin:0.625em 0 0 0; padding:0.6em 0 0 0;}

.content h1 {background-color:#E4E4E4; padding:1em 0.4em 0.25em 0.4em; margin:0 0 0.6em 0; border-right:1px solid #FFFFFF; font-size:1.9em; color:#58585A; font-weight:normal; clear:both;}
.content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content li  {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#58585A; font-weight:normal; clear:both;}
.content h2 {background-color:#E4E4E4; padding:1em 0.6em 0.25em 0.6em; margin:0 0 1em 0; border-right:1px solid #FFFFFF; text-transform:uppercase;}
.content h3 {margin:1em 0 1em 0.6em; padding:0; text-transform:uppercase; font-weight:bold;}
.content h4 {font-weight:bold; margin:1em 20em 0.2em 0.6em;}
.content h5 {margin:1em 20em 0.2em 0.6em; font-style:italic;}
.content h6 {margin:0 0 0.6em 0.3em;}
.content p { padding:0 0.6em; margin:0 0 0.6em 0; font-size:1.3em; line-height:1.4em;}
.content p img, .content img {float:left; margin:0 3px 5px 0; border:1px solid #E4E4E4;}

.content ul, .content ol {margin:0.6em 0 1.6em 0; padding:0 0 0 3em;}
.content li ul, .content li ol {margin:0 0 0.3em 0;padding:0 0 0 2em; list-style:decimal;}
.content li ul {list-style:circle; list-style-image:none; /*padding:0 0 0 0.5em*/;}
.content ul {list-style-image:url(../gfx/gui/list_icon.gif);}
.content li {margin:0 0 0.4em 0; padding:0; font-size:1.3em;}
.content li li {font-size:1em;color:#7B7B7B; margin:0;}

.content address, .content pre {padding:0 0.6em; margin:0 0 0.6em 0; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#58585A;}
.content pre {font-size:1.4em; font-weight:bold;}

.content_box_1 p {padding-bottom:0.5em;}


.content_box_2 ul, .content_box_2 ol {margin-right:24.2em;}
.content_box_2 p, .content_box_2 ul, .content_box_2 ol {margin-bottom:1.6em;}
.content_box_2 p {margin-right:20em;}
.content_box_2 .p_2 {margin-bottom:0.4em;}
.content_box_2 li, .content_box_2 li li {margin-bottom:0.4em; margin-top:0.4em; line-height:1.2em;}

.content_box_2 .bundesvorstand {margin:0; padding:1.2em 0.6em 1.2em 0.6em; float:left; width:54em; border-bottom:1px solid #E4E4E4;}
.content_box_2 .bundesvorstand img {margin:0 0.6em 0 0;}

.content .content_box_2 a, .content .content_box_2 a:hover, .content .content_box_3 a, .content .content_box_3 a:hover, .content .content_box_4 a, .content .content_box_4 a:hover {color:#58585A; background-color:#E8E8D9; padding:0 2px; text-decoration:none; border-bottom:dotted 1px #58585A;}
.content .content_box_2 a:hover, .content .content_box_3 a:hover, .content .content_box_4 a:hover {border-bottom:solid 1px #58585A; background-color:#D2D2B4;}

/*.content .content_box_2 h6 a, .content  .content_box_2 h6 a:hover {margin:0; text-decoration:none; display:inline; background-color:#FFD500; padding:0.25em 2em 0.25em 0.3em; background-image:url(../gfx/gui/h3_hg_pfeil.gif); background-repeat:no-repeat; background-position:right bottom; text-transform:none; font-weight:normal; color:#58585A; border:none;}
.content  .content_box_2 h6 a:hover {color:#000;}*/

.content .content_box_1 h6 a, .content  .content_box_1 h6 a:hover {margin:0; text-decoration:none; display:inline; background-color:#FFD500; padding:0.25em 2em 0.25em 0.3em; background-image:url(../gfx/gui/h3_hg_pfeil.gif); background-repeat:no-repeat; background-position:right bottom; text-transform:none; font-weight:normal; color:#58585A; border:none;}
.content  .content_box_1 h6 a:hover {color:#000;}

.content .zeile p {margin-bottom:0.6em;}

.content .bildlink {padding:0;}

.content .backlink { text-align:right;}

/* SUBNAVI ------*/
.content .subnavi {margin:0; padding:0; }
.content .subnavi ul {margin:0; padding:0; list-style:none; list-style-image:none;}
.content .subnavi li {list-style:none; background-color:#D2D2B4; margin:0 1px 1px 0; padding:0.9em 1em;font-family:Arial, Helvetica, sans-serif;  list-style:none; list-style-image:none;}
.content .subnavi li a, .content .subnavi li a:hover, .content .subnavi a, .content .subnavi a:hover {color:#6C6C6C; text-decoration:none; font-size:1.1em; list-style:none; list-style-image:none;}
.content .subnavi li a:hover, .content .subnavi a:hover {color:#000;}
.content .subnavi .aktiv {background-color:#FFD500;}
.content .subnavi img {float:left; width:24.1em; margin:0; padding:0; border:none;}


/* GALERIE -------------------------*/
.content .content_box_4 .galerie_vorschau {width:12em; height:12em; background-color:#E4E4E4; float:left; margin:0 1px 1px 0; padding:0;}
* html .content .content_box_4 .galerie_vorschau {width:11.9em; height:11.9em;}
.content .content_box_4 .galerie_vorschau img, .content .content_box_4 .galerie_vorschau img:hover {margin:0; padding:0; border:none; float:none;}
.content .content_box_4 .galerie_vorschau a, .content .content_box_4 .galerie_vorschau a:hover {border:none; border-bottom:none; padding:0; background-color:#E4E4E4;}

.content .content_box_3 .detailbild {float:left; margin:0 0 1.6em 0.6em; padding:0;}

.content .content_box_3 .bildtext {clear:both; margin:0 0.6em 2em 0.6em; padding:0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#58585A; font-weight:normal; font-style:italic;}

.content .ohne-border {border:none;}

/* KOMMENTIEREN ----------------------------------------------*/
.kommentieren {margin:15px 0 0 0; padding:6px 0 0 0; border-top:1px solid #E4E4E4; clear:both;}
.kommentieren h3 {margin-top:0; text-transform:none;}
.kommentieren label {float:left; width:120px; font-size:1.2em; color:#58585A; margin:0 0 0 0.6em;}
.kommentieren input, .kommentieren textarea {margin-bottom:5px; width:347px; border:1px solid #CFD2B5; background-color:#F4F3EE; color:#58585A;}
.kommentieren .button, .kommentieren .button:hover {margin:0 0 0 126px; width:350px; background-color:#D2D2B4; border:1px solid #D2D2B4; text-transform:uppercase; font-size:1.3em;}
.kommentieren .button:hover {background-color:#FFD500; border:1px solid #FFD500; cursor:pointer;}

/* FORMULAR (Newsletter) ----------------------------------------------*/
form {margin:0 0 0.6em 0; padding:0 0.6em; font-size:1.3em; line-height:1.4em; color:#58585A;}
form label {font-size:1em; display:block; float:left; width:80px;padding:0; margin:0;}
form input {background-color:#F4F3EE; border:1px solid #CFD2B5; padding:2px; margin:0 0 5px 0; width:370px;}
form .button-01, form .button-02, form .button-01:hover, form .button-02:hover {margin:5px 0 0 80px; display:block; text-transform:uppercase; width:376px;}
form .button-01, form .button-01:hover {background-color:#D2D2B4; border:1px solid #D2D2B4; color:#6C6C6C;}
form .button-02, form .button-02:hover {background-color:#E4E4E4; border:1px solid #E4E4E4; color:#6C6C6C;}
form .button-01:hover, form .button-02:hover {color:#000; cursor:pointer;}

/* FOOTER --------------------------------------------------------------------- */
.footer {width:96.6em; margin:2em 0 0 0; padding:0.2em 0 ; float:left; border-top:1px #CFD2B5 solid;}
.footer p {background-color:#F4F3EE; margin:0; padding:0.3em 0.56em; /*font-size:0.687em;*/ color:#58585A;}
.footer p a, .footer p a:hover {color:#58585A; text-decoration:none;}
.footer p a:hover, .footer .aktiv {text-decoration:underline;}
.footer .tel {float:right; font-size:1.2em;}