/***
*	Hauptfarbe: #333;
*	Grünton:	#8ea861;
***/


/*** allgemeine Informationen ***/
* {
	margin: 0;
	padding: 0;
}

body, html {
	background-image: url('../images/design/background_body.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	
	width: 100%;
}

p {
	margin: 0 0 20px 0;
}

h3 {
	color: #8ea861;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h3 a{
	border: 0px !important;
}

h4 {
	color: #8ea861;
	font-size: 13px;
	margin: 0 0 10px 0;
}

a {
	color: #333;
	border-bottom: 1px dashed #8ea861;
	text-decoration: none;
}

a:hover {
	color: #8ea861;
}

.floatend {
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*** LOGO ***/
div#logo {
	background-image: url('../images/design/background_logo.jpg');
	background-repeat: no-repeat;
	background-position: center top;

	height: 215px;
	width: 100%;
}

div#logo h1,
div#logo h2 {
	display: none;
}


/*** NAVIGATION ***/
div#navigation {
	height: 55px;
	width: 980px;
	
	margin: 0 auto;
}

div#navigation ul {
	list-style: none;
}

div#navigation ul li {
	float: left;
}

div#navigation ul li a {
	display: block;
	height: 30px;
	
	background-image: url('../images/design/navigation.jpg');
	background-repeat: no-repeat;

	border: 0px;
}

						div#navigation ul li a.raeumlichkeiten 		 	{ width: 114px; background-position: 0px   0px; }
						div#navigation ul li a.raeumlichkeiten:hover 	{ width: 114px; background-position: 0px -30px; }
div.raeumlichkeiten		div#navigation ul li a.raeumlichkeiten 		 	{ width: 114px; background-position: 0px -60px; }

						div#navigation ul li a.eventfloristik 		 	{ width: 112px; background-position: -114px   0px; }
						div#navigation ul li a.eventfloristik:hover  	{ width: 112px; background-position: -114px -30px; }
div.eventfloristik		div#navigation ul li a.eventfloristik 		 	{ width: 112px; background-position: -114px -60px; }

						div#navigation ul li a.hochzeitfloristik 		{ width: 141px; background-position: -226px   0px; }
						div#navigation ul li a.hochzeitfloristik:hover 	{ width: 141px; background-position: -226px -30px; }
div.hochzeitfloristik	div#navigation ul li a.hochzeitfloristik 		{ width: 141px; background-position: -226px -60px; }

						div#navigation ul li a.trauerfloristik 			{ width: 118px; background-position: -367px   0px; }
						div#navigation ul li a.trauerfloristik:hover 	{ width: 118px; background-position: -367px -30px; }
div.trauerfloristik		div#navigation ul li a.trauerfloristik 			{ width: 118px; background-position: -367px -60px; }

						div#navigation ul li a.feiern 		 			{ width: 118px; background-position: -485px   0px; }
						div#navigation ul li a.feiern:hover  			{ width: 118px; background-position: -485px -30px; }
div.feiern				div#navigation ul li a.feiern 		  			{ width: 118px; background-position: -485px -60px; }

						div#navigation ul li a.gastronomie 		 		{ width: 115px; background-position: -603px   0px; }
						div#navigation ul li a.gastronomie:hover 		{ width: 115px; background-position: -603px -30px; }
div.gastronomie			div#navigation ul li a.gastronomie 		 		{ width: 115px; background-position: -603px -60px; }

						div#navigation ul li a.kurse 		 			{ width:  64px; background-position: -718px   0px; }
						div#navigation ul li a.kurse:hover 				{ width:  64px; background-position: -718px -30px; }
div.kurse				div#navigation ul li a.kurse 		 			{ width:  64px; background-position: -718px -60px; }

						div#navigation ul li a.ausstellungen 		 	{ width: 108px; background-position: -782px   0px; }
						div#navigation ul li a.ausstellungen:hover 		{ width: 108px; background-position: -782px -30px; }
div.ausstellung			div#navigation ul li a.ausstellungen 		 	{ width: 108px; background-position: -782px -60px; }

						div#navigation ul li a.referenzen 		 		{ width:  90px; background-position: -890px   0px; }
						div#navigation ul li a.referenzen:hover 		{ width:  90px; background-position: -890px -30px; }
div.referenzen			div#navigation ul li a.referenzen 		 		{ width:  90px; background-position: -890px -60px; }

div#navigation ul li a span { display: none; }


/*** HEADER ***/
div#header {
	background-image: url('../images/design/background_header.jpg');
	background-repeat: repeat-x;

	height: 310px;
	width: 100%;
}

div#header div.inside {
	position: relative;
	
	width: 980px;

	padding: 2px 0;	
	margin: 0 auto;
}

