body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	width:100%;
	height:99%;
	margin:0px;
	padding:0px;
	background-image:url(../Bilder/kachel.jpg);
	
}

h1{
	color:#808000;
	font-weight: bold;
	font-size:16px;	
	}
	
h2{
	color:#808000;
	font-size:12px;
	
	}
	
h4{
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:18px;
	
	}
	
	
h5{
	color:#808000;
	font-weight: bold;
	font-size:13px;	
	margin-bottom:-10px;
	margin-top:0px;
	}
	
h6{
	color:#808000;
	font-weight: bold;
	font-size:14px;
	margin:10px 0px 10px 0px;
	}
	
#i_box_3 h6{
	color:#808000;
	font-weight: bold;
	font-size:14px;
	margin:-5px 0px 20px 15px;
	}
	
	
a:active, a:focus {
	outline: none
}

img  {
	border:none;}
	
	
#i_box_3 img  {
	border:none;
	margin-left:-38px;
	margin-top:-50px;
	
	}
	
	



/*------HAUPT-DIV´s- BEGINN____________________------------- */

#brand {
	height:317px;
	width:944px;
	margin:auto;
	background-image:url(../Bilder/brand.png);
	background-repeat:no-repeat;
	position:relative;
	top:0px;
}

#logo {
	height:120px;
	width:250px;
	background-image:url(../Bilder/logo_wirkraum.png);
	background-position:center;
	background-repeat:no-repeat;
	top:0px;
	margin-left:40px;
	position:relative;
}

#slogan {
	height:80px;
	width:800px;
	font-size:20px;
	line-height:1.5;
	letter-spacing:1px;
	margin:40px 0px 0px 40px;
	color:#fff;



}

#wrapper {
	height:auto;
	width:944px;
	margin:auto;
	margin-top:0px;
	border:0px solid red;
	background-image:url(../Bilder/filler_content.png);
	background-repeat:repeat-y;/*background-color:#FFFFFF;*/
}

h8 {font-size:14px;
	font-weight:bold;
	color:#605049;	


}

#content {
	background-color:#FFFFFF;
	color:#888888;
	height:auto;
	line-height:1.5;
	margin-bottom:-14px;
	margin-left:30px;
	margin-top:40px;
	min-height:320px;
	padding-right:0;
	width:914px;
}

#inhalte {
	font-family:Arial, Helvetica, sans-serif;
	width:940px;
	height:auto;
	padding-left:10px;
	padding-top:0px;
	border-left:0px solid #503A2D;
	margin-left: -22px;
}



/*------HAUPT-DIV´s- ENDE____________________ */



/*-------- NAVI- ALLGEMEIN------------------------------------------*/

a {
	text-decoration:none;
	border:hidden;
	color:#808000;
}
a:active {
	color:#808000;
	text-decoration:none;
	border:hidden;
}
a:link {
	/*color:#000;*/
	border:hidden;
}

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



a.active:link {
	color:#9C0;
	font-weight:100;
	
}
 /*---------NAVI-ALLGEMEIN _________________ENDE______*/


/*---------NAVI-IN DEN BOXEN ______________________*/

#i_box_1 a, #i_box_1 ul, #i_box_3 a, #i_box_3 ul {
	list-style-type:none;
	border:hidden;
	color:#605043;
	margin-left:-20px;
	font-weight:bold;
}

#i_box_3{color:#000;}





#i_box_3 a, #i_box_3 ul {
	list-style-type:none;
	border:hidden;
	color:#808000;
	margin-left:0px;
}
#i_box_4 a, #i_box_4 ul {
	list-style-type:none;
	border:hidden;
	color:#808000;
	margin-left:0px;
}


#i_box_1 li {
	padding-bottom:8px;
}


#i_box_3 .artikel li {
	color:#424242;
	list-style-image:url(../Bilder/dokument_symbol.gif);
	list-style-position:outside;
	list-style-type:disc;
	padding-bottom:8px;
}




#i_box_1 ul li a.active:link, #i_box_1 ul li a.active:visited, #i_box_1 ul li a:hover {
	color:#808000;
	font-weight:bold;
}




#i_box_3 ul li a.active:link, #i_box_3 ul li a.active:visited, #i_box_3 ul li a:hover {
	color:#605043;
	font-weight:bold;
}


#i_box_3 a:hover {
	color:#605043;
	font-weight:bold;
}



#i_box_4 a:hover {
	color:#605043;
	
}






/*---------NAVI-IN DEN BOXEN _______ENDE__________*/

 /*---------NAVI-SUBNAVIGATION _________________ENDE______*/

