/*
Projektname:   PRAKTIKER Gartenportal / ergaenzendes CSS zu den PRAKTIKER Stilen
Erstellt am:   02.03.2010 von TS
Bearbeitet am:
*/



/* ------------  Wallpaper  -------------- */

body {

}


body#start {
background: #003717 url(../img/gartenportal/fruehjahr2011/wallpaper/wallpaper_allgemein.jpg) center top fixed no-repeat;
}

body#start div.page {
width: 960px;
padding-left: 20px;
background:#000 url(../img/gartenportal/wallpaper/wallpaper_allgemein_repeat.jpg) center top repeat-y;
}

body#home #wallpaper {  /* div am ende der seite */

}

.clear {
clear: both;
margin: -1px 0px 0px 0px;  /* laesst 1px clear nach oben verschwinden */
height: 0px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 0px;
line-height: 0px;
width: 100%;
}


.thema_grillen { /* div am ende der seite */
position: absolute;
top:0;
z-index: -1;
width: 100%;
height: 1100px;
background:#3c2313 url(../img/gartenportal/wallpaper/thema_grillen.jpg) center top no-repeat;
}

.thema_garten { /* div am ende der seite */
position: absolute;
top:0;
z-index: -1;
width: 100%;
height: 1100px;
background:#27451a url(../img/gartenportal/wallpaper/thema_garten.jpg) center top no-repeat;
}

.thema_balkon { /* div am ende der seite */
position: absolute;
top:0;
z-index: -1;
width: 100%;
height: 1100px;
background:#27451a url(../img/gartenportal/wallpaper/thema_balkon.jpg) center top no-repeat;
}

/* Wallpaper */
.thema-bluetengarten,
.thema-grill-pool,
.thema-steingarten {position: absolute; top: 0; z-index: -1; width: 100%; height: 1100px;}

.thema-bluetengarten {background: #617f1e url(../img/gartenportal/fruehjahr2011/wallpaper/thema_bluetengarten.jpg) center top no-repeat;}
.thema-grill-pool {background: #613018 url(../img/gartenportal/fruehjahr2011/wallpaper/thema_grill_pool.jpg) center top no-repeat;}
.thema-steingarten {background: #002f13 url(../img/gartenportal/fruehjahr2011/wallpaper/thema_steingarten.jpg) center top no-repeat;}

.imagemap-home ul#hotspots li a {
position: absolute;
}

.imagemap-home a.wallpaperlink-bluetengarten,
.imagemap-home a.wallpaperlink-grill-pool,
.imagemap-home a.wallpaperlink-steingarten {
display: block;
font-size: 1px;
height: 220px;
margin: 120px 0 0 60px;
position: absolute;
text-indent: -9999px;
width: 230px;
z-index: 9999;
}


/* ------------  Typo -------------- */

.body h1 {
color: #577716 !important;
}

.body h2 {
color: #577716 !important;
margin: 15px 0 10px 0;
}

.body-herbst h1 {
color: #843218 !important;
}

.body-herbst h2 {
color: #843218 !important;
}

.body a, .boxbody a { color: #577716 !important; }
.body .ce-header { color: #577716 !important; }

.bodyHerbst a, .boxbody a { color: #577716 !important; }
.bodyHerbst .ce-header { color: #577716 !important; }

/* ------------  Content Imagemap Startseite -------------- */

.imagemap-home {
display: block;
position: relative;
top: 13px;
width:940px;
height: 431px;
z-index: 1;
}

.imagemap-home h3 {
display: none;
}

.imagemap-home a.wallpaperlink-grillen {
position: absolute;
display:block;
width:300px;
height:220px;
margin: 140px 0 0 540px;
font-size: 1px; 
text-indent: -9999px;
z-index: 9999;
background: url(../img/gartenportal/wallpaper/blank.gif); /* IE Fix */
}
.imagemap-home a.wallpaperlink-garten {
position: absolute;
display:block;
width:300px;
height:220px;
margin: 80px 0 0 80px;
font-size: 1px; 
text-indent: -9999px;
z-index: 9999;
background: url(../img/gartenportal/wallpaper/blank.gif); /* IE Fix */
}
.imagemap-home a.wallpaperlink-balkon {
position: absolute;
display:block;
width:230px;
height:220px;
margin: 80px 0 0 80px;
font-size: 1px; 
text-indent: -9999px;
z-index: 9999;
background: url(../img/gartenportal/wallpaper/blank.gif); /* IE Fix */
}

.imagemap-home ul#hotspots {
display: inline;
position: absolute;
z-index: 99;
}

.imagemap-home ul#hotspots li {
display: inline
}

.imagemap-home ul#hotspots li a b {
display: none;
}

.imagemap-home ul#hotspots li a {
display: block;
position: relative;
width: 30px;
height:30px;
z-index: 9999;
background: url(../img/gartenportal/wallpaper/blank.gif); /* IE Fix */
}

.imagemap-home ul#hotspots li a:link span,
.imagemap-home ul#hotspots li a:visited span {
display: none;
}

.imagemap-home ul#hotspots li a:hover {
width: 262px;
padding: 0px 0 0px 0;
}

