/*
	TuningPalace CSS
	(c) 2009 NETGENERATOR
	
	Version 0.04
	16.12.2009
*/


body { background: #f6f7e3 url(../grafik/bg_body_standard.png) 50% top repeat-x; color: #544c43; font-family: "Trebuchet MS", Tahoma, Arial, Verdana; font-size: 12px; line-height: 1.2em; }
body.index { background: #f6f7e3 url(../grafik/bg_body_index.png) 50% top repeat-x; }
h1, h2, h3, h4, h5 { font-weight: normal; color: #3b8400; }
h1, h2 { font-weight: bold; font-size: 15px; text-transform: uppercase; margin: 0 0 15px; padding: 0 0 3px; line-height: 1.2em; border-bottom: 1px solid #dae190; }
p { margin: 0; padding: 0; }
.rightfloat, .float_right { float: right; }
a { color: #544c43; text-decoration: underline; }
a:hover, a:focus, a:active { color: #3b8400; }
.nodecoration { text-decoration: none; }
.bold { font-weight: bold; }
.external { padding: 0 0 0 15px; background: transparent url(../grafik/link_icon_orange.gif) left 50% no-repeat; font-style: italic; }


/* login / register */
.form_row { display: block; clear: both; padding: 1px 0 0; margin: 0; }
	label { width: 170px; margin: 0 10px 10px 0; float: left; clear: both; display: block; text-align: right; }
	span.login { margin: 0 20px 0 0; }
	.login_pw_vergessen { text-decoration: underline; }
	
	.form_info { display: block; clear: both; padding: 0 0 15px 25px; font-size: 11px; font-style: italic; }
	input, select, textarea { margin: 2px 0 5px; padding: 1px 3px; background: #fff; color: #544c43; border: 1px solid #d2d1d1; font-family: "Trebuchet MS", Tahoma, Arial, Verdana; font-style: italic; font-size: 12px; }
	input:hover, input:active, input:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus { background: #f6f7e3; }
	
	.submit { padding: 2px 5px; background: #3b8400; color: #fff; text-decoration: none; font-weight: bold; font-style: normal; font-size: 12px; }
	.submit:hover, .submit:active, .submit:focus { color: #fff; background: #ff9000; }
	.rechts { float: right; }

#bodycontainer { position: relative; }
#topbar { position: absolute; top: 0px; right: 10px; font-size: 10px; color: #9e8d6a; }
	#topbar ul { margin: 0; padding: 0; list-style: none; text-align: right; }
		#topbar ul li { height: 19px; margin: 0; padding: 0; float: left; border-left: 1px solid #9e8d6a; }
			#topbar ul li a { display: block; padding: 2px 10px; color: #9e8d6a; text-decoration: none; }
			#topbar ul li a:hover, #topbar ul li a:active, #topbar ul li a:focus { background: #eee8c5; color: #4e2e2c; }

#header_container { width: 100%; height: 182px; position: absolute; top: 0px; overflow: hidden; }
	
	#header { width: 960px; height: 182px; margin: 0 auto; position: relative; }
		#logo_blaetter { width: 110px; height: 143px; position: absolute; top: 18px; left: 2px; }
		#logo_fahne { width: 830px; height: 86px; position: absolute; top: 18px; right: 2px; padding: 10px 0 0 22px; font-family: Arial; font-size: 63px; font-weight: bold; font-style: italic; }
		
		
		
		#mainnavi { width: 100%; list-style: none; padding: 0; margin: 139px 10px 0 0; float: right; position: relative; }
			#mainnavi li { height: 35px; min-width: 50px; width: auto !important; width: 50px; margin: 0; padding: 5px 0 0; float: right; list-style: none; border-left: 1px solid #edecea; }
			#mainnavi li.lastitem { border: none; }
			#mainnavi li a { height: 35px; margin: 0; padding: 0 10px 0; float: left; text-decoration: none; color: #a39e97; font-size: 10px; white-space: nowrap; cursor: pointer; line-height: 0.6em; }
					#mainnavi li a span { display: block; padding: 0; margin: 0; font-size: 11px; font-weight: bold; color: #544c43; }
				#mainnavi li a:hover, #mainnavi li a:active, #mainnavi li a:focus, #mainnavi li a.active {  }
				#mainnavi li a:hover span, #mainnavi li a:active span, #mainnavi li a:focus span, #mainnavi li a.active span { color: #3b8400; }
				/*				background: transparent url(../grafik/bg_mainnavi_right.jpg) right top no-repeat; */
					#mainnavi li a .hl { font-size: 18px; text-transform: uppercase; font-weight: normal; display: block; clear: both; color: #fff; }
						#mainnavi li a:hover .hl, #mainnavi li a:active .hl, #mainnavi li a:focus .hl, #mainnavi li a.active .hl { color: #f7b31b; }
						#mainnavi .navibg { height: 90px; background: red; }
		

/* unterseiten */
	#content_container { display: table; margin-top: 240px; position: relative; }
		.mitarbeiter_fotos {}
			.mitarbeiter_fotos img { float: left; }
			.mitarbeiter_fotos p { display: inline-block; }
	#content_sidebar { position: relative; }
		#angebote_dropdown { width: 144px; padding: 0 10px 10px; position: absolute; top: -61px; right: -10px; list-style: none; border: 3px solid #dae190; border-top: none; background: #fff; }
		#callback_box #angebote_dropdown { top: -3px; right: 0px; }
			#angebote_dropdown li { margin: 0 0 10px; }
				#angebote_dropdown li a { text-decoration: none; color: #a39e97; }
					#angebote_dropdown li a strong { color: #544c43; }
				#angebote_dropdown li.closelink { margin-top: 8px; text-decoration: underline; color: #544c43; font-weight: bold; text-align: right; cursor: pointer; }
	
	#suche_treffer {  }
		#suche_treffer li { padding: 0 0 20px; }
			#suche_treffer li  a { font-size: 11px; }
			#suche_treffer li  a.external { display: block; margin: 3px 0 0; text-decoration: none; }
			#suche_treffer li  strong { display: block; margin: 0 0 3px; }
	
	/* aktuelle angebote */
	.angebotstitel { display: block; font-weight: bold; font-size: 22px;  }
	.angebote { position: relative; list-style: none; margin: 30px 0 0; padding: 0; }
		.angebote li { width: 100%; position: relative; display: table; clear: both; margin: -1px 0 0; padding: 20px 0; border: 1px solid #DAE190; border-left: none; border-right: none; !margin-top: -6px; }
			.angebote li .titel { margin: 0 0 10px; display: block; font-weight: bold; font-size: 22px; }
			.angebote li .bild { width: 200px; margin: 0 0 15px 0; display: block; float: left; }
			.angebote li .text { margin: 0 0 30px; display: block; float: left; !padding-bottom: 20px; }
			.angebote li .preis { display: block; padding: 30px 0 0; text-align: right; color: #ff9000; }
				.angebote li .preis strong { padding: 10px 0 0; font-weight: bold; font-size: 22px; }
	/* übersicht angebote */
	#angebote_uebersicht { position: relative; list-style: none; margin: 30px 0 0; padding: 0; }
		#angebote_uebersicht li { width: 100%; position: relative; display: table; clear: both; margin: -1px 0 0; padding: 20px 0; border: 1px solid #DAE190; border-left: none; border-right: none; }
			#angebote_uebersicht li .titel { margin: 0 0 10px; display: block; font-weight: bold; font-size: 22px; }
			#angebote_uebersicht li .artikel_titel { width: 70%; display: block; float: left; }
			#angebote_uebersicht li .artikel_preis { width: 25%; display: block; float: right; text-align: right; color: #ff9000; }
			
	
	
/* startseite */
	body.index h1, body.index h2 { font-size: 13px; }
	body.index #header_container { height: 620px; }
		#header_picbox { width: 960px; height: 439px; margin: 0 auto; position: relative; background: #fff url(../grafik/header_bigpic.jpg) left top no-repeat; }
			#callback_box { width: 197px; height: 399px; position: absolute; right: 0; top: 0; padding: 20px; background: transparent url(../grafik/bg_header_callbackbox.png) left top repeat-y; }
				#callback_box h1, #callback_box h2 { padding: 0; border: none; }
				#callback_box  .blockicon { margin: 10px 0 0 -10px; }
				
				#callback_box .textfeld, #callback_box textarea { width: 189px; }
				#callback_box .nospam { width: 20px; }
			#bigpic #headline { width: 800px; position: absolute; top: 20px; right: 20px; margin: 0 0 20px; color: #fff; text-shadow: 0 0 10px #000, 0 0 10px #000; text-align: right; }
				#bigpic #headline h1 { font-size: 45px; line-height: 1.2em; color: #fff; text-transform: uppercase; }
				#bigpic #headline h2 { width: 425px; margin: 0 0 0 360px; padding: 10px 20px 15px 15px; font-size: 24px; line-height: 1.1em; color: #fff; background: transparent url(../grafik/bg_grauschleier.png) left top repeat-y;  }
			#herstellerlogos { position: absolute; left: 20px; top: 25px; }
		#wanderweg { margin: -25px 0 20px; color: #aaa; text-transform: uppercase; }
	

	body.index #content_container { display: table; margin-top: 622px; background: transparent url(../grafik/bg_greenbox.png) left top repeat-y; }
		body.index #content_container div { width: 260px; padding-top: 50px; padding-bottom: 70px; }
		#content_container .leftbox { padding-left: 20px; padding-right: 40px; }
		#content_container .rightbox { padding-left: 40px; padding-right: 20px; }

		
		
	#map, #map_canvas { width: 350px; height: 500px; margin: 0 0 30px 20px; float: right; border: 1px solid #f7b31b; color: #2b2b2b; }
		#map a, #map_canvas a { color: #2b2b2b; }
	#content { position: relative; }
		
		
		
		
	
/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }

	
/* messagebox */
	#messagebox { background: #dae190; padding: 20px; margin: 5px 0 20px; }
	.artikelliste #messagebox { margin-left: 10px; }
		#messagebox h2 { font-size: 12px; text-transform: none; }


	
	
/* footer */
	#footerboxen { width: 920px; margin-top: 80px; padding: 0 0 0 20px; border-top: 1px solid #2b2b2b; }
		#footerboxen div { margin: 10px 0 30px; }
	ul.sitemap { list-style: none; margin: 0; padding: 0; }
		ul.sitemap li { margin: 0; padding: 0; text-transform: uppercase; }
			ul.sitemap li a { text-decoration: none; color: #f7b31b; }
				ul.sitemap li a:hover, ul.sitemap li a:focus, ul.sitemap li a:active { text-decoration: underline; }
			ul.sitemap li ul { margin: 0 0 0 10px; list-style: none; }
				ul.sitemap li ul li { text-transform: none; }
					ul.sitemap li ul li a { color: #63480c; }
					ul.sitemap li ul li a:hover, ul.sitemap li ul li a:focus, ul.sitemap li ul li a:active { color: #f7b31b; text-decoration: underline; }
	#footer_container { margin-top: 50px; }
		
		.footernavi { display: block; list-style: none; margin: 50px 0 0; padding: 0; text-align: center; font-size: 11px; color: #8f875b; }
			.footernavi li { float: left; margin: 0 20px 10px 0; }
				.footernavi li a { color: #8f875b; text-decoration: none; border-bottom: 3px solid #c5bc89; padding: 0; margin: 0; }
				.footernavi li a:hover, .footernavi li a:active, .footernavi li a:focus, .footernavi li a.active { color: #898700; border-bottom: 3px solid #4e2e2c; }