/* CSS Document fuer Seitenlayout und Navigation */


div.csc-frame-rulerBefore  {
border-top:1px solid #ccc;
margin:5px 0;
/*padding:5px 0;*/
}


div.csc-frame-frame2 {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:-5px 0;}


/*unsichtbar fuer Navigation Screenreader */
.invisible {
        display: inline;
    left: -1000px;
    overflow: hidden;
    width: 0px;
    position: absolute;
    top: -1000px;
    height: 0px
    }

  

/*******Subnavigation****************************************************/


#subnavigation a,  #subnavigation ul li a:visited {
    color: #00457d; 
    text-decoration:  underline;
    font-weight:bold;
    }

#subnavigation ul li a:hover, #subnavigation ul li a.active ,#subnavigation ul li a:active, #subnavigation ul li a:focus {
    color: #CA2B05;
    text-decoration:  underline;
    }
  
  

#subnavigation ul {
    /* Listenpunkte ausblenden */
    list-style-type: none;
    /* Linken Rand auf 0 setzen fuer IE */
    margin: 0px;
   /* Linken Rand auf 0 setzen fuer Mozilla */
    padding: 0px;
  color:#FF6600;
}
#subnavigation ul li {
       /* li nebeneinander platzieren, Abstand 15px, */
        float: left;
        margin-right: 15px;
}



/* Positonen der divs */








html, body  { 
  text-align:    center;
  height:     100%; 
  background:#49A9DC url(../img/bg_2.jpg) no-repeat fixed center 0;
   background-size: cover;
   background-color:  #49A9DC;
  }


#wrapper {
  text-align:    center; 
  width:       935px;
  height:     auto;
  margin:      25px auto 10px auto;
  padding:         0px;
  padding-bottom:    14px;  
  position:    relative;
  top:      0px;
  left:       0px;
  }
  
div#tabsnavwrapper {  
       position:   relative;
       top:     10px;
       left:     0px;
       /* gild nur für IE 5.5 und wird zu unterst überschrieben */
    width:    970px;
    height:         40px;
    z-index:  2;
    text-align: center;
    /*padding:    5px auto 5px auto;*/
    voice-family: "\"}\"";
    voice-family: inherit;
    width:    935px;
    height:    30px;
    }
    
    
#contentwrapper {  
  position:   relative;
  top:     8px;
  left:     0px;
  background-image: url(../img/bg_content.gif);
  background-position:   0px 0px;
  background-repeat:  repeat-y;
  width:       935px;
  height:     auto;
  border:     2px solid #808080;
  }
        
#subnavigation {
  text-align:    left;
  width:      850px;
  height:     50px;
  float:      left;
  padding-bottom:   10px;
  padding-top:     15px;
  padding-left:  45px;
  background-color:#FFFFFF;
  }
  
#headimage {
  /*background-image: url(headimage_3.jpg);*/
  background-position:   0px 0px;
  background-repeat:  no-repeat;
  width:       530px;
  height:     180px;
  float:      left;
  padding-left: 45px;
  padding-right: 5px;
  }            
  
#logo {

  width:       240px;
  height:     150px;
  float:      left;
  padding-left: 55px;
  padding-right: 55px;
  background-color:#FFFFFF;
  
  }
  

#content {
  background-color: #ffffff;
  width: 530px; 
  min-height:    400px;
    height:      500px;
    height:    auto !important;
  float:      left;
  text-align:    left;
  padding-left: 45px;
  padding-top: 25px;
  padding-bottom: 25px;
    }  


/*fuer IE*/
* html #content {
  background-color: #ffffff;
      width: 530px;
      min-height:    400px;
    height:      500px;
    }  
          
  
#contentright {
  background-color: #ffffff;
  float:right;
  text-align:    left;
  width: 220px!important;
  padding:40px 65px 25px 20px;
  margin: 0px;
  }  

/*fuer IE*/

* html #contentright {
      background-color: #ffffff;
      width: 200px;
      min-height:    400px;
    height:      500px;
    }      
  
  
    



#footer {
  background-color: #ffffff;
  float:      left;
  clear:      both;
  width:       935px;
  height:     0px;
  margin:     0px;
  padding:         0;

}

#footer>div {
  border-left:  1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  } /* child of div hack */
  
.clear {
  clear:      both;
  }