.imagemap-home ul#hotspots li a:hover span {
display: block !important;
position: relative !important;
left: 0px !important;
top: -30px !important;
text-align: right;
overflow: visible;
}


	/* Positionierung Hotspots Thema 1 */

.imagemap-home ul#hotspots li a.hotspot1-1 { margin-top: 231px; margin-left: 238px;}
.imagemap-home ul#hotspots li a.hotspot1-2 { margin-top: -180px; margin-left: 263px;}
.imagemap-home ul#hotspots li a.hotspot1-3 { margin-top: -43px; margin-left: 520px;}
.imagemap-home ul#hotspots li a.hotspot2-1 { margin-top: 336px; margin-left: 232px; }
.imagemap-home ul#hotspots li a.hotspot2-2 { margin-top: -70px; margin-left: 407px;  }
.imagemap-home ul#hotspots li a.hotspot2-3 { margin-top: -80px; margin-left: 800px; }
.imagemap-home ul#hotspots li a.hotspot2-3:hover span { left: -265px !important; top: -30px !important; text-align: left; overflow: visible; }
.imagemap-home ul#hotspots li a.hotspot3-1 { margin-top: 46px; margin-left: 570px; }
.imagemap-home ul#hotspots li a.hotspot3-1:hover span { left: -265px !important; top: -30px !important; text-align: left; overflow: visible; }
.imagemap-home ul#hotspots li a.hotspot3-2 { margin-top: 247px; margin-left: 336px;  }
.imagemap-home ul#hotspots li a.hotspot3-3 { margin-top: -188px; margin-left: 636px; }



	/* Schalter 1- 4 */

.imagemap-home dl#themennavi {
position: absolute;
margin-top: 394px;
margin-left: 86px;
z-index: 9999;
}

.imagemap-home dl#themennavi dt {
display: none;
}

.imagemap-home dl#themennavi dd {
display: block;
float: left;
text-align: center;
height: 32px; width: 31px;
margin: 10px 0 0 10px;
color: #577716;
cursor: pointer; 
}

* html .imagemap-home dl#themennavi dd {
height: 1%;
margin: 10px 2px 0 4px;
width: 35px;
}

.imagemap-home dl#themennavi dd.active {
color: #fdf521;
cursor: auto;
}


/* ------------  Seitenkopf -------------- */

.head { position:relative; height:218px; background:#fff url(../img/gartenportal/head-bg.png) 0 0 no-repeat; }
.head .logo { position:absolute; top:0; left:0; margin:46px 0 0 20px; }


/* Hauptmenu  */

.head .mainmenu { position:absolute; top:0; left:0; margin:154px 0 0 6px; }
.head .mainmenu dl dt { display:none; }
.head .mainmenu dl dd { float:left; height:32px; background-position:0 0; background-repeat:no-repeat; }
.head .mainmenu dl dd a { color:white; display:block; height:32px; background-position:0 0; background-repeat:no-repeat; }
.head .mainmenu dl dd a:hover { background-position:0 -32px; }
.head .mainmenu dl dd.on a,
.head .mainmenu dl dd.on a:hover { background-position:0 -64px; }
.head .mainmenu dl dd a span { display:none; }
.head .mainmenu dl dd.mm1 a { background-image:url(../img/gartenportal/mm1.gif); width:81px; }
.head .mainmenu dl dd.mm2 a { background-image:url(../img/gartenportal/mm2.gif); width:133px; }
.head .mainmenu dl dd.mm3 a { background-image:url(../img/gartenportal/mm3.gif); width:123px; }
.head .mainmenu dl dd.mm4 a { background-image:url(../img/gartenportal/mm4.gif); width:188px; }
.head .mainmenu dl dd.mm5 a { background-image:url(../img/gartenportal/mm5.gif); width:152px; }
.head .mainmenu dl dd.mm6 a { background-image:url(../img/gartenportal/mm6.gif); width:101px; }

.head .mainmenu dl dd.bookmark a {
margin: 7px 0 0 215px;
}

/* Teaser  */

.atop .head-boxes {
margin: 5px 0 0 554px;
padding: 0;
}

.atop h3 { display: none; }

.atop p {
font-size: 12px;
color: #fff;
margin: 36px 0 0 12px;
width: 148px;
line-height: 14px;
}

.atop p a {
color: #fff;
background:url(../img/gartenportal/linkpfeil_header.gif) no-repeat 0 1px;
padding-left: 8px;
}

.atop p a:hover {
color: #445e0f;
text-decoration: none;
background:url(../img/gartenportal/linkpfeil_header_hover.gif) no-repeat 0 1px;
}

.atop .head-taeser-newsletter {
margin:46px 0 0 0;
float: left;
width: 171px;
height: 75px;
background:url(../img/gartenportal/teaser_newsletter_bg.jpg) no-repeat;
}

.atop .head-taeser-markt {
margin:46px 0 0 20px;
float: left;
width: 171px;
height: 75px;
background:url(../img/gartenportal/teaser_markt_bg.jpg) no-repeat;
}

/* ------------  Teaser unten -------------- */

.teaserwrapper {
clear: left;
height: 192px;
width:940px;
margin: 30px 0 50px 0;
}
.teaserwrapper ul li {
display: inline;
margin-right: 15px;
}
.teaserwrapper ul li.last {
margin-right: 0px;
}
/* ------------  Footer  -------------- */

body#home .foot {
margin: 0px auto;
width:980px;
}

