body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.menu {
	border-bottom: #336699 dotted 1px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}
.sponsoren {
	border: #000000 solid 1px;
}
h3 {
	font-size:14px;
	color:#996600;
}
.spalte_mitte {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:5px;
	padding:5px;
	width: 550px;
	height: 700px;
	border-left: #336699 solid 1px;
	border-bottom: #336699 solid 1px;
}
.spalte_rechts {
	background:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	width: 200px;
	height: 150px;
	border-left: #336699 solid 1px;
	border-bottom: #336699 solid 1px;
}
.main_menu {
	text-decoration: none;
	color: #000000;
	font-size: 12px;

}
a:hover {
	color: #9A6B03;
}
.main_tab {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.bg_main {
	background-image: url(../images/layout/main.jpg);
}
.bg_left {
	background-image: url(../images/layout/bg_left.jpg);
	background-position: right;
}
.bg_right {
	background-image: url(../images/layout/bg_right.jpg);
	background-position: left;
}


.container {
width:550px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image: url(../images/layout/hinter_gb.jpg);
}
.gbhauptueber {
color:#6699CC;
width:100%;
border:none;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
float:left;
}
.gbueber {
border:1px; 
border-style:dotted; 
border-top:none; 
border-color:#6699CC; 
width:100%; 
height:50px;
padding:5px;
margin:5px;
}
.gbeintrag {
border:1px; 
border-style:dotted; 
border-top:none; 
border-color:#6699CC; 
width:100%; 
height:auto;
padding:5px;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.gb_neuereintrag_besch {
width:20%;
border:none;
height:autopx;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}
.gb_neuereintrag_form {
width:80%;
border:none;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
vertical-align:top;

}
.gb_schreiber1 {

color:#6699CC; 
width:50%;
text-align:left; 
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}
.gb_schreiber2 {

color:#6699CC; 
width:50%;
text-align:right; 
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}
.erf {
	height:20px;
	text-align:left;
	vertical-align:middle;
	float:left;
	padding:2px;
	margin:1px;
	border-bottom: #336699 dotted 1px;
	border-left: #336699 dotted 1px;
	border-right: #336699 dotted 1px;

}
.spo {
	height:30px;
	text-align:left;
	vertical-align:middle;
	float:left;
	padding:0px;
	margin:1px;

}
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
    text-decoration:none;}

a.info:hover{z-index:25; width:auto; text-decoration:underline;}

a.info span{display: none; text-decoration:none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-25em; right:0em; left:-10em; bottom:10em; width:20em;
    border:2px solid #FF9933;
    background-color:#FFFF99; color:#000;
    text-align: center}