/* @group meyerreset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}/* remember to define focus styles! */:focus{outline:0}body{line-height:1;color:black;background:white}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* @end */

/* @group Global Styles */

html {
	overflow-y: scroll;
}

body {
	background: url(../img/bg_body.png);
	color: #111;
	padding: 30px 0;
	font: 14px/1.3 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

	#page { width: 890px; margin: 0 auto; background: #fff; padding: 15px;  position: relative; z-index: 100; }
	
	a { text-decoration: none;  }
		a:hover { font-weight: bold; }
	p { padding-bottom: 1em; }

/* @end */
	
/* @group Header */

#header { background-image: url(../img/header_zufahrt.jpg); background-repeat: no-repeat; height: 195px; width: 890px; position: relative; }
	
	.konzept #header { background-image: url(../img/header_drescher.jpg); }
	
	#title { position: absolute; top: 25px; left: 60px; }

/* @end */

/* @group Navi */
	
	#nav { margin: 4px 0;}
		#nav li { list-style: none; float: left; }
		#nav a { display: block; width: 145px; text-align: center; padding: 7px 0; background: #cbbb9d; margin-right: 4px; color: #523f33; }
			#nav a:hover,
			#nav a:focus,
			#nav .active a { background: #bdcd00;  }
			 .active a { font-weight: bold; }
			#nav a.last{ margin-right: 0; }
		

/* @end */


/* @group Content */

#main { padding: 15px 0; }

	#content { float: left; }
	#aside { float: right; }
	
	#content { width: 665px; }
	#aside { width: 210px; }
	
		.aside_img { background: #6c8256; padding: 15px; }
			.aside_img img { display: block; }
			.aside_img span { display: block; text-align: center; padding-top: 15px; color: #f1e4c6; font-size: 12px; }
		.aside_slogan { color: #523f33; font-size: 16px; padding: 20px 0 20px 15px; font-weight: bold; }
			
	#content h1,
	#content h2 { font-size: 21px; font-weight: bold; padding: 9px 0; }
    #content h3 { font-size: 17px; font-weight: bold; padding: 7px 0; }
	#content a,
	#content a:visited { text-decoration: underline; color: #111; }
		#content a:hover,
		#content a:focus { color: #523f33; font-weight: normal;  }	


/* @end */



/* @group Sonderfälle	*/

	/* Startseite */
	.service_nr { color: #c0733a; font-size: 21px; clear: both; padding: 115px 15px 0 0; text-align: right; background: url(../img/brothaufen.jpg) no-repeat 150px 5px; }

	/* QS */
	.zertifikat #main { padding:15px 0 0; }
	.zertifikat #content { background: url(../img/toast.jpg) no-repeat 53% 100%; padding-bottom: 110px; }
	
	/* Links */
	.linklist { padding-top: 25px; }
		.linklist li { list-style: none; }
			#content .linklist a  { font-size: 21px; color: #000; text-decoration: none; }
				#content .linklist a:hover { color: #523f33; }
	
	/* Kontakt */
	.adresse { padding-bottom: 0; width: 75%; float: left; }
	.anfahrt { margin-top: -30px;  }
	.anfahrt_beschreibung {  clear: left; margin-top: -50px;  }
	
	
	/* disclaimer	*/
	.disclaimer #content { font-size: 12px; }
	
	/* impressum	*/
	.impressum #content { background: url(../img/goldkleber.jpg) no-repeat 320px 120px; }
		
		.agentur { font-size: 12px; padding-top: 70px; }

	/*	Datenschutz */
	#content .noDeco { list-style: none; }
	#content .ulFixPadding { padding-left: 15px; }
		
	/* Easter Egg	*/
	
	.easteregg { background: rgb(255, 255, 255) url(../img/overlay.png) no-repeat center 40px; z-index: 1000; position: absolute; width: 920px;  height: 850px; top: 30px; left: 50%; margin-left: -460px; cursor: pointer;background: rgba(255, 255, 255, .85) url(../img/overlay.png) no-repeat center 40px;
	}
	
	/* Errors */
	#error h1 {
		text-align: center;
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	#error p {
		text-align: center;
	}
/* @end */



/* @group Footer */

	#footer { background: #cbbb9d; text-align: right; position: relative; }
		
		#footer ul { padding-right: 6px; }
			#footer li { list-style: none; float: right; }
			#footer a { color: #111; padding: 9px; display: block; }
		
		#afm { position: absolute; right: -110px; width: 85px; top: -18px; cursor: pointer; }
			#afm span { display: block; text-align: center; line-height: 1;	}

/* @end */

/* @group Misc */
	/* Clearing Floats ohne extra html */
	.clear:after{content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
		 .clear {display: inline-block;} 
		/* Hides from IE Mac */
		* html .clear {height: 1%;}
			 .clear {display:block;}
		/* End Hack */
/* @end */