/* Grundformatierung */
* {
    margin: 0;
    padding: 0;
}

html, body {
  background-color: #a9a9a9;
    font-size: 1em;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    height: 100%;
}

 body {
    font-size: 100.00%;
    line-height: 17px;
    height: 100%;
    

}

table td{
padding:3px;
}

a {
    text-decoration: none;
    color: #0066cc;  /* alt #ff440 */
}

a:hover {
    text-decoration: underline;
    color: #0066cc;  /* alt #ff440 */
}

img {
    border: none;
}

.y {
    clear: both;
}

.x {
    height: 0px;
    width: 0px;
    display: block;
    overflow: hidden;
}

br { line-height:15px; }

p { clear: both;}

ul, li, ol {
    list-style: none;
}

/* Grundformatierung Ende*/

/* Ausrichtung des Layouts in der Mitte */

div#wrap {
width: 1080px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
background: url(../pix/wrap.gif) repeat-y;
}

div#wrap1 {
width: 1080px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
background: url(../pix/wrap1.gif) repeat-y;
}

div#wrap2 {
width: 1080px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
background: #FFFFFF;
}

/* ###################################  OBEN Navigation ANFANG #######################################  */

div#banner {
width: 1080px;
margin-left: auto;
margin-right: auto;
background: url(../pix/bg_oben.gif) repeat-y;
height: 83px;
}

div.meta  {
    text-align: right;
    color: #ffffff;
    height: 17px;
    background-color: #22517c;
    padding: 0px 41px 3px 20px; /*   von oben, von rechts ,von unten ,von links  */ 
  margin: 0px 0px 0px 0px;
}

div.meta a {
    color: #ffffff;
    font-size: 0.6875em;
    font-weight: bold;
    text-decoration: none;
}

div.meta img { /* ie8 & Sonstige */
    padding: 0px 0px 2px 0px; /*   von oben, von rechts ,von unten ,von links  */   
}

*:first-child+html div.meta img { /* ie7 */
    padding: 3px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */   
}

:root div.meta img { /* mozilla */
    padding: 0px 0px 3px 0px; /*   von oben, von rechts ,von unten ,von links  */   
}

* html div.meta img { /* ie7 */
    padding: 4px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */   
}

div#hauptnavi {
  float:right;         
  margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

:root div#hauptnavi {
  float:right;         
  margin: 0px 50px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}



/* ###################################  OBEN Navigation ENDE #######################################  */


/* Header und Bildteaser*/

:root div#header {
    z-index:1;
    padding: 1px 0 0 0px;                /* Position Taserbild kann hier geändert werden */
    width: 1030px;      /* 1022px; - 111px = 911px b*/
    height: 210px;
}

div#header p {
    z-index:2;
    margin-left: auto;
    margin-right: auto;
    width: 1080px;      
    height: 210px;
}


/* Layout columns */


div#col-body {
    width: 1080px;
    margin: -25px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    margin-left: auto;
    margin-right: auto;
}

*html div#col-body {
    width: 1080px;
    margin: -38px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    margin-left: auto;
    margin-right: auto;
}

div#col-body2 {
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 580px;
    float: left;
}

div#col-body3 {
    width: 830px;
    float: left;
}


div#col-left {
    width: 250px;
    float: left;
}

*html div#col-left {
    width: 250px;
    float: left;
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}

div#col-right {
    width: 250px;
    float: left;
}

*html div#col-right {
    width: 250px;
    float: left;
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
}


/* Content */

div#col-left div.servicenav {
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }

* html div#col-left div.servicenav { /*  Hack für IE 6  */
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }
    
div#col-left ul.leistung {
    border: 0px solid #919191;
    width: 235px;
    background: #f2f2f2;
    color: #000000;
    margin: 0px 0px 40px 0px; /*  von oben, von rechts ,von unten ,von links  */
    padding: 3px 5px 8px 10px;
    font-size: 11px;
}

*html div#col-left ul.leistung { /*  Hack für IE 6  */
    border: 0px solid #919191;
    width: 235px;
    background: #f2f2f2;
    color: #000000;
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    padding: 3px 5px 8px 10px;
    font-size: 11px;
}

