/* allgemeines Stylesheet */
html, body    {
                height: 100%;
	       margin: 0;
                padding: 0;
                text-align: center;
              }
body          {
                background: #9FD7B4;
                font-family: Arial, Helvetica, sans-serif;
                font: Arial, Helvetica, sans-serif;
                scrollbar-3dlight-color: #9FD7B4;
                scrollbar-arrow-color: #90C896;
                scrollbar-darkshadow-color: #9FD7B4;
                scrollbar-face-color: #477B5A;
                scrollbar-highlight-color: #9FD7B4;
                scrollbar-shadow-color: #9FD7B4;
                scrollbar-track-color: #477B5A;
              }
.antifloat    {
	       clear: both;
                visible: hidden;
              }

/* Das Stylesheet für das Hauptlayout */
* html .content {height: 100%;}
.content      {
                background: #90C896;
                border-left: 2px solid #477B5A;
                border-right: 2px solid #477B5A;
                min-height: 100%;
                width: 780px;
                padding: 5px;
                margin-left: auto;
                margin-right: auto;
	       text-align:left;
              }
.collumnleft  {
                border: 0px;
                padding:0px;
                float:left;
                width: 365px;               /* Logo ist width:355px + 2x4 für border = 363px */
                margin-right: 5px;
	      }
.collumnright {
                border: 0px;
                width: 392px;               /* Foto recht  ist width:384px + 2x4 für border = 392px */
                padding:0px;
                float:right;
	      }

/* Das Stylesheet für Content-Formatierungen */
.contentBox1  {
                border: 4px solid #477B5A;
                padding:10px;
                margin:0px;
				background-color: #FFF;
	       
  	     }
.contentBox2  {
                border: 4px solid #FFFFFF;
	       background: #477B5A;
                margin-top: 5px;
                margin-right:0px;
                margin-left:0px;
                margin-bottom:0px;
  	     }
.contentBox3  {
                border: 4px solid #477B5A;
                margin-left: 3px;
                margin-right: 3px;
                margin-top: 3px;
                margin-bottom: 3px;
                background: #FFFFFF;
  	     }
.Leer         {
                font-size: 0px;
	       height: 10px;
              }


/* Das Stylesheet für die Schriftenformatierungen */
.contentBox1 h1 {
	       font: 20pt Arial, Helvetica, sans-serif;
	       font-family: Arial, Helvetica, sans-serif;
                text-align: left;
                color: #000000;
                margin: 3;
  	       }
.contentBox1 h2 {
	       font-size: 1.2em;
		   font-family: Georgia, "Times New Roman", Times, serif;
		   font-weight: normal;
		   font-style: italic;
	       
  	       }
.contentBox1 h3 {
	       font-size: 1em;
		   padding-top: 2em;
  	       }
.contentBox2 h1 {
	       font: 16pt Arial, Helvetica, sans-serif;
	       font-family: Arial, Helvetica, sans-serif;
                text-align: right;
                color: #FFFFFF;
                padding-right: 10px;
                margin: 3;
  	       }

.MittelSchrift {font-size: 10px;font-weight: bold;}
.SchmalSchrift {font-size: 10px}
.FettSchrift   {font-size: 12px; font-weight: bold; }



/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:175px; 
height:165px; 
float:left; 
z-index:50;
margin: 4px;
border: 4px solid #477B5A;
}

/* common styling for all galleries */
*html a.gallery, *html a.gallery:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:184px; 
height:174px; 
float:left; 
z-index:50;
margin: 4px;
border: 4px solid #477B5A;
}



a.slidea {background: url(../_images/Minis/hot-tub320m.jpg);}
a.slideb {background: url(../_images/Minis/hot-tub320m2.jpg);}
a.slidea2 {background: url(../_images/Minis/hot-tub350.jpg);}
a.slideb2 {background: url(../_images/Minis/hot-tub350-2.jpg);}

a.slidec {background: url(../_images/Minis/hot-tub520.jpg);}
a.slided {background: url(../_images/Minis/hot-tub520-2.jpg);}
a.slidec2 {background: url(../_images/Minis/hot-tub550x.jpg);}
a.slided2 {background: url(../_images/Minis/hot-tub550x-2.jpg);}