div#header div.inside ul {
	position: absolute;
	bottom: 5px;
	right: 0px;
	
	z-index: 50;
	
	list-style: none;
	text-align: right;
}

div#header div.inside ul li {
	float: left;
	margin: 0 20px 0 0;
}

div#header div.inside ul li a {
	color: #fff;
	border-bottom: 0px;
	text-decoration: none;
}

div#header div.inside ul li a:hover {
	border-bottom: 1px dashed #fff;
}


/*** CONTENT ***/
div#content {
	width: 980px;
	margin: 0 auto;
}


/*** HEADLINE ***/
div#headline {
	background-repeat: no-repeat;
	background-position: center top;

	width: 100px;
	height: 400px;
	
	padding: 0 0 110px 0;
	float: left;
}

div#headline h2 {
	display: none;
}

div.index 				div#headline {	background-image: url('../images/design/headline_index.jpg');	}
div.raeumlichkeiten 	div#headline {	background-image: url('../images/design/headline_raeumlichkeiten.jpg');	}
div.eventfloristik 		div#headline {	background-image: url('../images/design/headline_eventfloristik.jpg');	}
div.hochzeitfloristik 	div#headline {	background-image: url('../images/design/headline_hochzeitfloristik.jpg');	}
div.trauerfloristik 	div#headline {	background-image: url('../images/design/headline_trauerfloristik.jpg');	}
div.feiern 				div#headline {	background-image: url('../images/design/headline_feiern.jpg');	}
div.gastronomie 		div#headline {	background-image: url('../images/design/headline_gastronomie.jpg');	}
div.kurse 				div#headline {	background-image: url('../images/design/headline_kurse.jpg');	}
div.ausstellung 		div#headline {	background-image: url('../images/design/headline_ausstellung.jpg');	}
div.gallery 			div#headline {	background-image: url('../images/design/headline_gallery.jpg');	}
div.referenzen 			div#headline {	background-image: url('../images/design/headline_referenzen.jpg');	}
div.guestbook 			div#headline {	background-image: url('../images/design/headline_guestbook.jpg');	}
div.newsletter 			div#headline {	background-image: url('../images/design/headline_newsletter.jpg');	}
div.kontakt 			div#headline {	background-image: url('../images/design/headline_kontakt.jpg');	}
div.anfahrt 			div#headline {	background-image: url('../images/design/headline_anfahrt.jpg');	}
div.impressum 			div#headline {	background-image: url('../images/design/headline_impressum.jpg');	}


/*** MAIN ***/
div#main {
	width: 500px;
	float: left;
	margin: 0;
	padding: 0 0 160px 0;
}

div#content div.gallery a {
	border: 0px;
	width: 160px;
	height: 120px;
	text-align: center;
	display: block;
	float: left;
	margin: 0 5px 10px 0;
}

div#content div.gallery a.lightbox img {
	border: 1px dashed #333;
	padding: 4px;
	height: 110px;
	width: 147px;
}

div#content div.gallery a.lightbox:hover img {
	border: 1px dashed #8ea861;
}

div#content div.gallery a.last {
	margin: 0 0 10px 0;
}


/*** RIGHT ***/
div#right {
	width: 340px;
	margin: 0 0 0 640px;
}


div#content div.kurse a,
div#content div.ausstellung a {
	border: 0px;
	width: 160px;
	height: 120px;
	text-align: center;
	display: block;
	float: right;
	margin: 0 0 10px 20px;
}

div#content div.kurse a img,
div#content div.ausstellung a img {
	border: 1px dashed #333;
	padding: 4px;
	height: 110px;
}

div#content div.kurse a:hover img,
div#content div.ausstellung a:hover img {
	border: 1px dashed #8ea861;
	height: 110px;
}



/*** GALLERY ***/
div#gallery {
	border: 0px;
	margin: 0 0 40px 0;
}

div#gallery a.lightbox {
	border: 0px;
}

div#gallery a.lightbox img.gallery {
	margin: 0 10px 10px 0;
	padding: 4px;
	
	border: 1px dashed #333;
}

div#gallery a.lightbox:hover img.gallery {
	border: 1px dashed #8ea861;
}

div#gallery a.lightbox img.last {
	margin: 0 0 10px 0;
}

/*** ADDRESS ***/
div#address {
	background-image: url('../images/design/background_address.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	
	padding: 50px 0 0 0;
}

div#address p {
	margin: 0 0 10px 0;
}


/*** GUESTBOOK ***/
div.newEntry {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
	text-align: center;
}

div.newEntry a {
	width: 150px;
	border: 0px;
}

div.pageOf {
	width: 100px;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

div.pageNum {
	width: 400px;
	text-align: right;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

div.gbInfo {
	clear: both;
	font-size: 11px;
	font-weight: bold;
}

div.gbEntry {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}