/* CSS Document */

        * { margin:0; padding: 0; }

        /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
        option {padding-left: 0.4em;}

        /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
        ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
html {
height: 100%;
text-align:center;
}

body {
        /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
        font-size: 100.01%;
        /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
                        Fensters geändert wird. */
        position: relative;

        /* Vorgabe der Standardfarben und Textausrichtung*/
        background: #fff;
        text-align: left;
        height:100%;
        font-family:Verdana;
        font-size:12px;
        color:#666666;
}



.headb                  { font-size:14px; color:#000; font-family:Arial,Verdana; text-decoration:none}
.text                   { font-size:12px; color:#000; font-family:Arial,Verdana; text-decoration:none }
.text a                 { font-size:12px; color:#000; font-family:Arial,Verdana; text-decoration:underline }
.text a:hover           { font-size:12px; color:#fff; font-family:Arial,Verdana; text-decoration:none; background-color:#245448; }


        /* Standardrahmen zurücksetzen */
fieldset, img {
        border:0;
}

        /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea {
font-size: 99%;
}


/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

#headerbar {
        position:relative
}

#header {
        position:relative
}

#topnav {
        position:absolute;
        top: 1px;
        right: 10px;
        color: #fff;
        background: transparent;
        text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}

#nav {
        clear:both;
        width: 100%;
}

#main {
        clear:both;
        width: 990px;
}


#col1 {
        float: left;
        width: 210px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col2 {
        float:right;
        width: 180px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col3 {
        width:auto;
        /*margin-left: 10px;  Standard-Wert, falls keine anderen Vorgaben gemacht werden */
        /*margin-right: 10px;  Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#footer {
        clear:both;
        margin-top:15px;
} /* Backup für IE-Clearing */

/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
** dem Spaltenhintergrund erscheinen. */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1_content, #col2_content, #col3_content {
        position:relative;
}


#page{
        background: #F8F254;
        width:990px;
}

#page_margins {
        border: 6px #F8F254 solid;
        width: 990px;
        margin:auto;
        text-align:left;
}
    /*wieder auf align:left stellen, damit nicht alles centriert wird*/

    /* ######################################################################################################
    ** ### Formatierung der Kopfbereiches  ##################################################################
    ** ######################################################################################################
    */

    #headerbar {margin:0px;padding:px; background-image:url(main_FILES/headerbar.jpg); border: 1px #9A0103 solid;  width:988px; height:22px }

    #headerbar .headerbar_nav a { position:absolute; top: 0px; right: 10px;     color: #fff; background: transparent; text-align: right; }
    #headerbar .headerbar_nav a :hover { text-decoration:underline; background-color: transparent;}
    #headerbar .headerbar_nav a :focus { text-decoration:underline; background-color: transparent;}

    #headerbar .headerbar_title { position:absolute; top: 0px; left: 10px;      color: #fff; text-align: left; background-color: transparent;}

    #header { position:relative; width:990px; height:80px }

    #nav { color:#fff; }

    /* Formatierung der Fußzeile */
    #footer { background-image:url(main_FILES/headerbar.jpg); border: 1px #9A0103 solid;  width:988px; text-align:center; }
    #footer a { color: #fff; }

    #coprightfooter {text-align:right;font-size:10px;}


/*-----------------------------------------*/
/*     Formatierung der Inhaltsspalten     */
/*-----------------------------------------*/

#main { 
        color: #000; 
        margin: 0; 
        padding: 10px 0 0 0; 
}

/*---------------------*/
/*     linke Spalte    */
/*---------------------*/

#col1 { 
        width: 22.0%; 
}

#col1_content {
        margin-left: 0px; 
        margin-right: 6px;  
}


/*----------------------*/
/*     rechte Spalte    */
/*----------------------*/

#col2 {     
        width: 19.0%; 
}

#col2_content {
        margin-left: 6px; 
        margin-right: 0px; 
}

/*------------------------*/
/*     mittlere Spalte    */
/*------------------------*/

#col3 {
        margin-left: 22%;
        margin-right: 19%;
        border: 1px solid #D9B97C;
        margin-bottom:20px;
        padding-bottom:20px;
}

#col3_content {  
        top: 10px; 
        margin-left: 10px; 
        margin-right: 10px;
        margin-bottom:10px;
        padding-bottom:10px;

}

#col3_content P {
        margin-top:5px;
        margin-bottom:8px;
}


    /* ######################################################################################################
    ** ### Farbschema für Browsertests ######################################################################
    ** ######################################################################################################*/

        #col1 {background: #F8F254; }
        #col1_content {background: #F8F254; }
        #col2 {background: #F8F254; }
        #col2_content {background: #F8F254; }
        #col3 {background: #FFFFFF; }
        #col3_content {background: #FFFFFF; }
        #main {background: #F8F254; }




