/************/
/*  GLOBAL  */
/************/


*{padding:0; margin:0;}

body {

    background:url(bg.jpg) no-repeat 0px 20px;  /*Font-size: 1.0em = 10px when browser default size is 16px*/
    font-family: verdana,tahoma,arial,sans-serif;
    font-size: 62.5%;
    
    }

.page-container {
    
    left:50%;
    position:absolute;
    top:0;
    width:900px; height:200%;
    margin:0 0 0 -450px;
    
    }
    
quickedit {
    
    display:none !important;
    margin:0;
    }    


/******************/
/*  STRUKTUR  */
/******************/



.left-box {
    
    display:inline /*Fix IE floating margin bug*/;
    float:left;
    margin: -5px 5px 0px 0px;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    width:200px;
    
    }


.main-content {
    
    display:inline; /*Fix IE floating margin bug*/
    float:left;
    margin:0 0 0 0px;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    min-height: 400px;
    width: 450px;
    
    }
    
 .right-box {

    float:right;
    position:relative; top:4px; right:8px;
    display:inline /*Fix IE floating margin bug*/;
    margin:0 ;
    overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
    width:218px;
    z-index:300;

    }   
    


/* Struktur Content */


/*  3-Spalter */

.dreiSp-Sp2 {
    width:450px;
}

.zweiSp-Sp2 {
    width:770px;
}

.zweiSp-Sp3_no {
    display:none;
}


/******************/
/*  MAIN SECTION  */
/******************/

/*  COMMON CLASSES  */


p {
    
    font-size:120%;
    margin:1em 0 1.8em 0;
    line-height:1.5em;
    padding: 0 15px 0 0;
    
    }
    
/* Ausrichtung Bilder */

 
 p img.imgLeft {

    border:0px;
    float:left;
    padding: 0 20px 20px 0 ;
    

    }

    
 p img.imgRight {

    border:0px;
    float:right;
    padding-left:10px;

    }

    
    
    
h1 {
    
    clear:both;
    color:rgb(80,80,80); 
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:normal; font-size:170%;
    margin:1.2em 0 1.2em 0;
    
    }
    
    
h2 {
    
    clear:both;
    color:rgb(80,80,80);
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:bold; font-size:150%;
    margin:1.0em 0 0.6em 0;
    
    }
    
    
h3 {
    
    clear:both;
    color:rgb(125,125,125);
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:bold; font-size:130%;
    margin:-1.0em 0 0.5em 0;
    
    }
    

h4 {
    
    color:rgb(255,0,0);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:bold; font-size:130%;
    margin:0.5em 0 1.0em 0;
    
    }
    
    
h5 {
    
    color:rgb(80,80,80);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-size:130%;
    margin:1.5em 0 0.2em 0;
    
    }
    
    
h6 {
    
    background:#006CA4;
    color:#ffffff;
    font-weight:bold; font-size:120%;
    line-height:1.3em;
    margin:2em 0 1.3em 0;
    padding: 4px 10px 4px 10px;
    width:100%
    
    }
    

img {
    
    border:0px;
    
    }


ul {
    
    list-style:none;
    margin:0em 0 2.5em 0;
    
    }
    
    
ul li  {
    
    line-height:1.4em;
    margin:0 0 0.8em 22px;
    padding:0 0 0 14px;
    
    }
    

ol {
    
    margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;
    
    }
    
    
ol li {
    
    font-size:120%;
    line-height:1.4em;
    list-style-position:outside;
    margin:0 0 0.2em 0;
    
    }      
    
    
a,
a:link,
a:active,
a:visited {
    
    color:rgb(1,97,146);
    font-weight:normal;
    padding: 0;
    text-decoration:none;
    
    }

.main-content a:hover{
    
    color:rgb(255,0,0);
    font-weight:normal;
    text-decoration:underline;
    
    }  


.rot {
    
    color:#ff0000;
    
}


.blau {
    
    color:#03618F;
    
}

    

/******************/
/* LINKE BOX */
/******************/






/*Linke Navigation - ist in wagnis_left-navi.css*/
.left-box .box-border {
    
    background:url(bottom_block.png) no-repeat 0 bottom ;
    margin: 0 0 30px 0;
    padding: 0 0 8px 0;
    position:relative;
    width:200px;
    
    }
    
    
.left-box .box-border .main-navigation {
    
    background:url(bg_navi_left.png) 0 0 repeat-y;
    padding: 0 0 20px 0;
    position:relative;
    width:200px;
    
    }
    
    