#nav_top a {
	color:#FFF;

}

#nav_top {
	height:25px;
	width:900px;
	margin:auto;
	text-decoration:none;
	border:0px solid red;
	position:absolute;
	top:318px;
	left:-5px;
	color:#FFFFFF;
	
}


#nav_top li {
	background-image:url(../Bilder/Bilder/link_button.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	height:33px;
	margin-bottom:5px;
	margin-left:5px;
	padding-top:7px;
	text-align:center;
	width:90px;
	}



#nav_top ul li a.active:link, #nav_top ul li a.active:visited, #nav_top ul li a:hover {

	color:#605043;
	border:hidden;
	background-image:url(../Bilder/Bilder/menu_active.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	height:33px;
	margin-top:-8px;
	margin-left:0px;
	padding-top:7px;
	text-align:center;
	width:90px;
	}







/*Floatboxen im INHALTSBEREICH -------->*/



#i_box_1{
	height:auto;
	width:245px;
	margin-left:5px;
	margin-top:5px;
	padding:15px 15px;
	background-color:#ffffff;
	float:left;

}

#i_box_1, .active
{
	color:#F00;
	
	}


#i_box_2 {
	height:auto;
	width:285px;
	margin-left:10px;
	margin-top:20px;
	padding:15px 15px;
	background-color:#ffffff;
	float:left;
}


/* ----- REFERENZBOXEN ----------------*/

#ref_container	{
	height:auto;
	min-height:50px;
	width:210px;
}


.untNav {
	margin:0;
	padding: 0;
	list-style: none;
	
	}
	
	.untNav li{
	margin-left:0;
	padding: 0;
	list-style: none;
	float:left;
	
	}
	
.untNav a {
		display: block;
		width:22px;
		height:22px;
		color:#60604D;
		padding:0 0 0 0;
		margin:0px 5px 5px 0px;
		font-size:12px;
		background: transparent url(../Bilder/swapRef.jpg) no-repeat;
	}
.untNav a.active:link, .untNav a.active:visited, .untNav a:hover {
		background-position: 0 -42px;
		color:#FFF;
		
	} 

.ref_bilder img {
	
	height:200px;
	width:200px;
	margin-left:22px;
	
}



/*--------- LOGO NAVIGATION !!!! ---------------------------------*/


.face a.active:link, .face a.active:visited, .face a:hover {
background-position:0 -50px;
color:#FFFFFF;
}



.face a {
background:transparent url(../Bilder/icons/facebook_1.jpg) no-repeat scroll 0 0;
color:#60604D;
display:block;
font-size:12px;
height:50px;
margin:0 10px 10px 0;
padding:0;
width:50px;
}


.xing a.active:link, .xing a.active:visited, .xing a:hover {
background-position:0 -50px;
color:#FFFFFF;
}

.xing a {
background:transparent url(../Bilder/icons/xing_1.jpg) no-repeat scroll 0 0;
color:#60604D;
display:block;
font-size:12px;
height:50px;
margin:0 10px 10px 0;
padding:0;
width:50px;
}


.twitter a.active:link, .twitter a.active:visited, .twitter a:hover {
background-position:0 -50px;
color:#FFFFFF;
}

.twitter a {
background:transparent url(../Bilder/icons/twitter_1.jpg) no-repeat scroll 0 0;
color:#60604D;
display:block;
font-size:12px;
height:50px;
margin:0 10px 10px 0;
padding:0;
width:50px;
}



.co2 a.active:link, .co2 a.active:visited, .co2 a:hover {
background-position:0 -84px;
color:#FFFFFF;
}

.co2 a {
background:transparent url(../Bilder/icons/co2_logo.jpg) no-repeat scroll 0 0;
color:#60604D;
display:block;
font-size:12px;
height:80px;
margin:-30px 0 0 -10px;
padding:0;
width:250px;
}


.oeco a.active:link, .oeco a.active:visited, .oeco a:hover {
background-position:0 -84px;
color:#FFFFFF;
}

.oeco a {
background:transparent url(../Bilder/icons/oeco_logo.jpg) no-repeat scroll 0 0;
color:#60604D;
display:block;
font-size:12px;
height:80px;
margin:0px 0 0 -10px;
padding:0;
width:250px;
}


/*--------- E N D E  ---->>>  LOGO NAVIGATION !!!! ---------------------------------*/












/* ----- REFERENZBOXEN -- E N D E ----------------*/


#i_box_3 {
	height:auto;
	min-height:230px;
	width:245px;
	margin-left:5px;
	margin-top:25px;
	padding:15px 15px;
	background-color:#F4F4EA;
	float:left;
	
}

