/* CSS created by Olivia Engelen | www.olivia-engelen.de*/


/* allgemeine tags */
body{
	margin:0px;
	padding:0px;
	border:none;
	background-color:#848587;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#666666;
	text-align:center;
}

a{
	color:#E60036;
	text-decoration:underline;
	outline-style:none;
}

a:hover{
	color:#848587;
	text-decoration:none;
	
}

h1{
	font-size:18px;
	color:#E60036;
	line-height:25px;
}

h2{
	font-size:12px;
	color:#E60036;
	margin-bottom:0px;
}

h3{
	font-size:12px;
	color:#848587;
	margin-bottom:-3px;
}

h4{
	font-size:12px;
	font-weight:normal;
	margin-bottom:-5px;
	padding:0px;
	color:#E60036;
}

h5{
	font-size:12px;
	color:#ffffff;
	padding-left:25px;
	margin-bottom:1px;
	margin-top:1px;
}

h6{
	font-size:12px;
	color:#ffffff;
	padding-left:5px;
	margin-bottom:1px;
	margin-top:1px;
}

li{
	list-style-image: url("../images/basics/li_element.gif");
}


em{
	font-style:italic;
	font-size:12px;
	color:#666666;
}

address{
	font-weight:normal;
	font-style:normal;
}



/* main divs positioning */
#CONTAINER{
	text-align:left;
	margin: 10px auto 0px auto;
	width: 743px;
}

#HEADER_01{
	background:url(../images/basics/header_01.jpg);
	background-repeat:no-repeat;
	width:743px;
	height:100px;
}

#NAVI_ADDITIONAL{
	padding:1px 0px 0px 392px;
	*padding:0px 0px 0px 392px;
	margin:3px 0px 0px 0px;
}

#NAVIGATION{
	background:url(../images/basics/navi_bg.jpg);
	background-repeat:no-repeat;
	width:743px;
	height:37px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}

#NAVI{
	float:left;
	position:relative;
	top:3px;
	*top:13px;
}


#HEADER_02{
	width:743px;
	height:187px;
	background:url(../images/basics/header_bg.jpg);
	background-repeat:no-repeat;
}



#CONTENT_OBEN{
	background:url(../images/basics/content_oben.jpg);
	background-repeat:no-repeat;
	width:743px;
	height:20px;

}

#BOX_CONTENT{
	background:url(../images/basics/content_bg.jpg);
	width:743px;
	float:left; /* für ff, sonst wird hintergrundbild nich angezeigt...*/
}

#CONTENT{
	width:445px;
	margin:20px 0px 0px 20px;
	float:left;
	padding:0px 10px 0px 0px;
	
}

#SUBNAVI{
	margin: 4px 10px 0px 37px;
	*margin: 20px 0px 0px 17px;
	width:220px;
	float:left;
}

#CONTENT_UNTEN{
	background:url(../images/basics/content_unten.jpg);
	background-repeat:no-repeat;
	width:743px;
	height:20px;
	clear:left;
}

#FOOTER{
	color:#dadbdb;
	height:30px;
	margin-left:20px;
}


/**** styling NAVI ****/
#NAVI li{
	float:left;
	color:#ffffff;
	font-size:12px;
	list-style:none;
	list-style-image:none;
	height:29px;
}

#NAVI li a{
	color:#ffffff;
	text-decoration: none;
	display:block;
	float:left;
	height:29px;
	padding:0px 8px 0px 8px;
	border:none;
}

.navi_bgimg:hover{
	position:relative;
	top:-7px;
	*top:-5px;
	color:#ffffff;
	border: none;
	background-image:url(../images/basics/navi_over_bg.gif);
}

#aktiv{
	position:relative;
	top:-7px;
	*top:-5px;
	color:#ffffff;
	border: none;
	background-image:url(../images/basics/navi_over_bg.gif);
}

/**** styling NAVI_ADDITIONAL ****/
#NAVI_ADDITIONAL li{
	display: inline;
	padding: 0px 0px 0px 1px;
	color:#a4a6a6;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	list-style-image:none;

}

#NAVI_ADDITIONAL li a{
	color:#a4a6a6;
	text-decoration: none;
	border:none;
}

#NAVI_ADDITIONAL li a:hover{
	color:#E60036;
	border: none;
}

#NAVI_ADDITIONAL li .aktiv{
	color:#E60036;
	font-weight:bold;
}



/**** styling SUBNAVI ****/
#SUBNAVI ul{

}

#SUBNAVI li{
	color:#666666;
	font-size:12px;
	list-style:none;
	line-height:26px;
	position:relative;
	left:-38px;
	*top:-3px;
	*padding:0px 3px 2px 7px;
	list-style-image:url(../images/basics/li_element_subnavi_02.gif);

}

#SUBNAVI li a{
	color:#666666;
	text-decoration: none;
	display:block;
	border:none;
}

#SUBNAVI li a:hover{
	border: none;
	list-style-image:url(../images/basics/li_element_subnavi.gif);
	color:#E60036;
	font-weight:bold;
}

#SUBNAVI li .aktiv{
	border: none;
	list-style-image:url(../images/basics/li_element_subnavi.gif);
	color:#E60036;
	font-weight:bold;
}




