html{
/*    font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;*/
    padding:0;
    margin:0;
	/*height: 100%; margin-bottom: 1px;*/
  }
  body{
/*    font-family: Verdana,Arial, Helvetica, sans-serif;*/
    font-family: Arial,Tahoma, Helvetica, sans-serif;
 /*   font-size:14px;*/
    font-size:0.8em;
    padding:0;
    margin:0;
    background-color:#E0E0E0/*white;/*#CCCCCC;#BEDFB6;*/
  }
  
  ul
  {
    text-align:left;
  }
  
  sub, sup{
    font-size:65%;
  }
  dd {
    font-size:80%;
  }
  #page{
      position: relative;
      width:948px;
      margin:15px auto; /* auto zentriert (hier waagrecht)*/  
      text-align:left;/*justify;*/
/*      padding:0px 0 2px 0 0;*/
  	  border:2px solid  #d0d0d0;
      color:#000000;
      background:white;/*#d0d0d0;/* url(../images/bckgrd2.png) repeat-y;*/

  }
  
 .bodytext
  {
  }
  
  #title { 
    font-weight:bold;
    position:relative;
    padding:0px;
    height:107px;
    width:948px;
/*   border:1px solid red;
 	border-bottom:1px solid #d0d0d0;*/ 
    background-color:white;
    display:block;
   }
   
   .subtitle {
      margin-bottom:20px;
      font-weight:bold;
      font-size:80%;
   }
  
  .last {
    clear:both;
  }
  
  
  #title img {
    float:left;
    margin:1px 0 1px 0px;
  }
  #logo {
    float:left;
    border:0;
  }
  
  
  #trenner {
    width:100%;
    height:6px;
    background-color:#666666;
    clear:both;
  }

  #inhalt {
    margin:10px auto;
    width:800px;
    padding:25px 0px 15px 0px;
    background-color:white;
    min-height:235px;
    text-align:justify;
    line-height: 1.3;
  }
  
  #inhalt h1 {
    font-family:Garamond,serif;
    font-weight:bold;
    color:#419e36; 
    font-size:1.3em;
    margin-bottom:20px;
    margin-top:0px;
    text-align:left;

/*    color:#5fa741;
    font-family:Garamond,serif;
    font-size:1.5em;*/
  }
  #inhalt h2 {
    color:#5fa741;
    /*font-family:Garamond,serif;*/
    font-size:1.1em;
    margin-bottom:5px;
    text-align:left;
  }
  
  #inhalt h3 {
/*    font-family:Garamond,serif;*/
    font-size:1.0em;
    margin-bottom:5px;
    text-align:left;
  }
  #inhalt h4, h5{
    font-family:Garamond,serif;
    font-size:1.0em;
    margin-top:10px;
    margin-bottom:0px;
    text-align:left;
  }
  #inhalt h5 {
  	text-align:center;
 /*   margin-bottom:10px;*/
  }
  #inhalt ul,ol{
    text-align:left;
    margin-top:5px;
  }
  #inhalt  img.WithSub {
    margin:1px;
    
  }

    #inhalt a {
        text-decoration:none;
    }
     
  #inhalt img{
  }
  
  div.presseleft {
	float:left;
	margin:10px;
    width:20%;
 /*    font-size:1.1em;
   font-family:Garamond,serif;
    color:#777777;*/
   /* border:1px solid red;*/
  }
  div.pressemid {
	float:left;
	margin:10px;
    padding:0;
    width:20%;
    border:1px solid #d9d9d9;
    text-align:center;
    vertical-align:middle;
    height:110px;
    overflow:hidden;
  }

  div.presseright {
	float:left;
	margin:10px;
    width:50%;
/*    border:1px solid red;*/
    height:112px;
  }

  div.presse {
	float:left;
	margin:10px;
    width:30%;
  }
  div.presse a
  {
      color:#000;
      text-decoration:none;
  }

