body {
	background:#444 url(../img/background.jpg) repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	line-height:180%;
	margin:0;
	padding:0;
	text-align:center;
	}
	
h1, h2, h3, p, ul, li {
	margin:0;
	padding:0;
	}

a {
	font-size:100%;
	color: #333;
	text-decoration:underline;
	}
h1 {
	clear:left;
	font-size:160%;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding: 0 0 0px 0;
	}
	
h2 {
	font-size:120%;
	font-weight:normal;
	margin:20px 0 10px 0;
	}	

h3 {
	font-size:90%;
	margin-top:6px;
	font-weight:bold;
	}	

p, ul {
	font-weight:normal;
	font-size:80%;
	}
	
p {
	padding: 0px 10px 5px 10px;
	margin:0;
	line-height:1.8em;
	}

blockquote {
	margin: 0 0 0 20px;
	}

p.subtitle {
	font-style:italic;
	margin-left:25px;
	}

.right-col ul {
	line-height:130%;
	margin-left:40px;
	margin-bottom:20px;
	list-style-image:url(../img/ok.png);
	}

.right-col ul li {
	padding-bottom:6px;
	}
	

	
pre {
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:674px;
	}	
			
    /* image replacement */
.graphic, #prevBtn, #nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
            }
    /* image replacement */
			
#container {	
	margin:15px auto 0 auto;
	position:relative;
	text-align:left;
	width:960px;
	background:#fff;		
	margin-bottom:2em;
	}	
	
		

#content {
	position:relative;
	}			

/**************************************************************************************************/
/******************************************** Menu ************************************************/
.menu {
	padding:0;
	margin:0;
	width:960px;
	height:53px;
	background: url(../img/bg_menu.gif) top repeat-x; 
	}
	
.menu ul {
	line-height:130%;
	padding:0;
	margin:0 20px 0 0;
	list-style:none;
	border:0;
	float: left;
	}

.menu ul li {
	float:left;
	margin:0 0px 0 0;
	padding:0;
	border-right:1px solid #303030;
	border-left:1px solid #0a0a0a;
	}
	
.menu ul li a {
	float:left;
	margin: 0 1px 0 0;
	padding:17px 20px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	}
	
.menu ul li a:hover {
	background: url(../img/hover.gif) left repeat-x;
	}
	
.menu ul li a.active {
	background: url(../img/hover.gif) left repeat-x;
	}
#index #nav1, #probe #nav2, #auftrag #nav3, #knowhow #nav4, #kontakt #nav5 {
	background: url(../img/hover.gif) left repeat-x;
	}

/**************************************************************************************************/
/******************************************* top **************************************************/
.top {
	width:940px;
	margin:0 auto;
	padding:0 0 10px 20px;
	border-bottom:1px solid #e8e5dc;
	background: #f2f3eb url(../img/border1.gif) left bottom repeat-x;
	}
	
.top .info {
	width:220px;
	height:20%;
	margin:5px 5px 30px 5px;
	padding:0;
	float:left;
	}
	
.top h1 {
	border:0;
	color:#1c1c1c;
	padding:20px 0 0px 6px;
	margin:0px 0 6px 0;
	}
	
.top h2 {
	border:0;
	color:#1c1c1c;
	padding:18px 0 8px 58px;
	margin:10px 0 0 0;
	}
	
.top .info p {
	font-size:70%;
	padding-left:20px;
	}

.top .info strong {
	font-size:120%;
	}
	
.top a:hover {
	text-decoration:none;
	}
	
.top h2.few { background:url(../img/h2_many.png) left no-repeat; }
.top h2.some { background:url(../img/h2_many.png) left no-repeat; }
.top h2.many { background:url(../img/h2_many.png) left no-repeat; }
.top h2.abo { background:url(../img/h2_many.png) left no-repeat; }



/**************************************************************************************************/
/*************************************** Easy Slider **********************************************/
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:480px;
		height:241px;
		position:absolute;
		left:0px;
		top:0px;
		}	
	#nextBtn{ 
		left:480px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:480px;
		height:241px;
		background:url(../images/trans.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/trans.gif) no-repeat 0 0;	
		}		
	
	#nextBtn a:hover{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
	#prevBtn a:hover{ 
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	


/* ================= Formulare ================= */

form#anmeldung {
	padding:10px;
	margin: 10px 0 10px 0px;
	}

.form_row{
	width:500px;
	clear:both;
	padding:12px 0 12px 0;
	color:#a53d17;

}
	
label {
	width:85px;
	line-height:1.2em;
	float:left;
	font-size:14px;
	padding:4px 15px 0 0;
	color: #333;
	}

label.long {
	width:450px;
	}
	
