html, body
{
 height:   100%;
 top:      0px;
 left:     0px;
 margin:   0px;
 padding:  0px;
 text-align: center;
 background-color: #CACACA;
 vertical-align: middle;
 font-family: Verdana;
 font-size: 12px;

}

#erstellen_container {
  width:600px;
  margin:0px auto;
  text-align:left;
}

#check_container {
  width:800px;
  margin:0px auto;
  text-align:left;
}


#container {
  width:400px;
  margin:0px auto;
  text-align:left;
}

#logo {
 height: 20em;
 clear: left;
}

#text {
 font-family: Verdana;
 font-size: 12px;
 height: 2em;
}

#formular {
 font-family: Verdana;
 font-size: 12px;
 height: 2em;
 text-align: left;

}

#banner {
 font-family: Verdana;
 font-size: 12px;
 clear: left;
 margin-top: 5em;
}

#u {
text-decoration: underline;
}

#fehler {
 color: #FF0000;
 font-size: 12px;
 font-weight: bold;
}

#abstand {
	height: 50%;
	width: 100px;
	margin-bottom: -14em;
	}

#center {
 width: 100%;
 text-align: center;
}
	
td.vierpixel {
    padding: 5em;
    margin: 5em;
}

table.impressum {
 font-family: Verdana;
 font-size: 12px;
 text-align: left;
 margin-top: 5em;
}


ol {
 list-style:decimal outside;
 text-align: left;
 width: 500px;
}

a:link      {   text-decoration:none; color: #000000; font-size: 12px;}
a:visited   {   text-decoration:none; color: #000000; font-size: 12px;}
a:hover     {   text-decoration: underline; color: #000000; font-size: 12px;}
a:active    {   text-decoration:none; color: #000000; font-size: 12px;}
a:focus     {   color: #000000; font-size: 12px;}


div#link { position: static; }
div#link a {display: block;}
div#link a:hover {background: #EDEDED; }
div#link a span {display: none;}
div#link a:hover span {
	display: block;
	text-decoration : none;
	position: absolute; 
	top: 10px; 
	left: 0px; 	
	padding: 5px; 
	margin: 4px; 
	z-index: 100; 
	color: black; 
	background: white;
}

div.fehler {
	color:# FF0000;
}