@charset "utf-8";
/* CSS Document */

/************************************* GLOBAL STYLES *******************************************/
*{
	margin:0;
	padding:0;
}
body{
	background:#d8d9da;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
/************************************* END OF GLOBAL STYLES ************************************/

/************************************* COMMON STYLES *******************************************/
.wrapper{
	width:916px;
	height:626px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	overflow:hidden;
}
/*
#content{
	width:916px;
	height:auto;
	overflow:hidden;
}
.wrapper{          
	width:916px;
	height:630px;
	margin:-315px 0 0 -458px;
	padding:0;
	overflow:auto;
	position:absolute;
	top:50%;
	left:50%;
}*/
.top-grey-strip{
	width:916px;
	height:16px;
	float:left;
	color:#9B9C9E;
	font-weight:bold;
	font-size:11px;
	text-align:left;
}
.top-grey-strip a{
	color:#9B9C9E;
	text-decoration:none;
}
.top-grey-strip a:hover{
	color:#c1001f;
	text-decoration:none;
}

/****************************02 JULY 2009********************************/
.top-grey-strip-active{
	color:#c1001f;
	text-decoration:none;
}
/****************************END 02 JULY 2009****************************/
.white-wrapper{
	width:916px;
	height:614px;
	float:left;
	background:#FFFFFF;
	position:relative;

}
.menu-wrapper{
	width:174px;
	height:582px;
	float:left;
	padding:14px 0 14px 11px;
	text-align:left;
}
.menu{
	width:146px;
	height:585px;
	float:left;
	background:url(../images/home_menu_bg.jpg) no-repeat;
	color:white;
	padding:15px 0 0 28px;
	 
}
.menu ul{
	margin:0;
	padding:0;	
}
.menu ul li{
	list-style:none;
	margin:19px 0;
	height:26px;
	float:left;
	width:146px;
}
.menu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	height:26px;
	width:146px;
	float:left;
	background:url(../images/menu_divider_norml.gif) no-repeat bottom left;
}
.menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	height:26px;
	width:146px;
	float:left;
	background:url(../images/menu_divider_over.gif) no-repeat bottom left;
}
.menu-active{
	color:#FFFFFF;
	text-decoration:none;
	height:26px;
	width:146px;
	float:left;
	background:url(../images/menu_divider_over.gif) no-repeat bottom left;
}
.bottom-right{
	width:175px;
	height:122px;
	float:left;
	background:url(../images/bottom_right_piece.png) no-repeat;
}
.bottom-right ul{
	margin:22px 0 0 74px;
}
.bottom-right ul li{
	list-style:none;
	width:64px;
	height:14px;
	float:left;
	line-height:18px;
	border-bottom:solid 6px #B7B8B8;
	padding-left:10px;
	bottom:0;
	overflow:hidden;
	color:#C42B15;
	text-decoration:none;
	font-weight:bold;
}
.bottom-right ul li a{
	color:#C42B15;
	text-decoration:none;
	font-weight:bold;
}


.bottom-right-z{	z-index:80;
	width:175px;
	height:122px;
	overflow:hidden;
	/*background:url(../images/bottom_right_piece.png) no-repeat;*/
	position:absolute;
	bottom:0px;
	right:0px;
}
.bottom-right-z ul{
	margin:22px 0 0 74px;
}
.bottom-right-z ul li{
	list-style:none;
	width:64px;
	height:14px;
	float:left;
	line-height:18px;
	border-bottom:solid 6px #B7B8B8;
	padding-left:10px;
	bottom:0;
	overflow:hidden;
	color:#C42B15;
	text-decoration:none;
	font-weight:bold;
}
.bottom-right-z ul li a{
	color:#C42B15;
	text-decoration:none;
	font-weight:bold;
}
/************************************* END OF COMMON STYLES ********************************/

/************************************* HOME PAGE *******************************************/
.home-right{
	width:714px;
	height:599px;
	float:left;
/*	background:url(../images/home_right_img.jpg) no-repeat;*/
	margin:14px 0 0 13px;
/*	padding:477px 0 0 539px;
*/}
/************************************* END OF HOME PAGE ************************************/

/************************************* DIE EICHE *******************************************/
.left-img-wrapper{
	width:375px;
	height:586px;
	float:left;
	padding:14px 10px;
}
.dieeiche-left-img{
	width:375px;
	height:586px;
	float:left;
	background:url(../images/dieeiche_leftimg.jpg) no-repeat;
}
.mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#84A234;
	color:#FFFFFF;
	line-height:19px;
	/*padding:30px 20px;*/
	text-align:left;
	border:none;
}
.csc-firstHeader{
	padding:30px 20px 0 20px;
}
.bodytext{
	padding:0 20px
}
.right-img-wrapper{
	width:102px;
	height:586px;
	padding:14px 0 14px 12px;
	float:left;	
}
/************************************* END OF DIE EICHE ************************************/