/* div.presse a:hover {
    color:#333333;
    text-decoration:underline;
  }*/

  #inhalt img.presse{
    /*margin:5px 0px;*/
	padding:0;
    border:0;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
  }
  #inhalt ul{
    line-height:1.5em;
  }
  
  #inhalt img.floatleft{  
    float:left; 
    margin:10px 20px 10px 0;
  }

  #inhalt img.floatright{
    float:right;
    margin-top:0px;
    margin-right:0;
    margin-left:10px;
  }p
  
  #inhalt img.links
  {
    margin-left:0px;
    margin-right:10px;
    float:left;
  }
  #inhalt img.rechts
  {
    margin-left:0px;
    margin-right:0px;
  }
  #inhalt div.left
  {
  	width:60%;
    margin-left:0px;
    margin-right:12px;
	float:left;
  }
  
  #inhalt div.right
  {
  	width:35%;
    margin-left:0px;
    margin-right:12px;
	float:right;
  }

  dd {
    font-weight:bold;
    margin-left:0px;
  }  
    
  #sidebar {
    position:absolute;
    top:105px;
    right:0;
    left:871px;
  /*  width:119px;*/
	width:8.4em;
    color:#333333;
    background-color:#d0d0d0;/*#bbbbbb;*/
    padding:20px 0 0 0px;
    margin:0;
  }

  #picture-bottom {
    margin:0;
/*    padding-right:15px;
    padding-top:2px;*/
    height:151px;
    clear:left;
    font-size:0.8em;
    text-align:left;
/*    border-top:1px solid white;/*#ccc;*/
/*    background-color:#5fa741;*/
    color:white;*/
  }
  
  #fuss {
    margin:0;
    padding-right:15px;
    padding-top:2px;
    height:17px;
    clear:left;
    font-size:0.9em;
    text-align:right;
    border-top:1px solid white;/*#ccc;*/
    background-color:#5fa741;
    color:white;
  }
  #fuss a {
    color:white;
    text-decoration:none;
  }
  .copyright
  {
    padding-left:10px;
    float:left;
    text-align:left;
  }
  #fuss a:hover {
    color:#333333;
    text-decoration:underline;
  }

   div.vernetztbtn{
    text-align:center;
    padding-left:2px;
    padding-top:2px;
    padding-bottom:5px;
  	float:left;
  }
  #inhalt div.vernetztbtn img{
    margin:2px 5px 0 5px;
    border:0;
    /*float:left;*/
  }
  div.vernetztbtn a{
    text-decoration:none;
    color:#5fa871;
    font-size:0.9em;
    font-weight:bold;
  }

  div.vernetztbtn a:hover {
    color:#008A25;  
   }
   
  div#Tmenu {
/*    font-size: 94%;*/
/*    width: 79.8em;*/
    width: 100%;
    margin-top:10px;
    background-color:white;
    border-top:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
  }
  * html div#Tmenu {
    width: 21.4em;
     w\idth: 39.8em; (IE 6 in standards-compliant mode) 
  }
  div#Tmenu div {
    clear: left;
  }
  ul#navigation {
    margin: 0; padding: 0px;
 }
 
  ul#navigation li {
    list-style: none;
    float: left;
    position: relative;
    background-color: green;
    border-left:1px solid #bbbbbb;
  }
  * html ul#navigation li {
/*    margin-bottom: -0.4em;*/
  }

  ul#navigation li ul {  /*Ausgeklapptes Menü insgesamt*/
    margin: 0px; padding: 0;
    position: absolute;
    border:1px solid #bbbbbb;
    border-left:0;
  }
/*  * html ul#navigation li ul {
    left: -1.5em;
    lef\t: -0.4em;
  }*/
  
  ul#navigation li ul li {
    float: none;
    display: block;
  }

  ul#navigation a, ul#navigation span {
    display: block;
    width: 7em;
   /* font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;*/
    text-decoration: none;
  }
  * html ul#navigation a, * html ul#navigation span {
    width: 9.2em;
     w\idth: 7em; (IE 6 in standards-compliant mode) 
  }
  ul#navigation a:hover, ul#navigation span, li a#aktuell:hover {
/*    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #ea0;
    border-left-color: #900; border-top-color: #900;*/
    background-color: #e00;
  }
/*  ul#navigation li ul a:hover {
    border-color: #900;
  } */
  ul#navigation  li a {
	  /*width: 8.5em;*/
	  width:auto;
