* { padding: 0; margin: 0; }

#wrapper { 
 margin: 0 auto;
 width: 1002px;
}

#header {
 width: 1002px;
 float: left;
 border: 1px solid #000;
 height: 103px;
 margin: 0px 0px 0px 0px;
 background-image:url(/img_kennzeichen/r0_c0.jpg);
 background-repeat:no-repeat;
}

#beschriftung_header
{
 color:#fff;
 font-size:16px;
 padding-left:10px;
 padding-top:85px;
 height:98px;
 font-family:impact;
}

#navigation {
 float: left;
 width: 1002px;
 height: 24px;
 margin: 0px 0px 0px 0px;
 background-image:url(/img_kennzeichen/r1_c0.jpg);
 background-repeat:no-repeat;
}

#leftcolumn { 
 background-image:url(/img_kennzeichen/r2_c0.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 height: 417px;
 width: 176px;
 float: left;
}
#leftmiddle { 
 background-image:url(/img_kennzeichen/r2_c1.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 height: 417px;
 width: 197px;
 float: left;
}
#rightmiddle { 
 background-image:url(/img_kennzeichen/r2_c2.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 height: 417px;
 width: 609px;
 float: left;
}
#rightcolumn { 
 background-image:url(/img_kennzeichen/r2_c3.jpg);
 background-repeat:no-repeat;
 height: 417px;
 width: 20px;
 float: left;
}
#footer { 
 width: 1002px;
 height:24px;
 clear: both;
 background-image:url(/img_kennzeichen/r3_c0.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
}

 a.info, a.infobreit, a.infooben{
    position:relative; /*this is the key*/
    z-index:24;
	border-bottom:1px dashed #cccccc !important;
    text-decoration:none;
	color: #8c8c73 !important;
}

a.info:hover, a.infobreit:hover, a.infooben:hover{z-index:25;}

a.info span, a.infobreit span, a.infooben span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:220px;
    border:1px solid #A2D016;
    background-color:blue; color:#fff;
    text-align: left;
	padding:5px;
	font-family:verdana;
	font-size:10px;
	}
	
a.infobreit:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:450px;
    border:1px solid #A2D016;
    background-color:blue; color:#fff;
    text-align: left;
	padding:5px;
	font-family:verdana;
	font-size:10px;	
	}	
	
a.infooben:hover span{ /*the span will display just on :hover state*/
   z-index:29;
    display:block;
    position:absolute;
    top:-150px; right:20px; width:220px;
    border:1px solid #A2D016;
    background-color:blue; color:#fff;
    text-align: left;
	font-family:verdana;font-size:10px;
	padding:5px;
	}

h2
{
   font-family:verdana;
   font-size:12px;
}

#seite {
  width:100%;
  margin: 0 auto;
}

#kopfbereich {
 height:103px;
 border: 1px solid #000;
 margin: 0px 0px 0px 0px;
}

#inhalt {
}

#steuerung {
  border: 1px solid black;
}

#fussbereich {
  clear: both;
}