/*

Stylesheet für Stuerwald-consulting.de

Version:		0.1
Stand:		29.11.2007 11:20

*/

body { background: #f7ecc8; color: #000; font: 12px "Tahoma","Arial","Verdana","Helvetica","Geneva"; margin: 0; padding: 0; text-align: center; }

a, a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active, a:focus { color: #fd5b00; text-decoration: underline; outline: none; }

img { border: 0; }

div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; }

p { font: 12px "Tahoma","Arial","Verdana","Helvetica","Geneva"; color: #000; }
p.red { color: red; display: block; }
.textfeld { border: 1px solid #5b5b5b; font: 9px "Tahoma","Arial","Verdana","Helvetica","Geneva"; height: 15px; }
textarea, .textarea { border: 1px solid #5b5b5b; font: 9px "Tahoma","Arial","Verdana","Helvetica","Geneva"; }
.hr-ersatz { height: 1px; background: #7d7d7d; overflow: hidden; margin: 0; padding: 0; }

#body { width: 918px; min-height: 100%; margin: 0 auto; padding: 0; text-align: left; z-index: 1; display: block; border-left: 1px solid #d1c18f; border-right: 1px solid #d1c18f; background: transparent url(grafik/bg.jpg) left top repeat-x; }
#bg { width: 918px; min-height: 100%; position: absolute; background: transparent url(grafik/bg_contentbox.gif) top left repeat-y; }
	#logo { width: 918px; height: 100px; padding: 0; float: left; overflow: hidden; background: #e8d598; }
		#logo img.logo { margin: 24px 0 0 24px; float: left; }
		#logo table { width: 480px; margin: 36px 80px 0 0px; float: right; }
			#logo table td { vertical-align: top; }
			#logo table td.anschrift { width: 140px; }
			#logo table td.tel { width: 180px; }
			#logo table td.email { width: 120px; }
		
		#pic { width: 918px; height: 214px; float: left; overflow: show; }
			#pic #hapimag { width: 146px; height: 146px; position: absolute; top: 74px; left: 820px; z-index: 1000; background: transparent url(grafik/offizieller-hapimag-repraesentant.png) top left no-repeat; }
			* html #pic #hapimag { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.stuerwald.de/grafik/offizieller-hapimag-repraesentant.png'); background: none; }
			
		#contentbox { width: 918px; float: left; }
			#contentbox div.sidebar { width: 200px; }
			#leftnavi { float: left; }
				#contentbox div.sidebar ul { list-style: none; width: 200px; margin: 50px 0 0; float: left; }
					#contentbox div.sidebar ul li { width: 199px; border-bottom: 1px dotted #fd5b00; float: left; display: block; }
					#contentbox div.sidebar ul li a { width: 179px; padding: 7px 20px; display: block; text-decoration: none; }
					* html #contentbox div.sidebar ul li a { width: 199px; }
					#contentbox div.sidebar ul li a.active { background: #fd5b00; }
					#contentbox div.sidebar ul li a.subnavi { width: 176px; padding: 3px 3px 3px 30px; background: transparent url(grafik/navi_eintrag.gif) 20px 50% no-repeat; font-size: 11px; float: left; display: block; }
					* html #contentbox div.sidebar ul li a.subnavi { width: 199px; }
					#contentbox div.sidebar div.spacer { height: 7px; width: 199px; float: left; display: block; overflow: hidden; }
					#contentbox div.sidebar a.netgenerator { width: 159px; padding: 20px; margin: 30px 0 0; float: left; display: block; overflow: hidden; font-size: 11px; background: #fd5b00; color: #FFF; text-decoration: none; text-align: center; }
					* html #contentbox div.sidebar a.netgenerator { width: 199px; }
					#contentbox div.sidebar a.netgenerator:hover, #contentbox div.sidebar a.netgenerator:active, #contentbox div.sidebar a.netgenerator:focus  { color: #FFF; }
					
			#content { width: 418px; margin: 53px 0 0; padding: 0 50px 50px; display: block; float: left; }
			* html #content { width: 518px; }
				#content h1 { display: block; margin: 0 0 30px; font: 16px "Tahoma","Arial","Verdana","Helvetica","Geneva"; }
			#contact { float: right; }
				#contactform { width: 179px; padding: 10px 20px; float: left; }
				* html #contactform { width: 199px; }
					#contactform input.textfeld, #contactform textarea { width: 155px; }
					#contactform a.submit { padding: 3px 3px 3px 30px; margin: 0 21px 0 0; background: transparent url(grafik/navi_eintrag.gif) 20px 50% no-repeat; font-size: 11px; float: right; }
					
			
		.clear {clear:both;}
		.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clearfix { display: inline-block; }
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }
		/* End hide from IE-mac */