@charset "utf-8";
/************************************
 *  CSS Document                    *
 *  www.simaja.de                   *
 *  SIMAJA OHG - Internet Solutions *
 ************************************/
html {
    height: 100%;
}
body {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: white;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    height:100%;
}
.label {
    /*width: 200px;/
    /*24.03.2009*/
    width:160px;
    diplay:box;
    float:left;
    text-align:right
}
.formInput {
    diplay:box;
    float:left;
    margin-left:5px;
}
.clr {
    clear: both;
    line-height:10px;
}
.thrColAbsHdr #container {
    position: relative;
    width: 990px;
    background: #FFFFFF;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}
.thrColAbsHdr #header {
    height: 190px;
    background: White;
    padding: 0 0 0 0;
}
.thrColAbsHdr #header_einstieg {
    height: 141px;
    background: White;
    padding: 0 0 0 0;
}
.thrColAbsHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}
.thrColAbsHdr #sidebar1 {
    /*position: absolute;*/
    top: 250px;
    left: 0;
    margin-left: 13px;
    margin-top:2px;
    width: 167px;
    background: white;
    padding: 14px 5px 15px 5px;
    border: 1px solid #cccccc;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    float: left;
    bottom: 0;
    min-height: 528px;
}
.thrColAbsHdr #sidebar2 {
    /*position: absolute;*/
    top: 250px;
    margin-right:14px;
    right: 0;
    width: 157px;
    background: white;
    /*padding: 15px 10px 15px 20px;*/ 
    float:right;
}
.thrColAbsHdr #mainContent {
    margin: 2px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. */
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    /*height: 100%;*/
    width: 565px;
    float: left;
    border: 1px solid #cccccc;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    /* position: relative; */
    display: block;
}
.thrColAbsHdr #mainContent_start {
    margin: 0;
    margin-left: 10px;
    padding: 15px 10px;
    height: 100%;
    width: 590px;
    float: left;
    border: 1px solid #cccccc;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
    display: block;
}
.thrColAbsHdr #footer {
    padding: 0 10px 0 20px; /* Diese Auff#llung entspricht der linksb#ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    margin-left: 13px;
    margin-right:14px;
    margin-top:-10px;
    background: white;
    padding: 3px 0px 3px 5px;
    border: 1px solid #cccccc;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.thrColAbsHdr #footerstart {
    padding: 0 10px 0 20px; /* Diese Auff#llung entspricht der linksb#ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    margin-left: 13px;
    margin-right:14px;
    margin-top:10px;
    background: white;
    padding: 3px 0px 3px 5px;
    border: 1px solid #cccccc;
    color:#333333;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.thrColAbsHdr #footer p {
    margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    clear:both;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    float: left;
    margin-right: 8px;
}
#middle {
    background-color: White;
    margin-top:20px;
    margin-bottom: 0px;
    padding-bottom: 15px;
}
.content_footer {
    text-align: right;
    height:35px;
    padding-top:10px;
}
/*NAVIGATION TOP*/
    
