body
{
   background-image: url(images/hintergrund.jpg);
   background-color: #999999;
   margin: 0px;
   text-align: center;

   font-size:11px;
   font-family: Verdana;
}

h2
{
   font-size:17px;
   font-family: Verdana;
   font-weight: 900;
   margin: 0px;
   padding: 0px;
   padding-bottom: 10px;
}

h3
{
   font-size:14px;
   font-family: Verdana;
   font-weight: 900;
}

#rand
{
	width:100%;
	height:100%;
}

#distance
{
	width:1px;
	height:50%;
	margin-bottom:-300px;
	float:left;
}

#box
{
	width:640px;
	height:500px;
	margin:0 auto;
	position:relative;
	clear:left;
	text-align: left;
}

#header
{
   width: 640px;
   height: 140px;
   background-image: url(images/header.gif);
   padding-top: 0px;
}

#navi
{
   height: 30px;
   width: 600px;
   margin-left: 35px;
   font-size: 12px;
   padding-top: 110px;
}

#mitte
{
   width:640px;
   min-height:330px;
   height:auto !important;
   height:330px;
   background-image: url(images/mitte.gif);
   text-align: left;
}

#content
{
   text-align: left;
   min-height: 330px;
   margin-left: 20px;
   margin-right: 20px;
}

#footer
{
   width:640px;
   height:30px;
   background-image: url(images/footer.gif);
}

#links
{
   width:620px;
   height:20px;
   text-align: right;
   margin-top: 5px;
}

#grafik-unten
{
   z-index: 2;
   width: 334px;
   height: 131px;
   margin-left: 25px;
   margin-top: -139px;
}

#fehler
{
   background-color: #FFECEC;
   background-image: url(images/icons/fehler.gif);
   background-repeat: no-repeat;
   background-position: right top;
   border: solid 1px #FF6E70;
   padding: 5px;
   margin: 0 0 10 0;
}

#best
{
   background-color: #DAF3DA;
   border: solid 1px #94DC94;
   padding: 5px;
   margin: 0 0 10 0;
}

ul.navi
{
   list-style-image: url('images/icons/aufzaehler.gif');
   font-size: 13px;
   font-family: Verdana;
   line-height: 20px;
}

div.statistik
{
   z-index: 3;
   background-color: #F3F3F3;
   padding: 5px;
   margin-left: 375px;
   margin-top: 60px;
   width: 200px;
   line-height: 20px;
}

div.admin-login
{
   background-color: #F3F3F3;
   padding: 5px;
   width: 200px;
   line-height: 20px;
   font-size: 12px;
   font-family: Verdana;
}

div.repair
{
   margin: 0px;
   padding: 0px;
   clear: both;
}

div.button1
{
   clear:both;
   margin-top:10px;
   padding:3px;
}

div.text
{
   margin: 0 0 10 0;
}

div.anmelden_box1
{
   float:left;
   background-color: #F3F3F3;
   padding: 5px;
   width: 200px;
}

div.anmelden_box2
{
   margin-left: 250px;
   background-color: #F3F3F3;
   padding: 5px;
}

div.grafiken_box
{
   background-color: #F3F3F3;
   padding: 5px;
   margin-top: 10px;
   border: solid 1px #C0C0C0;
}

#box_start
{
   width:320px;
   float:left;
}

#box_features
{
   float:left;
   width: 320px;
   margin-top: -10px;
}

#box_anmelden
{
   margin-left: 343px;
   margin-top: -20px;
   background-image: url(images/kasten_gruen.jpg);
   width: 253px;
   height: 111px;
}

#box_login
{
   margin-left: 343px;
   margin-top: 15px;
   background-image: url(images/kasten_blau.jpg);
   width: 253px;
   height: 111px;
}

div.features1
{
   margin-left: 15px;
   width:160px;
   float:left;
   height:20px;
}

div.features2
{
   margin-left: 0px;
   width:145px;
   float:left;
   height:20px;
}

input.loginbox
{
   width:140px;
   margin-left: 10px;
   margin-top:10px;
}

label.loginbox
{
   margin-left: 10px;
   color:#FFFFFF;
}

#loginbutton
{
   margin-left: 30px;
   margin-top:1px;
}

#beispiel
{
   z-index: 2;
   width: 334px;
   height: 131px;
   margin-left: 25px;
   margin-top: -139px;
}

#pw-vergessen
{
   z-index: 2;
   margin-left: 10px;
   float:left;
   margin-top: 5px;
}

/* Formular Styles */

form
{
   display: inline;
}

fieldset
{
   border:0px;
}

input
{
	font-weight: normal;
	font-size: 1em;
	font-family: Verdana;
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
}

div.eingabe
{
   margin-top: 8px;
}


input:hover
{
	border: 1px solid #000000;
	color: #000000;
}

input:focus
{
	border: 1px solid #000000;
	color: #000000;
}

select
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

option
{
	padding-right: 1em;
}

option.disabled-option
{
	color: graytext;
}

textarea
{
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label
{
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

fieldset dl
{
	padding: 0px;
}

fieldset dt
{
	float: left;
	text-align: left;
	display: block;
	padding: 0px;
}

fieldset dd
{
	vertical-align: top;
	padding: 0px;
}

fieldset dd.description
{
	font-size: 9px;
}

fieldset.fields1 dt
{
	border-right-width: 0;
}

fieldset.fields1 dd
{
	border-left-width: 0;
}

dt label
{
	font-weight: bold;
	text-align: left;
}

dd label
{
	white-space: nowrap;
	color: #333;
}

fieldset dl:hover dt label
{
	color: #000000;
}

fieldset.fields2 dl:hover dt label
{
	color: inherit;
}

/* Style der Links */

A:ACTIVE, A:LINK, A:VISITED
{
   color: #333333;
   Text-Decoration: underline;
}

A:Hover
{
   color: #333333;
   Text-Decoration: none;
}

A.links:ACTIVE, A.links:LINK, A.links:VISITED
{
   color: #333333;
   Text-Decoration: none;
   font-weight: 100;
   font-size: 9px;
}

A.links:Hover
{
   color: #333333;
   Text-Decoration: underline;
}

A.pw-vergessen:ACTIVE, A.pw-vergessen:LINK, A.pw-vergessen:VISITED
{
   color: #FFFFFF;
   Text-Decoration: underline;
}

A.pw-vergessen:Hover
{
   color: #FFFFFF;
   Text-Decoration: none;
}

table.mediadaten
{
   border-collapse: collapse;
   background-color: #F3F3F3;
   border: solid 0px #F3F3F3;
   font-size: 12px;
}

table.admin
{
   border-collapse: collapse;
   background-color: #F3F3F3;
   border: solid 0px #C0C0C0;
   font-size: 12px;
}