/*
	CSS fuer Confiserie "La douceur de vivre"
	Copyright 2009 NETGENERATOR
	http://www.netgenerator.de
	
	Version 0.1 27.11.2009
*/


body { background: #898700 url(../grafik/bg_top.png) 0 0 repeat-x; color: #fff; font-family: Tahoma, Arial, Verdana; }
h1, h2 { font-weight: normal; }
.rightfloat { float: right; }

a { color: #fff; }
a:hover, a:active, a:focus { color: #eee8c5; }

#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: 520px; position: absolute; top: 0px; overflow: hidden; background: transparent url(../grafik/bg_bigpic.png) 50% 150px no-repeat; }
	#bigpic { width: 960px; height: 370px; margin: 15px auto 0; position: relative; }
		#bigpic h1 { height: 103px; position: absolute; top: 145px; padding: 90px 85px 0 25px; font-size: 32px; line-height: 21px; background: transparent url(../grafik/bg_bigpic_text.png) left top no-repeat; }
			#bigpic h1 span { font-size: 14px; }
	#header { width: 960px; height: 150px; margin: 0 auto; position: relative; }
		#logo { width: 200px; height: 87px; position: absolute; top: 55px; left: 15px; }
		#mainnavi { list-style: none; margin: 20px 0 0; padding: 0; position: absolute; right: 20px; bottom: 0; }
			#mainnavi li { float: left; }
				#mainnavi li a { padding: 0 10px 0; font-size: 20px; color: #898700; text-decoration: none; }
				#mainnavi li a:hover, #mainnavi li a:active, #mainnavi li a:focus, #mainnavi li a.active { color: #4e2e2c; border-bottom: 3px solid #4e2e2c; }

.container_12, .container_16 { }
.afterheader { margin-top: 550px; }
#unterschrift_team { margin: 50px 50px 0 0; clear: both; float: right; }

.vanillebox { width: 100%; padding: 140px 0 0; display: table; background: #eee8c5 url(../grafik/bg_greenbox_footer.png) left top repeat-x; color: #4e2e2c; }
	.vanillebox .container_12 { padding-left: 10px; }
	.vanillebox a { color: #4e2e2c; }
	
	#marken_boxen { list-style: none; margin: 0; padding: 0; }
		#marken_boxen li { width: 108px; height: 62px; float: left; margin: 0 28px 30px 0; border: 1px solid #c5bc89; }
		#marken_boxen li.last { margin-right: 0; }

	.vanillebox .footer { margin-bottom: 30px; border-top: 1px solid #c5bc89; display: table; }
		.footernavi { display: block; list-style: none; margin: 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; }