html,body 
{
margin		: 0px auto 0px auto;  
text-align	: center;
padding		: 0px 0px 0px 0px;  
height		: 100%; 
}

body
{
background 	: #CFEEFF url(background/bbgimg/ ) repeat; 
font-size	: 12px;
font-family	: corbel, arial, helvetica, sans-serif;
font-weight : normal;
font-style  : normal;
text-decoration: none;
}



a
{
color: #f4751e;
}
 
a:hover
{
color: #ffd800;
}

h1
{
font-size: 14px;
}

h2
{
font-size: 12px;
}

h3
{
font-size: 12px;
}

img#bg 
{
position:fixed;
top: 0;
left: 0;
width: 100%;
}

#bbgfilter
{ 
top: 0;
left: 0;
position: fixed;
height: 100%;
width: 100%;
background:  transparent url(background/bgimgpix/z0.png) repeat; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#shadowleft
{
visibility: visible;
position: fixed;
width: 970px; 
height: 100%;
top: 0;
left: 50%;
margin-left: -485px ; 
background: transparent url(images/shad10x1l.png) repeat-y;
background-position: 0%;
padding: 0px 10px 0px 10px;
}

#shadowright
{
visibility: visible;
position: fixed;
width: 970px; 
height: 100%;
top: 0;
left: 50%;
margin-left: -485px ;
background: transparent url(images/shad10x1r.png) repeat-y;
background-position: 100%;
padding: 0px 10px 0px 0px;
}

#bigcontainer
{
position: relative;
width: 970px; 
height: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background: transparent;
}

#container
{
font-size	: 12px;
font-family	: arial, helvetica, sans-serif;
font-weight : normal;
font-style  : normal;
line-height: 1.2;
color : #006000;
width: 960px; 
position: relative;
background: #BCF45A url(background/bgimgpix/z0.png) repeat; 
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
min-height: 100%;
text-align: left; 
overflow-x: hidden;
float:left;
}

/*
#bovenbalk20
{
position: relative;
height: 20px;
width: 820px; 
margin: 0px 0px 0px 0px;
text-align: center;
background: #BCF45A url(background/w20px/w60.png) repeat-x; 
float:left;
}

#bovenbalkfilter
{
position: relative;
margin: -20px 0px 0px 0px;
text-align: center;
width: 820px;
float:left;
height: 20px;
background: transparent url(background/bgimgpix/z0.png) repeat; 
}
*/

#header
{
position: relative;
height: 100px;
width: 830px;
background: transparent ;
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
overflow: hidden; 
}

#filter
{
width: 100%;
height:100px;
margin-top:0px;
background-color: #E03CBA;
border:0px solid black;
/* CSS3 standard */
opacity:0;
position: absolute;
}

#menuopvul
{
position: relative;
height: 30px;
background:  transparent url(background/bgimgpix/z0.png) repeat; 
width: 100%;
margin: 75px 0px 0px 0px; 
}

#menuopvul1x30
{
position: relative;
height: 30px;
background: transparent url(background/w30px/w0.png) repeat-x;
width: 100%;
margin: 0px 0px 0px 0px; 
}

#menu 
{
position: relative;
background: transparent; 
margin: 75px 0px 0px 0px; 
width: auto;
z-index: 5000;
float: left;
height: auto;
padding: 0px 0px 0px 0px;
}

#menu ul 
{
list-style-type:none;
padding			: 0px 0px 0px 0px;
width			: auto;
float			: left;
}

#menu a 
{
font-size	: 12px;
font-family	: corbel, arial, helvetica, sans-serif;
font-weight : normal;
font-style  : normal;
text-decoration: none;
line-height: 1 ;
display: block;
border-right-width:1px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width:0px;
border-style: solid;
border-color: transparent transparent transparent transparent ;
margin: -12px 0px 0px 0px;
padding: 7px 0px;
list-style: none;
color: #F4751E; 
background: transparent url(images/buttongroen1.gif) no-repeat; 
height: 40px; 
width: 100px;
text-align: center;
}

#menu a:hover 
{
color: #FFD800;
background: transparent url(images/buttongroen1.gif) no-repeat; /*transparent  url(background/w30px/w0.png) repeat-x ; */
}

#menu li 
{
position: relative;
margin: 0px 0px 0px 0px;
text-align: left; 
padding: 0px 0px 0px 0px;
}

#menu a.menulinknow
{
color: #FFD800;
background: transparent url(images/buttongroen1.gif) no-repeat; /*transparent  url(background/w30px/w0.png) repeat-x ; */
}

#fotob
{
margin-left: -20px;
}

/* script fotobalk */
.fotos
{
height: 100px;
float: left;
text-align: left;
margin: 0px auto 0px auto;
width: auto;
}

.fotos img
{
border-style: none;
margin: 0px 0px 0px 0px;
}

/* einde script fotobalk */

/* fotopagina */

#fotocont
{
width: 100%;
height: 700px;
margin: 0px auto 0px auto;
text-align: center;
background: transparent;
}

#fotoslinkleft
{
left:0;
position: absolute;
width: 50px;
height: auto;
background: transparent;
text-align: left;
margin-top: 80px;
font-size:10px;
}

#fotoslinkleft a
{
text-decoration: none;
}

#fotosclsub
{
margin-left: -100%;
width: 200%; /* zorgt ervoor dat de fotos strak tegen de rand aanliggen */
height: 74px;
background: transparent;
}

#fotoscontthleft
{
float: left;
width: 42%;
background: transparent;
height: 74px;
overflow: hidden;
}

#fotosthleft
{
width: auto;
float: right;
}

#fotosthleft img
{
height: 70px;
}

#fotoscontthmid
{
float: left;
width: 16%;
height: 74px;
background: transparent;
}

#fotosthmid
{
}

#fotosthmid img
{
height: 70px;
}

#fotoscrsub
{
width: 200%; /* zorgt ervoor dat de fotos tot strak tegen de rand aanliggen */
height: 74px;
background: transparent;
}

#fotoscontthright
{
width: 42%;
float: left;
height: 74px;
background: transparent;
overflow: hidden;
}

#fotosthright
{
float: left;
}

#fotosthright img
{
height: 70px;
}

#fotoslinkright
{
position: absolute;
right:0;
width: 50px;
height: auto;
background: transparent;
text-align: right;
margin-top: 80px;
font-size:10px;
}

#fotoslinkright a
{
text-decoration: none;
}

#bigfoto
{
clear: both;
text-align: center;
margin: 0px auto 0px auto;
}

#bigfoto img
{
margin-top: 10px;
max-height: 380px;
max-width: 100%;
}

/* einde fotopagina */

/* header fotos */
#fotos
{
position: absolute;
height: 100px;
background: transparent;
margin: 0px 0px 0px 0px;
width: 830px;
text-align: center;
overflow: hidden; 
padding: 0px 0px 0px 0px;
}

#fotos1
{
position: relative;
height: 100px;
background: transparent;
margin: 0px auto 0px auto;
width: 3000px;
text-align: center;
}

/* einde header fotos */

#bnaam
{
width: 100%;
height:100px;
max-height:100px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
background: transparent url(../../img/logo/) no-repeat;
background-position: 50% 50%;
position: absolute;
text-align: center;
}



#content
{
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0%;
margin-left: 0%;
font-size	: 12px;
font-family	: corbel, arial, helvetica, sans-serif;
font-weight : normal;
font-style  : normal;
text-decoration: none;
line-height: 1.5 ;
text-align: justify ;
position: relative;
height:auto;
min-height: 500px;
padding-top: 0%;
padding-right: 10px; /* 0%; */
padding-bottom: 30px; /* 2%; */
padding-left: 10px; /* 0%; */
background: #FFFFFF  url(images/sun1.jpg) no-repeat; /* url(images/gras380.gif) repeat-x bottom;  background/bgimgpix/z30.png) repeat; */
background-position: 100% 0%;
color: #006000;
float: left;
width: 438px; /* 100%; */
border-color: #f4751e;
border-width:1px;
border-style: solid;
}

#content a
{
font-weight : normal;
font-style  : normal;
text-decoration: underline;
color: #F4751E;
}

#content a:hover 
{
color: #FFD800;
}

#contentbottom
{
position: absolute;
bottom:0;
height:29px;
width: 100%;
margin-left: -10px;
background: url(images/gras380b.png) repeat-x bottom;
}

#iframecontent
{
font-size	: 12px;
font-family	: corbel, arial, helvetica, sans-serif;
font-weight : normal;
font-style  : normal;
color: #006000;
height:100%;
}

#iframecontent a
{
font-weight : normal;
font-style  : normal;
text-decoration: underline;
color: #F4751E;
}

#iframecontent a:hover 
{
color: #FFD800;
}


#footer
{
position: relative;
height: 50px;
width: 960px;
text-align: center;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background: #BCF45A url(background/w50px/w60.png) repeat-x;
float:left;
clear:left;
}


#footerfilter
{
position: relative;
height: 50px;
width: 960px; 
float:left;
margin: -50px 0px 0px 10px;
padding: 0px 0px 0px 0px;
text-align: center; 
background:  transparent url(background/bgimgpix/z0.png) repeat; 
clear:left;
font-size: 10px;
}


#footer a
{
color: #F4751E;
text-decoration: none;
}

.contact1
{
position: relative;
width: 40%;
height: auto;
float: left;
text-align:left;
}

.contact2
{
position: relative;
width: 40%;
height: auto;
float: left; 
text-align:left;
}

.contact3
{
position: relative;
width: 20px;
height: auto;
float: left; 
text-align:left;
}

#short
{
margin: 0px 0px 5px 0px;
}

#ledencont
{
width: 100%;
text-align: center;
margin: 0px auto 0px auto;
background: transparent;
}

#leden
{
position: relative;
height: auto;
text-align: left;
margin: 0px 30px 70px 30px;
}

#ledendetail
{
width: 60%;
text-align: left;
margin: 0px auto 70px auto;

height: auto;
}

.ledendleft
{
width: 32%;
float: left;
height: auto;
margin-left: 10%;
}

.ledendright
{
width: 58%;
float: right;
height: auto;
}

.ledenlist
{
position: relative;
width: 50%;
float: left;
height: auto;
}

.ledenlist a img
{
height: 0; 
width: 0; 
border-width: 0;
}

.ledenlist a:hover img
{
display: block;
height: auto;
width: auto;
border-width: 0;
position: absolute;
margin-left: 100px;
z-index:5000;
}

.ledenleft
{
position: relative;
width: 50%;
height: auto;
float: left;
}

.ledenright
{
position: relative;
width: 50%;
height: auto;
float: left;
}

.ifrm
{
width:100%;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

#ad1
{
position:relative;
width: 728px;
height: 90px;
float:left;
background:transparent;
margin-left:0px;
}

#weather1
{
position:relative;
float:left;
height:40px;
background:transparent;
width:50px;
margin: 24px 25px 24px 25px;
border-width:1px;
border-style:solid;
border-color: #f4751e;
}

#contentleft
{
position: relative;
width: 185px;
height: auto;
min-height:500px;
background: transparent;
float: left;
overflow:hidden;
}

#contentright
{
position: relative;
width: 185px;
float: left;
}

#contentmid
{
position: relative;
float: left;
width: 460px;
height: auto;
}

#balkleft
{
height: 500px;
width: 120px;
background: transparent;
float:left;
margin: 0px 0px 0px 0px;
padding-right:10px;
}



#subcontainer 
{
float:left;
width: 830px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: transparent;
overflow:hidden;
}


#slideshowcontainer
{ padding		: 0px 0px 0px 0px;
margin			: 0px auto 0px auto;
background		: #bcf45a; /* url(images9/lichtgroenblok3.gif); */
position		: relative;
width			: 185px; 
height			: 140px; 
text-align: center;
overflow: hidden; 
color			: #006000;
font-size		: 100%;
}

/*
#slideshow
{ 



	position		: relative;
	overflow		: auto;
	padding			: 0 0 0 0 ;
	margin-top		: 10px; 
	margin-left		: 5px;
	font			:  calibri, arial, helvetica, sans-serif;
	height			: 180px; 
	width			: 170px; 
	text-align		: center; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-face-color: #bcf45a; 
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	 
}
*/


#slideshow {
    position:relative;
    height:140px;
	width: 170px;
	background: #bcf45a;
	margin-top		: 0px; 
	margin-left		: 5px;
	font		:  bold 12px   calibri, arial, helvetica, sans-serif;
}

#slideshow a
{
color: #f4751e;

}

#slideshow a:hover
{
color: #ffd800;
}

#slideshow img
{
border-width: 0px;

}

#slideshow div
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	background: #bcf45a;
	width: 170px;
	height: 140px;
	margin-top		: 0px; 
	margin-left		: 5px;
		}
	
