/* import core styles | Basis-Stylesheets einbinden */
@import url(css_hacks.css);


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

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

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
html { font-size: 100.01%;   }
body { background:url(../../gfx/basis/back_content.gif) repeat-x 0px 15px; color:#000; text-align:left; font-size: 70.00%; text-align: center; }
body,td,th,p,div { font-family:Arial, Helvetica, sans-serif; }

/* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; }

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

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

/* Weitere HTML-Tags */
a { color:#c50c1f; }
a:hover { color:#FF0000; }
p { margin-top:0px; margin-bottom:1.2em; }
hr { height:1px; width:100%; color:#CCC; }
ul { padding:0; margin-top:0; margin-bottom:0; }
form { margin:0; padding:0; }


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

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

/* Spalten im Kopfbereich */
#header { height:37px; }
#header_col1 { float:left; width: 228px; text-align:center; }
#header_col2 { width:auto; margin:0; padding:0; }
#header_col1_content, #header_col2_content { position:relative; }
#header_col1_content { padding: 0px; }
#header_col2_content { padding: 0px; }

/* Spalten im Navigationsbereich */
#mnav { margin-top:2px; }
#mnav_col1 { width:228px; float:left; margin-right:31px; }
#mnav_col2 { margin-top:40px; width:677px; float:left; background:url(../../gfx/basis/kopf_back.png); }
#mnav_col1_content, #mnav_col2_content { position:relative; }
#mnav_col1_content { padding:40px 14px 0px 14px; }
#mnav_col2_content { padding:30px; }
#mnav_elemente { font-size: 1.1em; padding:0; margin:0; }
#mnav_elemente li { margin:0; padding:3px 0px 3px 0px; color:#333333; font-weight:bold; list-style-type:none; border-top:solid 1px #fff; border-bottom:solid 1px #d8d8d8; }
#mnav_elemente li.start { border-top:none; }
#mnav_elemente li.end { border-bottom:none; }
#mnav_elemente img { margin-right:4px; margin-top:1px; float:left; }

/* Subnavigation */
#snav { font-size: 1.1em; color:#333; font-weight:bold; margin-top:15px; margin-right:14px; }
#logo { margin-top:-4px; }
#slogan { font-size:18px; font-weight:bold; margin-left:33px; margin-top:10px; }

/* Spalten im Hauptbereich */
#main { overflow:auto; margin-top:25px; }
#col1 { float:left; width: 228px;  }
#col2 { float:right; width: 228px; }
#col3 { width:677px; margin-left:258px; }
#col1_content, #col2_content, #col3_content { position:relative; }
#col1_content { }
#col2_content { }
#col3_content { }

/* Spalten im Fussbereich */
#footer { position:relative !important; width:100%; margin:0; padding:0;  margin-top:-50px;height:50px; background:#f0f0f0; border-top:solid 3px #d8d8d8; text-align:center; }
#footer_content { width:936px; text-align:left; color:#666; background:#f0f0f0; padding:10px 14px; margin:0 auto;  }


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

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

/* Float-Klassen */
.left { float:left; }
.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:#000; color:#fff; padding:0px 3px; font: bold 0.9em Verdana; }
.form_button_small { border:solid 1px #333; background-color:#000; color:#fff; padding:0px 3px; font: bold 0.9em Verdana; }

/* Infoboxen */
.infobox .ibt { background:url(../../gfx/box/shadow_t.png) no-repeat; }
.infobox .ibb { background:url(../../gfx/box/shadow_b.png) no-repeat; }
.infobox .ibc { background:url(../../gfx/box/shadow_lr.png) repeat-y; }
.infobox .ibt, .ibb { height:8px; font-size:1px; }
.infobox .ibc_abs { padding:6px 14px; overflow:auto; }
.infobox .ibc_back { background-color:#f1f0f0; padding:10px; }
.infobox .ibc_abs2 { overflow:auto; }
.infobox2 { padding:6px 14px; }

/* Infoboxen */
.infobox_big .ibt { background:url(../../gfx/box_big/shadow_t.png) no-repeat; }
.infobox_big .ibb { background:url(../../gfx/box_big/shadow_b.png) no-repeat; }
.infobox_big .ibc { background:url(../../gfx/box_big/shadow_lr.png) repeat-y; }
.infobox_big .ibt, .ibb { height:8px; font-size:1px; }
.infobox_big .ibc_abs { padding:6px 14px; overflow:auto; }
.infobox_big .ibc_back { background-color:#f1f0f0; padding:10px; }
.infobox_big .ibc_abs2 { overflow:auto; }
.infobox2 { padding:6px 14px; }

/* Trenner und Abstände */
.trenner { border-top:solid 1px #e4e4e4; margin-top:8px; margin-bottom:8px; font-size:1px; }
.trenner_inhalte { height:25px; font-size:1px; clear:both; }
.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:#f1f0f0; 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; }