/************************************* DIE QUALITAT*****************************************/
.diequalitat-left-img{
	width:375px;
	height:586px;
	float:left;
	background:url(../images/DieQualität_leftimg.jpg) no-repeat;
}
.diequalitat-mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#FCEDAE;
	color:black;
	line-height:19px;
	text-align:left;
}
/************************************** END OF DIE QUALITAT **********************************/

/************************************** DIE INDIVIDUAL *****************************************/
.dieindividual-left-img{
	width:375px;
	height:586px;
	float:left;
	background:url(../images/Dieindividual_leftimg.jpg) no-repeat;
	text-align:center;
}
.dieindividual-mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#BD651B;
	color:white;
	line-height:18px;
	text-align:left;
}
/************************************** END OF DIE INDIVIDUAL **********************************/

/************************************** DAS PARKETT *********************888********************/
.dasparkett-left-img{
	width:375px;
	height:586px;
	float:left;
	background:url(../images/dasparkett_leftimg.jpg) no-repeat;
}
.dasparkett-mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#673B22;
	color:white;
	line-height:19px;
	text-align:left;
}
/************************************** END OF DAS PARKETT ************************************/

/************************************** DIE BERATUNG ******************************************/
.dieberatung-left-img{
	width:375px;
	height:566px;
	float:left;
	background:url(../images/DieBeratung_leftimg.jpg) fixed;
	overflow:auto;
	padding:10px 0 10px 0;
	text-align:left;
}
.dieberatung-left-img select{
	width:200px;
}
.dieberatung-left-img input{
	width:60px;
}
.greystrip{
	width:300px;
	height:25px;
	float:left;
	line-height:25px;
	color:white;
	padding:0 10px;
	background:#B7B8B8;
	font-weight:bold;
	margin-left:10px;
}
.dieberatung-mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#5D7A76;
	color:white;
	line-height:19px;
	text-align:left;
}
/************************************** END OF DIE BERATUNG ************************************/

/************************************* DIE KONTAKT *********************************************/

.diekontakt-left-img{
	width:375px;
	height:586px;
	float:left;
	background:url(../images/DerKontakt_leftimg.jpg) no-repeat;
	text-align:left;
}
.diekontakt-mid-img-wrapper{
	width:222px;
	height:614px;
	float:left;
	background:#739646;
	color:#FFFFFF;
	line-height:19px;
	text-align:left;
}
.contact-form{
	float:left;
	margin:0;
	padding:0;
}
.contact-form li{
	width:250px;
	height:20px;
	float:left;
	list-style:none;
	padding:10px 15px 10px 0;
	text-align:right;
	line-height:20px;
	display:inline;
	
	/*border:solid 1px #FF0000;*/
}
.contact-form input{
	width:250px;
	height:22px;
	border-top:solid 2px #9A9A9A;
	border-right:solid 2px #9A9A9A;
	border-bottom:solid 1px #C3C3C3;
	border-left:solid 1px #C3C3C3;
}


/************************************* END OF DIE KONTAKT *************************************/

/************************************* TEXT STYLES ******************************888***********/
.white18{
	font-size:18px;
	font-weight:bold;
	color:white;
}
.csc-firstHeader{
	font-size:18px;
	font-weight:bold;
	padding-bottom:20px;
}

.black18{
	font-size:18px;
	font-weight:bold;
	color:black;
}
/************************************* END OF TEXT STYLES **************************888********/

/************************************ Kontact page styels 6-30-2009 ****************************/
.csc-mailform{
	border:none;
}
#mailform{
	width:360px;
	height:auto;
	float:left;
	padding:25px 0 0 20px;
	border:none;
}
.csc-mailform-field{
	width:340px;
	height:auto;
	float:left;
	margin:10px 0 10px 0;
	
	/*border: solid 1px #FF0000;*/
}
.csc-mailform-field label{
	width:95px;
	height:25px;
	float:left;
	padding-right:10px;
}
.csc-mailform-field input{
	width:230px;
	height:22px;
	border-top:solid 2px #9A9A9A;
	border-right:solid 2px #9A9A9A;
	border-bottom:solid 1px #C3C3C3;
	border-left:solid 1px #C3C3C3;
	
}
/*.csc-mailform-submit{
	background:url(../images/senden_btn.png) no-repeat;
	width:130px;
	height:22px;
	border:none;
}*/
#mailformformtype_mail{
	background:url(../images/senden_btn.png) no-repeat;
	width:130px;
	height:20px;
	border:none;
	line-height:15px;
	margin-left:85px;
}
.csc-mailform-field textarea{
	width:230px;
	border-top:solid 2px #9A9A9A;
	border-right:solid 2px #9A9A9A;
	border-bottom:solid 1px #C3C3C3;
	border-left:solid 1px #C3C3C3;
	margin:0;
	padding:0;
}
/************************************ End Kontact page styels 6-30-2009 ****************************/