#slideshow div.active {
    z-index:10;
    opacity:1.0;
	background: #bcf45a;
	margin-top		: 0px; 
	margin-left		: 5px;
	width: 170px;
	height: 140px;
}

#slideshow div.last-active {
    z-index:9;
	background: #bcf45a;
	margin-top		: 0px; 
	margin-left		: 5px;
	width: 170px;
	height: 140px;
}	

#tuinshop
{
position: relative;
height: auto;
width: 155px;
padding: 10px 5px 10px 5px;
border-style: solid; 
border-width: 2px; 
border-color: #f4751e; 
margin: 10px auto 10px auto;
text-align: center;
}

#tuinshop a
{
font: bold 12px/16px  calibri, arial, helvetica, sans-serif;
color: #f4751e;
background: transparent;
}

#tuinshop a:hover {
color: #ffd800;
background: transparent;
}

#kalendercontainer
{ 
padding		: 0px 10px 0px 15px;
margin			: 0px 0px 0px 0px;
background		: url(images9/lichtgroenblok4.gif);
position		: relative;
width			: 165px; 
height			: 175px; 
overflow		: auto; 
text-align		: center;
color			: #006000;
font-size		: 100%;
} 

#kalendercontainer img
{
width: 35px;
height: 45px;
float: left;
border-width:1px;
}