body#start .foot {
clear: both;
margin-top: 20px;
margin-left: -20px;
width:980px;
}

.foot .navigation-top { display: none }

.foot .navigation-sub {
position: relative;
clear: both;
width:980px;
margin: 25px 0 0 0;
background: none;
padding: 0 0 0 0;
}

.foot .navigation-sub div {
width:980px;
border-bottom: 1px solid #bac6a2;
background: none;
background-color: #e3f5c1;
padding: 0px 0px 20px 0px;
height: 110px;
margin: 0 0 0 0;
}

.foot .navigation-sub div dl {
display: block;
width: 157px;
margin: 20px 0 0 18px;
display: inline;
}
.foot .navigation-sub dl div {
    float: left;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 20px;
    border: 0;
}
.foot .navigation-sub dl div a{
	text-decoration: none;
}
.foot .navigation-sub div dl dd a {
color: #577716;
line-height: 1.5em;
}

.foot .navigation-sub div dl dd a img {
vertical-align: top;
margin-right: 1px;
}

* html .foot .navigation-sub div dl dd a img {
margin-bottom: 2px;
}


.foot .navigation-sub div dl dd.first-child {
color: #333;
font-size: 15px;
font-weight: bold;
}


.foot .navigation-sub div.legals {
clear: left;
border: none;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(../img/gartenportal/footer_ende.gif);
background-repeat: no-repeat;
height: 34px;
}

.foot .navigation-sub div.legals dl {
display: inline;
width: 970px;
margin: 8px 0 0 20px;
}

.foot .navigation-sub div.legals dl a {
color: #5e5e5e;
}
/* -------------- Navigation links ----------- */

.subcol1 .subnavigation {
background:transparent url(../img/gartenportal/bottom-bg.png) no-repeat scroll left bottom;
margin:0 0 10px;
padding:1px;
}


/* ------------  Katalog / Ratgeber-Uebersicht -------------- */

.section-energie-sparen .contentelement .ce-text {
background:none;
}

.section-catalog-filterable ul.filterable-filtered li {
background:white url(../img/gartenportal/item-bg.png) no-repeat scroll 0 0;
}

.section-catalog-filterable ul.filterable-filtered li ul li a {
background: url(../img/gartenportal/catalog-link-bg.png) no-repeat 100% 50%;
}

div.catalog-tag { display:none }


/* ------------  iframe katalog  -------------- */

.katalogkapitel {
width: 940px;
height: 119px;
margin-top: 10px;
background:white url(../img/gartenportal/content/kapitel_bg.jpg) no-repeat scroll 0 0;
padding: 15px 0 0 10px;
}

.katalogkapitel ul li {
display: inline;
}

.katalogkapitel ul li a {
display: inline;
float: left;
width: 68px;
font-size: 11px;
margin-left: 8px;
text-decoration: none;
}
.katalogkapitel ul li a:hover {
filter:alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;
}
.katalogkapitel ul li a span {
display: block;
overflow: hidden;
width: 68px;
text-align: center;
padding-top: 5px;
}

.katalogkapitel ul li a:hover span {
color: #000;
}


iframe.katalogframe {
margin-top: 10px;
border: 1px solid #e0e0e0;
float: left;
}



/* ------------  GEWINNSPIEL ------------- */


#gewinnspiel .bildrechts {
height:1%;
margin: 20px 0 0 0;
padding:0 0 1px;
}

#gewinnspiel .bildrechts p {
font-size: 80%;
font-weight: bold;
line-height: 120%;
width: 60%;
}

#gewinnspiel p {
font-size: 80%;
font-weight: normal;
line-height: 120%;
width: 80%;
margin: 20px 0 0 0;
}

#gewinnspiel p a {
color: #709624;
}

#gewinnspiel .bildrechts a img {
display: block;
float:right;
margin: 0 0 10px 13px;
position:relative;
}

#gewinnspiel #galerie  {
margin: 0 0 0 0;
width: 780px;
}

#gewinnspiel #galerie .foto {
width: 246px;
height: 180px;
background: url(../img/gewinnspiel/foto_bg.jpg) center top no-repeat;
padding: 1px;
float: left;
margin: 18px 18px 0 0;
}

* html #gewinnspiel #galerie .foto {
display: inline;
margin: 18px 5px 0 0;
}

#gewinnspiel #galerie .lastfoto {
margin-right: 0px;
}