a.slidee {background: url(../_images/Minis/hot-tub720x.jpg);}
a.slidef {background: url(../_images/Minis/hot-tub720x2.jpg);}
a.slidee2 {background: url(../_images/Minis/hot-tub750.jpg);}
a.slidef2 {background: url(../_images/Minis/hot-tub750-2.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border: 4px solid #477B5A;}


a.garden1 {background: url(../_images/Minis/hot-tub320m.jpg);}
a.garden2 {background: url(../_images/Minis/hot-tub320m2.jpg);}
a.garden3 {background: url(../_images/Minis/hot-tub350.jpg);}
a.garden4 {background: url(../_images/Minis/hot-tub350-2.jpg);}


/* styling for BOTTOM gallery */
#container_bottom {position:relative; width:384px;}
#container_bottom img {border: 4px solid #477B5A;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; }

/* styling for BOTTOM gallery */
*html #container_bottom {position:relative; width:384px;}
*html #container_bottom img {border: 4px solid #477B5A;}
*html #container_bottom .thumbs {position:absolute; left:0; bottom:0; }

#container_bottom a.gallery:hover span {
display:block; 
position:absolute; 
width:374px; 
height:45px; 
top:-119px; 
left:4px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}

*html #container_bottom a.gallery:hover span {
display:block; 
position:absolute; 
width:383px; 
height:45px; 
top:-112px; 
left:5px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}
#container_bottom a.gallery:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;
}

#container_bottom a.gallery:active, #container_bottom a.gallery:focus {
border: 4px solid #000;
}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
display:block; 
position:absolute; 
width:384px; 
height:323px; 
top:-389px; 
left:-3px; 
color:#000; 
z-index:50;


}

/*  PATIO  */
/* common styling for patio galleries */
a.patio, a.patio:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:115px; 
height:100px; 
float:left; 
z-index:50;
margin: 2px;
border: 4px solid #477B5A;
}

/* common styling for all galleries */
*html a.patio, *html a.patio:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:124px; 
height:100px; 
float:left; 
z-index:50;
margin: 2px;
border: 4px solid #477B5A;
}

a.patio em, a.patio span {display:none;}
a.patio:hover {border: 4px solid #477B5A;}


a.garden1 {background: url(../_images/Minis/vitorecset1.jpg);}
a.garden2 {background: url(../_images/Minis/vitoroundset2.jpg);}
a.garden3 {background: url(../_images/Minis/valencialounger.jpg);}
a.garden4 {background: url(../_images/Minis/valenciaset1.jpg);}
a.garden5 {background: url(../_images/Minis/eclipse120set.jpg);}
a.garden6 {background: url(../_images/Minis/zz002.jpg);}
a.garden7 {background: url(../_images/Minis/eclipsebistroset.jpg);}
a.garden8 {background: url(../_images/Minis/vanicebistroset1.jpg);}
a.garden9 {background: url(../_images/Minis/zz016.jpg);}
a.garden10 {background: url(../_images/Minis/zzSet.jpg);}
a.garden11 {background: url(../_images/Minis/zz059.jpg);}
a.garden12 {background: url(../_images/Minis/zz025.jpg);}


#container_bottom a.patio:hover span {
display:block; 
position:absolute; 
width:374px; 
height:45px; 
top:-119px; 
left:4px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}

*html #container_bottom a.patio:hover span {
display:block; 
position:absolute; 
width:383px; 
height:45px; 
top:-112px; 
left:5px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}
#container_bottom a.patio:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;
}

#container_bottom a.patio:active, #container_bottom a.patio:focus {
border: 4px solid #000;
}
#container_bottom a.patio:active em, #container_bottom a.patio:focus em {
display:block; 
position:absolute; 
width:384px; 
height:323px; 
top:-389px; 
left:-3px; 
color:#000; 
z-index:50;

}


/*  BBQ  */
/* common styling for bbq galleries */
a.bbq, a.bbq:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:115px; 
height:100px; 
float:left; 
z-index:50;
margin: 2px;
border: 4px solid #477B5A;
}

/* common styling for bbq galleries */
*html a.bbq, *html a.bbq:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:124px; 
height:100px; 
float:left; 
z-index:50;
margin: 2px;
border: 4px solid #477B5A;
}