#i_box_4 {
	height:auto;
	min-height:230px;
	width:245px;
	margin-left:5px;
	margin-top:0px;
	padding:0px;
	float:left;
	
}
.weiter {
	margin-top:-10px;
	padding-left:50px;

}


#i_box_4 img {
	margin-left:-20px;
	margin-top:-10px;
	
	
	}


#i_box_3 .artikel {
	background-image:url(../Bilder/kachel_news.jpg);
}




#i_box_3 p{

	color:#808000;
}

#i_box_3 dt{
	margin-left:15px;
	
}

#i_box_1_2sp{
	height:auto;
	width:570px;
	margin-left:5px;
	margin-top:0px;
	padding:15px 15px;
	background-color:#ffffff;
	float:left;

}


/*Floatboxen im INHALTSBEREICH -ENDE---->*/


/*Floatboxen im FUSSBEREICH ---------------->*/



#f_box_1, #f_box_2, #f_box_3{
	height:auto;
	width:245px;
	margin-left:28px;
	margin-top:22px;
	padding:20px 16px;
	float:left;
	line-height:1.5;

}

.face, .xing, .twitter {
float:left; margin-top:10px;
margin-left:12px;
}

.kontaktAdresse {
margin-top:25px;
font-size:12px;
font-weight:300;

	
}

/*Floatboxen im FUSSBEREICH -ENDE---->*/


#feet {
	height:224px;
	width:944px;
	margin:auto;
	padding-bottom:3px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	background-image:url(../Bilder/feet.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border:0px solid red;
	clear:both;
}




#fusstext {
	position:relative;
	top:-5px;
	color:#DDD8C1;
	font-size:12px;
	font-weight:100;
	height:20px;
	margin-left:40px;
	width:380px;
}


#fusstext a {
color:#FFF;		
}

#fusstext a:hover {
color:#808000;		
}


/*li {
	height:15px;
	width:auto;
	display:inline;
	text-decoration:none;
	text-align:center;
	margin-top:0px;
	padding-right:5px;
	margin-bottom:20px;
}*/

/* Spezielle Textformatierungen----------------------*/

.Stil2 {
	color:#605043;
	font-weight: bold;
	font-size:16px;
}

.Stil3 {
	color: #999999;
	font-weight: bold;
}

.Stil4 {
	font-size: 13px;
	font-weight:bold;
	}


.Stil5 {
	color: #748218;
	font-weight: bold;
	font-size: 13px;
}
.Stil7 {
	color: #748218;
	line-height: 1.5;
}


.Stil8 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 12px;
	margin-left:10px;
}
	
.Stil9 {
	color: #F4F4EA;

}

.Stil10 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 22px;
}
	

/*-------KONTAKTFORMULAR ---BEGINN---*/


.zemContactForm fieldset { border: 0px; }

.zemContactForm { color: #6A6B5B; line-height: 15px; width:400px; height:auto; }

.zemContactForm label { float: left; width: 90px; margin: 0px 1px 0 0; text-align: left; }


.zemContactForm br { clear: both; }

.zemContactForm legend { display: none; }

.zemContactForm input, .zemContactForm select, .zemContactForm textarea { margin: 0 0 0.3em 0; }



.zemRadio {
	float:left;
	padding-left:10px;
	padding-bottom:20px;
}

.zemRadio label
{
width:60px;
height:20px;
border:1px solid red;

}



.zemContactForm fieldset .buttons { margin: 1em 0 1em 1em; }

.zemContactForm .zemCheckbox { float:left; margin: 20px 5px 5px 5px; }

input#zemSubmit { width: 365px; margin-top: 20px; }

ul.zemError { color: red; list-style-type: none; padding: 10px 0px; line-height: 20px; }

.zemThanks { color:red; font-size:14px; font-style:italic; }

/*-------KONTAKTFORMULAR ---E N D E---*/


div.clear {		
		clear:both;		
		font-size: 1px;
		height: 0; /* Moderne Browser */
		line-height: 0; /* IE */
	}
	
.artikelliste {
	margin-top:-15px;
	margin-left:15px;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;	
	
	}
	
.datum {
	border-top:1px solid #808000;
	border-bottom:1px solid #808000;
	height:20px;
	padding-left:17px;
	background-image:url(../Bilder/dokument_symbol.gif);
	background-position:left;
	background-repeat:no-repeat;
	
	}	
	
#i_box_3 h2 {
	margin-top:20px;
	margin-left:15px;
	font-size:14px;
	
	
	}
	
.artikel h3 {
	font-size:12px;
	
	}