#gewinnspiel #galerie .foto .bild {
width: 226px;
height: 130px;
margin: 10px 0 0 10px;
overflow: hidden;
}


#gewinnspiel div.mehrbilder {
margin: 20px 0 0 0;
height: 80px;
width: 780px;
text-align: center;
}

* +html #gewinnspiel div.mehrbilder {
margin: 40px 0 0 0;
}



.ratingblock {
	display:block;
	margin: 10px 0 0 10px;
}

.loading {
	height: 20px;
	background: url('../img/gewinnspiel/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px 10px 0px 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('../img/gewinnspiel/starrating.gif') top left repeat-x;	
	float: left;
	}
	
.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../img/gewinnspiel/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:22px;}
.unit-rating a.r2-unit{left:22px;}
.unit-rating a.r2-unit:hover{width: 44px;}
.unit-rating a.r3-unit{left: 44px;}
.unit-rating a.r3-unit:hover{width: 66px;}
.unit-rating a.r4-unit{left: 66px;}	
.unit-rating a.r4-unit:hover{width: 88px;}
.unit-rating a.r5-unit{left: 88px;}
.unit-rating a.r5-unit:hover{width: 110px;}


.unit-rating li.current-rating {
	background: url('../img/gewinnspiel/starrating.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#333;}
.thanks {color:#f8f81f;}
.static {color:#333;}	

#gewinnspiel .foto .ratingblock p.voteinfo,
#gewinnspiel .foto .ratingblock p.voteinfo-thanks {
	color:#333;
	font-size: 12px;
	float: right;
	width: 100px;
	margin: 4px 8px 0 0;
	line-height:120%;
	width:105px;
	text-align: right;
}

#gewinnteaser {
width: 220px;
float: right;
margin: 20px 0 0 0;
}

#gewinnteaser a {
display: block;
margin-bottom: 20px;
}

#gewinnformular {
width: 540px;
float: left;
margin: 20px 0 0 0;
}



/* Formulare */

.formular fieldset { /* teilt Formular in Einzelabschnitte */
border-bottom: 1px solid #bfd98b;
padding: 10px 0;
margin: 0 0 10px 0;
width: 500px;
}
* +html .formular fieldset { 
padding: 20px 0 20px 0;
}

* html .formular fieldset { 
padding: 20px 0 20px 0;
}


.formular fieldset.no-border {
border-bottom: 0;
margin-bottom: 0;
padding: 10px 0 0 0;
}

.formular label,
.formular label.gewinnspiel span,
.fakelabel span { /* fakelabel wird angewendet, wenn mehr als ein label in einer Zeile verwendet wird */
float: left;
display: inline;
font-weight: bold;
font-size: 12px;
width: 130px;
margin: 0 10px 10px 0;
padding: 4px 0 5px 0;
background: transparent;
text-align: right;
color: #333333
}

.fakelabel label {
float: none;
width: auto;
font-weight: normal;
color: #333333
}

.fakelabel span label {
font-size: 12px;
color: #333333;
margin: 0;
font-weight: bold;
}

.optiongroup label {
font-weight: normal;
}

label small {
line-height: 12px;
}

.fakelabel span.pflicht {
float: none;
width: auto;
margin: 0;
padding: 0;
font-size: 1em;
}

.formular input,
.formular select,
.formular textarea {
margin: 0 4px 10px 0;
width: 280px;
display: inline;
float: left;
padding: 2px 4px 3px 4px;
}

.formular textarea {
height: 80px;
overflow: auto;
}

.formular select {
width: 290px;
padding: 1px 0 1px 0;
}

.formular input.submit {
margin: 0 0 10px 0;
padding: 0;
float: right;
}

p.form-hinweis small {
font-size: 0.935em;
padding-right: 2px;
}

.inline-hinweis {
font-size: 1.2em;
float: left;
padding: 4px 0 0 0;
}

input.radio,
input.checkbox {
margin: 5px 5px 0 0;
height: 12px;
width: 12px;
padding: 0;
float: left;
border: 0;
}

input.checkbox {
height: 14px !important;
width: 14px !important;
}

label.radio,
label.checkbox {
margin: 0 20px 0px 0;
float: left;
width: auto;
}

input.input-mini {
width: 20px;
}

select.input-small, input.input-small {
width: 65px;
}

select.input-medium, input.input-medium {
width: 200px;
}

.option-long {
margin: 0 0 0 136px;
}
* html .option-long { margin: 10px 0 0 136px; }
* +html .option-long { margin: 10px 0 0 136px; }

.option-long input {
display: block;
float: left;
margin: 4px 6px 0px 0;
}

.option-long label {
display: block;
position: relative;
top: 0px;
float: left;
font-weight: normal;
width: 320px;
color: #333333;
padding-left: 5px;
text-align: left;
margin: 0 0 0 0;
}
* html .option-long label { top: -3px; }
* +html .option-long label { top: -3px; }

/* Formular Erfolgsmeldung */

