@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
}
a:focus {
outline:none;
}
.clear{
clear:both;
}
a{
color:#61b315;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
h1#branding a{
display:block;
height:167px;
left:8px;
position:absolute;
text-indent:-9999px;
top:9px;
width:343px;
z-index:2;
background:url(../images/bg-h1.jpg) 0 0 no-repeat;
}
#vcf{
text-indent:-9999px;
display:block;
background:url(../images/vcard.png) 0 0 no-repeat;
list-style:none;
width:205px;
height:30px;
margin:5px 0 0 0;
}
html{
background:url(../images/bg-html.jpg) 0 0 repeat-x #fffaf2;
}
body{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
line-height:18px;
height:100%;
background:url(../images/bg-footerContainer.jpg) center bottom no-repeat;
}
#headerContainer{
width:100%;
height:201px;
background:url(../images/bg-headerContainer.jpg) top center no-repeat;
position:relative;
}
#header{
width:937px;
height:201px;
margin:0px auto;
position:relative;
}
#naviAdd{
width:457px;
height:17px;
position:absolute;
top:79px;
right:2px;
}
#naviAdd ul li{
list-style:none;
float:left;
}
#naviAdd ul li a{
line-height:17px;
text-indent:-9999px;
display:block;
height:17px;
background:url(../images/bg-naviAdd.jpg) 0 0 no-repeat;
}
#naviAdd ul li a#willkommen{
width:69px;
background-position: 0 0;
}
#naviAdd ul li a#willkommen:hover{
width:69px;
background-position: 0 -17px;
}
#naviAdd ul li a#willkommen-active{
width:69px;
background-position: 0 -17px;
}
#naviAdd ul li a#ueber-uns{
width:67px;
background-position: -69px 0;
}
#naviAdd ul li a#ueber-uns:hover{
width:67px;
background-position: -69px -17px;
}
#naviAdd ul li a#ueber-uns-active{
width:67px;
background-position: -69px -17px;
}
#naviAdd ul li a#referenzen{
width:78px;
background-position: -136px 0;
}
#naviAdd ul li a#referenzen:hover{
width:78px;
background-position: -136px -17px;
}
#naviAdd ul li a#referenzen-active{
width:78px;
background-position: -136px -17px;
}
#naviAdd ul li a#aktuelles{
width:67px;
background-position: -214px 0;
}
#naviAdd ul li a#aktuelles:hover{
width:67px;
background-position: -214px -17px;
}
#naviAdd ul li a#aktuelles-active{
width:67px;
background-position: -214px -17px;
}
#naviAdd ul li a#kontakt{
width:59px;
background-position: -281px 0;
}
#naviAdd ul li a#kontakt:hover{
width:59px;
background-position: -281px -17px;
}
#naviAdd ul li a#kontakt-active{
width:59px;
background-position: -281px -17px;
}
#naviAdd ul li a#anfahrt{
width:59px;
background-position: -339px 0;
}
#naviAdd ul li a#anfahrt:hover{
width:59px;
background-position: -339px -17px;
}
#naviAdd ul li a#anfahrt-active{
width:58px;
background-position: -339px -17px;
}
#naviAdd ul li a#impressum{
width:58px;
background-position: -399px 0;
}
#naviAdd ul li a#impressum:hover{
width:58px;
background-position: -399px -17px;
}
#naviAdd ul li a#impressum-active{
width:58px;
background-position: -399px -17px;
}
#navi{
width:290px;
height:156px;
float:left;
margin:0 0 20px 0;
}
#navi ul{
float:left;
}
#navi ul li{
list-style:none;
}
#navi ul li a{
line-height:26px;
text-indent:-9999px;
display:block;
height:26px;
background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}
#navi ul li a#gartenplanung{
width:162px;
background-position: 0 0;
}
#navi ul li a#gartenplanung:hover{
background-position: -290px 0;
}
#navi ul li a#gartenplanung-active{
width:162px;
background-position: -290px 0;
}
#navi ul li a#themengaerten{
width:162px;
background-position: 0 -26px;
}
#navi ul li a#themengaerten:hover{
background-position: -290px -26px;
}
#navi ul li a#themengaerten-active{
width:162px;
background-position: -290px -26px;
}
#navi ul li a#gartenbepflanzung{
width:162px;
background-position: 0 -52px;
}
#navi ul li a#gartenbepflanzung:hover{
background-position: -290px -52px;
}
#navi ul li a#gartenbepflanzung-active{
width:162px;
background-position: -290px -52px;
}
#navi ul li a#pflasterungen{
width:162px;
background-position: 0 -78px;
}
#navi ul li a#pflasterungen:hover{
background-position: -290px -78px;
}
#navi ul li a#pflasterungen-active{
width:162px;
background-position: -290px -78px;
}
#navi ul li a#stufen-mauern{
width:162px;
background-position: 0 -104px;
}
#navi ul li a#stufen-mauern:hover{
background-position: -290px -104px;
}
#navi ul li a#stufen-mauern-active{
width:162px;
background-position: -290px -104px;
}
#navi ul li a#licht-im-garten{
width:162px;
background-position: 0 -130px;
}
#navi ul li a#licht-im-garten:hover{
background-position: -290px -130px;
}
#navi ul li a#licht-im-garten-active{
width:162px;
background-position: -290px -130px;
}


