/* @group main */
html {
	height: 100%;
}
body {
	margin: 0;
	color: #000;
	background: #BAD880 ;
	text-align: left;	/* centering for Win IE 5 */
	font-size: 12px;
}

body, textarea, caption {
	font-family: Arial, Helvetica, sans-serif;
}

a{
	color: #496E00;
	text-decoration: none;
}
a:visited{
	color: #496E00;
	text-decoration: none;
}
a:active{
	color: #496E00;
	text-decoration: none;
}
a:hover{
	color: #000;
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 110%;
	font-weight: bolder;
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
}
h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	color: #474747;
	padding: 0;
}
h3 {
	font-size: 95%;
	font-weight: bolder;
	margin: 0;
	padding: 5px 0 10px 0;
	color: #000;
}
h5 {
	font-size: 175%;
	color: #fff;
	font-weight: normal;
	margin: 100px 0 100px 0;
	padding: 0;
}
.spacer{
	
}
.clearer {
	height: 0;
	width: auto !important;
	overflow: hidden;
	float: none !important;
	clear: both;
}

.noshow {
	display: none;
}
/* @end */

/* @group Navigationen */
/* @group Topnav */
.top_nav{
	width: 180px;
}
.top_nav ul{
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
}

.top_nav ul li a{
	line-height: 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	letter-spacing: 0.1em;
	color: #000;
	padding: 0 0 0 10px;
}
.top_nav ul li a:visited{
	line-height: 20px;
	text-decoration: none;
	color: #000;
}
.top_nav ul li a:active{
	line-height: 20px;
	text-decoration: none;
	color: #000;
}
.top_nav ul li a:hover{
	line-height: 20px;
	text-decoration: none;
	color: #598600;
}
.top_nav ul li .active{
	color: #598600 !important;
	/*background: url(../media/bg_green.gif) no-repeat -5px 6px;*/
}
/* @end */
/* @group LeftNav */
#nav{
	padding-top: 73px;
	width: 180px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li a{
	line-height: 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	padding: 0 0 0 10px;
}
#nav ul li a:visited{
	line-height: 20px;
	text-decoration: none;
	color: #fff;
}
#nav ul li a:active{
	line-height: 20px;
	text-decoration: none;
	color: #fff;
}
#nav ul li a:hover{
	line-height: 20px;
	text-decoration: none;
	color: #000;
}
#nav ul li .active{
	color: #2C2C2C !important;
}
/* @end */
/* @end */

/* @group Layout Portfolio */
#wrapper{
	height: 100%;
	min-width:800px;
}
#header{
	width: 100%;
	background: #fff url(../media/logo.gif) no-repeat right;
	position: absolute;
	height: 67px;
	top: 0px;
	min-width: 800px;
}
#main_wrapper{
	height: 100%;
}
#left{
	float: left;
	width: 37%;
	height: 100%;
	background: #595959;
	border-right: 4px solid white;
	min-width: 120px;
}
#left .inner{
	width: 100%;
	height: 80%;
	background: #76B201;
	border-bottom: 4px solid white;
}
#right{
	text-align: center;
	display: table;
	margin: 0 auto 0 auto;
}
#right .inhalt{
	position: relative;
	top: 120px;
	width: 430px;
	text-align: left;
	padding-bottom: 40px;
}
/* @end */
/* @group Text Content */
#right .inhalt p{
	line-height: 18px;
	color: #000;
}

/* @end */
/* @group Thumbs */
.thumbs{
	width: 330px;
	margin: 0 auto 0 auto;
}
.thumbs a{
	float: left;
	margin: 0 0 7px 7px;
}
.thumbs a img, .thumbs a:active img, .thumbs a:visited img{
	border: 1px solid #BAD880;
}
.thumbs a:hover img{
	border: 1px solid #595959;
}
.blaetter{
	margin: 0 auto 0 auto;
	width: 320px;
	text-align: right;
}
.blaetter .forward{
	float: right;
	padding-right: 10px;
	background: url(../media/vor_icon.gif) no-repeat right 4px;
	font-size: 95%;
	margin-top: 2px;
}
.blaetter .backward{
	float: left;
	padding-left: 10px;
	background: url(../media/back_icon.gif) no-repeat left 4px;
	margin-left: 4px;
	font-size: 95%;
	margin-top: 2px;
}
.pages{
	margin: 0 auto 10px auto;
	width: 320px;
	text-align: right;
	position: relative;
	left: 0px;
	font-size: 95%;
}
.pages a{
	padding: 0 12px;
	
}
.pages .active{
	color: #000 !important;
	font-weight: bolder;
}
/* @end */

/* @group Layout Kunden-Clients */
#client_wrapper{
	height: 100%;
	min-width:800px;
	background: #76B201;
}

