html{
    padding:0;
    margin:0;
	/*height: 100%; margin-bottom: 1px;*/
  }
  body{
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:0;
    margin:0;
    background-color:#E0E0E0/*white;/*#CCCCCC;#BEDFB6;*/
  }
  
  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;*/
/*        border:1px dotted #ff0000;
      padding:0px 0 2px 0 0;*/
	  border:2px solid #d0d0d0;
      color:#000000;
      background:white;/*#d0d0d0;/* url(../images/bckgrd2.png) repeat-y;*/
  }
  
  
  #title { 
    font-weight:bold;
    position:relative;
    padding:0px;
    height:102px;
    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 1px;
  }
  #logo {
    float:left;
    border:0;
  }
  
  #slogan {
    position:absolute;
    width:100%;
    top:103px;
    height:30px;
    height:1.5em;
    background-color:#5fa841;
    color:white;
    font-size:1.4em;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid white; /*blue;*/
 }
  
  #trenner {
    width:100%;
    height:6px;
    background-color:#666666;
    clear:both;
  }

  #inhalt {
    margin:0 0 0 140px;
    width:690px;
    padding:44px 0px 15px 60px;
    background-color:white;
    min-height:350px;
    font-size:13px;
   /* text-align:justify;*/
  }
  
  #inhalt h1 {
    color:#5fa841;
    font-size:1.3em;
    margin-bottom:15px;
  }
  #inhalt h2 {
  /*  color:#5fa841;*/
    font-size:1.1em;
    margin-bottom:15px;
  }
  
  #inhalt h3 {
    font-size:1.0em;
    margin-bottom:5px;
  }
  #inhalt h4, h5{
    font-size:1.0em;
    margin-top:10px;
    margin-bottom:0px;
  }
  #inhalt h5 {
  	text-align:center;
    margin-bottom:10px;
  }
  #inhalt ul,ol{
    margin-top:5px;
  }
  #inhalt  img.WithSub {
    margin:1px;
    
  }
  
  #inhalt img{
 /*   float:left;*/
  	/*  margin:10px 90px;*/
  }
  
  div.presse {
	float:left;
	margin:10px;
  }
  
  #inhalt img.presse{
    margin:5px 0px;
	padding:0;
  }

  #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;
  }
  
  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;
  }
  
  #fuss {
    margin:0;
    padding-right:15px;
    padding-top:2px;
    height:17px;
    clear:left;
    font-size:0.8em;
    text-align:right;
    border-top:1px solid white;/*#ccc;*/
    background-color:#5fa841;
    color:white;
  }
  #fuss a {
    color:white;
    text-decoration:none;
  }
  #fuss a:hover {
    color:#333333;
    text-decoration:underline;
  }

  #vernetzt {
     position:absolute;
     top:405px;
     padding:5px 0 5px 0px;
    left:0px;
    width:178px;
    color:#333333;
    background-color:#d0d0d0;/*#bbbbbb;*/
    font-size:0.9em;
    font-weight:bold;
/*    color:white;
    padding:20px 0 0 0px;
    border:1px solid magenta;*/
    margin:0;
  }
   div.vernetztbtn{
    /*background-color:#bbbbbb;#999999;*/
    margin:10px 20px;
/*    margin-left:100px;*/
    width:182px;
    text-align:center;
    padding-left:1px;
    padding-top:1px;
    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:#5fa841;
    font-size:0.9em;
    font-weight:bold;
  }

  div.vernetztbtn a:hover {
    color:#008A25;  
   }
   
  div#Tmenu {
    float:left;
	font-size:0.9em;
    font-weight:bold;
    width:13em;
    margin:35px 0 5px 1px;
    height:100%;
/*  border:1px solid blue;*/
  } 

  ul#navigation {
    /*background-color:black;*/
    width:12.8em;
    margin: 0;
    padding: 0;
    list-style: none;
   /* border:1px solid magenta;*/
  }
  ul#navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0px; left: 13em;
  }
  ul#navigation li ul li {
    margin: 0 0 0 -0.1em;
	z-index:6;
  }
  *:first-child+html ul#Navigation li ul {
    left: 9em;  /* (IE 7 in standards-compliant mode) */
  }
  
  ul#navigation  li {
    list-style: none;
    position:relative;
  }
  ul#navigation  li a {
	width: 12em;
    margin-left:1px;
    margin-bottom:1px;
  	display: block;
  	text-decoration: none;
  	padding: 5px;
    background-color:#bbbbbb;/*#999999;*/
    color:white;
 	}
 	ul#navigation li a:hover {
 	  background-color:#999999;/*#666666;*/
  }
 
  