#navi ul li a#gartenpflege{
width:128px;
background-position: -162px 0px;
}
#navi ul li a#gartenpflege:hover{
background-position: -452px 0px;
}
#navi ul li a#gartenpflege-active{
width:128px;
background-position: -452px 0px;
}
#navi ul li a#baumfaellung{
width:128px;
background-position: -162px -26px;
}
#navi ul li a#baumfaellung:hover{
background-position: -452px -26px;
}
#navi ul li a#baumfaellung-active{
width:128px;
background-position: -452px -26px;
}
#navi ul li a#gartenausstattung{
width:128px;
background-position: -162px -52px;
}
#navi ul li a#gartenausstattung:hover{
background-position: -452px -52px;
}
#navi ul li a#gartenausstattung-active{
width:128px;
background-position: -452px -52px;
}
#navi ul li a#wasser-im-garten{
width:128px;
background-position: -162px -78px;
}
#navi ul li a#wasser-im-garten:hover{
background-position: -452px -78px;
}
#navi ul li a#wasser-im-garten-active{
width:128px;
background-position: -452px -78px;
}
#navi ul li a#holz-im-garten{
width:128px;
background-position: -162px -104px;
}
#navi ul li a#holz-im-garten:hover{
background-position: -452px -104px;
}
#navi ul li a#holz-im-garten-active{
width:128px;
background-position: -452px -104px;
}
#navi ul li a#gartenbewaesserung{
width:128px;
background-position: -162px -130px;
}
#navi ul li a#gartenbewaesserung:hover{
background-position: -452px -130px;
}
#navi ul li a#gartenbewaesserung-active{
width:128px;
background-position: -452px -130px;
}
#container{
width:937px;
padding:30px 0 15px 0;
margin:0px auto;
}
#sidebar{
padding:7px 0 0 0;
float:left;
width:290px;
display:block;
position:relative;
}
#contact{
background:url(../images/bg-kontaktdaten.jpg) 0 0 no-repeat;
width:290px;
float:left;
}
#contact h3#kontaktdaten{
background:url(../images/bg-kontaktdaten.jpg) 0 0 no-repeat;
width:290px;
height:21px;
text-indent:-9999px;
display:block;
}
#contact p{
margin:0 0 10px 0;
}
#anfahrtsbeschreibung{
margin:17px 0 0 0;
background:url(../images/bg-anfahrtsbeschreibung.jpg) 0 0 no-repeat;
float:left;
width:290px;
height:163px;
position:relative;
}
#anfahrtsbeschreibung a#map{
position:absolute;
top:34px;
left:0px;
text-decoration:none;
color:#666666;
width:290px;
}
#anfahrtsbeschreibung a#map:hover{
text-decoration:underline;
}
.small{
width: 50px;
display:block;
float:left;
}
.big{
width:200px;
display:block;
float:left;
color:#61b315;
}
#contentMain{
float:left;
width:575px;
padding:0 0 15px 72px;
min-height:522px
}
#contentMain p{
margin:0 0 10px 0;
width:275px;
float:left;
}
#contentMain p#number{
background:url(../images/bg-number.jpg) 0 0 no-repeat;
text-indent:-9999px;
display:block;
width:167px;
height:23px;
margin:10px 0 10px 0;
}
h2{
text-indent:-9999px;
display:block;
width:575px;
height:36px;
float:left;
margin:0 0 20px 0;
}
h2#h2willkommen{
background:url(../images/h2/willkommen.jpg) 0 0 no-repeat;
}
h2#h2ueber-uns{
background:url(../images/h2/ueber-uns.jpg) 0 0 no-repeat;
}
h2#h2referenzen{
background:url(../images/h2/referenzen.jpg) 0 0 no-repeat;
}
h2#h2kontakt{
background:url(../images/h2/kontakt.jpg) 0 0 no-repeat;
}
h2#h2aktuelles{
background:url(../images/h2/aktuelles.jpg) 0 0 no-repeat;
}
h2#h2anfahrt{
background:url(../images/h2/anfahrt.jpg) 0 0 no-repeat;
}
h2#h2impressum{
background:url(../images/h2/impressum.jpg) 0 0 no-repeat;
}
h2#h2gartenplanung{
background:url(../images/h2/gartenplanung.jpg) 0 0 no-repeat;
}
h2#h2themengaerten{
background:url(../images/h2/themengaerten.jpg) 0 0 no-repeat;
}
h2#h2gartenausstattung{
background:url(../images/h2/gartenausstattung.jpg) 0 0 no-repeat;
}
h2#h2gartenbepflanzung{
background:url(../images/h2/gartenbepflanzung.jpg) 0 0 no-repeat;
}
h2#h2pflasterungen{
background:url(../images/h2/pflasterungen.jpg) 0 0 no-repeat;
}
h2#h2stufen-mauern{
background:url(../images/h2/stufen-mauern.jpg) 0 0 no-repeat;
}
h2#h2licht-im-garten{
background:url(../images/h2/licht-im-garten.jpg) 0 0 no-repeat;
}
h2#h2gartenpflege{
background:url(../images/h2/gartenpflege.jpg) 0 0 no-repeat;
}
h2#h2baumfaellung{
background:url(../images/h2/baumfaellung.jpg) 0 0 no-repeat;
}
h2#h2danke{
background:url(../images/h2/danke.jpg) 0 0 no-repeat;
}
h2#h2fehler{
background:url(../images/h2/fehler.jpg) 0 0 no-repeat;
}
h2#h2wasser-im-garten{
background:url(../images/h2/wasser-im-garten.jpg) 0 0 no-repeat;
}
h2#h2holz-im-garten{
background:url(../images/h2/holz-im-garten.jpg) 0 0 no-repeat;
}
h2#h2gartenbewaesserung{
background:url(../images/h2/gartenbewaesserung.jpg) 0 0 no-repeat;
}
h3{
font-size:14px;
font-weight:normal;
margin:0px 0 8px 0;
}
#contentMain ul{
margin:5px 0 0 0;
padding:0 0 10px 0;
}
#contentMain .columnLeft ul li,
#contentMain .columnRight ul li{
list-style:none;
line-height:18px;
float:left;
width:200px;
background:url(../images/bg-li.jpg) 0 6px no-repeat;
padding:0 0 0 20px;
}
.columnLeft{
width:275px;
float:left;
margin:0 0 10px 0;
}
.columnRight{
width:275px;
float:left;
padding:0 0 0 25px;
margin:0 0 10px 0;
}

