@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/20px "Trebuchet MS", Arial, Verdana;
	color:#5a5a5a;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #CCEA89 url(../images/bg-body.gif) repeat 23px -15px;
}
#background {
	background: #CCEA89 url(../images/bg.jpg) repeat-x top center;
	height:900px;
	width:100%;
	position:relative;
	z-index:0;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 23px "Trebuchet MS", Arial, Verdana;
	color: #459cc9;
	padding: 0 0 20px 0;
}
h2 {
	font: bold 13px "Trebuchet MS", Arial, Verdana;
	color: #da0057;
}
h3 {
	font: bold 16px "Trebuchet MS", Arial, Verdana;
	color: #68ac26;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 15px "Trebuchet MS", Arial, Verdana;
	color: #da0057;
}
h5 {
	font: bold 16px "Trebuchet MS", Arial, Verdana;
	color: #68ac26;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-right { margin:0 0 20px 0; }
.float-left { float:left; margin:0 10px 10px 0; }

.linie { width:450px; border-bottom:1px solid #CCCCCC; margin:15px 0 15px 0; }
/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 992px;
	position:relative;
	background:url(../images/bg-container.png) repeat-y top center;
}

/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 992px;
	height:346px;
}
#flash {
	width: 992px;
	height:346px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar-left {
	width:208px;
	float:left;
	padding:34px 0 0 42px;
	background:url(../images/bg-sidebar-left.gif) 7px 180px no-repeat;
	height:400px;
	_height:400px;
}
#content-sidebar-left ul {
	margin-bottom:25px;
}

#content-sidebar-left li { 
	background:url(../images/li-subnavi.gif) 0 10px no-repeat; 
	padding:0 0 0 17px; 
	line-height:26px;
	margin-left:16px;
}
#content-sidebar-left h2 { width:199px; height:35px; padding:0px; text-indent:-6000px; margin-bottom:10px; }

#content-sidebar-left h2.leistungen { background:url(../images/h2/bg-wir-bieten-ihnen.jpg); }
#content-sidebar-left h2.paketshop { background:url(../images/h2/bg-paketshop.jpg); }

/*---------------------------------------------------------------------------------------
--------------------------------------RIGHT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar-right {
	width:199px;
	float:left;
	padding:34px 42px 0 9px;
	_padding:34px 0px 0 9px;
	_width:230px;
	background:url(../images/bg-sidebar-right.gif) top left no-repeat;
}
#content-sidebar-right p {
	padding:0 0 5px 0;
	color:#353535;
}
#content-sidebar-right h2 { width:199px; height:35px; padding:0px; text-indent:-6000px; margin-bottom:10px; }

#content-sidebar-right h2.aktuelleneuigkeiten { background:url(../images/h2/bg-aktuelleneuigkeiten.jpg); }
#content-sidebar-right h2.oeffnungszeiten { background:url(../images/h2/bg-oeffnungszeiten.jpg); margin-top:10px; }
#content-sidebar-right h2.kontaktdaten { background:url(../images/h2/bg-kontaktdaten.jpg); height:47px; margin-top:10px; }

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:908px;
	height:38px;
	margin-left:42px;
	margin-right:42px;
}
#navi li {
	float:left;
}
#navi li a {
	display:block;
	height:38px;
	text-indent:-6000px;
	float:left;
}
#navi li.n1 a { width:167px;background:url(../images/bg-navi.jpg) -36px 0; } 
#navi li.n2 a { width:153px; background:url(../images/bg-navi.jpg) -203px 0; }
#navi li.n3 a { width:144px; background:url(../images/bg-navi.jpg) -356px 0; }
#navi li.n4 a { width:191px; background:url(../images/bg-navi.jpg) -501px 0; }
#navi li.n5 a { width:161px; background:url(../images/bg-navi.jpg) -692px 0; }
#navi li.n6 a { width:91px; background:url(../images/bg-navi.jpg) -852px 0; }


#navi li.n1 a:hover { background:url(../images/bg-navi.jpg) -36px -38px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.jpg) -203px -38px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.jpg) -356px -38px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.jpg) -501px -38px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.jpg) -692px -38px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.jpg) -852px -38px; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	position:absolute;
	bottom:31px;
	right:20px;
}

#navi-add li{
	float: left;
	display:block;
	margin-right:20px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:454px;
	float:left;
	padding:34px 18px 20px 18px;
	_margin:0 0 20px 18px;
	_padding:34px 18px 20px 18px;
	_width:483px;
	background:url(../images/bg-content-main.gif) top right no-repeat;
}
#content-main .box {
	width:430px;
	background:#f2f2f2;
	border:1px solid #dedede;
	padding:10px 10px 10px 0;
	height:150px;
	margin-bottom:15px;
}
/*------------------ H 1 ------------------*/

#content-main h1 { width:393px; height:36px; text-indent:-6000px; }
#content-main h1.index { background:url(../images/h1/bg-index.gif) no-repeat; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.gif) no-repeat; }
#content-main h1.danke { background:url(../images/h1/bg-danke.gif) no-repeat; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.gif) no-repeat; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.gif) no-repeat; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.gif) no-repeat; }
#content-main h1.agb { background:url(../images/h1/bg-agb.gif) no-repeat; }
#content-main h1.allerheiligen { background:url(../images/h1/bg-allerheiligen.gif) no-repeat; }
#content-main h1.basteln { background:url(../images/h1/bg-basteln.gif) no-repeat; }
#content-main h1.blumenstecker { background:url(../images/h1/bg-blumenstecker.gif) no-repeat; }
#content-main h1.gartenservice { background:url(../images/h1/bg-gartenservice.gif) no-repeat; }
#content-main h1.hochzeitsfloristik { background:url(../images/h1/bg-hochzeitsfloristik.gif) no-repeat; }
#content-main h1.neuigkeiten { background:url(../images/h1/bg-neuigkeiten.gif) no-repeat; }
#content-main h1.seidenblumengestecke { background:url(../images/h1/bg-seidenblumengestecke.gif) no-repeat; }
#content-main h1.newsletter { background:url(../images/h1/bg-newsletter.gif) no-repeat; }
#content-main h1.straeusse-gestecke { background:url(../images/h1/bg-straeusse-gestecke.gif) no-repeat; }
#content-main h1.trauerbinderei { background:url(../images/h1/bg-trauerbinderei.gif) no-repeat; }
#content-main h1.ueber-uns { background:url(../images/h1/bg-ueber-uns.gif) no-repeat; }
#content-main h1.weihnachten { background:url(../images/h1/bg-weihnachten.gif) no-repeat; }
#content-main h1.wissenswertes { background:url(../images/h1/bg-wissenswertes.gif) no-repeat; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*------------------ Textformatierungen ------------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}

#content-main .image {
	border: 1px solid #ccc;
	padding: 3px;
}

#content-main .image:hover{
	border: 1px solid #da0057;
	padding: 3px;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:992px;
	height:145px;
	position:relative;
	background:url(../images/bg-footer.png) no-repeat top center;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #da0057;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#da0057;
}