/* CSS Document */

body {margin:0; padding:0; background-image:url(../gfx/gui/body_hg.jpg); background-repeat:no-repeat; background-position:left top; font-family:Arial, Helvetica, sans-serif; font-size:100.1%; color:#333D3E;}


/*-------------------- CONTAINER -----------------------------*/
.container {width:980px; margin:0 auto 20px auto; position:relative;}

.container a, .container a:hover {text-decoration:none; color:#CD0016;}
.container a:hover { text-decoration:underline;}

/*-------------------- HEAD -----------------------------*/
.head {width:980px; margin:0; padding:0; position:relative;}

.head_logo img {margin:16px 0; border:none;}

.head_navi {position:absolute; top:5px; right:0; color:#333c43; font-size:0.625em;}
.head_navi a, .head_navi a:hover {color:#333c43; text-decoration:none; font-style:italic; line-height:1em; margin:0; padding:0 0.3em;}
.head_navi a:hover, .head_navi .aktiv {color:#ce0015;}

.head_sponsoring {position:absolute; bottom:16px; right:0;}


/*-------------------- HAUPTNAVI -----------------------------*/
.hauptnavi, .hauptnavi_kontakt {margin:0; padding:0; width:980px; height:59px; background-image:url(../gfx/gui/hauptnavi_hg.png); background-position:left top; background-repeat:no-repeat;}
.hauptnavi_kontakt {background-image:url(../gfx/gui/hauptnavi_hg_rot.png);}

.hauptnavi .navi_bild, .hauptnavi_kontakt .navi_bild {float:left; margin:8px 0 0 0;}
.hauptnavi a, .hauptnavi a:hover, .hauptnavi_kontakt a, .hauptnavi_kontakt a:hover {font-weight:bold; color:#FFFFFF; font-style:italic; font-size:0.75em; text-decoration:none; margin:8px 0 0 0; padding:15px 0px 0 0px; float:left; height:28px; background-image:url(../gfx/gui/hauptnavi_button_hg-grau.gif);}
.hauptnavi a:hover {color:#b5bec5;}
.hauptnavi .aktiv, .hauptnavi .aktiv:hover, .hauptnavi_kontakt .aktiv, .hauptnavi_kontakt .aktiv:hover {background-image:url(../gfx/gui/hauptnavi_button_hg-rot.gif); color:#FFFFFF;}


/*-------------------- SUBNAVI -----------------------------*/
.subnavi {width:980px;position:relative;}

.subnavi_head, .subnavi_bottom {width:980px; padding:0; margin:0; background-image:url(../gfx/gui/subnavi_link_hg.jpg); background-position:top left; height:8px; display:block; line-height:0; font-size:0;} 
.subnavi_bottom {background-position:bottom left;}


.subnavi_link_01 a, .subnavi_link_01 a:hover, .subnavi_link_02 a, .subnavi_link_02 a:hover, .subnavi_link_03 a, .subnavi_link_03 a:hover {width:887px; padding:15px 0 0 55px; margin:0; color:#FFFFFF; text-decoration:none; background-image:url(../gfx/gui/subnavi_hg_01.jpg); background-position:top left; height:32px; display:block; font-style:italic; font-weight:bold; letter-spacing:0.2em; font-size:0.87em;} 

.subnavi_link_02 a, .subnavi_link_02 a:hover {background-image:url(../gfx/gui/subnavi_hg_02.jpg);}
.subnavi_link_03 a, .subnavi_link_03 a:hover {background-image:url(../gfx/gui/subnavi_hg_03.jpg);background-position:bottom left;}


.subnavi_link_01 a:hover {background-image:url(../gfx/gui/subnavi_hg_01_rot.jpg);}
.subnavi_link_02 a:hover {background-image:url(../gfx/gui/subnavi_hg_02_rot.jpg);}
.subnavi_link_03 a:hover {background-image:url(../gfx/gui/subnavi_hg_03_rot.jpg);}


.subnavi_img {position:absolute; top:0; right:0; margin:8px 38px 0 0;}



/*-------------------- LISTENNAVI -----------------------------*/
.listennavi {width:240px; float:left; margin:0 20px 0 33px; color:#333D3E;}
* html .listennavi {margin:0 20px 0 16px;}

.listennavi a, .listennavi a:hover {color:#333D3E; text-decoration:none; padding:0 0 0 10px; background-image:url(../gfx/gui/list_icon.gif); background-position:top left; background-repeat:no-repeat; display:block;}
.listennavi a:hover, .listennavi .aktiv {color:#CD0016; background-image:url(../gfx/gui/list_icon_rot.gif);}

.listennavi .hauptpunkte {height:22px; width:218px; padding:10px 0 0 22px; background-image:url(../gfx/gui/li_1_hg.jpg); background-repeat:no-repeat; font-size:0.75em; font-weight:bold; font-style:italic; text-transform:uppercase; display:block;}

.listennavi ul {margin:0 0 20px 0; padding:0; clear:both; }
.listennavi li {margin:0; padding:3px 0 3px 22px; font-weight:bold; line-height:1.5em; font-size:0.7em; list-style:none; background-image:url(../gfx/gui/li_2_hg.gif); background-position:top left; background-repeat:no-repeat; background-color:#F4F5F8; border-bottom:1px solid #CED0D2;}
.listennavi li a, .listennavi li a:hover {width:208px;}

.listennavi ul ul {margin:0 0 0 15px; font-weight:normal; }
.listennavi li li { background-image:none; border:none; font-size:1em; padding:0; font-weight:normal;}
.listennavi li li a, .listennavi li li a:hover {width:193px;}

.listennavi ul ul ul {}
.listennavi li li li a, .listennavi li li li a:hover {width:158px;}



/*-------------------- BREADCRUMB NAVI -----------------------------*/
.breadcrumb_navi {margin:5px 0 5px 55px; color:#333D3E; line-height:1.5em; font-size:0.7em; float:left; width:925px;}
* html .breadcrumb_navi {margin:5px 0 5px 27px;}

.breadcrumb_navi a, .breadcrumb_navi a:hover {color:#333D3E; margin:0 3px 0 0; text-decoration:none;}
.breadcrumb_navi a:hover {color:#CD0016;}


/*-------------------- CONTENT -----------------------------*/
.content {float:left; width:980px;}


/*-------------------- MAINCONTENT -----------------------------*/
.maincontent {float:left; width:648px; position:relative;}

.maincontent h1, .maincontent h2 {height:22px; margin:0 0 10px 0; padding:10px 0 0 22px; background-image:url(../gfx/gui/li_1_hg.jpg); background-repeat:no-repeat; font-size:0.75em; font-style:italic; text-transform:uppercase;}
.maincontent h2 {color:#CD0016;}

.maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6, .maincontent p {line-height:1.4em; margin:0; padding:0;}
.maincontent h3, .maincontent h6 {font-size:0.955em; margin:0 0 10px 0; line-height:1em;}
.maincontent h4, .maincontent h5 {font-size:0.75em; color:#869098;}
.maincontent h5 {margin:-10px 0 5px 0;}
.maincontent h6 {font-style:italic; text-transform:uppercase;color:#CD0016;} 

.maincontent .h3_zusatz {color:#869098; font-weight:normal; font-size:0.9em;}

.maincontent p {font-size:0.75em; margin:0 0 10px 0;}
.maincontent p img {margin:0 5px;}
.maincontent a, .maincontent a:hover {font-weight:bold;}

.maincontent .link_right_top {position:absolute; top:10px; right:0;color:#cd0016;}
.maincontent .link_right_top p {color:#cd0016;}

.maincontent ul {margin:0 0 0 0; padding:0 0 0 17px;font-size:0.75em; margin:0 0 10px 0; line-height:1.4em; width:450px;}
.maincontent li {margin:0 0 5px 0; padding:0; list-style-image:url(../gfx/gui/list_icon_rot.gif); list-style-position:outside;}

.maincontent ul ul {margin:0; font-size:1em; color:#475051;}
.maincontent li li { list-style-type:circle; list-style-image:none;margin:2px 0;}

.maincontent .img_left {float:left; margin:0 10px 10px 0;}

.maincontent .table_1 {table-layout:auto; background-image:url(../gfx/gui/li_1_hg.jpg); background-repeat:no-repeat; margin:0 0 20px 0;}
.maincontent .table_h1, .maincontent .table_h1_bold, .maincontent .table_h2 {color:#CD0016; margin:0; height:22px; padding:10px 0 0 22px;font-size:0.75em; font-style:italic; text-transform:uppercase; line-height:1.4em; width:20%;}
.maincontent .table_h2 {border-left:1px solid #DADADA;}
.maincontent .table_h1_bold {font-weight:bold;}

.maincontent .table_h1 {border-bottom:1px solid #DADADA;padding:10px 0 5px 22px;}

.maincontent .table_spalte_1 {margin:0; padding:10px 0 5px 22px;font-size:0.7em; line-height:1.4em; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;}
.maincontent .table_spalte_2 {margin:0; font-size:0.7em; line-height:1.4em; padding:10px 22px 5px 0; border-bottom:1px solid #DADADA; text-align:right;}

.maincontent .teiler {background-image:url(../gfx/gui/listen_teiler.png); background-repeat:no-repeat; height:1px; line-height:0; display:block; margin:3px 0 15px 0; padding:0;}
* html .maincontent .teiler {margin-bottom:7px;}

.maincontent .sponsoren_text {float:left; margin-left:20px; margin-top:10px;}

/* NEWS */
.maincontent .newsbox, .maincontent .textbox, .maincontent .textbox_2 {background-image:url(../gfx/gui/newsbox_hg.jpg); background-position:bottom left; background-repeat:no-repeat; width:648px; float:left; padding:0 0 5px 0; margin:0 0 10px 0;}
.maincontent .news_img {float:left; padding:2px; border:2px solid #CED0D2;}
.maincontent .news_img img {border:none;}

.maincontent .news_text {float:right; width:443px; margin-right:20px;}
* html .maincontent .news_text {margin-right:0.5em;}
/*----------------------*/


/* FORMULARE */
.maincontent form {font-size:0.75em; margin:0; padding:0;}
.maincontent label {float:left; width:90px; margin:0 5px 0 0; font-weight:bold;}
.maincontent .input, .maincontent .textarea, .maincontent .textarea_2 {width:180px; height:15px; margin:0 0 5px 0; padding:0; float:left; border:1px solid #333D3E;}
.maincontent .textarea {height:59px;}
.maincontent .textarea_2 {height:169px;}
.maincontent .button {background-color:#CD0016; margin-left:95px; padding:0; color:#FFFFFF; width:182px; float:left; border:1px solid #333D3E;}

/*----------------------*/


.maincontent .textbox, .maincontent .textbox_2 {width:648px; position:relative;}
.maincontent .textbox_2 {background-image:none;}

.profilbild {position:absolute; top:0; right:22px;}

.text_zeile {width:604px; float:left; margin:0 0 0 22px; padding:0;}
* html .text_zeile {margin:0 0 0 0.5em;}
.block_links, .block_rechts {width:90px; margin:0; padding:0; float:left;}
.block_links {margin-right:5px;}
.block_rechts {width:505px;}
.block_rechts p {width:300px;}
.block_rechts img {border:none; margin:0 5px 0 0;}

.block_2_links {width:280px; float:left;}
.block_2_rechts {width:280px; float:right;}

/*-------------------- LOGOLEISTE -----------------------------*/
.logoleiste {float:left;border-top:2px solid #CED0D2; width:908px; margin:15px 0 0 33px; background-image:url(../gfx/gui/logoleiste_hg.jpg); background-position:bottom left; background-repeat:no-repeat; text-align:left;}
* html .logoleiste {margin:15px 0 0 16px;}
.logoleiste p {font-size:0.7em; color:#333D3E; margin:2px 0 2px 11px;}
.logoleiste img {border:none; margin:0 30px 5px 10px;}

/*-------------------- FOOTER -----------------------------*/
.footer {float:left; width:908px; margin:15px 0 0 33px;}
.footer p {font-size:0.7em; color:#333D3E; margin:2px 0; text-align:center;}

.sponsoren_img {border:2px solid #CED0D2;float:left;padding:2px; margin-right:10px;}