.left-box .box-border .main-navigation p {
    
    margin:0 10px 0 10px;
    padding: 3px 10px 1px 0px
    
    }


.left-box .box-border .main-navigation p a,
.left-box .box-border .main-navigation p a:link,
.left-box .box-border .main-navigation p a:active,
.left-box .box-border .main-navigation p a:visited {
    
    display:block;
    background: url(bu_link_linkebox.gif) no-repeat 2px 4px;
    color:rgb(1,97,146);
    line-height:1.4em;
    margin: 0 0 5px 0;
    padding: 0 0 0px 17px; /* */
                                                          
    }
    
    
.left-box .box-border .main-navigation p a:hover {
    
    color: red
    
    } 


.left-box .bottom_content p  {
    
    color:rgb(0,0,0);
    font-family:arial,sans-serif; font-size:110%;
    width:180px;
    
    }

.left-box img {
    
    margin-top:20px;
    border:0px
    
    }

.left-box .box-border h1.first {
    
    border:1px solid red;
    clear:both;
    color:rgb(8,98,143);
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:bold; font-size:180%;
    margin:0px;
    padding:0px 20px 0px 10px;
    
    }
    
    
.left-box .box-border h1 {
    
    clear:both;
    color:rgb(8,98,143);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:180%;
    margin:0px 0 17px 0;
    line-height: 1em;
    padding:12px 0px 0px 10px;
    
    }


.left-box h2 {
    
    clear:both;
    color:rgb(100,100,100);
    margin:20px 10px 10px 20px;
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:bold; font-size:150%;
    
    }
    
    
.left-box h3 {
    
    clear:both;
    color:rgb(80,80,80);
    font-weight:bold; font-size:110%;
    margin:10px 10px 5px 20px;
    
    } /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
    
        
.left-box p {
    
    clear:both;
    color:rgb(80,80,80);
    font-size:110%;
    line-height:1.4em;
    margin:0 10px 10px 20px;
    
    }
    
    
.left-box p.center {
    
    text-align:center;
    
    }
    
    
.left-box p.right {
    
    text-align:right;
    
    }

.left-box ul {
    
    list-style:none;
    margin:0.5em 10px 1.0em 20px;
    
    }
    
    
.left-box ul li {
    
    /*background:url(bg_bullet_full_1.gif) no-repeat 0 0.4em;*/
    font-size:110%;
    line-height:1.2em;
    margin:5px 0 0.2em 2px;
    padding:0px 0px 0 11px;
    
    }
    
    
.left-box ol {
    
    margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;
    
    }
    
    
.left-box ol li {
    
    font-size:110%;
    list-style-position:outside;
    margin:0 0 0.4em 0;
    
    }


.left-box  a, 
.left-box  a:link, 
.left-box  a:active, 
.left-box  a:visited {
    
    border:0px;
    color:rgb(42,90,138);
    font-weight:bold;
    padding: 0 0 0 0px;
    text-decoration:none;
    
    }





/*********** MAIN CONTENT **********/




    
    
.main-content h1.pagetitle {
    
    color:rgb(8,98,143);
    font-family: "trebuchet ms",verdana,arial,sans-serif;font-weight:500; font-size:220%;
    margin:2px 0 1.4em 0;
        
    }
    
  



.main-content ul li {
    
    background:url(bg_bullet_full_2.gif) no-repeat 0 0.5em;
    font-size:120%;
    
    }
    
    
.main-content ul li ul li {
 
    font-size:100%;
    background:url(bg_bullet_full_2_1.gif) no-repeat 0 0.5em;
    line-height:1.4em;
    margin:0 0 0.4em 2px;
    padding:0 0 0 8px;
    
    }

    
/* Zoom - Link */
    
.main-content p a.zoom,
.main-content p a.zoom:link,
.main-content p a.zoom:active,
.main-content p a.zoom:visited,
.main-content div a.zoom,
.main-content div a.zoom:link,
.main-content div a.zoom:active,
.main-content div a.zoom:visited {
    
    background: url(bg_zoom.gif) no-repeat 0 bottom ;
    display:block; /*für ie 7*/
    display:table; /*für firefox 3*/
    float:left;
    height:auto !important;
    width:180px;
    overflow:visible !important;
    padding: 0 0 14px 0;
    z-index:6;
    
    }
    

.main-content p a.zoom:hover,
.main-content div a.zoom:hover {
    
    border:none;
    display:block; /*für ie 7*/
    display:table; /*für firefox 3*/
    float:left;
    height:auto !important;
    width:180px;
    overflow:visible !important;
    padding: 0 0 14px 0;
    z-index:6;
    
    } 


 
