/*! :::::::::::::::    CSS Document     ::::::::::::::::::::::::::::

    MTC - Stylesheet
    ----------------------------------------------------------
    Media: Screen

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* generelle Styles */
*{ 
      margin:0;
      padding:0;
      border:0;
}

.clear {
      clear:both;
      }

a{
     color:#777;
}


a:hover{
     color:#00A6EB;
}

body{
      background-color: #fff;
      font: 11px tahoma, Helvetica, sans-serif;
      color:#666;
      background: url(../images/content-bg.gif) repeat-y;
      background-position:10px;
}

* html body{
      overflow:hidden;
} 


/*  --  komplette Seite -- center  --  */
* html div#page{
      width: 100%;
      height:100%;
      overflow:auto;
}

#head{
      background:url(../images/header_bg.gif) bottom left no-repeat #fff; 
      height:60px;
      position:relative;
      margin-left:10px;
}
#logo{
      height:150px;
      width:150px;
      position:absolute;
      top:60px;
      left:-10px;
}

#image img{
      margin-left:150px;
}


#wrapper{
      width:100%;
      height:300px;
      background-color: #eee;
      margin-left:10px;
}

#image{
      float:left;
      background:url(../images/image-bg.gif) repeat-y; 
      height:300px;
      width:764px;
}

#breadcrumb{
      position: absolute;
      height:18px;
      width:150px;
      background-color: #00A6EB;
      top:315px;
      left:150px;
      padding:3px 0 0 150px;
      color:#fff;
}

#breadcrumb a{
      font: 15px tahoma, Helvetica, sans-serif;
      color:#fff;
      text-decoration:none; 
      text-transform:uppercase; 
      line-height:0.9;
}



/*  --  NAVIGATION  --  */
#navi{
      position: absolute;
      right:0;
      background:#eee;
      height:300px;
}

ul.navigation { 
      width:170px; 
      font:11px Tahoma; 
      list-style:none; 
      text-transform:uppercase; 
      background:#eee;  
}
ul.navigation li a { 
      width:150px; 
      text-decoration:none; 
      color:#504E53; 
      border-bottom:1px solid #E3E5E6; 
      display:block; 
      padding:3px 10px; 
      background:url(../images/stdlink.gif) 2px 6px no-repeat; 
}

ul.navigation li a:hover { 
      color:#fff; 
      background:url(../images/hvrlink.gif) 0 11px no-repeat #00A6EB; 
}

ul.navigation li a.active { 
      color:#fff; 
      background:url(../images/hvrlink.gif) 0 11px no-repeat #00A6EB; 
}

a.aktuell_btn{
      width:150px; 
      text-decoration:none;   
      display:block; 
      padding:3px 10px; 
      color:#504E53; 
      background:url(../images/plus_minus_icon.gif) 2px 12px no-repeat #d1d1d1;
      text-transform:uppercase; 
}

a.aktuell_btn:hover {
      color:#00A6EB;  
}

a.aktuell_btn.minus_icon{
      background-position: 2px -6px;
}

#aktuell{
      position: absolute;
      bottom:0;      
}

#headlines{
      position: absolute;
      top:21px;
      display:none;
      width:159px;
      background-color: #00A6EB;
      padding:0 5px 0 6px;
      color:#fff;
}

.csc-header , .csc-header-n1{
     height:35px;
}

#textarea{
      margin-left:300px;
      width:450px;
      padding:23px 0 23px 0;
}

#textarea ul{
      margin-left:12px;
      list-style-type:square;
}

#footer{
      padding-left:160px;
      width:460px;
      height:15px;
      background-color: #d1d1d1;
      position: absolute;
      bottom:0;
      left:150px;
      position: fixed;
}


/*  Formular  */
.csc-mailform input {
      float:left;
      width:300px;
      font: 11px tahoma, Helvetica, sans-serif;
      border:1px #777 solid;
      padding:0 2px;
}

.csc-mailform textarea {
      height:100px;
      width:304px;
      border:#777;   
      border:1px #777 solid;  
      margin-bottom:7px;       
}

.csc-mailform label{
      width:100px;
      float:left;    
}

#mailformformtype_mail{
      margin-left:100px;
      width:306px;
      cursor:pointer;
}