div#col-left ul.international {
    border: 0px solid #919191;
    width: 235px;
    color: #000000;
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    padding: 3px 5px 8px 10px;
    font-size: 11px;
    background: url(../pix/worldicon.gif) no-repeat left bottom;
}


div#col-left ul li {
  background: url(../pix/bg_navi.gif) no-repeat; /* Navigation 1. Ebene mit Untermenü*/
  padding: 4px 0px 0px 12px;
  height: 19px;
  line-height: 16px;
  clear:both;
}

div#col-left ul li a {
    text-decoration: none;
  color: #000000;
}


/* Mittel Content 1080px */



/* Mittel Content 580px */

div#col-body2 div.abstand33 {
    float: left;
    margin: 0px 0px 15px 33px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body2 div.abstand33 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 15px 17px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div.abstand22 { /* 3spaltiges Layout abstand nur 22px */
    float: left;
    margin: 0px 0px 15px 22px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body2 div.abstand22 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 15px 5px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div.hltext {
    font-size: 16px;
    font-weight: normal;
    width: 502px; /* 514px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 12px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 8px;
    margin: 0px 0px 8px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body2 div.text1sp {
    width: 514px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}


div#col-body2 div.text2sp {
    width: 257px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}


div#col-body2 div.hltext3sp {
    font-size: 16px;
    font-weight: normal;
    width: 491px; /* 514px - 23px */
    color: #584d4d;
    padding: 5px 0px 0px 23px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 11px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

*html div#col-body2 div.hltext3sp { /*   Hack für IE 6.0  */
    font-size: 16px;
    font-weight: normal;
    width: 486px; /* 514px - 28px */
    color: #584d4d;
    padding: 5px 0px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 21px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body2 div.text3sp {
    width: 156px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 10px 11px 0px 11px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div.servicenav {
    margin: 0px 50px 0px 50px; /*  von oben, von rechts ,von unten ,von links  */
    width: 455px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 25px;
    clear:both;
    }
    
*html div#col-body2 div.servicenav { /*  Hack für IE6 */
    margin: 0px 50px 0px 50px; /*  von oben, von rechts ,von unten ,von links  */
    width: 455px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 25px;
    clear:both;
    }

div#col-body2 div#teaser  {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 0px 15px 33px; /*   von oben, von rechts ,von unten ,von links  */
    z-index: 1;
}

*html div#col-body2 div#teaser  {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    margin: 35px 0px 10px 33px; /*   von oben, von rechts ,von unten ,von links  */
    z-index: 1;
}

div#col-body2 h1 {
    font-size: 16px;
    font-weight: normal;
    width: 471px; /* 514px - 43px */
    color: #584d4d;
    padding: 5px 0px 0px 43px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 33px 8px;
    margin: -8px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body2 h1 { /*  Hack für IE 6  */
    font-size: 16px;
    font-weight: normal;
    width: 508px;
    color: #584d4d;
    padding: 5px 0px 0px 43px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 33px 6px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div#text {
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    padding: 5px 33px 13px 33px; /*   von oben, von rechts ,von unten ,von links  */
}


div#col-body2 div#SpryContactForm {
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    padding: 30px 60px 0px 70px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div#linie {
  background: url(../pix/linie_maincontent.gif) repeat-x;
  width: 514px;
  font-size: 1px;
  float: left;  
    margin: 0px 33px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body2 div#linie {
  background: url(../pix/linie_maincontent.gif) repeat-x;
  width: 514px;
  font-size: 1px;
  float: left;  
    margin: 0px 0px 0px 17px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 a.weiterlesen{
    color: #0066cc;
    text-decoration: none;
    float: right;
    font-size: 12px;    
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear:both;
}

div#col-body2 div#text a:hover{
    text-decoration: none;
}


/* Projekte Mittel Content 514px */


div#col-body2 div#prjbild{
    float: left;
    margin: 0px 20px 0px 50px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body2 div#prjbild{  /* Hack IE 6.0 */
    float: left;
    margin: 0px 20px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body2 div#prjtext{  
    float: left;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    width: 290px;
}

div#col-body2 div#prjtext h1 {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    padding: 10px 0px 0px 10px; /*   von oben, von rechts ,von unten ,von links  */
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 13px;
    clear: both;
}

