* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #DADEDF;
}
#wrapper { 
 margin: 0 auto;
 width: 1024px;
 border: 1px solid #000000;
}

#text_ueberschrift {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
}

#copyright {
	float:right; 
	display:right;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}
		
--> Horizontal Menü

.menu{
	margin:0 auto; 
	width:100%; 
	display:block; 
	background:url("../images/topMenuImages.png") repeat-x;
	}
.menu li{
	padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;
	}
.menu li a{
	float:left; 
	padding-left:15px; 
	display:block; 
	color:black; 
	text-decoration:none; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	cursor:pointer; 
	background:url("../images/topMenuImages.png") 0px -30px no-repeat; 
	outline:none;
	}
.menu li a span{
	line-height:30px; 
	float:left; 
	display:block; 
	padding-right:15px; 
	background:url("../images/topMenuImages.png") 100% -30px no-repeat;
	}
.menu li a:hover{
	background-position:0px -60px; 
	color:white;
	}
.menu li a:hover span{
	background-position:100% -60px;
	}
.menu li a.active, 
.menu li a.active:hover{
	line-height:30px; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	background:url("../images/topMenuImages.png") 0px -90px no-repeat; 
	color:#ffae00 ;
	}
.menu li a.active span, 
.menu li a.active:hover span{
	background:url("../images/topMenuImages.png") 100% -90px no-repeat;
	}



/* Vertikal Menü */

.menu2{
	margin:0; 
	padding:0; 
	width:200px; 
	list-style:none;
	background: #DADEDF;
	}
.menu2 li{
	padding:0; 
	margin:0 0 1px 0; 
	height:40px; display:block; 
	}
.menu2 li a{
	text-align:left;
	height:40px; 
	padding:0px 25px; 
	font:12px Verdana, Arial, Helvetica, sans-serif;    
	color: black; 
	display:block; 
	background:url('../images/verMenuImages.png') 0px 0px no-repeat; 
	text-decoration:none;
	}
.menu2 li a:hover{
	background:url('../images/verMenuImages.png') 0px -40px no-repeat; 
	color: white;
	}
.menu2 li a.active, 
.menu2 li a.active:hover{
	background:url('../images/verMenuImages.png') 0px -80px no-repeat;
	color:#ffae00;
	}
.menu2 li a span{
	line-height:40px;
	}

#horizontal_menu { 
 width: auto;
 height:33px; 
 clear: both;
 color: black;
 border: 0px solid #000000;
 background: #ffae00;
 margin: 0px 0px 0px 0px;
 padding: 0;
}

#header {
 color: #333;
 width: 1024px;
 float: left;
 padding: 0px;
 height: 336px;
 margin: 0px 0px 0px 0px;
 background: #ffae00;
}
#leftcolumn { 
 color: #333;
 background: #DADEDF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 784px;
 display: inline;
}
#footer { 
 width: 1004px;
 clear: both;
 color: black;
 background: #ffae00;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}