/* CSS Document */

.seite {
 float:left;
 width:100%;
 }

/* gesamtcontainer der Seite */
.gesamt {

 float:left;
 width:100%;
 /*top:0;*/
 clear:both;
 margin:0;
 padding:0;
}

  * html .gesamt
{ /* fuer IE Win \*/
  width:100%;

/* */
}  

  

.header-ges {
  width:100%;
  float:left;
  top:0px;
  height:103px;
/*  border-top:3px solid #eb680d; */
  border-top:3px solid #CCCCCC;
  border-bottom:3px solid #0099CC;
/*  background-image:url(container_081112_FILES/header_aktuell2.jpg); */
  background-image:url(../grafiken/Keyvisual_1500x106.jpg);
  background-repeat:no-repeat;
  background-position:left top;
/*  background-color:#1144aa; */
  background-color:#FFFFFF;
}


.logo {
  position:absolute;
  top:35px;
  left:22px;
  }
  

.bild-re {
  position:absolute;
  top:0;
  right:0px;
  height:136px;
/*  background-image:url(container_081112_FILES/Laptop_081113.gif); */
  background-repeat:no-repeat;
  background-position:bottom right;
  width:269px;
  }

.meta-navi-ges {
  position:absolute;
  float:left;
  top:83px;
/*  left:220px; */
  left:335px;
  }
  
.brot-nav {
  width:79%;
  float:left;
  top:106px;
  left:20px;
}

.main-wrapper {
   width:100%;
   float:left;
   position:absolute;
  }
  
/*Container fuer Main Bereich beinhaltet Navi links Main Navi re*/
.main-ges {
  margin:0 0 0 10px;
  float:left;
  margin:10px 0 0 0;
  width:98%;
  min-height: 500px;
  height:auto !important;
  height: 500px; 
}

   * html .main-ges
{ /* fuer IE Win \*/
  width:98%;
  min-height: 500px;
  height:auto !important;
  height: 500px;  
/* */
} 

/*Container fuer Navigation Links*/
.nav-con-li {
  position:absolute;
/*  font-size:100%; */
  font-size:90%;
  float:left;
  left:0px;
/*  width:13em; */
  width:15em;
  background-image:url(container_081112_FILES/navi-li-hin.gif);
  background-repeat:repeat-y;
  padding:0 0 20px 0;
  z-index:3;
  }

  
/*Container fuer DQS-Logo*/
.dqs {
  position:absolute;
  bottom:50px;
  left:50px;
  z-index:1;
  }
  

  
/*Container main Content Bereich */

.main-content  {
  margin: 0 0 0 14em;
/*  margin: 0 12em 0 14em; */
  }
  
   * html .main-content
{ /* fuer IE Win \*/
  margin: 0 0 0 14em;
/*  margin: 0 12em 0 14em; */
/* */
} 