*html div#col-body2 div#prjtext h1 { /* Hack IE 6.0 */
    width: 270px;
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    padding: 10px 0px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 13px;
    clear: both;
}

div#col-body2 div#prjtext div#content{  
    padding: 10px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    color: #584d4d;
    line-height: 18px;
}

div#col-body2 div#servicenavgalerie {
    margin: 20px 0px 0px 230px; /*  von oben, von rechts ,von unten ,von links  */
    width: 265px;  /* 290px - 25px padding rechts */
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 25px;
    clear:both;
    }

div#col-body2 div#prjgalerie{
    margin: 0px 0px 20px 230px; /*  von oben, von rechts ,von unten ,von links  */
}
/* Ende Projekte Mittel Content 514px */

/* Mittel Content 830px */

div#col-body3 div#content580  {
    float: left;
    width: 548px;
    font-weight: normal;
    color: #584d4d;
    padding: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    margin: 0px 32px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div#content250  {
    float: left;
    width: 250px;
}

div#col-body3 div#content250 div.servicenav {
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    height: 17px;
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }


* html div#col-body3 div#content250 div.servicenav { /*  hack für IE 6  */
  position:absolute;
    float: left;
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    height: 25px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 0px 0px;
    text-align: center;
    clear:both;
    }

div#col-body3 div#content250 div.text  {
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 227px;
    font-size: 11px;
    background: #dfe0e3;
    color: #000000;
    font-weight: normal;
    padding: 5px 8px 8px 15px;
    clear:both;
}

#col-body3 div#content250 p
{
  line-height: 14px; /*  Adresse Heberger  */
}


* html div#col-body3 div#content250 div.text  {
  position:absolute;
  margin: -12px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 234px;
    font-size: 11px;
    background: #dfe0e3;
    color: #000000;
    font-weight: normal;
    padding: 8px 8px 8px 8px;
    clear:both;
}


div#col-body3 div#content250 a  {
    font-size: 11px;
}

div#col-body3 div#teaser  {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    margin: -10px 0px 10px 33px; /*   von oben, von rechts ,von unten ,von links  */
    z-index: 1;
}

div#col-body3 div#teaser1  { /*   Modul Illustration Movie Clip  */
	font-size: 16px;
	font-weight: normal;
	color: #584d4d;
	margin: 0px 0px 10px 33px; /*   von oben, von rechts ,von unten ,von links  */
	z-index: 1;
}

*html div#col-body3 div#teaser  {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 0px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
    z-index: 1;
}

div#col-body3 h1 {
    font-size: 16px;
    font-weight: normal;
    width: 502px; /* 514px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 12px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 8px;
    margin: 0px 0px 8px 33px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body3 h2 {
    font-size: 14px;
    font-weight: normal;    
    color: #584d4d;
    padding: 12px 0px 0px 12px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 15px;
    margin: 0px 0px 5px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div#text {
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    padding: 0px 0px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div#text1 {  /*   Formatierung für mehrspaltigen Text  */
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    padding: 10px 0px 20px 0px; /*   von oben, von rechts ,von unten ,von links  */
    margin: 0px 0px 20px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div.anfahrt {  /*   Formatierung für mehrspaltigen Text  */
    font-size: 12px;
    margin: 0px 0px 20px 0px; /*   von oben, von rechts ,von unten ,von links  */
    color: #584d4d;
}

div#col-body3 div.anfahrtsuche {  /*   Formatierung für mehrspaltigen Text  */
    font-size: 12px;
    margin: 0px 0px 20px 33px; /*   von oben, von rechts ,von unten ,von links  */
    color: #584d4d;
}

div#col-body3 div.text a{
    color: #0066cc;  /* alt #ff440 */
    text-decoration: none;
    font-size: 12px;    
}

div#col-body3 div.text a:hover{
    text-decoration: none;
    color: #0066cc;
}