.formsuccess {
min-height: 85px;
padding: 0 0 0 0px;
margin-bottom: 10px;
font-weight: bold;
}

.formsuccess h4 {
font-size: 1.4em;
color: #679c13;
margin-bottom: 10px;
}


/* Formular Errorhandling */

.formerror {
padding: 0 0 0 0;
margin-bottom: 10px;
font-weight: bold;
}

.formerror ul {
margin:0;
padding: 0;
}
.formerror ul li {
font-size: 12px;
list-style-type: square;
margin-left: 18px;
line-height: 150%;
}

.formerror h4 {
font-size: 14px;
color: red;
margin-bottom: 10px;
}

span.pflicht,
label.pflichterror,
span.pflichterror,
.pflichterror span,
.pflichterror label,
small.pflichterror,
h3.pflichterror {
color: #333;
}

input.pflichterror,
select.pflichterror,
submit.pflichterror,
textarea.pflichterror {
border: 1px solid red;
}

.formende {
margin: -20px 0 0 0;
}

.formende p {
color: #999;
font-size: 11px;
width: 300px;
float: left;
margin: 0 0 0 0;
}

.formende input.submit {
float: right;
margin: 10px 0 0 0;
width: auto;
}


.formular .fakelabel select#tag,
.formular .fakelabel select#mon {
width: 60px
}

.formular .fakelabel select#year {
width: 100px
}


/* Boxen (z.B. fur Formulare) */

.box {
position:relative;
background: #f3f8ea;
margin-bottom:20px;
border: 1px solid #f3f8ea;
width: 540px;
}

.box-herbst{
position:relative;
background: #f3f8ea;
margin-bottom:20px;
border: 1px solid #f3f8ea;
width: 540px;
}

.box-formular {

}

.box-zweispaltig {/* Box mit zweispaltigen Inhalten */
width: 480px;
}

#content .box-zweispaltig .boxbody {
padding: 15px 20px 10px 20px;
}

.box-zweispaltig .box-body-left,
.box-zweispaltig .box-body-right {
float: left;
width: 45%;
display: inline;
}

.box-zweispaltig .box-body-left {
margin-right: 9%;
}

.box-zweispaltig  p {
margin: 0 0 6px 0;
line-height: 1.2em;

}

.box-zweispaltig {
width: 480px;
}

.box-context {
width: 200px;
}

.box .boxbody {
padding: 10px;
}

.box-formular .boxbody {
padding: 20px 20px 0px 20px;
}

.box .top-left, .boxbody .top-right, .box .bottom-left, .box .bottom-right {
background:transparent url(../img/gewinnspiel/r.gif) no-repeat scroll 0 0;
display:block;
font-size:0;
line-height:0;
position:relative;
height:3px;
width:3px;
}

.top-left, .bottom-left {
float:left;
}
.top-right, .bottom-right {
float:right;
}
.top-left, .top-right {
margin-bottom:-3px;
}
.top-left {
margin-right:-3px;
}
.bottom-left {
margin:-3px -3px 0 0;
}
.bottom-right {
margin-top:-3px;
}
.top-left {
left:0;
top:0;
}
.boxbody .top-left {
left:-1px;
top:-1px;
}
.top-right {
background-position:right top !important;
right:0;
top:0;
}
.boxbody .top-right {
right:-1px;
top:-1px;
}
.bottom-left {
background-position:left bottom !important;
bottom:-1px;
left:0;
}
.boxbody .bottom-left {
bottom:-1px;
left:-1px;
}
.bottom-right {
background-position:right bottom !important;
bottom:-1px;
right:0;
}
.boxbody .bottom-right {
bottom:-1px;
right:-1px;
}


/* Gewinnspiel */

.gws-preise {
margin: 25px 0 0 0;	
}

.gws-preise h2 {
color: #577716;
margin: 0 0 15px 0;	
}

.hauptpreis-herbst h2 {
color: #843218;
}

.gws-preise .hauptpreis {
width: 247px;
float: left;
margin: 0 20px 0 0;	
}

.gws-preise .weiterepreise {
width: 512px;
float: left;
}

.gws-preise .weiterepreise ul li,
.gws-preise .gws-navi ul li {
float: left;
margin: 0 20px 20px 0;
}
.gws-preise .weiterepreise ul li.last,
.gws-preise .gws-navi ul li.last {
margin: 0 0 20px 0;
}



/* Sortiment-Uebersicht */
.sortiment h1 {
margin-bottom: 13px;
}

.produkt {
float: left;
width: 170px;
margin: 0 15px 15px 0;
overflow: hidden;
padding-top: 4px;
background: url(../img/gartenportal/content/produkt_top.jpg) no-repeat top;
}

.produkt div {
float: left;
}

.produkt-last {
margin-right: 0;
}

.produkt .produkt-body {
border: 1px solid #cedaac;
border-top: 0;
border-bottom: 0;
padding: 7px 9px 5px 9px;
background: url(../img/gartenportal/content/produkt_verlauf.jpg) repeat-x bottom;
}