a.bbq em, a.bbq span {display:none;}
a.bbq:hover {border: 4px solid #477B5A;}


a.pict1 {background: url(../_images/Minis/zW01Performer.jpg);}
a.pict2 {background: url(../_images/Minis/zW08SmokeyJoeGold.jpg);}
a.pict3 {background: url(../_images/Minis/zW12OneTouchGold.jpg);}
a.pict4 {background: url(../_images/Minis/zW17Ranch.jpg);}
a.pict5 {background: url(../_images/Minis/zW19GenesisSilverAblack.jpg);}
a.pict6 {background: url(../_images/Minis/zW23GenesisSilverBblue.jpg);}
a.pict7 {background: url(../_images/Minis/zW25GenesisSilverC.jpg);}
a.pict8 {background: url(../_images/Minis/zW33GenesisPlatinumC.jpg);}
a.pict9 {background: url(../_images/Minis/zW38SummitPlatinumD6.jpg);}
a.pict10 {background: url(../_images/Minis/zW40BabyQ.jpg);}
a.pict11 {background: url(../_images/Minis/zW42WeberQ.jpg);}
a.pict12 {background: url(../_images/Minis/zW43WeberQ.jpg);}


#container_bottom a.bbq:hover span {
display:block; 
position:absolute; 
width:374px; 
height:45px; 
top:-119px; 
left:4px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}

*html #container_bottom a.bbq:hover span {
display:block; 
position:absolute; 
width:383px; 
height:45px; 
top:-112px; 
left:5px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}
#container_bottom a.bbq:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;
}

#container_bottom a.bbq:active, #container_bottom a.bbq:focus {
border: 4px solid #000;
}
#container_bottom a.bbq:active em, #container_bottom a.bbq:focus em {
display:block; 
position:absolute; 
width:384px; 
height:323px; 
top:-389px; 
left:-3px; 
color:#000; 
z-index:50;

}


/*  AWNINGS  */
/* common styling for awnigns galleries */
a.awnigns, a.awnigns:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:175px; 
height:124px; 
float:left; 
z-index:50;
margin: 4px;
border: 4px solid #477B5A;
}

/* common styling for all galleries */
*html a.awnigns, *html a.awnigns:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
width:175px; 
height:124px; 
float:left; 
z-index:50;
margin: 4px;
border: 4px solid #477B5A;
}

a.awnigns em, a.awnigns span {display:none;}
a.awnigns:hover {border: 4px solid #477B5A;}


a.shades1 {background: url(../_images/Minis/triangular-shade-sail-2.jpg);}
a.shades2 {background: url(../_images/Minis/triangular-shade-sail.jpg);}
a.shades3 {background: url(../_images/Minis/awning-1.jpg);}
a.shades4 {background: url(../_images/Minis/awning-2.jpg);}
a.shades5 {background: url(../_images/Minis/standard-parasol.jpg);}
a.shades6 {background: url(../_images/Minis/cantilever-parasol.jpg);}
a.shades7 {background: url(../_images/Minis/square-shade-sail.jpg);}
a.shades8 {background: url(../_images/Minis/pergola-pavillion.jpg);}



#container_bottom a.awnigns:hover span {
display:block; 
position:absolute; 
width:374px; 
height:45px; 
top:-117px; 
left:4px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}

*html #container_bottom a.awnigns:hover span {
display:block; 
position:absolute; 
width:383px; 
height:45px; 
top:-112px; 
left:5px;
font-style:italic; 
color:#000;  
z-index:100;
background-color:#FFF;
padding: 5px;
}
#container_bottom a.awnigns:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.1em; 
color:#000;
}

#container_bottom a.awnigns:active, #container_bottom a.awnigns:focus {
border: 4px solid #000;
}
#container_bottom a.awnigns:active em, #container_bottom a.awnigns:focus em {
display:block; 
position:absolute; 
width:384px; 
height:323px; 
top:-389px; 
left:-3px; 
color:#000; 
z-index:50;

}



.species { font-size: 0.7em;}
.species td { padding: 0.2em; border-bottom: 1px dotted #ccc; width: 50%;}


/* clearfix */


.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: block; }	

* html		.clearfix { display: inline-block; }
* html	.clearfix { height: 1%; }
* html		.clearfix { display: block; }