.columnBig{
width:575px;
height:210px;
float:left;
margin:10px 0 0 0;
position:relative;
}
.columnBigcms{
width:575px;
float:left;
margin:10px 0 0 0;
position:relative;
}

div.hr {
  height: 1px;
  background:url(../images/bg-hr.jpg) 0 0 no-repeat;
  width:275px;
  float:left;
  margin: 0px 0 15px 0;

}
* html div.hr {
  margin: 5px 0 0px 0;
}

div.hr hr {
  display: none;
}
div.hr-long {
  height: 1px;
  background:url(../images/bg-hr-long.jpg) 0 0 no-repeat;
  width:575px;
  float:left;
  margin: 0px 0 10px 0;
}
div.hr-long hr {
  display: none;
}
.images{
width:275px;
float:left;
margin:10px 0 10px 0;
}
.images img{
float:left;
}
.space{
margin:0 4px 4px 0;}

#footer{
position:relative;
width:100%;
height:55px;
}
.cmsimg img{
border:1px solid;
float:left;
margin:0 0 0 3px;
}
.cmsimg a img{
border:none;
}
.cmsimg {
float:left;
margin:0 0 15px 0;
}
/* ------------------------------------------------------------- */
/* => slider
/* ------------------------------------------------------------- */
#slider{
width:575px;
height:210px;
color: #FFFFFF;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{ 
width:575px;
height:210px;
overflow:hidden;
}
#slider, #slider li a img{ 
border:none;
}			
span#prevBtn a,
span#nextBtn a{
position: absolute;
height: 42px;
width: 24px;
display: block;
z-index: 100;
top: 100px;
left:0px;
text-indent: -9999px;
background:url(../images/prev.png);
}		
span#nextBtn a{
top: 100px;
margin-left: 552px;
background:url(../images/next.png);
}
span.personen{
width:150px;
display:block;
float:left;
}
span.euro{
width:70px;
display:block;
float:left;
}