#menu {
    margin-left:13px;
}
#menu_einstieg {
    margin-left:10px;
}
#menu .navi_off {
    background-image: url(img/navi_top_off.jpg);
    background-repeat: no-repeat;
    width: 96px;
    height: 25px;
    padding-top: 10px;
    padding-left: 10px;
    float: left;
}
#menu .navi_off a {
    color: Black;
    text-decoration: none;
    font-weight: bold;
}
#menu .navi_on {
    background-image: url(img/navi_top_on.jpg);
    background-repeat: no-repeat;
    width:96px;
    height: 25px;
    padding-top:10px;
    padding-left:10px;
    float: left;
}
#menu .navi_on a {
    text-decoration: none;
    font-weight: bold;
    color: #757575;
}
#menu .navi_end {
    background-image:url(img/navi_end_bg.jpg);
    background-repeat: repeat-x;
    width:212px;
    height: 25px !important;
    height: 35px;
    padding-top:10px !important;
    padding-left: 10px;
    float: left;
    text-align: right;
}
#menu .navi_breadcrumb {
    width:800px;
    float:left;
    text-align: left;
    padding-bottom:15px;
}
#menu .navi_breadcrumb a {
    font-weight:normal;
    color:#000000;
}
.navi_end_bread {
    padding-right:15px;
    color: #757575;
    width:150px;
    float:right;
    text-align: right;
    padding-bottom:15px;
}
.navi_end_bread a {
    font-weight:normal;
    color: #757575;
}
#menu .navi_bar {
    clear: both;
    background-image: url(img/navi_top_bar.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 967px;
    height: 25px;
    /*margin-top: -15px !important;*/
    margin-top: 0px;
    margin-left: -6px;
    padding-top:5px;
    padding-left:10px;/*border: 1px solid red;*/
}
#sidebar1 .navi_left_off {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}
#sidebar1 .navi_left_off a {
    text-decoration: none;
    font-weight: bold;
    color: Black;
    padding-left:0px;
}
#sidebar1 .navi_left_on {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}
#sidebar1 .navi_left_on a {
    text-decoration: none;
    font-weight: bold;
    color: red;
    padding-left:0px;
}
#sidebar1 .navi_left_off4 {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin-left:10px;
    padding-left: 13px;
}
#sidebar1 .navi_left_off4 a {
    text-decoration: none;
    font-weight: bold;
    color: Black;
    padding-left:0px;
}
#sidebar1 .navi_left_on4 {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin-left:10px;
    padding-left: 13px;
}
#sidebar1 .navi_left_on4 a {
    text-decoration: none;
    font-weight: bold;
    color: red;
    padding-left:0px;
}
#sidebar1 .navi_left_off5 {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin-left:15px;
    padding-left: 20px;
}
#sidebar1 .navi_left_off5 a {
    text-decoration: none;
    font-weight: bold;
    color: Black;
    padding-left:0px;
}
#sidebar1 .navi_left_on5 {
    background-image: url(img/btn_navi_left.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin-left:15px;
    padding-left: 20px;
}
#sidebar1 .navi_left_on5 a {
    text-decoration: none;
    font-weight: bold;
    color: red;
    padding-left:0px;
}
.sidebar_right_header {
    background-image: url(img/sidebar_right_header.gif);
    height: 18px;
    width: 156px;
    margin-left:2px;
}
.sidebar_right_content {
    border: 1px solid #cccccc;
    border-top: none;
    width: 143px;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    margin-top:-2px;
    margin-left:2px;
    margin-bottom: 5px;
    padding: 1px 5px 5px 5px;
}
.sidebar_right_content_next {
    border: 1px solid #cccccc;
    width: 143px;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    margin-bottom:11px;
    margin-left:2px;
    margin-top:2px;
    padding: 5px 5px 5px 5px;
}
.sidebar_right_content a {
    text-decoration: none;
    font-weight: bold;
    color: Black;
    margin-left:5px;
}
.sidebar_right_content_next a {
    text-decoration: none;
    font-weight: bold;
    color: Black;
    margin-left:5px;
}
h1 {
    font-size: 12px;
    color: red;
}
h2 {
    font-size: 11px;
    color: black;
    margin:0px;
}
.poll {
    border: 1px solid Black;
    background-color: White;
    font-size:11px;
    font-weight: bold;
}
.main_box_left {
    border: 1px solid #cccccc;
    /*width: 48%;*/
    /*height:100%;*/
    padding:4px;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.main_box_right {
    border: 1px solid #cccccc;
    width: 48%;
    float:right;
    background-image: url(img/sidebar_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
/*LINKS*/
 a {
    color: Red;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
/*FORMULARE*/
.kleingedrucktes {
    font-size:10px;
    font-style: italic;
}
/*REDDOT INTERNE FORMARTIERUNGN*/
.reddot {
    color:red;
    font-size:11px;
}
.errMsg {
    color:red;
}
.reddotbox {
    font-size:11px;
    max-width:990px;
    text-align:left;
    color: #FF0000;
    background-color: #FFCC66;
    border:solid 1px #F00;
    margin:5px;
}

#hotspot1, #hotspot2, #hotspot3, #hotspot4, #hotspot5, #hotspot6, #hotspot7, #hotspot8 {
    width:220px;
    min-height:200px;
    height:auto;
    border: 1px solid #cccccc;
    float:left;
    margin-left:10px;
    margin-bottom:25px;
}
#hotspot1_1, #hotspot2_2, #hotspot3_3, #hotspot4_4, #hotspot5_5, #hotspot6_6, #hotspot7_7, #hotspot8_8 {
    width:220px;
    min-height:150px;
    height:150px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    background-color:#ffffff;
    visibility:hidden;
    padding-left:5px;
    padding-top:5px;
    padding-right:5px;
    visibility:hidden;
}
#hotspot11, #hotspot22, #hotspot33, #hotspot44, #hotspot55, #hotspot66, #hotspot77, #hotspot88 {
    width:220px;
    vertical-align:middle;
    height:auto;
    margin-left:5px;
}
#hotspot_text {
    padding-right:7px;
}
.contentimage {
    text-align:center;
}
.bildunterschrift {
    /*font-size:11px;*/
    font-size:0.93em;
    font-style:italic;
    color:#666;
    text-align:center;
}
/* Partner Accordion */
.Accordion {
    border-left: solid 1px gray;
    border-right: solid 1px black;
    border-bottom: solid 1px gray;
    overflow: hidden;
}
.AccordionPanel {
    margin: 0px;
    padding: 0px;
}
.AccordionPanelTab {
    background-image: url(img/arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #CCCCCC;
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px 25px 2px 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 2px;
    height: 200px;
}
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #EEEEEE;
}
.AccordionPanelTabHover {
    color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
}
.AccordionFocused .AccordionPanelTab {
    background-color: #f7f7f7;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #cccccc;
}
/* Ansprechpartner Accordion*/
.AccordionAP {
    border-left: solid 1px gray;
    border-right: solid 1px black;
    border-bottom: solid 1px gray;
    overflow: hidden;
}
.AccordionPanelAP {
    margin: 0px;
    padding: 0px;
}
.AccordionPanelTabAP {
    background-image: url(img/arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #CCCCCC;
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px 25px 2px 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}
.AccordionPanelContentAP {
    overflow: auto;
    margin: 0px;
    padding: 2px;
    height: auto;
}
.AccordionPanelContentAP table {
    font-size:12px;
}
.AccordionPanelOpen .AccordionPanelTabAP {
    background-color: #EEEEEE;
}
.AccordionPanelTabAPHover {
    color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabAPHover {
    color: #555555;
}
.AccordionFocused .AccordionPanelTabAP {
    background-color: #f7f7f7;
}
.AccordionFocused .AccordionPanelOpenAP .AccordionPanelTabAP {
    background-color: #cccccc;
}

li a {
    color:#ff0000;
}
.sidebar_right_content a:link {
    text-decoration: none;
    font-weight: bold;
    color: #FF0000;
}