div#col-body3 ul 
{
    margin: 20px 0px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 ul li
{
    margin: 5px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    padding: 0px 0px 0px 15px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    font-weight: normal;
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 0px;
} 


:root div#col-body3 ul li
{
    margin: 5px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    padding: 0px 0px 0px 15px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    font-weight: normal;
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 0px;
} 


/* CSS für Spalten Standard-Artikelliste Advanced V1.4 
     
   DIV-Bereich für die gesamte Artikelliste 
*/ 


*html div#col-body3 .teaser_advanced0 { 
     width: 238px; 
     float:left;
     margin: 0px 0px 33px 17px; /*   von oben, von rechts ,von unten ,von links  */
} 

*html div#col-body3 .teaser_advanced1 { 
     width: 238px; 
     float:left;
     margin: 0px 0px 33px 0px; /*   von oben, von rechts ,von unten ,von links  */
} 

*html div#col-body3 .teaser_advanced2 { 
     width: 238px; 
     float:left;
     margin: 0px 0px 33px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 .teaser_advanced0 { 
     width: 238px; 
     float:left;
     margin: -8px 0px 33px 33px; /*   von oben, von rechts ,von unten ,von links  */
} 

div#col-body3 .teaser_advanced1 { 
     width: 238px; 
     float:left;
     margin: -8px 0px 33px 25px; /*   von oben, von rechts ,von unten ,von links  */
} 


div#col-body3 .teaser_advanced2 { 
     width: 238px; 
     float:left;
     margin: -8px 0px 33px 25px; /*   von oben, von rechts ,von unten ,von links  */
} 

 
div#col-body3 .teaser_advanced10 { 
     width: 368px; 
     float:left;
     margin: -8px 0px 33px 33px; /*   von oben, von rechts ,von unten ,von links  */
} 

div#col-body3 .teaser_advanced11 { 
     width: 368px; 
     float:left;
     margin: -8px 0px 33px 25px; /*   von oben, von rechts ,von unten ,von links  */
} 


*html div#col-body3 .teaser_advanced10 { 
     width: 368px; 
     float:left;
     margin: 0px 0px 33px 17px; /*   von oben, von rechts ,von unten ,von links  */
} 

*html div#col-body3 .teaser_advanced11 { 
     width: 368px; 
     float:left;
     margin: 0px 0px 33px 0px; /*   von oben, von rechts ,von unten ,von links  */
} 


/* Überschrift Artikel */ 
div#col-body3 .headline_advanced { 
	  margin: 10px 11px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    font-weight: bold;
    color: #584d4d;
    padding: 0px 0px 0px 10px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent2.gif) no-repeat;
    background-position: 0px 3px;
} 

/*    Einstellung der Bilder  fortlaufende Zählung, beginnend mit 0 */ 
div#col-body3 .img_advanced0 { 
   margin-right: 10px; 
   margin-top:5px; 
   float:left; 
   padding: 0px 0px 5px 0px; /*   von oben, von rechts ,von unten ,von links  */
} 

/*   Einstellung für Text  fortlaufende Zählung, beginnend mit 0 */ 
div#col-body3 .text_advanced0 { 
    font-size: 13px;
    font-weight: normal;
    color: #584d4d;
    padding: 0px 0px 5px 0px; /*   von oben, von rechts ,von unten ,von links  */
} 
div#col-body3 .content_advanced { 
   margin-bottom: 2px; 
} 

div#col-body3 .more_advanced a{ 
    color: #0066cc;
    text-decoration: none;
    font-size: 12px;    
}

div#col-body3 .more_advanced_aktuelles { 
   margin-top:0px; 
   clear:both; 
} 

/* DIV für Pageselector 
*/ 
div#col-body3 .pageselector { 
    clear: both;
} 

/* Ende CSS für Spalten Standard-Artikelliste Advanced V1.4 

/* CSS für Mehrspaltig */ 