input {
	width:250px;
	height:21px;
	float:left;
	border:1px #1a120d solid;
	background-color:#f2f3eb;
	color:#000;
	font-size:13px;
	margin:3px 0 0 0;
	padding:3px 0 0 5px;
	}


textarea {
	border:1px #1a120d solid;
	background-color:#f2f3eb;
	color:#000;
	font-size:13px;
	}
input.small {
	width:25px;
	}

input.small2 {

	margin-left:50px;
	}
	
input.submit { 
	background-color:#1a120d;
	margin:10px 0 50px 0px;
	font-weight: bold;	
	color: #baaca2;
	height:36px;
	border:1px solid #1a120d;
	padding:10px;
	}

input.submit:hover { 
	color: #fff;
	}
	
fieldset {
	border:1px #dfc99e solid;
	width:500px;
	font-size:1.0em;
	margin: 0px 0 20px 0;

	}
	
	
/*****************************************************************************************/
/***************************************Columns**********************************************/
.left-col {
	float: left;
	width: 210px;
	padding-left:20px;
	padding-right:15px;
}

.left-col img {      /********* Bild Startseite linker Streifen ******/
	background-color:#786851;
	padding:5px;
}

#index .left-col p {     /********* Bild Startseite linker Streifen ******/
	padding:0 0 0 3px;
}

.right-col {
	float: right;
	font-size:110%;
	width: 660px;
	min-height:400px;
	height:auto !important;  /* für moderne Browser */
	height:400px;  /*für den IE */
	padding-right:40px;
	padding-left:14px;
	border-left:1px dashed #D5D5D5;
	margin-left:0px;
	margin-bottom:20px;
}

.right-col .box {
	background-color:#f2f3eb;
	border:1px solid #786851;
	padding:0px 5px;
	margin-bottom:15px;
	margin-right:50px;
}

.right-col img {
	float: right;
	background-color:#786851;
	padding:5px;
	margin: 0 50px 10px 10px;
}

.right-col img.left {
	float: left;
	margin-right:10px;
	margin-left:0px;
	padding:1px;
}

.left-col p, .right-col p {
	clear:left;
}
.left-col, .right-col {
	margin-top:10px;
}


/*****************************************************************************************/
/********************************** sidebar menu *****************************************/

ul.sidemenu {
	list-style:none;
	margin: 10px 0px 90px 0;
	padding: 0;		
}
ul.sidemenu li {
	padding: 0 0 0 0px;
}
ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D5D5D5;
	text-decoration:none;
}
ul.sidemenu a.bor_top{	
	border-top: 1px dashed #D5D5D5;
}

ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #786851;
	color: #000;		
}

#index #navb1, #standard #navb2, #quality #navb3, #magazin #navb4, #extras #navb5 {
	background-color:#f2f3eb;
}

/* footer */
#footer {
	float: left;
	width: 100%;
	text-align: center;
	background: url(../img/footer-bg.png) repeat-x;	
}

#footer-outer {
	clear: both;
	width: 960px;		
	margin: 0 auto;
	font-size: .9em;		
	text-align: left;

}
#footer-wrap {
	float: left;
	width: 900px;
	padding: 20px 30px 0 30px;	
	display: inline;
	color:#91807F;
	}
#footer-wrap a {
	color: #c67114;
	text-decoration:none;
}
#footer-wrap img {
	float:left;
	margin: 0 8px 0 0;
	padding:3px;
	background-color:#877878;
}
#footer-wrap h3 {
	margin-bottom: 15px;	
	font-weight: bold;	
	color: #baaca2;
}
#footer-wrap .col-a {
	width: 225px;
	float: left;
	display: inline;
}
#footer-wrap .col-b {
	width: 225px;
	float: right;	
	display: inline;
}

/* footer-list */
#footer-outer .footer-list ul {
	list-style: none;
	margin-left: 20px;	
	padding: 0;	
	border-top: 1px solid #29201c; 
}
#footer-outer .footer-list ul li { border-bottom: 1px solid #29201c; }
#footer-outer .footer-list ul li a {
	display: block;
	width: 98%;
	margin-left: 0;
	padding: 5px 0;
	border: none;
	line-height: 2em; 	
	color: #877878;
	text-decoration:none;
}

#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: .95em;	
}
#footer-outer .footer-list ul li a:hover,
#footer-outer .footer-list ul li a:hover span {
	color: #fff;	
}

/* footer-bottom */
#footer-bottom {
	float: left;	
	width: 100%;
	margin: 30px auto 15px auto;	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;			
}
#footer-bottom .bottom-left {	float: left; }		
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;	
}
#footer-bottom a.back-to-top {
	background: url(../img/arrow-up.gif) no-repeat right center;
	padding-right: 20px;
}



p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }