body {
background : #fff;
font-size : 11px;
font-family : "trebuchet ms", helvetica, sans-serif;
color : maroon;
line-height : 18px;
}
#container {
background-color:#E8E6D9;
margin : auto;
width : 800px;
padding : 5px;
border : 1px solid maroon;
}
#header {
background : #fff url('images/geschenk.jpg') no-repeat;
height : 200px;
}
#header h1 {
font-size : 90px;
letter-spacing : -10px;
margin : 0;
margin-right : 5px;
float : right;
}
#header h2 {
font-size : 24px;
float : left;
margin : 5px;
color:maroon;
}
.hcolor{
color:#CCCCCC;
}
.unter
{
text-decoration:underline;
margin-top:10px;
}
#navigation {
padding-top : 10px;
padding-bottom : 10px;
border-bottom : 1px solid maroon;
}
#navigation a {
padding : 5px;
border : 1px solid #E8E6D9;
text-decoration : none;
color : #B22222;
} 
#navigation a:hover {
padding : 5px;
border : 1px solid #B22222;
background-color : #FFEE88;
text-decoration : none;
} 
#navigation a:visited {
color : #B22222;
}
#navigation ul, #navigation li {
display : inline;
margin : 0;
padding : 0;
color : #B22222;
font-weight : bold;
}
#navigation ul li:after {
content : " | ";
}
#navigation ul li.last:after {
content : " ";
}
#body {
font-size : 110%;
}
#footer {
padding-top : 10px;
padding-bottom : 10px;
border-top : 1px solid maroon;
}
#column {
width : 200px;
float : right;
border : 1px solid #ccc;
padding : 10px;
margin-top:5px;
margin-left : 5px;
}
#column h2 {
margin : 0;
}
#body a {
color : #B22222;
text-decoration : none;
}
#body a:hover {
color : #000;
text-decoration : none;
background-color : #FFEE88;
}
#partner li{
padding-bottom:3px;
}
.blcolor
{
color:#000;
}
.auffaellig
{
font-size : 18px;
}
#footer a {
color : maroon;
text-decoration : none;
border-bottom : 0px;
}
#footer a:hover {
color : #000;
text-decoration : none;
}

.right {
float : right;
margin-left : 5px;
padding-left : 5px;
border-left : 1px dashed #eaeaea;
}
.left {
float : left;
margin-right : 5px;
padding-right : 5px;
border-right : 1px dashed #eaeaea;
}

.kontaktfield
{
width:600px;
padding:10px;
} 

.kontaktlegend	
{
color : #8c8c73;
} 

.kontakttype
{
border:1px solid #8c8c73;
background-color:#EBECCA;
}


 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: maroon !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:15em;
    border:1px solid #A2D016;
    background-color:#fff; color:#000000;
    text-align: left;
	padding:5px;
	}
	
a.infobreit:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #A2D016;
    background-color:#fff; color:#000000;
    text-align: left;
	padding:5px;
	}	
	
a.infooben:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-150px; right:-50px; width:15em;
    border:1px solid #A2D016;
    background-color:#fff; color:#000000;
    text-align: left;
	padding:5px;
	}