.produkt .produkt-bottom {
width: 170px;
height: 4px;
line-height: 0;
font-size: 0;
background: url(../img/gartenportal/content/produkt_bottom.jpg) repeat-x bottom;
}

.produkt a:hover {
text-decoration: none;
}

.produkt a:hover strong {
text-decoration: underline;
}

.produkt div a img {
float: right;
}

.produkt strong {
float: left;
height: 26px;
margin: 7px 0 1px 0;
font-size: 0.75em;
line-height: 1.2em;
}

.produkt span {
float: left;
display: block;
margin-top: 6px;
font-size: 1.15em;
color: #444;
}

/* Seitenschaltung */
.seitenschalter {
clear: both;
float: left;
width: 540px;
margin-top: 5px;
text-align: center;
}

.seitenschalter .left span,
.seitenschalter .right span {
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px; 
}

.seitenschalter .left a,
.seitenschalter .right a {
display: block;
width: 94px;
height: 26px;
}

.seitenschalter .left {
float: left;
background: url(../img/gartenportal/content/seitenschaltung_zurueck.jpg) repeat-x bottom;
}

.seitenschalter .right {
float: right;
background: url(../img/gartenportal/content/seitenschaltung_weiter.jpg) repeat-x bottom;
}

.seitenschalter .center {
width: 135px;
height: 1%;
float: left;
margin-left: 113px;
}

* html .seitenschalter .center {
margin-left: 105px;
}

.seitenschalter .center ul {
margin-top: 7px;
float: left;
}

.seitenschalter .center ul li {
display: inline;
margin-right: 7px;
}

.seitenschalter .center ul li a {
font-size: 0.875em;
font-weight: bold;
text-decoration: underline;
}

.seitenschalter .center ul li a:hover {
text-decoration: none;
}

.seitenschalter .center ul li strong {
font-size: 0.875em;
color: #666;
}

/* Sortiment-Detail */
.produkt-detail {
width: 540px;
margin-bottom: 31px;
padding-top: 11px;
background: url(../img/gartenportal/content/produkt_detail_top.jpg) no-repeat top;
}

.produkt-detail-bottom {
width: 540px;
height: 11px;
float: left;
background: url(../img/gartenportal/content/produkt_detail_bottom.jpg) no-repeat bottom;
}

.produkt-visual {
float: left;
padding: 0 10px;
width: 239px;
height: 250px;
overflow: hidden;
text-align: center;
border-left: 1px solid #CEDAAC;
}

.produkt-desc {
float: right;
padding: 11px 10px 0 18px;
width: 250px;
height: 239px;
border-left: 1px solid #e6ecd5;
border-right: 1px solid #CEDAAC;
}

.subcol2 .produkt-desc h1 {
margin-bottom: 11px;
}

.subcol2 .produkt-desc p {
margin-bottom: 14px;
}

.produkt-desc big {
display: block;
font-size: 1.5em;
color: #666;
margin-bottom: 54px;
}

.produkt-desc ul li {
margin-bottom: 4px;
}

.produkt-desc ul li a {
background: url(../img/gartenportal/content/linkpfeil_rechts.jpg) no-repeat left;
padding-left: 8px;
font-size: 0.75em;
}

.sortiment .back-link {
background: url(../img/gartenportal/content/linkpfeil_links.jpg) no-repeat left;
display: block;
margin: 9px 0 10px 0;
padding-left: 10px;
font-weight: bold;
font-size: 0.75em;
}



/* Gewinnerseite */

/* breiter Contentbereich */
.gewinner {
width: 780px;
}

.gewinner .column {
width: 383px;
float: left;
margin: 0 14px 11px 0;
}

/* Dreispaltige Hauptpreise */
.gewinner .column-33,
.gewinner .column-33 div.box,
.gewinner .column-33 .column-bottom{
width: 250px !important;
}

.gewinner .column-33 div.box {background:url(../img/gartenportal/content/gewinnbox_top_33.jpg) no-repeat center top !important;}
.gewinner .column-33 div.column-bottom {background:url(../img/gartenportal/content/gewinnbox_bottom_33.jpg) no-repeat center bottom !important;
}

.gewinner .column-33 .box-body {width: 218px !important;}
.gewinner .column-33 h2 {height: 33px; line-height: 1.2em;}
/* // Dreispaltige Hauptpreise */

.gewinner .column-last {
margin-right: 0;
}

.gewinner .column div.box {
width: 383px;
float: left;
padding-top: 10px;
margin: 0;
background: url(../img/gartenportal/content/gewinnbox_top.jpg) no-repeat top ;
background-color: none;
border: none;
}

.gewinner .column div.box-herbst {
width: 383px;
float: left;
padding-top: 10px;
margin: 0;
background: url(../img/gartenportal/content/gewinnbox_top_herbst.jpg) no-repeat top ;
background-color: none;
border: none;
}


.gewinner .column div.box div.column-bottom {
width: 383px;
height: 10px;
float: left;
border: none;
background: url(../img/gartenportal/content/gewinnbox_bottom.jpg) no-repeat bottom;
/* IE6 */
font-size: 0;
line-height: 0;
}