#eventlist
{ 
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
height: auto;
width: auto;  
text-align: left; 
position: relative; 
background: transparent; 
} 


img.alignright {float:right; margin:0em 0em 1em 1em}
img.alignleft {float:left; margin:1em 1em 0em 0em}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0em 0em 1em 1em}
a img.alignleft {float:left; margin:0em 1em 1em 0em}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignleft 
{
float:left;
margin:1em 1em 0em 0em;
}

.alignleftonder
{
clear: left;
float:left;
margin:1em 1em 0em 0em;
}

#subpages
{
padding: 0px 10px 0px 10px;
}

/* winkelstraat */
#admid1
{
height: 15px;
width: 830px; 
text-align: center; 
position: relative; 
background: transparent; 
margin: 0px auto 0px auto;
}

#midden
{
position: relative;
margin: 0px 0px 0px 0px;
padding: 5px 9px 9px 9px;
height: auto;
min-height: 1400px;
background: #bcf45a;
}

#menulinks
{
position: relative;
border-style: solid;
border-width: 1px;
border-color: #f4751e;
height: auto; 
min-height: 500px;
width: 180px;
text-align: left; 
float: left;
background: #bcf45a;
}

#menulinks ul 
{
list-style		: none;
list-style-position: inside;
margin-left: 0px;

padding-left: 10px;
vertical-align: middle; 
/* margin			: 0 0 0 0;
padding			: 0; */

}
 #menulinks li
 {
list-style			: none; 
list-style-type		: none; 
list-style-position: outside; 
padding				: 0px; 
color		: #f4751e;

margin			: 0px ; 
 } 
 
 #shopcontent
 {
 position: relative;
 position: relative;
border-style: solid;
border-width: 1px;
border-color: #f4751e;
height: auto; 
min-height: 490px;
width: 613px;
text-align: left; 
float: left;
background: #bcf45a;
margin-left: 5px;
padding: 5px 5px 5px 5px;
 }