div#col-body3 div.abstand33 {
    float: left;
    margin: 0px 0px 25px 33px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body3 div.abstand33 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 25px 17px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div.abstand22 { /* 3spaltiges Layout abstand nur 22px */
    float: left;
    margin: 0px 0px 25px 22px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body3 div.abstand22 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 25px 5px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div.hltext {
    font-size: 16px;
    font-weight: normal;
    width: 502px; /* 514px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 12px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 8px;
    margin: 0px 0px 8px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body3 div.text1sp {
    width: 764px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div.text1sp p{
    margin: 6px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body3 div.text2sp {
    width: 382px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}


div#col-body3 div.hltext3sp {
    font-size: 16px;
    font-weight: normal;
    width: 752px; /* 764px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 23px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 11px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

*html div#col-body3 div.hltext3sp { /*   Hack für IE 6.0  */
    font-size: 16px;
    font-weight: normal;
    width: 753px; /* 764px - 23px */
    color: #584d4d;
    padding: 5px 0px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 21px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body3 div.text3sp {
    width: 240px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 10px 11px 0px 11px; /*   von oben, von rechts ,von unten ,von links  */
}

/* Mittel Content 1080px */


div#col-body ul 
{
    margin: 20px 0px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body ul li
{
    margin: 5px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    padding: 0px 0px 0px 15px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    font-weight: normal;
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 2px;
} 


:root div#col-body ul li
{
    margin: 5px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    padding: 0px 0px 0px 15px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 12px;
    font-weight: normal;
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 0px;
} 

div#col-body div#teaser  {
    font-size: 16px;
    font-weight: normal;
    color: #584d4d;
    margin: -20px 20px 20px 20px; /*   von oben, von rechts ,von unten ,von links  */
    z-index: 1;
}



div#col-body div.abstand33 {
    float: left;
    margin: 0px 0px 15px 33px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body div.abstand33 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 15px 17px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body div.abstand22 { /* 3spaltiges Layout abstand nur 22px */
    float: left;
    margin: 0px 0px 15px 22px; /*   von oben, von rechts ,von unten ,von links  */
}

*html div#col-body div.abstand22 { /*   Hack für IE 6.0  */
    float: left;
    margin: 0px 0px 15px 5px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body div.hltext {
    font-size: 16px;
    font-weight: normal;
    width: 1002px; /* 1014px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 12px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 0px 8px;
    margin: 0px 0px 8px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body div.text1sp {
    width: 1014px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}

div#col-body div.text2sp {
    width: 500px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 0px 10px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
}


div#col-body div.hltext3sp {
    font-size: 16px;
    font-weight: normal;
    width: 1002px; /* 1014px - 12px */
    color: #584d4d;
    padding: 5px 0px 0px 23px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 11px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

*html div#col-body div.hltext3sp { /*   Hack für IE 6.0  */
    font-size: 16px;
    font-weight: normal;
    width: 997px; /* 1014px - 17px */
    color: #584d4d;
    padding: 5px 0px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
    background: url(../pix/bg_hlcontent.gif) no-repeat;
    background-position: 21px 8px;
    margin: 0px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    clear: both;   /*  wichtig  */
}

div#col-body div.text3sp {
    width: 320px;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    margin: 10px 11px 0px 11px; /*   von oben, von rechts ,von unten ,von links  */
}





div#col-body div#content {
    font-size: 12px;
    font-weight: normal;
    color: #584d4d;
    padding: 0px 20px 40px 20px; /*   von oben, von rechts ,von unten ,von links  */
}


/* Rechter Content 220px */

div#col-right div.servicenav {
    margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }
    
    
div#col-right div.servicenav1 {
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }

* html div#col-right div.servicenav { /*  hack für IE 6  */
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }
    
    
div#col-right a {
    color: #0066cc;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    }
    
    div#col-right div#news {
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    width: 250px;
    font-size: 12px;
    background: #22517c;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-align: center;
    clear:both;
    }
    
div#col-right div#newsrahmen {
    border: 0px solid #919191;
    width: 225px;
    background: #dfe0e3;
    color: #000000;
    margin: 0px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
    padding: 2px 10px 5px 15px;
    font-size: 11px;
}

div#news-hlcontent
    {
    font-weight: bold;
  background: url(../pix/bg_navi.gif) no-repeat; /* Navigation 1. Ebene mit Untermenü*/
  padding: 4px 0px 0px 12px; /*  von oben, von rechts ,von unten ,von links  */
  height: 19px;
  line-height: 16px;
  clear:both;
}

div#col-right div#news-content
{
  padding: 3px 0px 3px 0px; /*  von oben, von rechts ,von unten ,von links  */
  line-height: 14px; /*  Adresse Heberger  */
}