/*Link-Auszeichung mit Pfeil*/ 

.main-content a.mitPfeil,
.main-content a.mitPfeil:link,
.main-content a.mitPfeil:active,
.main-content a.mitPfeil:visited {
    
    background: url(bu_link_content.gif) no-repeat ;
    background-position: 0px 3px;
    font-size:100%;
    font-weight:bold;
    margin:0 0 0.4em 0px;
    padding: 0 0 0 17px;
    
    }

.main-content a.mitPfeil:hover {
    
    background: url(bu_link_content.gif) no-repeat ;
    background-position: 0px 3px;
    color:rgb(255,0,0);
    font-size:100%;
    font-weight:bold;
    margin:0 0 0.4em 0px;
    padding: 0 0 0 17px;
       
    }
  


/* Link-Auszeichung STANDARD */    

.main-content a,
.main-content a:link,
.main-content a:active,
.main-content a:visited{
    
    background-position: 0px 3px;
    color:rgb(1,97,146);
    font-size:100%;
    font-weight:600;
    margin:0 0 0.4em 0px;
    padding: 0;
    
    }

.main-content a:hover{
    
    color:rgb(255,0,0);
    font-weight:600;
    text-decoration:underline
    
    }  



/* Sitemap */   

.main-content .sitemap ul li ul  {
    
    margin: 5px 0 0 0;
    
    }
 
     
.main-content .sitemap ul li a,
.main-content .sitemap ul li a:link,
.main-content .sitemap ul li a:active,
.main-content .sitemap ul li a:visited {
    
    color:rgb(80,80,80);
    font-size:120%;
    line-height:1.4em;
    margin:0 0 0.4em 0px;
    padding: 0 0 0 18px;
    width:100%;
    
    }    
    
.main-content .sitemap ul li ul li a,
.main-content .sitemap ul li ul li a:link,
.main-content .sitemap ul li ul li a:active,
.main-content .sitemap ul li ul li a:visited {
    
    color:rgb(80,80,80);
    font-size:100%;
    line-height:1.6em;
    margin:0 0 0.4em 0px;
    padding: 0 0 0 18px;
    
    }
    
.main-content .sitemap ul li ul li ul li a,
.main-content .sitemap ul li ul li ul li a:link,
.main-content .sitemap ul li ul li ul li a:active,
.main-content .sitemap ul li ul li ul li a:visited {
    
    color:rgb(80,80,80);
    font-size:90%;
    line-height:1.4em;
    margin:0 0 0 0px;
    padding: 0 0 0 25px;
    
    }
    
    
    
/* Unter "Steckbrief */    
.main-content ul li h5 {
    
    color:rgb(80,80,80);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-size:130%;
    font-weight:500;
    margin-bottom:0px;
    
    }    

    



/* Kontakt-Formular */


.main-content .contactform {
    
    left:0;
    margin:0;
    position:relative;
    top:0;
    width:400px;
    
    }
    
.contactform form {
        
    margin:0;
                
    }
    
    
.contactform p {
    
    margin: 0 0 0 0;
    clear:both;
    
    }    
    
.contactform fieldset {
    
    border:none;
    margin:0;
    width:400px;
    
    }
    
.contactform label.top {
    
    float:left;
    font-size:110%;
    margin:0 0 2px 0;
    width:130px;
    
    }
    
.contactform label.left {
    
    font-size:110%;
    margin:5px 0 0 0;
    padding:0 0 0 0; /*IE6*/
    width:140px;
    
    }
    
.contactform label.right {
   
    float:left;
    font-size:110%;
    margin:5px 0 0 0;
    padding:0 0 0 3px; /*IE6*/
    width:200px;
    
    }

.contactform select,    
.contactform input.field {
    
    background:rgb(234, 234, 234);
    border:solid 1px rgb(180, 180, 180);
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-size:110%;
    margin:0 0 5px 0;
    padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/;
    width:370px;
    
    }
    
    
.contactform textarea {
    
    background:rgb(234, 234, 234);
    border:solid 1px rgb(180, 180, 180);
    height:100px;
    margin:0 0 5px 0;
    padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/;
    font-family:"trebuchet ms",verdana,arial,sans-serif; font-size:110%;
    width:370px;
    
    }
    
    
.contactform select:hover,    
.contactform input.field:hover,
.contactform textarea:hover,
.contactform select:focus,    
.contactform input.field:focus,
.contactform textarea:focus {
    
    background:#DCEFB3;
    
}
    
    
    