/*    margin:1px 0 1px 0;*/
  	display: block;
  	text-decoration: none;
  	padding: 2px 5px;
    background-color:white;
    color:black;
 	}
 	ul#navigation li a:hover {
 	  background-color:#bbbbbb;
  }

  ul#navigation li ul span {
    border-right-color: #c96; border-bottom-color: #c96;
    color: #900; background-color: white;
  }

/* dynamisches Ein-/Ausblenden */
  #Tmenu {
/*    margin-bottom:8em;*/
  }
  html>body #Tmenu {
    margin-bottom:0;
  }
  ul#navigation li>ul {
    display: none;
  }
  ul#navigation li:hover>ul {
    display: block;
    background: #eee;
    background-color: blue;  }

  #inhalt p, #sidebar p{
    margin:0;
    padding-bottom:5px;
  }

  div.sidebarhead {
    /*width:182px;*/
    background-color:#a0a0a0;/*#5fa741;*/
    color:white;
    margin-bottom:10px;
    text-align:center;
   /* margin-left:-3px;*/
    padding-left:1px;
    padding-top:1px;
    padding-bottom:5px;
    font-weight:bold;
  }
  
  table.tbMitArb {
	margin:5px 10px;
    text-align:left;
    columns:2;
    caption-side:top;
 /*    border:1px solid black;
   border-spacing:0px 10px ;*/
  }

  table.tbMitArb td {
/*    border:1px solid green;*/
    vertical-align:top;
  }
  table.tbMitArb td.right{
    text-align:right;
    vertical-align:middle;
  }

  
  table.tbRef {
    width:650px;
	margin:5px 10px;
    text-align:left;
    columns:1;
    caption-side:top;
/*	    border:1px solid black;
    border-spacing:0px 2px;*/
    margin-bottom:30px;
  }
  
  table.tbRef  td {
    vertical-align:top;
/*    padding:4px 0px;*/
/*    border:1px solid #bbbbbb;*/
  }
  table.tbRef td.li {
  	vertical-align:middle;
    width:85%;
/*  	border-right:0px;*/
  }
  table.tbRef td.re {
    text-align:right;
  }
  
  table.tbRef caption {
    text-align:left;
    font-weight:bold;
    line-height:1.3;
    margin-left:0px;
    background-color:#d9d9d9;
  }
 
table.center {
	width:70%; 
	margin-left:15%; 
	margin-right:15%;
}
table.center td{
	vertical-align:bottom;
  /*border:1px solid red;*/
}

table.kompetenz td {
	vertical-align:top;
}
table.kompetenz td.links {
	font-weight:bold;
}
table.kompetenz li {
	margin-left:-20px;
}


div.blockleft, div.blockleftKont{
  width:46%;
  float:left;
  padding:0 10px 0 0px;
  text-align:justify;
/*  border:1px solid blue;*/
 }
 
 div.blockleftKont{
  width:36%;
 }

div.blockleft2 {
  width:20%;
  float:left;
  padding-left:10px;
  text-align:right;
  font-weight:bold;
/*  border:1px solid red;*/
 }
div.blockleftFP {
 width:66%;
	float:left;
  margin-left:0px;
  text-align:justify;
/* border:1px solid green;*/
/*  padding:10px 10px 0 10px;*/
  padding:0px 10px 0 0px;
 }
div.blockleftFPMain {
  width:60%;
	float:left;
/*  padding-left:10px;*/
  margin-left:0px;
  padding:10px 10px 0 10px;
  text-align:justify;
  background-color:#d9d9d9;
 }

div.blockrightFP {
  width:28%;
  float:right;
  padding:0px 10px 0 0px;
  text-align:justify;
 /* border:1px solid blue;
  background-color:#e3e3d0;*/
 /* font-size:80%;*/
 }

div.blockright, div.blockrightKont {
  width:46%;
  float:right;
  padding:0 0px 0 10px;
  text-align:justify;
/*  border:1px solid green;*/
 }