div.news-hlcontent1 /* Newsliste Startseite */
    {
    font-weight: bold;
  background: url(../pix/bg_navi.gif) no-repeat; /* Navigation 1. Ebene mit Untermenü*/
  padding: 4px 0px 0px 12px; /*  von oben, von rechts ,von unten ,von links  */
  height: 19px;
  line-height: 16px;
  clear:both;
}

div#col-right div.news-content1 /* Newsliste Startseite */
{
  padding: 0px 0px 2px 0px; /*  von oben, von rechts ,von unten ,von links  */
  line-height: 14px; /*  Adresse Heberger  */
}

div#col-right div#news-content p
{
  line-height: 14px; /*  Adresse Heberger  */
}

div#col-right div#text {
    border: 0px solid #919191;
    width: 234px;
    background: #dfe0e3;
    color: #000000;
    margin: 3px 0px 6px 0px; /*  von oben, von rechts ,von unten ,von links  */
    padding: 0px 0px 0px 16px;
    font-size: 11px;
}

div#col-right div#text img {
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

div#col-body div#bc1 {  background-color: #f2f2f2;
    float: right; 
    width: 1080px;
    height: 33px;
  margin: -20px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

:root div#col-body div#bc1 {    background-color: #f2f2f2;
    float: right; 
    width: 1080px;
    height: 33px;
  margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

* html div#col-body div#bc1 {   background-color: #f2f2f2; /*  ie6 hack */
    position:relative;
    float: right; 
    width: 580px;
    height: 33px;
  margin: -7px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

div#col-body2 div#bc1 { background-color: #f2f2f2;
    position:relative;
  float: right;
    width: 580px;
    height: 33px;
  margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

div#col-body3 div#bc1 { background-color: #f2f2f2;
    position:relative;
    float: right;
    width: 830px;
    height: 33px;
  margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

div#col-body3 div#bc1_ansprech {    background-color: #f2f2f2;
    position:relative;
    float: left;
    width: 580px;
    height: 33px;
  margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}

* html div#col-body3 div#bc1_ansprech { background-color: #f2f2f2;
    position:relative;
    float: left;
    width: 580px;
    height: 33px;
  margin: -45px 0px 0px 0px; /*  von oben, von rechts ,von unten ,von links  */
  clear: both;
}


div#bc2 {
    text-align:left;
    /*   */
    margin: 8px 33px 0px 33px; /*   von oben, von rechts ,von unten ,von links  */
    font-size: 0.6875em;
}


div#bc {    
    color: #ffffff;
  clear: both;
  width: 800px;
    height: 22px;
    font-size: 0.6875em;
    background: url(../pix/bg_footer.gif) repeat-y;
    padding: 8px 5px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
    color: #ffffff;
  margin: 15px 0px 25px 111px;
}

div#bc a {
    padding: 8px 0px 0px 0px; /*   von oben, von rechts ,von unten ,von links  */
    color: #ffffff;
}

/* Footer */
div#footer {
    clear: both;
  width: 1060px;
    height: 17px;
    background-color: #22517c;
    padding: 0px 0px 0px 20px; /*   von oben, von rechts ,von unten ,von links  */
    color: #ffffff;
  margin: 0px 0px 0px 0px;
  font-size: 11px;
}

div#footer a {
    color: #ffffff;
    font-weight: bold;
    
}


div#bottom {
    clear: both;
  width: 1022px;
    height: 75px;
    background: url(../pix/bg_bottom.gif) repeat-y;
  margin-left: auto;
  margin-right: auto;
}

/* Sitemap */
ul.sitemap {
    width: 400px;
    margin: 20px 0 0 0;
}

ul.sitemap li {
    background: url(../pix/icn_pfeil.gif) no-repeat 10px 7px;
    padding: 3px 0 3px 20px;
    float: left;
    font-size: 0.90em;
    width: 350px;
    margin: 0px 0px 0px 35px; /*  von oben, von rechts ,von unten ,von links  */
}

ul.sitemap li ul {
    width: 350px;
    margin: 5px 0 0 0;
}

ul.sitemap li ul li {
    float: left;
    width: 300px;
}

ul.sitemap li ul li {
    font-size: 1em;
}

a.extern {
    padding: 0 0 0 12px;
    background: url(../images/button_externen_link.gif) no-repeat 0 4px;
}