/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/

/* Volle Hhe */
body, html { height:100% !important; margin:0; padding:0;}

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgren in lteren Opera Versionen */
html { font-size: 100.01%; }
body { background:url(../../gfx/basis/background.jpg) repeat-x #ffffff; color:#000; text-align:left; font-size: 75.00%; text-align: center; }

body,td,th,p,div { font-family:Arial, Helvetica, sans-serif; }

/* Korrektur: Das Zurcksetzen der Abstnde verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }

/* Rahmen fr <fieldset> und <img> Elemente lschen */
fieldset, img { border: 0 solid; }

/* berschriften deklarieren */
h1, h2, h3, h4 { padding:0; margin:0; }
h1 { font-size: 1.8em; color:#333399; } /* 20px = 20px/11px (Grundpixel) */
h2 { font-size: 1.3em; } /* 18px = 18px/11px */
h3 { font-size: 1.2em; } /* 14px */
h4 { font-size: 1.1em; } /* 12px */

h1.abs { margin-bottom:15px; }
h2.abs { margin-bottom:15px; }
h3.abs { margin-bottom:15px; }
h4.abs { margin-bottom:15px; }

/* Weitere HTML-Tags */
a { text-decoration:none; color:#990000; position:relative; } /* position:relative wegen DirectX AlphaImageLoader fr IE 6, links sonst teilweise nicht anklickbar */
a:hover { color:#FF0000; }
p { margin-top:0px; margin-bottom:1.2em; }
hr { height:1px; width:100%; color:#CCC; }


/*--------------------------------------- Deklarierung von IDs ----------------------------------------*/

#page_margins { width:934px; margin:0px auto; text-align:left; position:relative !important; height:auto !important; height:100%; min-height:100%; }
#page { padding-bottom:30px; padding-top:20px; }

#header { position:relative; width:930px; margin:0px auto 5px auto; height:75px; }
#header_col1 { position:absolute; top:0px; left:14px; width:284px; height:61px; }
#header_col2 { position:absolute; top:0px; right:14px; width:400px; height:61px; }

#header_logo { width:284px; height:61px; cursor:pointer; }
html > body #header_logo { background:url(../../gfx/basis/logo.png) no-repeat; }
* html #header_logo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepages/10/gfx/basis/logo.png',sizingMethod='crop'); background:none; }

#header_slogan { width:auto; height:61px; cursor:pointer; }
html > body #header_slogan { background:url(../../gfx/basis/slogan.png) top right no-repeat; }
* html #header_slogan { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepages/10/gfx/basis/slogan.png',sizingMethod='crop'); background:none; }

#header_rahmen { z-index:3; width:660px; height:240px; padding:14px; margin-bottom:20px; background:url(../../gfx/basis/back_top_box_right.png) no-repeat; }
html > body #header_rahmen { background:url(../../gfx/basis/back_top_box_right.png) no-repeat;  }
* html #header_rahmen { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepages/10/gfx/basis/back_top_box_right.png',sizingMethod='crop'); background:none; }

#header_fahnen img { }
#header_rahmen_innen { height:240px; background-color:#f1f0f0; }
#header_image { }

#snav { position:absolute; bottom:0px; right:10px; text-align:right; color:#FFFFFF; font-size:12px; font-weight:bold; white-space:nowrap; }
#snav a { color:#FFFFFF; text-decoration:none;  }
#snav a:hover { text-decoration:underline; }

#content { position:relative; width:100%; overflow:auto; }
#content_abs {  }

#content_center { width:934px; margin:0 auto; }

/* Spalten im Hauptbereich */
#col1 { width:228px; float:left; }
#col2_3 { width:688px; margin-left:245px; } * html #col2_3 { margin-left:242px; }
#col2 { width:228px; float:right;}
#col3 { width:auto; margin-left:14px; margin-right:263px; overflow:hidden; } /* Flexible mittlere Spalte */
  
/* Spalten im Fussbereich */
#footer { position:relative !important; width:100%; margin:0; padding:0; margin-top:-63px; height:60px; background:#f0f0f0; border-top:solid 2px #d8d8d8; text-align:center; }
#footer_content { position:relative; width:900px; text-align:left; color:#666; background:#f0f0f0; padding-top:10px; margin:0 auto; font-size:11px;  }
#footer_content img { }

/*----------------------------------- Deklarierung von Klassen ------------------------------------*/

.mnav_elem_0 { background-color:#d6d6eb; font-size:12px; padding:5px 10px; overflow:hidden; border-bottom:solid 1px #fff; }
.mnav_elem_1 { background-color:#eaeaf5; font-size:12px; padding:5px 10px 5px 20px; overflow:hidden; border-bottom:solid 1px #fff; }
.mnav_elem_2 { background-color:#fff; font-size:12px; padding:5px 10px 5px 30px; overflow:hidden; border-bottom:solid 1px #fff; }
.mnav_elem_pfeil { background:url(../../gfx/basis/nav_pfeil.gif) no-repeat 0px 5px; padding-left:8px; }
.mnav_elem_0:hover { background-color:#9999cc; }
.mnav_elem_1:hover { background-color:#9999cc; }
.mnav_elem_2:hover { background-color:#9999cc; }

/* Clearfix-Methode */
.clearfix { display: block; } /* Diese Angabe bentigt der Safari-Browser zwingend !! */
 
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Float-Klassen */
.left { float:left; position:relative; }
.right { float:right; }
.clear { clear:both; }

/* Farben definieren */
.c_rot { color:#c50c1f; }
.c_grau1 { color:#505050; }
.c_grau2 { color:#CCCCCC; }

/* Formulareelemente */
.k1 { font-size:0.9em }

/* Formulareelemente */
.form_style { border:solid 1px #aaa; background-color:#fff; }
.form_style_err { border:solid 1px #FF0000; background-color:#fff; }
.form_button { border:solid 1px #333; background-color:#003399; color:#fff; padding:0px 3px; font: bold 0.9em Verdana; }
.form_button_small { border:solid 1px #333; background-color:#003399; color:#fff; padding:0px 3px; font: bold 0.9em Verdana; }

/* Infoboxen */
.infobox { font-size:0.9em }
html > body .infobox .ibt { background:url(../../gfx/box/shadow_t.png) no-repeat; }
* html .infobox .ibt { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepages/10/gfx/box/shadow_t.png',sizingMethod='crop'); background:none; }
html > body .infobox .ibc { background:url(../../gfx/box/shadow_lr.png) repeat-y; }
* html .infobox .ibc { background:url(../../gfx/box/shadow_lr.gif) repeat-y; }
html > body .infobox .ibb { background:url(../../gfx/box/shadow_b.png) no-repeat; }
* html .infobox .ibb { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepages/10/gfx/box/shadow_b.png',sizingMethod='crop'); background:none; }
.infobox .ibt, .ibb { height:8px; font-size:1px; }
.infobox .ibc_abs { padding:6px 14px; overflow:auto; }
.infobox .ibc_back { background-color:#f5f5fa; padding:10px; }
.infobox .ibc_abs2 { }
.infobox2 { position:relative; padding:6px 14px; }

/* Trenner und Abstnde */
.trenner { border-top:solid 1px #e4e4e4; margin-top:8px; margin-bottom:8px; font-size:1px; }
.trenner_inhalte { height:25px; font-size:1px; }
.trenner_bilder_inhalte { height:25px; font-size:1px; }
.trenner_infoboxen { height:10px; font-size:1px; }
.trenner_infobox_bilder { margin-bottom:10px; }
.trenner_head_content { height:15px; font-size:1px; }
.trenner_downloads { height:1px; font-size:1px; margin-top:6px; margin-bottom:6px; border-top:solid 1px #e4e4e4; }
.abs_infobox_downloads_top { margin-bottom:15px; }
.abs_infobox_downloads_bottom { margin-top:15px; }

/* Trennlinien */
.trenner_col1 { float:left; width:210px; height:10px; background-color:#505050; margin:3px 0px; border-right:solid 3px #FFFFFF; font-size:1px; }
.trenner_col2 { float:right; width:210px; height:10px; background-color:#F1F1F1; margin:3px 0px; border-left:solid 3px #FFFFFF; font-size:1px; }
.trenner_col3 { width:auto; height:10px; background-color:#990000; margin:3px 0px; font-size:1px; }

/* Weitere Klassen */
.nolink { text-decoration:none; color:#333; }
.einleitung { border:solid 1px #d8d8d8; padding:10px; font-size:12px; background-color:#f5f5fa; margin-bottom:20px; }
.img_left { float:left; margin-right:15px; margin-bottom:11px; }
.img_right { float:right; margin-left:15px; margin-bottom:11px; }
.hidden { display:none; }
.error { color:#FF0000; font-weight:bold; }
.success { color:#770000; }
.box_grau { border:solid 1px #d8d8d8; padding:10px; background-color:#f1f0f0; }
.back { border-bottom:solid 1px #CCC; border-top:solid 1px #CCC; padding:4px 0px; margin-bottom:10px; }
