ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* CONTAINER
----------------------------------------------- */
#container {
	background: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
}

/* HEADER
----------------------------------------------- */
#header {
	width: 100%;
	height: 150px;
	background: #FFFFFF url(bilder/kopfback.gif) repeat-x;
	overflow: hidden;
}

#headerimg {
	padding: 5px;
}

/* META MENU
----------------------------------------------- */
#meta {
	width: 90%;
	margin-top: 10px;
	vertical-align: middle;
	color: white;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
}


/* MENU1
----------------------------------------------- */
#menu {
	height: 20px;
	background: #666666;
	text-align: right;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#menu ul { margin-left: 270px; height: 45px; background: url(bilder2/menu.gif) no-repeat;}
#menu ul li { list-style: none; float: left;}
#menu ul li a { display: block; height: 45px; width: 140px; float: right; text-decoration: none; text-indent: -9999px; background: none;}

#hm1 { left: 0px; width: 140px;}
#hm2 { left: 140px; width: 135px;}
#hm3 { left: 275px; width: 95px;}

#hm1 a:hover { width: 140px; background: transparent url(bilder2/menu.gif) 0px -42px no-repeat; text-decoration: none; border: none;}
#hm2 a:hover { width: 135px; background: transparent url(bilder2/menu.gif) -140px -42px no-repeat; text-decoration: none; border: none;}
#hm3 a:hover { width: 95px; background: transparent url(bilder2/menu.gif) -275px -42px no-repeat; text-decoration: none; border: none;}

#hm1 a.active { width: 140px; background: transparent url(bilder2/menu.gif) 0px -90px no-repeat; text-decoration: none; border: none;}
#hm2 a.active { width: 135px; background: transparent url(bilder2/menu.gif) -140px -90px no-repeat; text-decoration: none; border: none;}
#hm3 a.active { width: 95px; background: transparent url(bilder2/menu.gif) -275px -90px no-repeat; text-decoration: none; border: none;}

#c2 { background: #8BB48B; height:20px;}
#c3 { background: #A0C0A0; height:20px; width: 250px;}

/* TITLE
----------------------------------------------- */
#title {
	height: 35px;
	margin: 10px 10px;
}

/* ----------outer und inner----------------- */
#outer { 
	border-left: 250px solid #0099CC;  /* linke Menue Spalten Farbe  */ 
	background: #FFF;
 } 

#inner { 
	width: 100%; 
}


/* SIDEBAR NAVIGATION
----------------------------------------------- */
#left {
	width: 250px; 
	float: left; 
	position: relative;
	left: -250px;
	margin-right: -250px;
	padding-top: 65px;
}

/* TOPMENU
----------------------------------------------- */

.menutxt { text-transform: uppercase;
}



/* CONTENT
----------------------------------------------- */
#content { 
	padding: 10px 30px 10px 25px;
}

#content_img {
	margin: 10px 20px 10px 20px;
	border: 1px solid #BBCCDD;
	padding: 5px;
	float: right;
}

div.clearer {
	clear: right; 
	line-height: 0; 
	height: 0;
}

.contenttrenner {
	border-bottom: 1px solid #666;
	margin: 0px 20px 15px 20px; 
}

/* FOOTER
----------------------------------------------- */ 
#footer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
	background-color: #666666;
	background-image: url(bilder/kopf.gif);
	background-repeat: repeat-x;
	height: 20px;
}
#footer p {
	text-transform: uppercase;
	color: #ffffff; 
	margin: 0;
}