body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #333;
	text-align: center;
	font-family: "Lucida Grande",helvetica, arial, sans-serif;
	font-size: 12px;
	background-image: url(../images/zwart.jpg);
	background-repeat: repeat-y;
	background-color: #666;
	background-position: center;
	position:relative;
}
#wrapper
{
	margin: 0px auto;
	text-align: left;
	width: 960px;
	/*
background-color: transparent;
	background-image: url(../images/wrapper_2.png);
	background-repeat: repeat-y;
*/
	padding: 0px 12px 10px 12px;
	background-position: left top;
	min-height: 1600px;
	height: auto !important;
	height: 1600px;
}

ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li
{
	margin: 0px;
	padding: 0px;
}

#header
{
	position:relative;
	height: 140px;
	background-color: #CCC;

}

#header img, #home img
{
	display:block;
}

#header a img
{
	border:none;
}



#header h1
{
	text-align: left;
	font-size: 36px;
	font-weight: bold;
	color: #F00;
	font-style: normal;
	margin-bottom:0px;
}

#header h2
{
	font-size: 24px;
	margin-bottom:0px;
}


#home
{
	position:absolute;
	height: 140px;
	background-color: transparent;
	left:0px;
	top:0px;
}

#home a img
{
	border:none;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	}

p { margin: 0 0 1em 0; }

h1
{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #9C3;
	font-style: italic;
}

h2
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #9C3;
	font-style: italic;
}

h3
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #9C3;
	font-style: normal;
}

h4
{
	color: #9C3;
	text-align: left;
	font-size: 12px;
}

h5
{
	color: #9C3;
	text-align: left;
	font-size: 12px;
	font-variant: normal;
	margin: 0 0 .4em 0;
}


#left h4
{
	line-height: 24px;
	background-image: none;
	padding: 0 2px;
	color: #FC0;
	margin:0px 0px 5px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
/*	border-top: 1px solid #333; */
}

h4 a
{
	color: #C00;
	text-decoration:none;
}

h4 a img
{
	border:none;
}


h4 img
{
	float:left;
}


#left h2
{
	line-height: 14px;
	background-image: none;
	padding: 0 2px;
	color: #333;
	margin:0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}


/* --------------------------------------------- start horizontal navigation -------------------------------------------------- */

#navigation
{
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	background-image: url(../images/navbar.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
	/* otherwise the (block)level a's will collapse in IE */
	border-top: 1px solid #FFF;
	text-transform: uppercase;
	padding-right:5px;
	/*letter-spacing: 0.1em;*/
}

#navigation ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align:left;
}

#navigation li
{
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navigation a
{
	padding:0px 14px;
	text-decoration:none;
	display:block;
	float: left;
	width: .1em; /* makes blocklevel links in IE clickable */
}
	/* sort out iemac mess with floats  \*/
	#navigation a {float:none;} /* end hack*/
	
html>body #navigation a {width:auto;}

#navigation a:link, #navigation a:visited
{
	text-decoration:none;
	color:#333;
/*
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
*/
}

#navigation a:hover
{
	text-decoration: none;
	padding:0px 13px 0px 14px;
	margin-right:1px;
	color: #FFF;
	background-image: url(../images/navbar-hover.gif);
	background-repeat: repeat-x;
}

#navigation a.current:link, #navigation a.current:visited
{
	padding:0px 13px 0px 14px;
	margin-right:1px;
	background-image: url(../images/navbar-hover.gif);
	background-repeat: repeat-x;
	color: #FFF;
}

#languageselector
{

	float: left;
	margin: 8px 2px 0 5px;
	line-height: 0px;
}

#languageselector img
{
	border:none;
}

#languageselector a:link, #languageselector a:visited
{
	display:inline;
	padding:0px;
	background-image: none;
}

#languageselector a:hover
{
	background-image: none;
	padding:0;
	margin:0;
}

#languageselector a:link img, #languageselector a:visited img
{
	border: 1px solid #666;
}

/* fake statement to make IE5 and IE6 change (border)styles on a:hover img */

#languageselector a:hover
{
	border: 1px none #CCC;
}

#navigation #languageselector img
{
	display: inline;
	margin-right: 1px;
	border: 1px solid #333;
	opacity: 0.7;
	vertical-align: middle;
}

#navigatie #languageselector img:hover, #navigation #languageselector img.taal
{
	border:1px solid #CCC;	
	opacity:1;
}


#search {

	padding:0 5px 0 0;
	margin:0;
	float:right;
}