.gewinner .column div.box-herbst div.column-bottom-herbst{
width: 383px;
height: 10px;
float: left;
border: none;
background: url(../img/gartenportal/content/gewinnbox_bottom_herbst.jpg) no-repeat bottom;
/* IE6 */
font-size: 0;
line-height: 0;
}

.gewinner .column div.box div.box-body {
width: 351px;
padding: 0 14px 0 14px;
float: left;
border-left: 2px solid #cedaac;
border-right: 2px solid #cedaac;
background-color: #fff;
}

.gewinner .column div.box-herbst div.box-body.herbst {
width: 351px;
padding: 0 14px 0 14px;
float: left;
border-left: 2px solid #dac4ac;
border-right: 2px solid #dac4ac;
background-color: #fff;
}

.gewinner .column div.box div.box-body-small {
width: 167px;
margin: 0 16px 5px 0;
float: left;
border: none;
}

.gewinner .column div.box-herbst div.box-body-small-herbst {
width: 167px;
margin: 0 16px 5px 0;
float: left;
border: none;
}

.gewinner .column div.box div.box-body-small-last {
margin-right: 0px;
}

.gewinner .column div.box-herbst div.box-body-small-last-herbst {
margin-right: 0px;
}

.gewinner .column div.box div.box-body img {
margin: 6px 0 8px 0;
}

.gewinner .column div.box-herbst div.box-body img {
margin: 6px 0 8px 0;
}

.gewinner .column div.box div.box-body-small img {
margin: 6px 0 5px 0;
}

.gewinner .column div.box-herbst div.box-body-small-herbst img {
margin: 6px 0 5px 0;
}

.gewinner .column div.box div.box-body p {
width: auto;
margin: 5px 0 0 0;
font-weight: normal;
font-size: 0.7em;
float: left;
}

.gewinner .column div.box div.box-body-small p {
font-size: 0.55em;
margin: 2px 0 0 0;
}

.gewinner h1 {
font-size: 1.0em;
margin-top: 18px;
}

.gewinner h2 {
font-size: 0.87em;
}

.gewinner p {
width: 480px !important;
font-weight: bold !important;
line-height: 1.3em;
}

.gewinner .gws-navi p {
font-size: 80%;
font-weight: normal !important;
line-height: 120%;
margin: 20px 0 0;
width: 80% !important;
}



/* Wetterseite */
#wetter-header {
margin-bottom: 30px;
}

.wetter .col1 strong {
display: block;
margin-bottom: 20px;
}

.wetter .col1 p {
margin-bottom: 15px;
}

.wetter .col1 .subcol2 {
width: 700px;
}

.wetter .column-left,
.wetter .column-right {
float: left;
margin-bottom: 20px;
}

/* linke Spalte */
.wetter .column-left {
width: 307px;
padding-left: 23px;
margin-right: 40px;
position: relative;
}

.wetter .column-right {
width: 304px;
}

.wetter .column-left img {
margin-bottom: 10px;
}

.wetter .column-left #logo img {
position: absolute;
top: 10px;
left: 5px;
}

.wetter .column-left ul {
margin-left: -5px;
}

.wetter .column-left ul li {
float: left;
}

.wetter .column-left ul li a {
float: left;
height: 24px;
margin-right: 1px;
}

.wetter .column-left ul li a.heute {
width: 85px;
background: url(../img/wetterkarte/wetter_heute.jpg) no-repeat;
}

.wetter .column-left ul li a.morgen {
width: 95px;
background: url(../img/wetterkarte/wetter_morgen.jpg) no-repeat;
}

.wetter .column-left ul li a.ubermorgen {
width: 124px;
background: url(../img/wetterkarte/wetter_ubermorgen.jpg) no-repeat;
}

/* rechte Spalte */
.wetter .column-right h1 {
margin-bottom: 5px;
}

.wetter .column-right form {
width: 293px;
height: 71px;
padding: 6px 0 0 11px;
margin-top: 10px;
background: url(../img/wetterkarte/wetter_suche_bg.jpg) no-repeat;
}

.wetter .column-right form #wetter-eingabe {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 0.75em;
width: 231px;
float: left;
padding: 5px 8px 5px 8px;
margin-right: 7px;
background: url(../img/wetterkarte/wetter_input_bg.jpg) no-repeat;
border: none;
}

.wetter .column-right form #wetter-submit {
border: none;
}

.wetter .column-right h2 {
font-size: 0.87em;
margin-bottom: 19px;
line-height:1.2em;
}

.wetter .column-right ul li {
border-bottom: 1px solid #577716;
margin-bottom: 10px;
padding-bottom: 8px;
}

.wetter .column-right ul li.last {
border-bottom: none;
}

.wetter .column-right ul li div {
float: left;
}

.wetter .column-right ul li div.icon {
margin: 0 10px 9px 0;
}