#client_main_wrapper{
	height: 100%;
}
#client_left{
	float: left;
	width: 37%;
	height: 100%;
	background: #595959;
	border-right: 4px solid white;
	min-width: 120px;
}
#client_left .inner{
	width: 100%;
	height: 320px;
	 background: #BAD880;  
	border-bottom: 4px solid white;
	text-align: center;
}
#client_left .inner .title{
	padding-top: 33px;
}
#client_right{
	text-align: center;
	display: table;
	margin: 0 auto 0 auto;
}
#client_right .inhalt{
	position: relative;
	top: 140px;
	width: 430px;
	text-align: left;
	padding-bottom: 40px;
	padding-left: 40px;
}

#client_right .inhalt .list_left{
	float: left;
	width: 200px;
	line-height: 20px;
	color: #fff;
}
#client_right .inhalt .list_left p{
	padding-left: 8px;
}
#client_right .inhalt .list_right{
	margin-left: 200px;
	line-height: 20px;
	color: #fff;
}
#client_right .inhalt .list_right p{
	padding-left: 8px;
}
#client_right .inhalt .list_left span, #client_right .inhalt .list_right span{
	width:  8px;
	float: left;
}
/* @end */



/* @group Layout Kontakt/Impressum */
#k_wrapper{
	height: 100%;
	min-width:800px;
	background: #76B201;
}
#k_main_wrapper{
	border-bottom: 4px solid white;
	background: #BAD880;
}
#k_left{
	float: left;
	width: 37%;
	height: 470px;
	background: #595959;
	border-right: 4px solid white;
	border-bottom: 0;
	min-width: 120px;
}
#imp_left{
	float: left;
	width: 37%;
	height: 470px;
	background: #595959;
	border-right: 4px solid white;
	border-bottom: 0;
	min-width: 120px;
}
#k_left .inner{
	width: 100%;
	height: 80%;
	background: #76B201;
	border-bottom: 4px solid white;
}
#k_right{
	height: 470px;
	text-align: left;
	display: table;
	background: #BAD880;
}
#k_right .inhalt{
	position: relative;
	top: 300px;
	width: 430px;
	text-align: left;
	padding-bottom: 40px;
	padding-left: 60px;
}
#k_right .inhalt .impressum{
	position: relative;
	top: -110px;
}
#k_right .inhalt .impressum span{
	width: 50px;
	float: left;
}
/* @end */


/* @group Footer */
.footer{
	text-align:right;
	padding: 10px 10px 0 0;
	font-size: 95%;
}
.footer a{
	color: #fff;
	text-decoration: none;
}
.footer a:active{
	color: #fff;
	text-decoration: none;
}
.footer a:visited{
	color: #fff;
	text-decoration: none;
}
.footer a:hover{
	color: #BAD880;
	text-decoration: none;
}

/* @group Kontakt Footer */
.k_footer{
	text-align:right;
	padding: 10px 38px 0 0;
	font-size: 95%;
}
.k_footer a{
	color: #fff;
	text-decoration: none;
}
.k_footer a:active{
	color: #fff;
	text-decoration: none;
}
.k_footer a:visited{
	color: #fff;
	text-decoration: none;
}
.k_footer a:hover{
	color: #353535;
	text-decoration: none;
}
/* @end */


/* @end */

/* @group PopUp IMG Fenster */
#pic_wrapper{
	background: #fff;
	height: 100%;
}
#pic_header{
	background: #fff url(../media/logo.gif) no-repeat right top;
	text-align: left;
	height: 67px;
}
#pic_header img{
	float: right;
}
#pic_anzeige{
	text-align: center;
	margin-top: 0px;
	background: #BAD880;
	border-bottom: 4px solid #fff;
}

#pic_anzeige img{
	border: 4px solid #fff;
	border-top: 0;
	border-bottom: 0;
}
.pic_untertitel{
	width: 100%;
	text-align:center;
	margin-top: 5px;
	font-size: 100%;
	font-weight: bolder;
	color: #76B201;
}
.pic_arrows{
	width: 150px;
}
.vor_bg{
	float: right;
	margin-right: 5px;
}
.vor_bg a{
	width: 67px;
	height: 67px;
	display: block;
	background: url(../media/vor_hell_pic_icon.gif) no-repeat center;
}
.vor_bg a:hover{
	background: url(../media/vor_pic_icon.gif) no-repeat center;
}
.back_bg{
	float: left;
	margin-left: 5px;
}
.back_bg a{
	width: 67px;
	height: 67px;
	display: block;
	background: url(../media/back_hell_pic_icon.gif) no-repeat center;
}
.back_bg a:hover{
	background: url(../media/back_pic_icon.gif) no-repeat center;
}
/* @end */