.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body{
  margin:0;
  padding:0;
  background-color:#4d6498;
  background-image:url("../bilder/bg_blue.jpg");
  background-repeat:repeat-x;
  font-family:arial;
  font-size:12px;
}

div#alles{
  width:950px;
  height:auto;
  text-align:left;
  /*background-color:#ffffff;*/
}

div#blind_box{
 display:none;
}

div#vertical_verlauf{
 width: 950px;
 padding:0 25px;
 float:left;
 background-image:url("../bilder/bg_vertical.png");
 background-repeat:repeat-y;
}


#mMenu{
 height:auto;
 margin:0 0 15px 0;
 float:right;
 /*border:1px solid lime;*/
}


div#links{
  background-color:#ffffff;
  float:left;
  display:inline;
  width:170px;
  height:auto;
  font-family:arial;
  font-size:12px;
  text-align:right;
  padding:0;
  border:0px solid red;
}


div#stats{
 background-color:#F0F7FC;
 border-left:3px solid #CC0000;
 display:inline;
 float:left;
 font-family:arial;
 font-size:12px;
 height:90px;
 padding:0;
 text-align:left;
 width:180px;
}

div#stats{
 left:716px;
 position:relative;
 top:-205px;
}

div#stats p{
 font-size:11px;
 margin:2px;
}

#links a:link{color:#000000; text-decoration:none; margin:0 0 5px 0; float:right; display:inline; clear:both; with:180px;}
#links a:visited{color:#000000; text-decoration:none; margin:0 0 5px 0; float:right; display:inline; clear:both; with:180px;}
#links a:hover {color:#000000; font-weight:bold; text-decoration:none; margin:0 0 5px 0; float:right; display:inline; clear:both; with:180px;}

#links a.normal0:link{color:#990000; font-weight:bold; margin:30px 0 10px 0;}
#links a.normal0:visited{color:#990000; font-weight:bold; margin:30px 0 10px 0;}
#links a.normal0:hover{color:#990000; font-weight:bold; margin:30px 0 10px 0;}

#links a.active0:link{color:#990000; font-weight:bold; margin:30px 0 10px 0;}
#links a.active0:visited{color:#990000; font-weight:bold; margin:30px 0 10px 0;}
#links a.active0:hover{color:#990000; font-weight:bold; margin:30px 0 10px 0;}

#links a.active1:link{color:#000000; font-weight:bold;}
#links a.active1:visited{color:#000000; font-weight:bold;}
#links a.active1:hover{color:#000000; font-weight:bold;}

#links a.normal2:link{color:#000099; padding-right:10px;}
#links a.normal2:visited{color:#000099; padding-right:10px;}
#links a.normal2:hover{color:#000099; padding-right:10px;}

#links a.active2:link{color:#000099; font-weight:bold; padding-right:10px;}
#links a.active2:visited{color:#000099; font-weight:bold; padding-right:10px;}
#links a.active2:hover{color:#000099; font-weight:bold; padding-right:10px;}




div#mitte{
  background-color:#ffffff;
  background-image:url("../bilder/mitte_bg1.gif");
  background-repeat:repeat-y;
  float:left;
  display:inline;
  width:500px;
  margin:0 10px 0 20px;
  height:auto;
  text-align:left;
  font-family:arial;
  min-height:700px;
  border:0px solid lime;
}

div#rechts{
  border:0px solid red;
  background-color:#ffffff;
  float:left;
  display:inline;
  margin:25px 0 0 0;
  width:200px;
  height:auto;
}

div#footer{
  background-color:#ffffff;
  background-image:url("../bilder/footer_bg_new.gif");
  background-repeat:no-repeat;
  width:694px;
  height:40px;
  margin:0;
  padding:0;
  text-align:right;
  font-family:arial;
  font-size:12px;
  float:left;
  clear:both;
}

#footer11 a:link{color:#2F3E7D; text-decoration:none; margin:0 0 5px 0; float:right; display:block; clear:both;}
#footer11 a:visited{color:#2F3E7D; text-decoration:none; margin:0 0 5px 0; float:right; display:block; clear:both;}
#footer11 a:hover {color:#E31004; text-decoration:none; margin:0 0 5px 0; float:right; display:block; clear:both;}


.bread{
width:500px;
height:20px;
font-family:arial;
font-size:12px;
color:#990000;
text-decoration:none;
margin:0;
text-align:right;
}

.bread a:link {text-decoration:none; color:#990000;}
.bread a:visited {text-decoration:none; color:#990000;}
.bread a:hover {text-decoration:none; color:#ff0000;}

h1{
 color:#666666;
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 margin:10px 0 0 0;
}


div#mitte h1{
 border-bottom:1px dotted #666666;
 color:#666666;
 font-family:arial;
 font-size:16px;
 font-weight:bold;
 margin:12px 0;
 padding:0;
 width:500px;
}


div#mitte h2{
 color:#222222;
 font-family:arial;
 font-size:14px;
 font-weight:bold;
 margin:10px 0 5px 0;

 width:500px;
}

h3{
 color:#990000;
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 margin:5px 0;
 padding:0;
}


h4{
 color:#333333;
 font-family:arial;
 font-size:12px;
 font-weight:bold;
 margin:5px 0;
 padding:0;
}

.textheader1{
 height:auto;
 /* float:left; */
}

div#rechts .textheader1{
 height:auto;
 float:left;
 width:200px;
}

.bodytext{
  font-size:12px;
  margin:10px 20px 0 0;
  color:#000000;
}

.bodytext a{ font-size:12px; color:#000000;}

div#mitte ul{
  margin:0 20px 0 0;
  padding:0;
}

div#mitte ul li{
 margin-left: 20px;
}