/**** styling FOOTER ****/
#FOOTER a{
	color:#ffffff;
	border:none;
	list-style-image:none;
}

#PRELOADER{
	display:none;
}

/**** styling Button verbundpartner ****/
.VERBUNDPARTNER{
	position:relative;
	left:-5px;
}

.VERBUNDPARTNER:hover{
	border:none;
}

.VERBUNDPARTNER span {
	display:none;
}
.VERBUNDPARTNER:link, .VERBUNDPARTNER:visited {
	display:			block;
	width:				212px;
	height:				44px;
	background:			url(../images/basics/verbundpartner.gif);
	border:none;
}

.VERBUNDPARTNER:hover, .VERBUNDPARTNER:active, .VERBUNDPARTNER:focus {
	background-image:	url(../images/basics/verbundpartner_over.gif);
}

.VERBUNDPARTNER_AKTIV{
	background-image:	url(../images/basics/verbundpartner_over.gif);
}



/**** styling Button Seminar ****/
.seminar{
	position:relative;
	left:-5px;
}

.seminar:hover{
	border:none;
}

.seminar span {
	display:none;
}
.seminar:link, .seminar:visited {
	display:			block;
	width:				209px;
	height:				41px;
	background:			url(../images/basics/seminare.gif);
	border:none;
}

.seminar:hover, .seminar:active, .seminar:focus {
	background-image:	url(../images/basics/seminare_over.gif);
}

.seminar_AKTIV{
	background-image:	url(../images/basics/seminare_over.gif);
}


/**** styling Button Aktuelles ****/
.aktuelles{
	position:relative;
	left:-5px;
}

.aktuelles:hover{
	border:none;
}

.aktuelles span {
	display:none;
}
.aktuelles:link, .aktuelles:visited {
	display:			block;
	width:				209px;
	height:				41px;
	background:			url(../images/basics/aktuelles.gif);
	border:none;
}

.aktuelles:hover, .aktuelles:active, .aktuelles:focus {
	background-image:	url(../images/basics/aktuelles_over.gif);
}

.aktuelles{
	background-image:	url(../images/basics/aktuelles_over.gif);
}


/**** styling Button RSS ****/
.rss{
	position:relative;
	left:-5px;
}

.rss:hover{
	border:none;
}

.rss span {
	display:none;
}
.rss:link, .rss:visited {
	display:			block;
	width:				209px;
	height:				61px;
	background:			url(../images/basics/button_rss.jpg);
	border:none;
}

.rss:hover, .rss:active, .rss:focus {
	background-image:	url(../images/basics/button_rss_over.jpg);
}

.rss{
	background-image:	url(../images/basics/button_rss_over.jpg);
}



/**** styling Button D-I-E Werkstatt in Ihrer Nähe ****/
.naehe{
	position:relative;
	left:-5px;
}

.naehe:hover{
	border:none;
}

.naehe span {
	display:none;
}
.naehe:link, .naehe:visited {
	display:			block;
	width:				209px;
	height:				44px;
	background:			url(../images/basics/button_naehe.jpg);
	border:none;
}

.naehe:hover, .naehe:active, .naehe:focus {
	background-image:	url(../images/basics/button_naehe_over.jpg);
}

.naehe{
	background-image:	url(../images/basics/button_naehe_over.jpg);
}



/**** styling Button Musterbeispiel ****/
.musterbeispiel{
	position:relative;
	left:-5px;
}

.musterbeispiel:hover{
	border:none;
}

.musterbeispiel span {
	display:none;
}
.musterbeispiel:link, .musterbeispiel:visited {
	display:			block;
	width:				209px;
	height:				41px;
	background:			url(../images/basics/musterbeispiel.gif);
}

.musterbeispiel:hover, .musterbeispiel:active, .musterbeispiel:focus {
	background-image:	url(../images/basics/musterbeispiel_over.gif);
}

.musterbeispiel{
	background-image:	url(../images/basics/musterbeispiel_over.gif);
}




.quote{
	font-style:italic;
	font-size:12px;
}

.werkstatt{
	font-size:12px;
	font-weight:normal;
	color:#E60036;
}


.oeko_kriterien li{
	list-style-image:url(../images/basics/li_element_gruen.gif);
}

.sub_ueberschrift{
	position:relative;
	left:-15px;
}

.zusatzinfo{
	position:relative;
	left:-40px;
	*left:0px;
	top:-7px;
	font-size:10px;
	color:#E60036;
}

.daemm_liste{
	position:relative;
	top:-9px;
	*top:-17px;
}


.thumbs:link{
	border:none;
}

.thumbs:hover{

}

.img_abstand{
	padding:10px;
	border:1px solid #ffffff;
}

.img_abstand:hover{
	border:1px solid #E60036;
}


.img_abstand_02{
	padding:5px;
	border:1px solid #ffffff;
}

img:link{
	border:none;
}

.border{
	border: 1px solid #717275;
	padding:10px 0 10px 0;
	margin:10px 0 0 0;
}

#film{
	position:absolute;
	left:830px;
	top:312px;
}

#film a{
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 30px;
}

.img-alignright{
	float:right;
	margin:5px;
}