body
{
	font-size: 10pt;
         color: gray;
	font-family: "Trebuchet MS", sans-serif;
         /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
text-align: center;
background-image: url("gfx/bg.jpg");
background-position: center;
background-repeat: repeat-y;

}
a.navi
{
	position: relative;
	text-decoration: none;
         color: gray;

}
.menu
{
	position: relative;
         color: #CCCCCC;
	background-color:transparent;
         width: 85%;
	 margin-top: 8pt;
         padding-left: 3px;
	overflow: visible;
	z-index: 20;
}
.menu a.navi:link
{
	display: block;
         width: 100%;
}
.menu a.navi:visited
{
	display: block;
         width: 100%;
}
.menu a.navi:hover
{
	display: block;
         width: 100%;
         background: teal;
         color: white;
         border-right: 5px solid black;
}
.menu a.navi:active
{
	display: block;
         width: 100%;
}
.all
{
	position: relative;
	width: 800px;
	max-width: 800px;
         background: white;
         border-bottom: 1pt white solid;
	margin: 0 auto;


}
.top
{
	width: 100%;
         border-bottom: 1pt #CCCCCC solid;

}
div.navi
{
	position: relative;
	width: 15%;
        float: left;
	text-align: left;
	background: white;
color: #CCCCCC;


}
.inhalt
{
	float: left;
         margin-left: 10px;
         margin-right: 10px;
         width: 70%;
	text-align: left;
	z-index: 2;
}
.werbung
{
	float: right;
	width: 10%;
         font-size: 8px;
         text-align: right;
	z-index: 2;
}
.topmenu
{
	width: 100%;
         text-align: center;
}
.ueberschrift, h3
{
	font-size: 10px;
         font-weight: bold;
         text-align: center;
         color: gray;
         margin-bottom: 5px;
}
a.meins:link, a.meins:visited, a.meins:active
{
	text-decoration: underline;
         color: black;
	font-size: 8pt;
	font-weight: bold;
}

a.meins:hover
{
	color: white;
         background: teal;
	text-decoration: none;
}
img
{
	border: none;
}
ul
{
	padding-top: 0pt;
         margin-top: 0pt;
         padding-bottom: 0pt;
         margin-bottom: 5px;
}
a.ueberschrift:link
{
	text-decoration: none;
}
a.ueberschrift:visited
{
	text-decoration: none;
}
a.ueberschrift:hover
{
	text-decoration: none;
         color: white;
         background: teal;
}
a.ueberschrift:active
{
	text-decoration: none;
}
.faenger
{
         width: 100%;
         clear: both;

}
.lileft
{
	float: left;
         width: 30%;
         height: 100%;
}
.limain
{
	float: right;
         width: 65%;
         height: 100%;
         border-bottom: 1px solid #DDDDDD;
}
.limainform
{
         float: right;
         width: 65%;
         height: 100%;
}
.subueberschrift, h4
{
	font-size: 10px;
         font-weight: bold;
         text-align: left;
         color: gray;
	margin-top: 7pt;
}
input:focus, textarea:focus
{
	color: white;
         background: teal;
}
.footer
{
	border-top: 1px #CCCCCC solid;
         width: 800px;
         margin: 10px auto;
	clear: both;
         float: none;
	font-size: 10px;
}
div.menu a.navi span, a.meins span {
	display: none;}
div.menu a.navi:hover span {
	display: block;
         position: absolute;
         left: 120px;
         width: 130px;
   	padding: 5px;
         margin: 3px;
         z-index: 100;
   	color: white;
         background: teal;
	font: 8pt "Trebuchet MS", sans-serif;
   	/* font: 8pt Verdana, Arial, Helvetica, sans-serif;*/
         text-align: center;
         border-left: 5px solid black;
	border-top: 4pt black solid;
}
a.meins:hover span
{
	display: block;
         position: absolute;
         left: 320px;
         width: 130px;
   	padding: 5px;
         margin: 3px;
         z-index: 100;
   	color: white;
         background: teal;
	font: 8pt "Trebuchet MS", sans-serif;
   	/* font: 8pt Verdana, Arial, Helvetica, sans-serif;*/
         text-align: center;
         border-left: 5px solid black;
	border-top: 4pt black solid;
}
.small
{
	font-size: 7pt;
}
table.darts
{
         border-collapse: collapse;
         border: 1pt solid #d3d3d3;
}
.darts td
{
         text-align: center;
         padding: 2pt;
         font-size: 10pt;
         color: gray;
}
h5
{
margin-bottom: 0pt;
}
.darts tr.line1 td
{

         background: #d3d3d3;
         border-left: 1pt solid white;
         border-right: 1pt solid white;
font-family: "Trebuchet MS", sans-serif;
         /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.darts tr.line2 td
{
         border-left: 1pt solid #d3d3d3;
         border-right: 1pt solid #d3d3d3;
font-family: "Trebuchet MS", sans-serif;
         /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.werbung2
{
	position: absolute;
         right: 4%;
         top: 1%;
         width: 120px;
         background: white;
         color: gray;
         font-size: 8px;
         text-align: right;
	z-index: 1;
}
.latest
{
 width: 110px;
 padding: 3pt;

}
.latest ul
{
 margin: 0;
 padding: 0;
 width: 100px;
 list-style-type: none;
}
.latest ul li
{
 margin: 0;
 width: 100px;
 border-top: 1pt solid #aaaaaa;
}
.darum
{
	width: 110px;
          float: right;
}
.rundo
{
	background: url(gfx/round_1.gif) no-repeat;
         width: 110px;
         text-align: center;
         padding-left: 10px;
         padding-top: 3px;
         height: 20px;
}
.rundm
{
	background: url(gfx/rund_m.gif);
         background-repeat: repeat-y;
         width: 110px;
         padding-left: 3px;

}
.rundu
{
	background: url(gfx/round_1.gif) no-repeat;
         background-position: 0 -118px;
         width: 100%;
         height: 12px;
}