@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: imkerei-duehnen.de
	author: Matthias König
	
	1. Allgemeines
	2. Header-BG
		2.1 Navi 1 (Honig)
		2.2 Navi 2 (Angebote & Über uns)
		2.3 Navi 3 (Service & Startseite)
		2.4 Navi 4 (KAI)
		2.5 Logo
	3. Content-BG
	
----------------------------------------
	Colors
----------------------------------------

	text		=>		#515151
	
	orange		=>		#ff8400

----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		}
		
	body {
		font: 62.5%/1.8em "trebuchet ms", verdana, arial, sans-serif;
		color: #515151;
		background: #c5a777 url(../images/bg.jpg) center top repeat;
		}
		
	h1 {
		display: block;
		width: 430px;
		height: 80px;
		text-indent: -9999px;
		font-size: 1px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		left: 154px;
		}
		
	h2 {
		font-size: 1.4em;
		margin: 0 0 1.2em 0;
		}
		
	h3 {
		font-size: 1.2em;
		margin: 0 0 1.2em 0;
		}
		
	p {
		margin: 0 0 1.2em 0;
		}
		
	.cleaner {
		float: none; 
		clear: both;
		}
		
	.grau {
		color: #888;
		}
		
/* -------------------------------------
	2. Header-BG
------------------------------------- */
		
	#header-bg {
		width: 100%;
		height: 403px;
		background: url(../images/header.jpg) center top no-repeat;
		}
		
	#header-bg #header-wrapper {
		width: 980px;
		height: 403px;
		position: relative;
		margin: 0 auto;
		background: url(../images/header_wrapper.jpg) 0 0 no-repeat;
		}
		
	#header-wrapper ul {
		list-style: none;
		}
		
	#header-wrapper ul li a {
		font-size: 1px;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		}
		
	#header-wrapper ul li a:hover,
	#header-wrapper ul li a.active {
		background: none!important;
		}
		
			/* -------------------------------------
				2.1 Navi 1 (Honig)
			------------------------------------- */
			
				#navi1 {
					top: 69px;
					left: 54px;
					position: absolute;
					}
					
				#navi1 ul li a {
					width: 156px;
					height: 32px;
					}
					
				#navi1 ul li a.geschichte {
					background: url(../images/n1_geschichte.jpg) 0 0 no-repeat;
					}
					
				#navi1 ul li a.nektar {
					background: url(../images/n1_nektar.jpg) 0 0 no-repeat;
					}
					
				#navi1 ul li a.imker {
					background: url(../images/n1_imker.jpg) 0 0 no-repeat;
					}
					
				#navi1 ul li a.inhalt {
					background: url(../images/n1_inhalt.jpg) 0 0 no-repeat;
					}
					
			/* -------------------------------------
				2.2 Navi 2 (Angebote & Über uns)
			------------------------------------- */
			
				#navi2 {
					top: 36px;
					left: 274px;
					position: absolute;
					}
					
				#navi2 ul li a {
					width: 150px;
					}
					
				#navi2 ul li a.angebote {
					background: url(../images/n2_angebote.jpg) 0 0 no-repeat;
					height: 80px;
					margin: 0 0 31px 0;
					}
					
				#navi2 ul li a.ueber {
					background: url(../images/n2_ueber.jpg) 0 0 no-repeat;
					height: 53px;
					}
					
			/* -------------------------------------
				2.3 Navi 3 (Service & Startseite)
			------------------------------------- */				
					
				#navi3 {
					top: 36px;
					left: 470px;
					position: absolute;
					}
					
				#navi3 ul li a {
					width: 111px;
					}
					
				#navi3 ul li a.service {
					background: url(../images/n3_service.jpg) 0 0 no-repeat;
					height: 80px;
					}
					
			/* -------------------------------------
				2.4 Navi 4 (KAI)
			------------------------------------- */				
					
				#navi4 {
					top: 36px;
					left: 658px;
					position: absolute;
					}
					
				#navi4 ul li {
					float: left;
					}
					
				#navi4 ul li a {
					height: 14px;
					}
					
				#navi4 ul li a.index {
					background: url(../images/n4_index.jpg) 0 0 no-repeat;
					width: 58px;
					margin: 0 38px 0 0;
					}
					
				#navi4 ul li a.kontakt {
					background: url(../images/n4_kontakt.jpg) 0 0 no-repeat;
					width: 48px;
					margin: 0 37px 0 0;
					}
					
				#navi4 ul li a.impressum {
					background: url(../images/n4_impressum.jpg) 0 0 no-repeat;
					width: 67px;
					}
					
			/* -------------------------------------
				2.5 Logo
			------------------------------------- */				
					
				#logo {
					top: 74px;
					left: 709px;
					position: absolute;
					}
					
				#logo ul li a {
					width: 214px;
					height: 123px;
					background: url(../images/logo.jpg) 0 0 no-repeat;
					}
		
/* -------------------------------------
	3. Content-BG
------------------------------------- */
		
	#content-bg {
		width: 100%;
		background: url(../images/content-wrapper.jpg) center top no-repeat;
		font-size: 1.3em;
		}
		
		
			/* -------------------------------------
				3.1 Content
			------------------------------------- */
			
				#content-wrapper {
					width: 968px;
					margin: 0 auto;
					padding: 0 0 0 12px;
					}
					
				#content-box {
					width: 705px;
					background: url(../images/content-bg.jpg) 0 0 repeat-y;
					float: left;
					margin: 0 45px 100px 0;
					}
					
				#content {
					width: 622px;
					padding: 0 42px 0 41px;
					background: url(../images/honig.jpg) 614px 0 no-repeat;
					}
					
				#content a {
					color: #ff8400;
					text-decoration: none;
					}
					
				#content a:hover {
					color: #ff8400;
					text-decoration: underline;
					}
					
				#content .links {
					width: 300px;
					margin: 0 22px 0 0;
					float: left;
					}
					
				#content .rechts {
					width: 300px;
					float: left;
					}
					
				#content ul {
					list-style: none;
					margin: 0 0 1.2em 0;
					}
					
				#content ul.angebote {
					margin: 0 0 3.6em 0;
					}
					
				#content ul li {
					background: url(../images/li.png) 0 0 no-repeat;
					padding: 0 0 0 20px;
					margin: 0 0 1.2em 20px;
					}
					
				#content .img-float {
					border: 1px solid #515151;
					background: #fff;
					padding: 4px;
					margin: 5px 8px 5px 0;
					float: left;
					}
					
				#h1-box {
					width: 705px;
					height: 146px;
					background: url(../images/h1_bg.jpg) 0 0 no-repeat;
					position: relative;
					}
					
				#footer {
					width: 705px;
					height: 66px;
					background: url(../images/footer.jpg) 0 0 no-repeat;
					}
					
			/* -------------------------------------
				3.2 Sidebar
			------------------------------------- */
								
				#sidebar {
					width: 146px;
					height: 110px;
					float: left;
					padding: 110px 0 0 0;
					}
		
/* -------------------------------------
	Ende ;)
------------------------------------- */