@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{background:url(../images/html.jpg) repeat-x #529949;overflow-y:scroll;}
body{background:url(../images/body.jpg) no-repeat center top;font: 14px/19px "Trebuchet MS", sans-serif;color:#f9ffe1;}
a{color:#C5EB6B;text-decoration:underline;}
a:hover{text-decoration:none}
ul{list-style:none}
img {border:none}
p, address, .datenschutz{margin-bottom:20px; font-style:normal;}

#container{background:url(../images/container.png) left top repeat-y;width:970px;margin:auto}

/* header */
#header{background:url(../images/header.jpg);width:970px;height:385px}
#headerLeft{width:278px;padding:16px 28px 0 28px;float:left}
#headerLeft p#company{color:#E2FF73;font-size:16px;line-height:19px;margin:15px 0 9px 12px}
#headerLeft p#phones{color:#E2FF73;font-size:14px;line-height:18px;margin:5px 0 6px 12px}
a#btnAnfahrt{background:url(../images/btnAnfahrt.jpg) left top;width:132px;height:40px;display:block;margin-left:6px}
a#btnAnfahrt:hover{background-position:left bottom}
a#btnOnlineshop{background:url(../images/btnOnlineshop.jpg) left top;width:234px;height:42px;margin-left:11px; display:block;}
a#btnOnlineshop:hover{background-position:left bottom}
#headerRight{width:636px;float:left}
#btnImprint{text-align:right;line-height:48px}
a#btnImpressum{line-height:48px;color:#BCD853;font-size:12px;text-decoration:none;margin-right:85px}
#slideshow{padding:1px 0 0 35px}

#content{width:970px}
#contentSidebar{width:294px;padding:16px 0 0 28px;float:left}
#contentSidebar #fragen{color:#D8F870;font-size:12px;line-height:18px;padding:0 0 0 12px;width:250px;margin:30px 0 0 0}
#contentSidebar #fragen h3{font-size:16px;line-height:normal;margin:0 0 2px 0}
a#btnKontakt{background:url(../images/btnKontakt.jpg) left top;width:183px;height:40px;display:block}
a#btnKontakt:hover{background-position:left bottom}

/* navi */
#navi{background:url(../images/naviBg.jpg) no-repeat left bottom;padding:0 0 111px}
#navi li{position:relative}
#navi li a{background:url(../images/navi.gif) no-repeat left top;font-size:16px;line-height:normal;color:#006940;text-decoration:none;display:block;height:29px;width:233px;padding:6px 0px 0px 45px;margin:0px 0px 2px 0px}
#navi li a:hover,
#index #navi li a.na01,
#historie #navi li a.na02,
#aktuelles-angebote #navi li a.na03,
#produkte-und-sortimente #navi li a.na04,
#produkte-und-sortimente-boutique #navi li a.na04,
#produkte-und-sortimente-duenger #navi li a.na04,
#produkte-und-sortimente-gartengeraete #navi li a.na04,
#produkte-und-sortimente-gartenpflanzen-obstgehoelze #navi li a.na04,
#produkte-und-sortimente-kraeuter-gemuesepflanzen #navi li a.na04,
#produkte-und-sortimente-pflanzenschutz #navi li a.na04,
#produkte-und-sortimente-pflanzerde #navi li a.na04,
#produkte-und-sortimente-pflanzgefaesse #navi li a.na04,
#produkte-und-sortimente-rindenmulch-pinienrinde #navi li a.na04,
#produkte-und-sortimente-rosenabteilung #navi li a.na04,
#produkte-und-sortimente-saemereien-zwiebeln #navi li a.na04,
#produkte-und-sortimente-saisonpflanzen #navi li a.na04,
#produkte-und-sortimente-schnittblumen #navi li a.na04,
#produkte-und-sortimente-teich-und-pumpentechnik #navi li a.na04,
#produkte-und-sortimente-uebertoepfe #navi li a.na04,
#produkte-und-sortimente-zimmerpflanzen #navi li a.na04,
#dienstleistungen #navi li a.na05,
#dienstleistungen-anlieferung #navi li a.na05,
#dienstleistungen-geraeteverleih #navi li a.na05,
#dienstleistungen-geschenkverpackung #navi li a.na05,
#dienstleistungen-grabpflege #navi li a.na05,
#dienstleistungen-kaffeeecke #navi li a.na05,
#dienstleistungen-leihpflanzen #navi li a.na05,
#dienstleistungen-pflanzarbeiten #navi li a.na05,
#kostenfreier-service #navi li a.na06,
#gutscheine #navi li a.na07,
#links #navi li a.na08{background-position:left bottom}

#navi li:hover .subnavi{display:block}
#navi .subnavi{background:#00613F;border:1px solid #BCD853;display:none;height:auto;left:294px;list-style:none;padding:2px 0 1px 2px;position:absolute;top:0;width:414px;z-index:10}
#navi .subnavi li{float:left;margin-right:2px}
#navi .subnavi li a{background: url(../images/subnavi.jpg) no-repeat left top;color:#E7FF8D;display:block;font-size:13px;height:19px;line-height:normal;margin:0 0 1px;padding:3px 0 0 21px;text-decoration:none;text-indent:0;width:184px;}
#navi .subnavi li a:hover{background-position:left bottom;text-decoration:underline}

#navi li:hover .sub{display:block}
#navi .sub{background:#00613F;border:1px solid #BCD853;display:none;height:auto;left:294px;list-style:none;padding:2px 2px 1px 2px;position:absolute;top:0;width:auto;   z-index: 1;}
#navi .sub li{}
#navi .sub li a{background: url(../images/subnavi.jpg) no-repeat left top;color:#E7FF8D;display:block;font-size:13px;height:19px;line-height:normal;margin:0 0 1px;padding:3px 0 0 21px;text-decoration:none;text-indent:0;width:162px;}
#navi .sub li a:hover{background-position:left bottom;text-decoration:underline}


/* content */
#contentMain{float:right;width:610px;padding:0 0 0 29px}
#contentMain a img, iframe{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; padding:2px; border:1px solid #bbd753}
#contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; border:1px solid #bbd753;}
#contentMain img.image2{float:left;height:217px;margin:0 5px 19px 0;padding:2px;width:290px;}
#contentMain .highlight{color:#bcd853;font-size:13px;font-weight:bold;}
#contentMain .highlight2{color:#BCD853;font-size:13px;font-weight:bold;margin:0 0 16px 0;}
#contentMain .highlight3{color:#F9FFE1;font-size:13px;font-weight:bold;margin:0 0 8px 0;}
#contentMain h4{color:#F9FFE1;font-size:16px;font-weight:bold;line-height:normal;}
#contentMain ul{margin-bottom:16px;padding-left:16px;}

#teaserOeffnungszeiten{background:url(../images/teaserOeffnungszeiten.jpg);width:590px;height:150px;color:#006940;padding:10px 0 0 50px;float:right;position:relative}
#teaserOeffnungszeiten #logoFgc{background:url(../images/logofachgartencenter.png);width:111px;height:111px;position:absolute;left:270px;top:-24px}
#teaserOeffnungszeiten h3{color:#FFFFFF;font-size:25px;font-weight:normal;line-height:normal;margin:0;}

#contentMain ul.productList{padding-right:0px;padding-left:16px;float:left}
#contentMain ul.productList li{padding-bottom:5px}
#contentMain ul.productList li a{background:url(../images/li-navigationDropDown-bg.jpg) no-repeat 0 0;color:#E7FF8D;display:block;height:22px;padding:0 0 0 21px;text-decoration:none;width:214px;}
#contentMain ul.productList li a:hover{background-position:left bottom;text-decoration:underline}

a#btnOnlineshopNavi{background:url(../images/btnOnlineshopNavi.jpg) left top;width:278px;height:53px;display:none;position:absolute;top:697px; display:block;}
a#btnOnlineshopNavi:hover{background-position:left bottom}


/* footer */
#footerOut{background:url(../images/footerOut.jpg) repeat-x;width:100%;height:212px;}
#footerOut2{background:url(../images/footerOut2.jpg) no-repeat center top;width:100%;height:212px}
#footer{width:970px;margin:auto}
#footerLeft{width:334px;float:left;padding:135px 0 0 28px}
#btnGruenerleben{background:url(../images/btnGruenerleben.jpg);width:278px;height:71px;display:block}
#navigationSitemap{height:50px;list-style:none;text-align:center;float:left;width:450px;margin:135px 0 0 55px}
#navigationSitemap li{color:#E2FF73;float:left;font-size:12px;line-height:19px;}
#navigationSitemap li a{color:#E2FF73;font-size: 12px;line-height:19px;margin:0 4px;text-decoration:none;}
#navigationSitemap li a.center{margin:0 0 0 40px}
#navigationSitemap li a:hover{color:#F9FFE1;text-decoration:underline;}

/* allgemein */
.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.left{float:left;}
.right{float:right;}
.col{width:48%;}
.pdf{background:url(../images/pdf.gif) 0 0 no-repeat; padding:1px 0 4px 24px;}

h1, h1 a{background:url(../images/branding.jpg);width:278px;height:141px;display:block;}
h2{color:#bcd853;font-size:17px;font-weight:normal;line-height:normal;border-bottom:1px solid #bcd853;padding-bottom:10px;margin-bottom:20px}
h2 span{display:block;font-size:38px;margin-bottom:-8px}
a#btnPixaround{background:url(../images/btnPixaround.jpg) left top;width:222px;height:63px;display:block}
a#btnPixaround:hover{background-position:left bottom}