h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.4em; color: #006; margin: 0 0 0 0;}
h2 {font-size: 1.15em; color: #600; margin: 0 0 0 0; font-weight:bold;}
h3 {font-size: 1.0em; color: #006; margin: 0 0 0 0; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

/*p,ul,dd,dt { line-height: 1.0em; }
p { line-height: 1.0em; margin: 0 0 1em 0; }
*/

strong,b { font-weight: bold; }
/*em,i { font-style:italic; }*/
/*pre, code {   font-family: "Courier New", Courier, monospace; }*/
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr {
        color: #fff;
        background:transparent;
        margin: 0 0 0.9em 0;
    padding: 0 0 0.9em 0;
    border:0;
    border-bottom:1px solid #ddd;
    height:4px;
}

acronym, abbr {
        letter-spacing: .07em;
        border-bottom: 1px dashed #c00;
        cursor: help;
}

/* ### Bildpositionierung ############################################################################ */

/*img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }*/

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #CC6601; text-decoration:none; }
a:hover { text-decoration:underline;}
a:focus { text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}


/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
        border: 1px #ccc solid;
    background: #fafafa;
        padding: 3px;
        color: #777;
}

input[type=text]:focus, textarea:focus {
        background: #f0f0f0;
        color: #333;
        border-color: #666;
}

/* ### Ränder ################################################################## */

.border {
        border: 1px #000 solid;
}


/*-----------------------------------*/
/*           Boxen Content           */
/*-----------------------------------*/
.tab1 {
        padding: 15px;
        background: #eef7f5;
        border: 1px solid #cccccc;
        margin-bottom:12px;
}


.tab1_r {
        float: right;
}



/*----------------------------------*/
/*           Boxen Links            */
/*----------------------------------*/
#box_left {
        width:210px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_left .box_left_header {
        height:24px;
        background-image:url(main_FILES/boxheader_left.jpg);
}

#box_left .box_left_header  .box_left_header_desc {
        color:#fff;
        padding-left: 5px;
        padding-top: 3px;
}

#box_left .box_left_content {
        color:#000;
        padding: 10px 10px 10px 10px;
}



/*-----------------------------------------*/
/*           Boxen Links Google            */
/*-----------------------------------------*/
#box_left_google {
        width:210px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_left_google .box_left_header {
        height:24px;
        background-image:url(main_FILES/boxheader_left.jpg);
}

#box_left_google .box_left_header  .box_left_header_desc {
        color:#fff;
        padding-left: 5px;
        padding-top: 3px;
}

#box_left_google .box_left_content {
        color:#000;
        padding: 10px 10px 10px 10px;
}



/*-----------------------------------*/
/*           Boxen Rechts            */
/*-----------------------------------*/
#box_right {
        width:180px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_right .box_right_header {
        height:24px;
        background-image: url(main_FILES/boxheader_right.jpg);
}

#box_right .box_right_header  .box_right_header_desc {
        color:#fff;
        top: 1px;
        padding-left: 5px;
        padding-top: 3px;
}

#box_right .box_right_content {
        color:#000;
        padding: 10px 10px 10px 10px;
}
/* ### Box - right _search################################################################## */

#box_right_search {
        width:180px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_right_search .box_right_header {
        height:24px;
        background-image: url(main_FILES/boxheader_right.jpg);
}

#box_right_search .box_right_header  .box_right_header_desc {
        color:#fff;
        top: 1px;
        padding-left: 5px;
        padding-top: 3px;
}

#box_right_search .box_right_content {
        color:#000;
        padding: 4px 0 4px 4px;
}
/* ### Box - right _news################################################################## */

#box_right_news {
        width:180px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_right_news .box_right_header {
        height:24px;
        background-image: url(main_FILES/boxheader_right.jpg);
}

#box_right_news .box_right_header  .box_right_header_desc {
        color:#fff;
        top: 1px;
        padding-left: 5px;
        padding-top: 3px;
}

#box_right_news .box_right_content {
        color:#000;
        padding: 4px 0 4px 4px;
}
/* ### Box - right _google################################################################## */

#box_right_google {
        width:180px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_right_google .box_right_header {
        height:24px;
        background-image: url(main_FILES/boxheader_right.jpg);
}

#box_right_google .box_right_header  .box_right_header_desc {
        color:#fff;
        top: 1px;
        padding-left: 5px;
        padding-top: 3px;
}

#box_right_google .box_right_content {
        color:#000;
        padding: 4px 0 4px 4px;
}
/* ### Box - right _newsletter ################################################################## */

#box_right_newsletter {
        width:180px;
        background: #FDFBF2; border: 1px #D9B97C solid;
        text-align: left;
        margin-bottom: 6px;
}

#box_right_newsletter .box_right_header {
        height:24px;
        background-image: url(main_FILES/boxheader_right.jpg);
}

#box_right_newsletter .box_right_header  .box_right_header_desc {
        color:#fff;
        top: 1px;
        padding-left: 5px;
        padding-top: 3px;
}

#box_right_newsletter .box_right_content {
        color:#000;
        padding: 4px 0 4px 4px;
}



        /*CCS Klassen für Header RTE*/

.csc-header h1,h2,h3,h4,h5,h6{
        color:#780103;
        font-size:14px;
        text-align:left;
        font-family:Verdana;
        margin-bottom:8px;
        margin-left:0px;
        font-weight:bold;
}

.csc-textpicHeader h1,h2,h3,h4,h5,h6 {
        color:#780103;
        font-size:14px;
        text-align:left;
        font-family:Verdana;
        margin-bottom:8px;
        margin-left:8px;
        font-weight:bold;
}

#col3 ul li{
        text-align:left;
                font-family:Verdana;
                font-size:12px;
                color:#666666;
        margin-left:22px;
}

#col3 ol li{
        text-align:left;
                font-family:Verdana;
                font-size:12px;
                color:#666666;
        margin-left:28px;
}

#aubg {
    display:none;
}

#aus {
display:none;
}