BODY
{
    BACKGROUND-COLOR: #000099;
	color:#0000FF;
	
    FONT-FAMILY: Verdana, Arial, Helvetica;
    SCROLLBAR-FACE-COLOR: #0099FF;
    SCROLLBAR-HIGHLIGHT-COLOR: #0000DD;
    SCROLLBAR-SHADOW-COLOR: #7D7D7D;
    SCROLLBAR-3DLIGHT-COLOR: #00FF00;
    SCROLLBAR-ARROW-COLOR: #7D7D7D;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	
	background-image:url(http://www.tholey.de/images/my_bg.gif);

  	background-repeat: repeat-x;
}

p, b,  h4, h5, h6, div { font-family:Arial, Verdana, Helvetica, sans-serif; color: #0000FF;}
.tab_form {  background-color: #6699FF}
.send {  background-color: #000099; color: #FFFF00; font-weight: bold}

b {color: #FF0000;}

a {color: #FF0000; text-decoration: none;}
a:hover {
	background-color: #0000FF; color: #FFFF00;
}

h1 {
	background-color:	#6666FF;
	color:#FFFFFF;
	font-size:20px;
	clip:   rect(auto auto auto auto);
	margin-left: 40px; margin-top: 5px;	margin-bottom: 10px; padding-left: 15px; 
}
h2 {
	background-color:#6666FF;
	color: #FFFFFF;
	font-size:16px;
	clip:   rect(auto auto auto auto);
	margin-left: 40px; margin-top: 15px;	margin-bottom: 15px; padding-left: 15px; 
}
h3 {
	font-size:16px;
	clip:   rect(auto auto auto auto);
	margin-left: 40px; margin-top: 5px;	margin-bottom: 5px; padding-left: 15px; 
}
.alt {
	background-color: #EEEEEE;
}

.headline {
	background-color: #0066CC; color: #EEEEEE ;
	clip:   rect(auto auto auto auto);
	margin-left: 40px; margin-top: 5px;	margin-bottom: 10px; padding-left: 15px;
}
.u_titel {
	margin-bottom: 8px; color: #000099; clip: rect(auto auto auto auto);
}
ul#navilist {
	padding:0; margin:0;	list-style-type:none;
}
ul#navilist li {
	font:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0 0 3px 0; /* 3px Abstand unten */
}
#navilist  a {
	z-index:10;
	display: block;
	 border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid white; border-left : 2px solid silver;
	 width: 130px; padding-left: 5px;	 background:  #008AD3; text-decoration: none; font-size:1.0em;
}
#navilist a:link, #navilist a:visited {
	z-index:10;
	background: #008AD3; color: #FCFCFC; text-decoration: none; position:relative;
}
#navilist a:hover {
z-index:10;
	background: #78D1FF; color: #333333;
	border-bottom : 2px solid silver; 	border-right : 2px solid silver; 	border-top : 2px solid black; 	border-left : 2px solid black;
}
ul#navilist li a .info {
	display: none;
	z-index:30;
	}
ul#navilist li a:hover .info {
	position: absolute; z-index:30;
	top: 0px; left: 150px;
	display: block;
	width: 156px; height:50px;
	text-align: center;
	/*font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;*/
	background: #FFFFFF; color: #0000FF;
	padding: 5px;
	border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid silver; border-left : 2px solid silver;
	text-decoration:none;
}
#aktiviert a:link, #aktiviert a:visited, #aktiviert a:hover {
	/*border: 1px solid #333;*/
	background: #FF6600; color: #FFFFFF;
}
hr {color:#0066FF}
a.an {

	display: block;
	 border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid white; border-left : 2px solid silver;
	 width: 130px; padding-left: 5px;	 background:  #008AD3; text-decoration: none; font-size:1.0em;
}
a.an:link,a.an:visited {

	background: #008AD3; color: #FCFCFC; text-decoration: none; position:relative;
}
a.an:hover {

	background: #008AD3; color: #FCFCFC;
	border-bottom : 2px solid silver; 	border-right : 2px solid silver; 	border-top : 2px solid black; 	border-left : 2px solid black;
}
a.mylevel1 {
	background: #008AD3; color: #FCFCFC; text-decoration: none; position:relative;
	border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid white; border-left : 2px solid silver;
	position: relative; padding-left:3px; padding-right:3px;font-size:0.8em;
}
a.mylevel1:hover {
	 background: #78D1FF; color: #333333;
	border-bottom : 2px solid silver; 	border-right : 2px solid silver; 	border-top : 2px solid black; 	border-left : 2px solid black;
	font-size:0.8em;
}
.kugel {
	cursor:help;
	z-index:10;
}
a.kugel {position:relative; z-index: 10; margin-left:2px}
a.kugel span{display: none;z-index:10;}
a.kugel:hover {background-color: #0000FF; z-index:10;}
a.kugel:hover span {
z-index:10;
	font-size:0.8em;
	border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid silver; border-left : 2px solid silver;
	text-decoration:none; display:block; background-color: #FFFFFF; color: #0000AA; position:absolute;
	top: 0px; left: 150px; width: 100px; padding: 3px;
}.my_rand_20 {
	margin: 10px;
	padding: 10px;
}



#wrapper {
	width:960px;
	margin: 3px auto;
}
.sidebar1 {
	float: left;
	width: 160px;

	padding-bottom: 10px;
}
nav ul {
	list-style: none;
	border-top: 1px solid #fff; /* Hiermit wird der obere Rahmen für die Hyperlinks erstellt. Alle anderen werden mit einem unteren Rahmen im LI-Element platziert. */
	margin-bottom: 15px; /* Hiermit wird der Abstand zwischen den Navigationselementen und den darunter angeordneten Inhalten erstellt. */
}
nav ul li {
	border-bottom: 1px solid #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */
}
nav ul a, nav ul a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 150px;  /*Mit dieser Breite reagiert die gesamte Schaltfläche in IE6 auf Mausklicks. Kann entfernt werden, wenn IE6 nicht unterstützt werden muss. Berechnen Sie die exakte Breite durch Subtrahieren der Auffüllung für diesen Hyperlink von der Breite des Containers für die Seitenleiste. */
	text-decoration: none;
	background: #C6D580;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { 
	background: #ADB96E;
	color: #FFF;
}

.content {
	float:left;
	position:relative;
	background-color:#FFF;
	width:800px;
}
	
footer {
	position:relative;
	float:left;
	background-color:#FFF;
	
	clear:both;
}