.nav-con-re {
position:absolute;
  font-size:100%;
  top:136px;
  right:0px;
  width:12em;
  background-image:url(container_081112_FILES/hintergr-re.gif);
  background-repeat:repeat-y;
  margin:0 0px 0 0;
  padding:0 0 0px 0;
  } 
  
   * html .nav-con-re
{ /* fuer IE Win \*/
  top:136px;
  right:0px;
  width:10em;

/* */
} 
  
  
.clearfix:after {
 content: ".";
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

* html .clearfix 
{ /* fuer IE Win \*/
 height: 1%;
}


.main-einsp-border-oben  {
  border-top:1px solid #DAEAF7;
  width:97%;
  padding:10px 0 8px 12px;
  margin:0px 10px 12px 0px;
  float:left;
  clear:both;
  }

.main-einsp-border-unten  {
  border-bottom:1px solid #DAEAF7;
  width:97%;
  padding:5px 0 8px 12px;
  margin:0 10px 12px 0px;
  float:left;
/*
  background: transparent url('container_081112_FILES/left-top-corner-box.jpg') no-repeat scroll left top;
  background: transparent url('../grafiken/hintergrund_cds_verlauf.gif') no-repeat scroll left top;
*/
  background: transparent url('../grafiken/hintergrund_haus_verlauf_hell.jpg') no-repeat scroll left top;
  }

* html .main-einsp-border-unten
{ /* fuer IE Win, Lösung für Problem mit float \*/
  clear: right;
  border-bottom:1px solid #DAEAF7;
  width:97%;
  padding:5px 0 8px 12px;
  margin:0 10px 12px 0px;
  float:left;
/*
  background: transparent url('container_081112_FILES/left-top-corner-box.jpg') no-repeat scroll left top;
  background: transparent url('../grafiken/hintergrund_cds_verlauf.gif') no-repeat scroll left top;
*/
  background: transparent url('container_081112_FILES/hintergrund_haus_verlauf.jpg') no-repeat scroll left top;
}

   
.main-einsp-border-unten-fussbereich  {
/*
  border-bottom:1px solid #DAEAF7;
*/
  border-bottom:1px solid #FCFBFA;
  width:97%;
  padding:0px 0 8px 12px;
  margin:0 10px 12px 0px;
  float:left;
     }
   

.main-einsp {
  width:97%;
  padding:0px 0 4px 0px;
  margin:12px 0 12px 0;
  float:left;
     }
   
.main-border {
  width:97%;
  padding:0px 0 4px 0px;
  margin:12px 0 12px 0;
  float:left;
  border-bottom:1px solid #DAEAF7;
     }


    
.main-teaser-rahmen-halb-links {
  float:left;
  width:44.0%;
  padding:0 15px 0 0;
  margin:0 15px 0 0;
  overflow:hidden;
  }
  
.main-teaser-rahmen-halb-rechts {
  float:left;
  width:44.0%;
  padding:0;
  margin:0 0 0 0px;
  }
    
  
.main-teaser-bild {
  float:left;
  width:98%;
  padding:0 0px 0 0px;
  overflow:hidden;
  border:0;
  }  
  
/*Rechte Spalte alle Formatierungen*/

  
.service-box-titel-re, .service-box-titel-farbe {
/*
  border-left:8px solid #EB680D;
  border-top:2px solid #EB680D;
*/
  border-left:8px solid #0099CC;
  border-top:2px solid #0099CC;
  background-color:#FFFFFF;
  padding:2px 8px 2px 10px;
  margin:0;
 margin:0px 6px 0 3px;
  float:left;
  width:9.75em;
   }  
   
   * html .service-box-titel-re, .service-box-titel-farbe
{ /* fuer IE Win \*/
  width:9.5em;
/* */
} 
     
.con-re-block {
  background-color:#FFFFFF;
  padding:0px 8px 0px 10px;
  margin:0px 6px 10px 3px;
  float:left;
   width:10.25em;
  }   
  
   * html .con-re-block
{ /* fuer IE Win \*/
  width:10em;
/* */
} 
  
.con-fremd-content-re-titel {
  margin:0px 0 0 3px;
  width:11.2em;
  overflow:hidden;
  float:left;
  background-color:#FFFFFF;
  }  
  
  
.main-teaser-bild-multi {
  border:0;
  margin:3px 0 6px 0;
  width:180px;
  overflow:hidden;
  }  
  
   * html .main-teaser-bild-multi
{ /* fuer IE Win \*/
  width:180px;
/* */
} 
  
  
.fuss {
  /* border-bottom:2px solid #EB680D; */
  width:99%;
  padding:0px 0 6px 0;
  margin:5px 0 0 0;
  float:left;
  } 
   
   
.fuss-main {
/*  border-bottom:2px solid #EB680D; */
  border-bottom:2px solid #CCCCCC;
  width:98%;
  padding:0px 0 6px 0;
  margin:5px 0 0 0;
  float:left;

  } 

.fuss2 {
/*  border-bottom:2px solid #EB680D; */
  border-bottom:2px solid #CCCCCC;
  width:100%;
  padding:0px 0 6px 0;
  margin:5px 0 0 0;
  float:left;
  clear:both;
  } 
   


   * html .fuss-main
{ /* fuer IE Win \*/
  width:98%;
/* */
} 




.fuss-li {
  margin-left:10px;
  float:left;
  width:45%;
  }

.fuss-re {
 margin-right:10px;
 width:50%;
 float:right;
/* margin:0; */
 text-align:right;
 }


hr {
  width:100%;
  clear:both;
  height:2px;
/*  background-color:#EB680D; */
  background-color:#CCCCCC;
  }
   
   
  /*Formatierungen fuer main breit*/
  
.main-content-breit  {
  margin: 0 0em 0 14em;
  }

 li {
 font-size:0.70em;
/*
 font-size: 80%
 */
 }

 
/****************************************/
/* Start Formatierung für Mail-Formular */
/****************************************/
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:70px;
/* border: 1px solid #C0C0C0; */
border: 1px solid #1144AA;
/* background:#EFEFEF; */
background:#DAEAF7;
}
/* Formatierung wirkt nur auf El. <label>, das inerhalb
   El. <div class= formu> mit class=formu liegt. */ 
div.formu label {
float:left; 
width:75px;
font-size:0.8em;
font-weight:bold;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
/* font-family: Arial, Arial Narrow, sans-serif; */
/* font-size: 0.8em; */
border: 1px solid #1144AA;
/* border: 1px solid #C0C0C0; */
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
/* border: 1px solid #C0C0C0; */
border: 1px solid #1144AA;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
/* background-color: #C0C0C0; */
background-color: #1144AA;
border: 0px;
}
/* End Formatierung für Mail-Formular */ 

/**********************************/
/* Formatierung für Suchergebnis */
/**********************************/

/* Suchergebnis, Info-Fenster  */
TABLE.csc-searchResultInfo { margin-left: 0px; margin-top: 10px; width: 100%;}
TABLE.csc-searchResultInfo TR { background-color: #EDEBF1; }
TABLE.csc-searchResultInfo TR TD P { padding: 0px 5px 0px 5px;}
TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight: bold; }
TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align: right; }

/* Suchergebnis, Kopf + Abstract: */
H3.csc-searchResultHeader A { color: #1144AA; }
H3.csc-searchResultHeader { background-color: #EDEBF1; font-size: 13px; padding-left: 5px; }
P.csc-searchResult { font-style: italic; margin-left: 20px;}

/* Search word markup */
SPAN.csc-sword { font-weight: bold; color: #EB680D; }


/**********************************/
/* Formatierung für HTML-Quelltext*/
/**********************************/
pre.hl	{ color:#000000; background-color:#ffffff; font-size:8pt; font-family: Courier New; border: 1px solid rgb(209, 215, 220); width: 600px; height: 400px; overflow: auto;}
.num	{ color:#a900a9; }
.esc	{ color:#c42da8; }
.str	{ color:#ff0000; }
.dstr	{ color:#ff0000; }
.slc	{ color:#666666; font-style:italic; }
.com	{ color:#666666; font-style:italic; }
.dir	{ color:#00b800; }
.sym	{ color:#ff0000; }
.line	{ color:#666666; }
.kwa	{ color:#000064; font-weight:bold; }
.kwb	{ color:#0000ff; }
.kwc	{ color:#ec7f15; }
.kwd	{ color:#000000; font-weight:bold; }  