/* dynamisches Ein-/Ausblenden */
  ul#navigation li ul{
    display: none;
    background-color: #d0d0d0;
  }
  ul#navigation  li:hover>ul {
    display: block;
  }

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

  div.sidebarhead {
    /*width:182px;*/
    background-color:#a0a0a0;/*#5fa841;*/
    color:white;
    margin-bottom:10px;
    text-align:center;
   /* margin-left:-3px;*/
    padding-left:1px;
    padding-top:1px;
    padding-bottom:5px;
    font-weight:bold;
  }
  
div.lnkbtn{
 	  width:120px;
 	  height:35px;
	  float:left;	
    background-color:#bbbbbb;/*#a0a0a0;#999999;*/
/*    margin-bottom:15px;*/
    text-align:center;
    margin-left:10px;
    border:1px solid #2E4E42; /*solid grey;#5fa841;*/
    padding-top:10px;
    padding-left:5px;
    font-weight:bold;    
    text-decoration:none;
    font-size:1.1em;
    color:white;
  }
 /* div.lnkbtn a{
    font-weight:bold;    
    text-decoration:none;
    font-size:1.1em;
    color:white;
  }*/
 	div.lnkbtn a:hover {
 	  background-color:#999999;/*#666666;*/
  }

 div.sidebarbtn{
 	width:120px;
 	height:75px;
	float:left;	
/*    background-color:#bbbbbb;*//*#a0a0a0;#999999;*/
    /*margin-bottom:15px;
    margin-left:15px;*/
    text-align:center;
    border:1px solid grey;/*#5fa841;*/
    padding-top:10px;
    padding-left:10px;
  }
  div.sidebarbtn img{
/*    margin:7px 7px;*/
    border:0;
  }
  div.sidebarbtn a{
    text-decoration:none;
    color:#b0b0b0;/*#5fa841;*/
    font-size:0.8em;
    font-weight:bold;
  }

  div.sidebarbtn a:hover {
    color:black;/*#008A25;  */
   }
  
  table.tab1
  {
    margin-top:10px;
    margin-left:-20px;
    width:610px;
  }

  table.tab1 td
  {
    background-color:#D8EBD0;/*#e3ecd7;*/
    height:100px;
    font-size:0.9em;
    width:100%;
    margin:0;
    padding:0;
  }

  table.tab1 td.rechts
  {
    background-color:#5fa841;/*#bbbbbb;*/
    height:100px;
    font-size:0.9em;
    width:100%;
    margin:0;
    padding:0 0 0 0;
  }
  
  table.tab1 img 
  {
    border:2px solid  #5fa841;
    float:left;
    margin:0px;
  }
  
  table.tab1 span{
    font-size:1.2em;
    font-weight:bold;
    line-height:1.6;
  }

   table.tab1 a{
    text-decoration:none;
    color:black;  
  }
  table.tab1 a.rechts{
    text-decoration:none;
    color:white;  
    margin-left:0;
  }
  table.tab1 a:hover {
    color:#008A25;  
  }
  table.tab1 a.rechts:hover {
    color:#D2EDB4;/*#C3E79D;  */
  }
  table.tab1 a.rechts div{
    margin-left:25px;
  }
  
    table.tbRef {
    width:600px;
	  margin:5px 0px;
    columns:2;
    caption-side:top;
/*    border:1px solid black;
	border-spacing:0px 2px;*/
    margin-bottom:30px;
  }
  
  table.tbRef  td {
    vertical-align:top;
/*    border:1px solid #bbbbbb;*/
    padding:0px 0px;
	margin-bottom:10px;
  }
  table.tbRef td.li {
  	vertical-align:middle;
    width:85%;
/*  	border-right:0px;*/
  }
  table.tbRef td.re {
    text-align:right;
	vertical-align:middle;
  }
  
  table.tbRef caption {
    text-align:left;
    font-weight:bold;
    line-height:1.3;
    margin-left:10px;
  background-color:#C0C0C0;
  }
 
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;
}
table.kundengrp{
	 border-spacing:7px;
	 padding:5px;
}
table.kundengrp th {
	text-align:center;
}
table.kundengrp td {
	 vertical-align:top;
	 padding:5px;
}
table.kundengrp li {
	margin-left:-20px;
}
table.kunden{
	 width:550px;
	 border-spacing:1px;
	 padding:0px;
}
table.kunden td {
	 vertical-align:middle;
	 text-align: center;
	 padding:10px;
}
#inhalt img.kunden {
	margin:10px 10px;
	border:0;
}
a.tooltip{
    position:relative; /*this is the key*/
    z-index:4; /*background-color:blue;#ccc;*/
    color:#000;
    text-decoration:none
}

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
}