#navigation form
{
	margin:0px;
	padding:0px;
}

#q
{
	margin: 5px 1px 4px 0px;
	padding: 3px 3px;
	width: 134px;
	height: 20px;
	line-height: 20px;
	background-color: transparent;
	border: none;
	background-image: url(../images/searchfield.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#CCC;
	display:block;
	float:left;
	
}

#searchbutton
{
	margin:0;
	padding:0;
	width: 84px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none;
	background-image: url(../images/searchbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

#searchbutton:hover {

	background-position: 0px -32px;
}

/* --------------------------------------------- end horizontal navigation -------------------------------------------------- */

#shadow
{
	height:9px;
	background-image: url(../images/shadow_2.gif);
	background-repeat: no-repeat;
}

/* --------------------------------------------- start left column -------------------------------------------------- */ 

#left
{
	float: left;
	position:relative;
	width:200px;
	z-index:1005;
	background-color:transparent;
	color:#FFF;
}

#left form
{
	margin:3px 0px;
}



.styledbutton
{
	margin:0;
	padding:0;
	width: 84px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none;
	background-image: url(../images/styledbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

.styledbutton:hover {

	background-position: 0px -32px;
}

.leftbutton
{
	margin:0;
	padding:0;
	width: 110px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none;
	background-image: url(../images/left_button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

.leftbutton:hover {

	background-position: 0px -32px;
}

.styledbuttonlink
{
	margin:0 0 0 16px;
	padding:0;
	width: 84px;
	height: 32px;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height: 32px;
	background-color: transparent;
	border: none;
	background-image: url(../images/styledbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

.styledbuttonlink:hover {

	background-position: 0px -32px;
}

.leftbuttonlink
{
	margin:0 0 0 16px;
	padding:0;
	width: 110px;
	height: 32px;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height: 32px;
	background-color: transparent;
	border: none;
	background-image: url(../images/left_button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

.leftbuttonlink:hover {

	background-position: 0px -32px;
}

table#pollresults img
{
	border:none;

}

#left div p
{
	margin-left:6px;
	padding:0px 4px  0px 10px;	
}

.leftspacer
{
	margin: 0px 4px 6px 4px;
}

#left ul#weather
{
	margin: 3px 3px 15px 10px;
	background-color:transparent;
	width:160px; /* width added to trigger "HasLayout" */
	font-size:11px;	
}

#left ul#weather li
{
	padding:0px 0px 2px 3px;

}


#email
{
	margin:8px 0 2px 0;
	padding: 3px 3px;
	width: 134px;
	height: 20px;
	line-height: 20px;
	background-color: transparent;
	border: none;
	background-image: url(../images/searchfield_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#999;
	display:block;	
}


#left h4#opinion
{
	background-image: url(/images/h4_poll.gif);
	background-repeat: no-repeat;
	line-height: 46px;
	padding-left:55px;
	margin-left: 3px;
	font-style: italic;
	
}

#left h4#info
{
	background-image: url(/images/h4_info.gif);
	background-repeat: no-repeat;
	line-height: 56px;
	padding-left:45px;
	margin-left: 3px;
	font-style: italic;
}

#nieuwsbox
{
	margin-left:15px; 
	font-size: 11px;
}

#left #nieuwsbox input
{
	background-color: rgb(62,94,125);
	border: 1px solid #CCC;
	padding:2px;
	color:#CCC;
}

#left h4#nieuwsbrief
{
	background-image: url(/images/h4_newsletter.gif);
	background-repeat: no-repeat;
	line-height: 56px;
	padding-left:65px;
	margin-left: 3px;
	font-style: italic;
}

#left #nieuwsbox p
{
	padding: 0px;
	margin: 0 0 .6em 0;
}

#left #nieuwsbox input#nieuwsbriefbutton
{
	margin:0;
	padding:0;
	width: 84px;
	height: 32px;
	line-height: 32px;
	background-color: transparent;
	border: none;
	background-image: url(../images/nieuwsbriefbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	border:none;
	padding: 0px;
	text-align:center;
	font-size:10px;
}

#left #nieuwsbox input#nieuwsbriefbutton:hover {

	background-position: 0px -32px;
	border:none;
}



#left h4#weer
{
	background-image: url(/images/h4_weather.gif);
	background-repeat: no-repeat;
	line-height: 56px;
	padding-left:70px;
	margin-left: 3px;
	font-style: italic;
}


#left div img
{
	display:block;
}

#left a:link img, #left a:visited img
{
	border:1px solid #999;
}

#left a:hover
{
	border: 1px none #CCC;
}

#left a:hover img
{
	border:1px solid #CCC;
}

#left img
{
	border: none;
}

.formcontainer{margin-bottom:10px; clear: both;}

a#button:link, a#button:visited
{
	border:1px solid #C00;
	background-color:#900;
	padding: 4px 5px 4px 5px;
	text-decoration:none;
	color:#FFF;
	margin-left:3px;
}

 a#button:hover
{
	border:1px solid #CCC;
	background-color:#900;
	padding: 4px 5px 4px 5px;
	text-decoration:none;
	color:#FFF;
}
/* --------------------------------------------- end list items -------------------------------------------------- */ 

/* --------------------------------------------- end left column -------------------------------------------------- */ 

/* --------------------------------------------- start middle column -------------------------------------------------- */ 

#content
{
	position: relative;
	margin: 15px 0 0 225px;
	width: 710px;
}

#content img
{
	border:1px solid #666;
}

.leftfloater
{
	float:left;
	margin:0px 8px 8px 0px;
}

.rightfloater
{
	float:right;
	margin:0px 0px 5px 5px;
}

.leftfloater_withtopmargin
{
	float:left;
	margin:8px 8px 8px 0px;
}

.rightfloater_withtopmargin
{
	float:right;
	margin:8px 0px 5px 5px;
}

#content a:link
{
	text-decoration: underline;
	color:#06C;
}
#content a:visited
{
	text-decoration: underline;
	color:#69C;
}

#content a:hover
{
	text-decoration: underline;
	color:#F03;
}

#content a:active
{
	text-decoration: underline;
	color:#333;
}

#content a:link img, #content a:visited img
{
	border:1px solid #666;
}

#content a:hover
{
	border: 1px none #999;
}

#content a:hover img
{
	border:1px solid #999;
}

#content ul
{
	margin: 0px 0px 15px 0px;
	padding:0px;
	list-style-type: none;
}

#content li
{
	margin: 0px;
	padding-left:0px;
}

#content a:link img.noborder, #content a:visited img.noborder, #left a:link img.noborder, #left a:visited img.noborder
{
	border:none;
}

#content a:hover img.noborder, #left a:hover img.noborder
{
	border:none;
}

#wrapper #content img.noborder, #wrapper #left img.noborder
{
	border:none;
}

#wrapper #content img.noborder:hover, #wrapper #left img.noborder:hover
{
	border:none;
}

/* --------------------------------------------- end middle column -------------------------------------------------- */ 



.styledbutton_r
{
	margin:0;
	padding:0;
	width: 84px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none;
	background-image: url(../images/styledbutton_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

.styledbutton_r:hover {

	background-position: 0px -32px;
}

#left p
{
	padding: 2px 2px;
	margin: 0px 0;
}

#footer
{
	clear: both;
	height: 50px;
	padding-top:15px;	
	text-align: center;
}



.red{color:#C00;}
.blue{color:#39F;}
.yello{color: #C90;}
.green{color: #9C3;}
.boldface{font-weight: bold;}
.underline {text-decoration:underline;}
.italics{font-style: italic;}

ul#newslist li
{
	padding: 3px 0px;
	color:#333;
	font-weight:bold;
}

ul#newslist
{
	margin: 0px;
	padding: 3px 0px;
	list-style:none;
}  

.dertigtopmargin {

	margin-top:30px;
}

.twintigtopmargin {

	margin-top:20px;
}

.vijftigtopmargin {

	margin-top:50px;
}



#content input, #content textarea
{
	border:1px solid rgb(46,46,46);
	background-color: rgb(56,56,56);
	color:#CCC;
	padding:3px;
}

#content form input.error, #content form select.error, #content form textarea.error {border:2px solid #C00 !important;}

.required {color:#C00; font-weight:bold; font-size:14px;}

.licht { background-color: rgb(240,240,240);color:#333;}
.licht:hover { background-color: rgb(220,220,220); color:#333;}
.donker{ background-color: rgb(230,230,230);color:#333; }
.donker:hover { background-color: rgb(220,220,220); color:#333;}

p#pager
{
	color: #C00;
	font-weight: bold;
}

#pager a:link, #pager a:visited
{
	text-decoration: none;
	color: #333;
	font-weight: bold;
}


#pager a:hover
{
	text-decoration: none;
	color:#000;
	font-weight: bold;
	letter-spacing: 1px;
}

.vijftig{width:50px;}
.honderd{width:100px;}
.honderdvijftig{width:150px;}
.tweehonderd{width:200px;}
.tweehonderdvijftig{width:250px;}
.driehonderd{width:300px;}
.driehonderdvijftig{width:350px;}
.vierhonderd{width:400px;}
.vierhonderdvijftig{width:450px;}


table tr.grey
{
	background-color:#666;
	color:#CCC;
	vertical-align: middle;
}

#content table tr.grey td img
{
	border:none;
}

.guestinfo
{
	color: #000;
}

#message
{
	background-color: #333;
	color: #FFF;
}	

div#gallery
{
	margin-top:15px;
}

div#gallery div
{
	float: left;
	width: 110px;
	height: 72px;
	overflow: hidden;
	margin:3px;
	position:relative;
	color:#FFF;
	border:1px solid #666;
}

div#gallery div:hover
{
	border:1px solid #999;
}

div#gallery div div
{	
	position:absolute;
	bottom:2px;
	right:2px;
	margin:0px;
	width: 20px;
	height:20px;
	line-height:20px;
	text-align:center;
}


div#gallery div div.month
{	
	position:absolute;
	bottom:2px;
	left:1px;
	margin:0px;
	width: 100px;
	height:14px;
	line-height:14px;
	text-align:left;
}

#content div#gallery div a img, #content div#gallery div div
{
	border:none;
}	

p#photographer
{
	font-weight:bold;
	color:#333;
}

form.dateform { display: inline; }

 p#navigator
 {
 	color:#000;
	font-weight:bold;
 }


#content p#navigator a#previous:link, #content p#navigator a#previous:visited
{
	text-decoration: none;
	color:#C00;
	font-weight:bold;
}

#content p#navigator a#previous:hover
{
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

#content p#navigator a#next:link, #content p#navigator a#next:visited
{
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

#content p#navigator a#next:hover
{
	text-decoration: none;
	color:#C00;
	font-weight:bold;
}

p#complink
{
	margin-bottom:10px;
	padding-left:18px;
}

p#complink a:link, #complink a:visited
{
	text-decoration: none;
	color: #CCC;
}

#complink a:hover
{
	text-decoration:none;
	color:#C00;
}

div#map
{
	margin-top:15px;
}	

.m_image {
	
	display:block;
	margin:15px 0 15px 0;

}


.italic_small
{
	font-size: 10px;
	font-style: italic;
}

#content input.adminbutton
{
	margin:0px;
	padding:0px;
	width: 84px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none;
	background-image: url(../images/adminbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}


#content input.adminbutton:hover {

	background-position: 0px -32px;
}

#content ul.press { margin-top:20px; }

div.prcontainer
{
	padding-bottom: 30px;
	background-image: url(../images/prcontainer.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

div.orderform
{
	margin-top: 20px;
}

#content div.orderform input[type="text"] 
{
	border:1px solid #666;
	margin-right:10px;
	
}


#content div.cartcontainer a img, div.cartcontainer a

{
	border:none;
}

.tabelheaders
{
	font-size:14px;
	font-weight:bold;
	color:#9C3;
}

.boldgreen
{
	color:#9C3;
	font-weight: bold;
}

/* START LINKERNAVIGATIEKOLOM */

#cart
{
	position:relative;
	width:195px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;
	padding: 5px 5px 5px 0px;

}


#cart_title
{
	width:185px;
	background-color:#2D8BB2;	
	line-height:24px;
	font: bold 1em/2em helvetica, arial, sans-serif; color: #FFF;
	padding: 2px 0 2px 15px;
	margin-bottom:5px;

}

#banner
{
	position:relative;
	width:202px;
	height:135px;
	border-width: 0px 0px 1px 0px;
	border-color: #999;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;
}

#bannerlink:link, #bannerlink:visited
{
	position: absolute;
	text-align:center;
	top:0px;
	left:0px;
	width:192px;
	background-color: transparent;
	line-height:24px;
	font: bold 18px/20px helvetica, arial, sans-serif; color: #FFF;
	padding: 8px 5px 2px 5px;
	height:115px;
	text-decoration: none;
	display: block;

}

a#bannerlink:hover
{
	color:rgb(235,235,235);
}

ul.accordion
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0; 
	width: 202px;
	overflow: hidden;
	border-width: 0px 0px 0px 0px;
	border-color: #CCC;
	border-style: solid;
	background-color:transparent;
}
	.accordion ul { padding: 10px 0; margin: 0; float: left; display: block;}
	.accordion li ul { width:185px;}
	.accordion li { background-color:transparent; color:#FFF; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 202px; border-bottom:1px dotted #CCC;}
	#left .accordion li.active a:link, #left .accordion li.active a:visited { /*background: url('../images/close.gif') no-repeat center right;*/ background-color:rgb(62,94,125); padding-left:15px; color:#FFF; }
	#left .accordion li a { padding:2px 0 2px 15px; color:#FFF; background-color:rgb(62,94,125);} #left .accordion li a:hover { padding:2px 0 2px 15px; color:#FFF; background-color:rgb(62,94,125);}/*kleur van de Ÿberlinks*/
	#left .accordion li.active ul li a:link,  #left .accordion li.active ul li a:visited { padding-left:0px; background-color:transparent; color:#FFF;}
	#left .accordion li.active ul li a:hover { padding-left:0; background-color:transparent; color: #000;}
	.accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 100%;}
	.accordion a { text-decoration: none; font: bold 1em/2em Arial, sans-serif; color: #222; padding: 0; display: block; cursor: pointer; /*background: url('../images/open.gif') no-repeat center right;*/ color:#FFF; }
	#left  .accordion li ul li a:link, #left .accordion li ul li a:visited {display:inline; cursor: pointer; padding: 0px; font: normal 12px/14px Arial, helvetica, arial, sans-serif; color:#369; text-decoration: none; background-color: transparent;}
	#left  .accordion li ul li a:hover { text-decoration: none; }
	/* Level 2 */
	.accordion li ul li { background: transparent; font-size: 0.9em; color:#666; padding:0 10px 0 15px; border:none; width:165px;}
	
	#left .accordion li.active ul li a.here:link, #left .accordion li.active ul li a.here:visited, #left #seeds a.here:link, #left #seeds a.here:visited, #left #webshop a.here:link, #left #webshop a.here:visited  { font-weight: bold; color: #000;}
	
/* EINDE LINKERNAVIGATIEKOLOM */

#quickinfo 
{
	margin-left:15px; 
	font-size: 11px;
}

#quickinfo a:link, #quickinfo a:visited
{
	text-decoration: none;
	color:#9C3;
	font-weight:bold;
}

#quickinfo a:hover
{
	text-decoration: underline;
	color:#F03;
}

#logos 
{
	margin:15px 0 15px 0px; 
	font-size: 11px;
}

#left #logos img
{
	display:inline;
}

iframe 
{
	width:640px;
	height: 480px;
	border: 1px solid #666;
	margin:15px 0 2px 0;
}
	
#content table {margin-bottom: 15px; }

#tellers {display:none;}

#vakantie
{
	position: absolute;
	right:0px;
	top:0px;
	width:200px;
	height:100px;
	background-color:transparent;
	z-index:999;
}

#vakantie img
{
	display:block;
}