.contactform input.checkbox {
    
    border:none;
    float:left;
    margin:5px 0 0 0 !important /*Non-IE6*/;margin:2px 0 0 -3px /*IE6*/;
    }
    
.contactform .button_standard {
    
    background:rgb(0, 110, 167) url(bg_button.gif) repeat-x 0 0;
    border-top:1px solid rgb(2,141,214);  border-right:1px solid rgb(2,141,214); border-bottom:1px solid rgb(0,84,127);  border-left:1px solid rgb(2,141,214);
    font-family:verdana,arial,sans-serif; color:rgb(255,255,255); font-weight: normal; font-size:110%;
    float:left;
    line-height:1.5em;
    margin:0 20px 0 0;
    position:static;
    padding: 0.15em 0.5em 0.2em 0.5em;
    text-align:center;
    width:140px;
    
    }
    
.contactform .button_standard:hover {
    
    cursor:pointer;
    float:left;
    background:rgb(0, 110, 167) url(bg_button.gif) repeat-x 0 0;
     
    }
     


.contactform .errors {
    
    font-size:120%;
    color:#ff0000;
    line-height:1.4em;
    margin: 0 0 30px 0;
    
    }







/* Tablle im Main-Content */

.main-content table.tabellenGestaltung {

    border:0px;
    border-collapse:collapse;
    border-bottom:6px solid #d9d9d9;
    font-size:12px;
    margin-left:0px;
    width:100%;

    }


.main-content table.tabellenGestaltung thead {

    background-color:#006ca4;
    border-right: 2px solid #006ca4;   
    }


.main-content table.tabellenGestaltung thead td {

    border-left: 2px dotted #37A7DF;
    color:#fff !important;
    font-size:90%;
    font-weight:bold;
    padding: 6px 8px 6px 8px;

    }

.main-content table.tabellenGestaltung thead td:first-child {
    
    border-left: 2px solid #006ca4;
    border-right: none;
       
}



.main-content table.tabellenGestaltung tbody tr:hover {
 
    background: #d1e1e8 !important;
 
    }

.main-content table.tabellenGestaltung tbody tr:hover td {
 
    background: #d1e1e8 !important;
    border-right: 2px dotted #fcfcfc;
    }     
 
 
.main-content table.tabellenGestaltung tbody tr.row1 {
 
    background-color:#efefef;
 
    } 


.main-content table.tabellenGestaltung tbody tr.row2 {
    
    background-color:#efefef;
    
    }
    
    
.main-content table.tabellenGestaltung tbody tr td {
    
    border-bottom: 2px solid #d9d9d9;
    border-right: 2px dotted #d9d9d9;
    font-size:90%;
    line-height:1.2em;
    padding: 8px 8px 8px 8px;
    text-align: left;
    white-space:nowrap;
    
    }
    
    
.main-content table.tabellenGestaltung tbody tr td:first-child {

    border-left: 2px dotted #d9d9d9;
    border-right: 2px dotted #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    font-size:90%;
    line-height:1.2em;
    padding: 8px 8px 8px 8px;
    text-align: left;
    white-space:nowrap;

    }


/***Trennstrich für Aktuelle Informationen**************/
.main-content .ditto_item  {
    font-size:120%;
    line-height:1.2em;
    position:relative;
    /*background:url(bg_clear_content_unit.gif) no-repeat 0px 0px;*/
    margin: 0;
    padding: 0;
    width:450px;

    }    



/***Bottom Navi**************/


.main-content .bottom-navi {/*  Position verändern wenn weiterempfehlen eingebunden wird*/

    position:relative;
    left:0px;
    top:-8px;
    width:100%
    
    }

.main-content .bottom-navi a {
    
    padding:0
    
    }

.bottom-navi {

    display:block;
    margin: -15px 0 0 0 ;
    overflow:visible;
    padding: 0 0 20px 0;
    
    }

.bottom-navi a img {
    
    vertical-align:middle;
    
    }
    
     
.bottom-navi .weiterempfehlen {
    
    margin:0;
    padding:0;
    text-align:left;
    width:235px;
    
    }
     
     
.bottom-navi .top-u-drucken {
    
    margin:0;
    padding:0;
    width:100%;
    
    }


    
.bottom-navi .top-u-drucken a,
.bottom-navi .top-u-drucken a:link,
.bottom-navi .top-u-drucken a:active,
.bottom-navi .top-u-drucken a:visited,
.bottom-navi .top-u-drucken a{
     
     color:rgb(128,128,128);
     display:block;
     font-size:110%;
     float:right;
     margin: 2px 0 0 15px;
     line-height:1.3em;
     position:relative;
     right:0;
     vertical-align:bottom;
     white-space:nowrap;
     
     }
     
     
