/*   #######   Positionierungen #######   */

body {
  font-size: 0.8em;
  text-align: center;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  padding:0;
  margin:0;
  background-image:url('bg-kachel.jpg');
  color:#564b47;
}


  
/* ----------container zentriert das layout-------------- */

#container {
  width: 850px;
  margin: 20px auto; 
  text-align:left;
  background-color: white;
  border: solid 2px #564b47;
    
}

/* ----------banner for logo-------------- */
#banner {
  margin: 0;
  padding: 0;
  height: 203px;
  background-image:url('verlauf-bg.gif'); background-repeat:repeat-x;
}

#bannerbild {float:right;}



#twitter {position:absolute; left:5px; top: 170px;
}



/* ----------navigation-------------- */

#navigation {
color:#F10505;
padding: 0 15px 0 15px;
font-size: 1.3em;
font-style. italic;
}


#navigation a:link {
color: #000000;
  text-decoration: none;
  }
#navigation a:visited {
color: #000000;
  text-decoration: none;
  }
#navigation a:hover {
color: #F10505;
  text-decoration: underline;
  }
  
#navigation a:active {
color: #F10505;
  text-decoration: underline;
  }



/* --------------Inhalt------------- */
#inhalt {
  float:left;
  width: 600px;
  margin: 20px 0px 0px 0px;
  border-right: solid 1px #564b47;
  }



/* -----------------Rechts--------------------- */
#rechts {
  
  background-color: #ffffff;
  
  margin: 20px 0px 0px 600px;
}






/* -----------Fusszeile--------------------------- */
#fusszeile {
  clear: both;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  height: 60px;
  background-image:url('fuss-verlauf.gif'); background-repeat:repeat-x;
  }
  
#fusszeile p {padding: 20 0 0 40px; }

#fusszeile a {
color: #ffffff;
  text-decoration: none;
  }
  
  

  
#inhalt a:link, #rechts a:link {
color: #D70705;
  text-decoration: none;
  }
#inhalt a:visited, #rechts a:visited {
color: #D70705;
  text-decoration: none;
  }
#inhalt a:hover, #rechts a:hover {
color: #D70705;
  text-decoration: underline;
  }
  
  
  
p, h1, h2, h3, h4 {padding: 0 15px 0 15px;}



div.csc-textpic-imagewrap {margin: 7px;}
div.csc-textpic-imagewrap img {padding: 5px;}  

div.csc-default {float: left;}


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 2px solid #D70705;
    padding: 0px 0px;
  }




h2 {color:#D70705;}

h4 {color:#D70705; font-style. bold;}

td {font-size: 0.8em; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; vertical-align:top;}




##########Formulare ####################

legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}


.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:50px;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin: 0px 0px 15px 0px;
}

.mf-check {
border: 0px;
}
.mf-select {
border: 1px solid #C0C0C0;
margin: 0px 0px 15px 0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin: 0px 0px 15px 0px;
}

.mf-submit {
color: #ffffff;
background-color: black;
border: 0px;
}