div.blockright2 {
  width:40%;
	float:right;
    padding:0px 5px 0 0px;    
  text-align:justify;
 /* border:1px solid blue;
  font-size:95%;*/
 }
 div.blockright2 li{
     text-align:left;
 }
div.blockright3 {
  width:75%;
	float:right;
  padding:0 10px 0 20px;
  text-align:left;
  background-color:#d9d9d9;
/*  border:1px solid red;*/
 }
 
 div.blockrightKont {
    width:50%;
}

div.blockleftRef {
  width:60%;
  float:left;
  padding:0 10px 0 10px;
  text-align:justify;
 }
div.blockrightRef {
  width:30%;
  float:right;
  padding:0 10px 0 10px;
  text-align:justify;
 }

p.CaptionBlock, p.CaptionBlock2 {
  font-family:Garamond,serif;
  font-weight:bold;
  color:#419e36; 
  font-size:1.3em;
  text-align:justify;
  text-align:left;
}

p.CaptionBlock2 {
  padding-top:10px;  
  font-weight:normal;
  color:black; 
  font-size:1.25em;
}

p.CaptionGray {
    font-family:Garamond,serif;
    font-size:1.1em;
    color:#777777;
}
div.kundengruppen
{
  width:640px;
  height:305px;
  margin:5px 50px 5px 50px; 
/*  border:1px solid red;  */
  text-align:left;
}

div.kundengruppen a
{
  text-decoration:none;
  color:black;
  cursor:pointer;
}
div.kundengruppen a:hover
{
/*  color:#ffffff;*/
}
div.kundengruppen ul
{
  padding-left:20px;;
}

div.kdgrpleft, div.kdgrpleft2 {
  width:36%;
  height:165px;
  float:left;
  background-color:#d9d9d9;
  padding-left:20px;
  text-align:left;
  margin-left:63px;
 }
div.kdgrpleft2 {
  height:80px;
 }


div.kdgrpleft:hover, div.kdgrpleft2:hover
{
/*  text-decoration:underline;*/
  background-color:#c0c0c0;
}

div.kdgrpright {
  width:37%;
  height:165px;
  float:right;
  padding-left:20px;
  background-color:#d9d9d9;
  text-align:left;
  margin-right:63px;
 }
div.kdgrpright:hover
{
  background-color:#c0c0c0;
  /*background-color:#5fa741;*/
 /* text-decoration:underline;*/
}

table.kunden{
  margin:0px 20px 10px 20px;
/*	 width:750px;*/
	 border-spacing:13px;
	 padding:0px;
/*   border:1px solid red;*/
}
table.kunden td {
	 vertical-align:middle;
	 text-align: center;
     height:100px;
     width:100px;
/*	 padding:10px;*/
     
   border:1px solid #d9d9d9; /*#777777;*/
}
#inhalt img.kunden {
	/*margin:10px 10px;*/
	border:0;
/*	border:1px solid blue;*/
    max-width:95px;
    max-height:95px;
}
a.tooltip{
    position:relative; /*this is the key*/
    z-index:4; /*background-color:blue;#ccc;*/
    color:#000;
    text-decoration:none
}

div.projectsleft {
	float:left;
	margin:10px;
/*    padding:5px;*/
    padding-bottom:0px;
    width:15%;
    height:105px;
    display:table; /* es kommt noch ein div, ebenfalls mit display:table hinein, der dann vertikal zentriert werden kann*/
    font-size:1.1em;
    text-align:center;
    overflow:hidden;
    border:1px solid #d9d9d9;
/*    color:#777777;*/
   /* border:1px solid red;*/
  }
div.valign {
 /*  #position: relative;
    #top:50%;*/
    display: table-cell;
    vertical-align: middle;
 }
 
div.projectsright {
	float:left;
	margin:10px;
    text-align:left;
    padding:0;
    width:25%;
    height:110px;
/*    font-family:Garamond,serif;
    font-size:1.1em;*/
  }
#inhalt img.projects {
	/*margin:10px 10px;*/
	border:0;
    max-width:105px;
    max-height:105px;
}


a.tooltip:hover{z-index:5; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; /*width:15em;*/
    border:1px solid #000;
    background-color:#CCCCCC; color:#000;
    text-align: center
}