#shopcontent img 
{
border-style: solid;
border-width: 1px;
border-color: #f4751e;
} 

#shopcontent img:hover
{
border-color: #ffd800;
} 


.shopcell
{
position: relative;
height: 130px;
background: transparent;
float: left;
width: 100px;
margin-right: 0px;
margin-left: 40px;
text-align: center;
margin-bottom: 10px;
}

.shopcelltxt
{
height:30px;
width: 100%;
}

.tuinshop
{
margin-bottom:10px;
}


.tuinshop a img
{
max-height: 60px; 
width: auto; 
border-width: 0px;
}

.tuinshop a:hover img
{
max-height:300px;
display: block;
height: auto;
width: auto;
border-width: 0px;
position: absolute;
margin-left: 50px;
z-index:5000;
}

/* einde winkelstraat */

/* googlesearchpage gsearch.php */
#middengooglez
{
position: relative;
margin: 0px auto;
padding: 9px 12px 9px 12px;
height: auto;
background: #bcf45a;
text-align: center;
}

#googlez
{
padding: 0px 0px 0px 0px;
margin: 0px auto;
background: #ffffff;
text-align: center;
height: auto;
min-height: 500px;
}

#googlezbox
{
padding: 5px 0px 0px 5px;
margin: 0px auto; 
text-align: center;
background: #bcf45a;
height: 30px; 
}

#googlezbox2
{
padding: 5px 0px 0px 5px;
margin: 0px auto; 
text-align: center;
background: #bcf45a;
height: 30px; 
position: fixed; 
bottom: 0;
}

/* end google search page */