.wetter .column-right ul li p {
margin: 0;
clear: left;
}

.wetter .column-right ul li div strong {
margin-bottom: 10px;
}

.wetter .column-right ul li div p {
padding-top: 5px;
float: left;
clear: none;
}

.wetter .column-right ul li div p.niederschlag {
width: 70px;
padding-left: 35px;
background: url(../img/wetterkarte/wetter_icon_regen.jpg) left no-repeat;
}

.wetter .column-right dl {
margin-bottom: 40px;
font-size: 0.8em;
}

.wetter .column-right dl dt {
font-weight: bold;
margin-bottom:12px;
}

.wetter .column-right dl dd {
margin-bottom:12px;
line-height: 1.2em;
}


/* Helfer */
.ahem {  /*  entspricht im wesentlichen display:none; - ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -10000px;
top: -10000px;
}


.section-energie-sparen .ce-text {
  font-size:12px;
  line-height:16px;
  margin: 0 0 15px 0;
  z-index:20;
  padding: 0;
}
.inspiration-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #D4DFB7;
	padding: 9px;
}
.inspiration-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid #D4DFB7;
	padding: 9px;
}
.inspiration-clear {
	clear: both;
	font-size: 1px;
	heigth: 0px; max-height: 0px;
}
.inspiration-teaser-image {
	float: left;
	margin-right: 12px;
	margin-bottom: 40px;
}

.section-energie-sparen h2 {
	margin: 0px 0 10px;
}
.inspiration-teaser {
	margin-top:25px;
}

.body .col4 .subcol2 { width: 780px; }


/* Wallpaper */
.thema-bluetengarten,
.thema-grill-pool,
.thema-steingarten {position: absolute; top: 0; z-index: -1; width: 100%; height: 1100px;}

.thema-bluetengarten {background: #617f1e url(../img/gartenportal/fruehjahr2011/wallpaper/thema_bluetengarten.jpg) center top no-repeat;}
.thema-grill-pool {background: #613018 url(../img/gartenportal/fruehjahr2011/wallpaper/thema_grill_pool.jpg) center top no-repeat;}
.thema-steingarten {background: #002f13 url(../img/gartenportal/fruehjahr2011/wallpaper/thema_steingarten.jpg) center top no-repeat;}

.imagemap-home ul#hotspots li a {
position: absolute;
}

.imagemap-home a.wallpaperlink-bluetengarten,
.imagemap-home a.wallpaperlink-grill-pool,
.imagemap-home a.wallpaperlink-steingarten {
display: block;
font-size: 1px;
height: 220px;
margin: 120px 0 0 60px;
position: absolute;
text-indent: -9999px;
width: 230px;
z-index: 9999;
}

.imagemap-home a.wallpaperlink-bluetengarten {margin: 195px 0 0 530px; width: 260px; height: 200px;}
.imagemap-home a.wallpaperlink-grill-pool {margin: 136px 0 0 525px; width: 235px; height: 190px;}
.imagemap-home a.wallpaperlink-steingarten { margin: 180px 0 0 21px; width: 290px; height: 190px;}

.imagemap-home ul#hotspots li a.hotspot1-1-fruehjahr2011 {margin-left: 316px; margin-top: 304px;}
.imagemap-home ul#hotspots li a.hotspot1-1-fruehjahr2011:hover span { left: -282px !important; top: -30px !important; text-align: left; overflow: visible; }
.imagemap-home ul#hotspots li a.hotspot1-2-fruehjahr2011 {margin-left: 126px; margin-top: 161px;}
.imagemap-home ul#hotspots li a.hotspot1-3-fruehjahr2011 {margin-left: 745px; margin-top: 89px;}
.imagemap-home ul#hotspots li a.hotspot1-3-fruehjahr2011:hover span { left: -265px !important; top: -30px !important; text-align: left; overflow: visible; }

.imagemap-home ul#hotspots li a.hotspot2-1-fruehjahr2011 {margin-left: 662px; margin-top: 55px;}
.imagemap-home ul#hotspots li a.hotspot2-1-fruehjahr2011:hover span { left: -282px !important; top: -30px !important; text-align: left; overflow: visible; }
.imagemap-home ul#hotspots li a.hotspot2-2-fruehjahr2011 {margin-left: 59px; margin-top: 202px;}
.imagemap-home ul#hotspots li a.hotspot2-3-fruehjahr2011 {margin-left: 223px; margin-top: 307px;}

.imagemap-home ul#hotspots li a.hotspot3-1-fruehjahr2011 {margin-left: 512px; margin-top: 49px;}
.imagemap-home ul#hotspots li a.hotspot3-1-fruehjahr2011:hover span { left: -279px !important; top: -30px !important; text-align: left; overflow: visible; }
.imagemap-home ul#hotspots li a.hotspot3-2-fruehjahr2011 {margin-left: 628px; margin-top: 110px;}

.imagemap-home ul#hotspots li a.hotspot3-3-fruehjahr2011 {margin-left: 444px; margin-top: 296px;}