.bottom-navi .top-u-drucken a img {
     
     border:0px;
     padding:0px;
     margin:0px;
        
     }
     
       
.bottom-navi .top-u-drucken a:hover {
     
     display:block;
     color:red;
     margin: 2px 0 0 15px;
     position:relative;
     right:0;
  
     }
  
     
.bottom-navi .weiterempfehlen a,
.weiterempfehlen a:link,
.weiterempfehlen a:active,
.weiterempfehlen a:visited {
  
    background: url(bu_weiterempfehlen.gif) no-repeat 0 0;
    border:0px;
    color:rgb(128,128,128);
    font-size:110%;
    padding:0 0 0 20px;
    margin:0px;
    vertical-align:middle;
  
    }
  
    
.bottom-navi .weiterempfehlen a:hover {
  
     color:red

     }


    
    



/* MAIN SUBCONTENT */


.right-box quickedit {
    
    border:1px solid red;
    display:block !important;
    margin:0;
    
    }  


.right-box h1:first-child {
    
    margin:0px 0 20px 0;
    
}
    
.right-box h1 {
    
    background:url(h1_bg.gif) no-repeat 0px bottom;
    clear:both;
    color:rgb(85,151,0); 
    font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:normal;font-size:190%;
    line-height: 1em;
    margin:30px 0 20px 0;
    padding:5px 10px 9px 0px;
    
    }
    
    
.right-box h3 {
    
    clear:both;
    color:rgb(80,80,80);
    font-weight:bold; font-size:110%;
    margin:1.0em 10px 0.5em 10px;
    
    }


       
.right-box p {
    
    clear:both;
    color:rgb(80,80,80);
    font-size:110%;
    margin:0px 0px 10px 12px;
    padding: 0 0 0px 0;
    line-height:1.4em;
    
    }
    
 .right-box p:first-child  {
    
    position:relative;
    margin-top: 60px;
    left:0;
    
    }   
    
    
.right-box  ul {
    
    list-style:none;
    margin:0em 10px 15px 10px;
    
    }
    
    
.right-box ul li {
    
    color:rgb(50,50,50);
    font-size:110%;
    list-style:none !important;
    background:url(bg_bullet_full_1.gif) no-repeat 0 0.5em;
    line-height:1.3em;
    margin:0px 0 0.5em 0px;
    padding:0px 0 5px 15px;
    
    }
    
    
.right-box ol {
    
    margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;
    
    }
    
    
.right-box ol li {
    
    font-size:110%;
    list-style-position:outside;
    line-height:1.3em;
    margin:0 0 0.4em 0;
    
    }
    
    
.right-box  a, 
.right-box  a:link, 
.right-box  a:active, 
.right-box  a:visited,
.right-box ul li a,
.right-box ul li a:link,
.right-box ul li a:active,
.right-box ul li a:visited {
    
    border:none;
    color:rgb(105,143,0);
    line-height:1.3em;
    font-weight:bold;
    padding: 0 0 0 0px;
    text-decoration:none;
    
    }
    
    
.right-box a:hover {
    
    color:#ff0000;
    text-decoration:underline;
    
    }
    
    
.right-box a img,
.right-box a:hover img {
    
     border: none !important;
     
     }
     

.right-box p a.zoom img {
    
    display:block;
    
    }
    

.right-box p a,
.right-box p a:link,
.right-box p a:active,
.right-box p a:visited {
    
    background: url(bu_link_box.gif) no-repeat 2px 3px;
    color:rgb(111,152,1);
    display:block;
    padding: 0 0 0 16px;
    border:none;
    
    }
    
.right-box p a:hover {
    
    color:#ff0000;
    text-decoration:underline;
    
    }   
    
    
 /* Zoom - Link in rechter Box */

   
.right-box p a.zoom,
.right-box p a.zoom:link,
.right-box p a.zoom:active,
.right-box p a.zoom:visited {
    
    background: url(bg_zoom.gif) no-repeat 0 bottom ;
    display:block; /*für ie 7*/
    display:table; /*für firefox 3*/
    height:auto !important;
    min-width:180px;
    overflow:visible !important;
    padding: 0 0 14px 0;
    z-index:6;
    
    }


.right-box  p a.zoom:hover {
    
    display:block; /*für ie 7*/
    display:table; /*für firefox 3*/
    height:auto !important;
    min-width:180px;
    overflow:visible !important;
    padding: 0 0 14px 0;
    z-index:6;
    
    }
    
    

    

    
    
 
    
    
      