p{
font-size:12px;
}

#sMenuUnten{
float:right;
width:400px;
padding:4px 7px 0 0;
}

#sMenuUnten a:link{color:#000099; text-decoration:none;}
#sMenuUnten a:visited{color:#000099; text-decoration:none;}
#sMenuUnten a:hover {color:#990000; text-decoration:none;}

#header{
  background-color:#ffffff;
  width:900px;
  height:253px;
  margin:0;
  padding:0;
  text-align:right;
  font-family:arial;
  font-size:12px;
  float:left;
}

#sMenuOben{
  float:right;
  padding:0 10px 0 5px;
  margin:0;
  position:relative;
  top:-246px;
  height:30px;
  background-image:url("../bilder/bg_sMenuO.png");

}

#sMenuOben a:link{color:#000099; text-decoration:none;}
#sMenuOben a:visited{color:#000099; text-decoration:none;}
#sMenuOben a:hover {color:#990000; text-decoration:none;}


#links .mKategorie{
 margin:0;
 padding-top:30px;
 border:1px solid red;
 float:right;
 width:180px;
 height:20px;
 font-weight:bold;
 color:#990000;
}

#links .mKategorie a:link{color:#990000; font-weight:bold; text-decoration:none;}
#links .mKategorie a:visited{color:#990000; text-decoration:none;}
#links .mKategorie a:hover {color:#990000; text-decoration:none;}

#login_form{
 font-size:10px;
 font-weight:bold;
 border:1px solid #0000ff;
 padding:8px 0 8px 5px;
 margin:0 0 20px 0;
}

.inputfield{
  border: 1px solid #ccc;
  margin-bottom:5px;
}
label{
      display: block;
      float: left;
      margin-bottom: 4px;
      text-align: right;
      width: 7em;
      padding-right: 6px;
      padding-top: 1%;
}
#login_form br{
      clear: left;
}
#login_form #submit{
  font-size:11px;
}
#login_form p{
  text-align: center;
  margin:3px;
}
#login_form #form{
  margin:0;
  padding:0;
}



p.unter_ueberschrift{
  font-weight:bold;
  font-family:arial;
  font-size:12px;
}

span.gruener_Text{
 font-size:12px;
 font-weight:normal;
 font-family:arial;
 color:#009900;
}

span.roter_Text{
 font-size:12px;
 font-weight:normal;
 font-family:arial;
 color:#990000;
}


span.font_size_AAA{
 font-size:14px;
 font-weight:normal;
 font-family:arial;
 color:#000000;
}
span.font_size_A{
 font-size:10px;
 font-weight:normal;
 font-family:arial;
 color:#000000;
}

.csc-mailform{
  font-size:12px;
  text-align:left;
  width:450px;
  margin:35px 5px;
  padding:5px;
  border:none;
}


.csc-mailform-field{
  margin:3px;
  padding:0px;
  float:left;
}
.csc-mailform-submit{
  margin:5px 5px 5px 120px;
  clear:both;
}

#sitemap{
 font-size:12px;
 margin:0 35px;
}

#sitemap ul li a{
 font-size:12px;
 color:#333;
}

div.login{
 float:left;
}
div.input{
 float:left;
 clear:both;
 height:20px;
 margin-bottom:15px;
}
div.prompt{
 width:80px;
 height:20px;
 float:left;
}
div.prompt p{
 margin:3px 0 0 0;
 padding:0;
}
div.field{
 width:200px;
 height:20px;
 float:left;
 clear:right;
}
div.comment{
 float:left;
 width:200px;
}

div.logout{
 float:left;
}
div.logout div.comment{
  width:100px;
}
div.logout div.comment p{
  margin:5px 0 10px 0;
  padding:0;
}
div.logout div.input{
  float:left;
  height:20px;
}
div.logout div.input div.prompt{
  display:none;
}

.pdf {
  padding-left: 19px;
  background: url(/fileadmin/icons/pdf.gif) no-repeat left;
  color: #000066;
  text-decoration: none;
  font-weight:bold;
}
.msword {
  padding-left: 19px;
  background: url(/fileadmin/icons/msword.gif) no-repeat left;
  color: #000066;
  text-decoration: none;
  font-weight:bold;
}
.exel {
  padding-left: 19px;
  background: url(/fileadmin/icons/msexel.gif) no-repeat left;
  color: #000066;
  text-decoration: none;
  font-weight:bold;
}
.powerpoint {
  padding-left: 19px;
  background: url(/fileadmin/icons/ppoint.gif) no-repeat left;
  color: #000066;
  text-decoration: none;
  font-weight:bold;
}
.zip {
  padding-left: 19px;
  background: url(/fileadmin/icons/zip.gif) no-repeat left;
  color: #000066;
  text-decoration: none;
  font-weight:bold;
}


div#mitte .csc-textpic{
/*  float:left;
   width:500px;*/
}

div#mitte .csc-textpic-text{
/* float:left;
 width:100%;*/
}

div#mitte .csc-textpic-text p{
 margin:0 0 10px 0;
}

.csc-textpic-caption{
color: black;
}

div#rechts .csc-textpic-text{
 float:left;
 width:199px
}
div#mitte .csc-frame-rulerAfter {
border-bottom:1px dotted #666;
}

span.roter_Text {
font-weight:bold;
}

/* ******************* hallo helmut: dass hier hilft da weiter!!!*********************** */
div#mitte .csc-frame-rulerAfter{
  clear:both;
  margin:5px 0;
  width:500px;
  float:left;
}

div#mitte .csc-textpic-intext-left .csc-textpic-text{
  float:none;
}

div#mitte .csc-textpic-intext-right .csc-textpic-text{
  float:none;
}