body
 {
	font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: black;
	margin: 0px;
	padding: 0px;
	border: 0px;
	line-height: 150%;
}

html, body
{
    width: 100%;
    height: 100%;
    overflow: auto;
    background-position: fixed;
    position: relative;
}
html
{
    background-color: #000000 ;
    /*background: #000000 url(images/loader.gif) no-repeat 200px;*/
}
.Herfst
{
    Color: #F58024;
}
.Zomer
{
 	Color: #FFC92B;
}
.Winter
{
  	Color: #15BDCB;
}
.Lente
{
 	Color: #BCD648;
}
.Herfst a:hover
{
    Color: #000000;
}
.Zomer a:hover
{
 	Color: #000000;
}
.Winter a:hover
{
  	Color: #000000;
}
.Lente a:hover
{
 	Color: #000000;
}
p{
	color: black;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

h3{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: black;
	font-size: 12px;
	font-weight: bold;
	
}
/* thema's */
body.Herfst
{
    background: url(images/bg/background-herfst.jpg) left center fixed;
}
body.Zomer
{
    background: url(images/bg/background-zomer.jpg) left center fixed;
}
body.Winter
{
    background: url(images/bg/background-winter.jpg) left center fixed;
}
body.Lente
{
    background: url(images/bg/background-lente.jpg) left center fixed;
}



a{
	color:#FFFFFF;
	text-decoration: none;
}
a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

p a{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}


img{
	border: 0px;
}
h1
{
	font-size: 20px;
	font-weight: normal;
	padding: 0px;  
	margin: 0px;
	font-family: "Verdana" , Helvetica, Arial, sans-serif;
		
}
.pagetitle
{
	font-weight: bold;
	font-size: 120%;
	color: black;
	margin-left: 10px;
}
h2
{
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 0px;
}
div {

	font-size: 12px;
}
fieldset{
	padding-left: 10px;
}
.blacklink{
	color: black;
	cursor: pointer;
	text-decoration: underline;
}

/*
 * Header + Breadcrum
 */
	#header
	{
		position: relative;
		margin-top: 25px;
		width: 100%;
		height: 82px;
	}

	div#breadcrum
	{
		font-weight: bolder;
		position: absolute;
		font-size: 90%;
		color: #FFFFFF; 
		left: 25px;
		top: 165px;
	}
	#breadcrum a{
		color:#FFFFFF;
		text-decoration: underline;
		
	}
	#breadcrum a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}	
	#breadcrum a:link {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#seasons{
		position: absolute;
		
		right: 10px;
		top: 10px;
		z-index: 200;
	}
	.season_img{
		width: 20px;
		border: 2px solid black;
	
	}
	.season_img.active{
		border: 2px solid white;
	
	}
/*
 * Eind Header + Breadcrum
 */
	#lefthead{
		position: absolute;
		top: 121px;
		left: 94px;
	}
	#righthead{
		background-color: black;
		height: 89px;
		width: 208px;
		left: 659px;
		top: 90px;
		position: absolute;
	}
 /*
 * geel
 */
 	div#main
	 {
	 	position: relative;
	 	margin-right: 70px;
	 	margin-top: 0px;
	 	float: right;
	    color: #000000;
	    font-size: 12px;
	    margin-top: 25px;
	    z-index: 50;
	}
 	div#maintop{
		width: 600px;
		height: 28px;
		background-repeat: no-repeat;
		position: relative;
 	}
 	div#maintop.Zomer.kwart	{	background-image: url(images/main/kwart/top-Zomer.png);}
 	div#maintop.Winter.kwart{	background-image: url(images/main/kwart/top-Winter.png);}
 	div#maintop.Lente.kwart	{	background-image: url(images/main/kwart/top-Lente.png);}
 	div#maintop.Herfst.kwart{	background-image: url(images/main/kwart/top-Herfst.png);}
 	div#maintop.Zomer.half	{	background-image: url(images/main/half/top-Zomer.png);}
 	div#maintop.Winter.half	{	background-image: url(images/main/half/top-Winter.png);}
 	div#maintop.Lente.half	{	background-image: url(images/main/half/top-Lente.png);}
 	div#maintop.Herfst.half	{	background-image: url(images/main/half/top-Herfst.png);}
 	div#maintop.Zomer.heel	{	background-image: url(images/main/heel/top-Zomer.png);}
 	div#maintop.Winter.heel	{	background-image: url(images/main/heel/top-Winter.png);}
 	div#maintop.Lente.heel	{	background-image: url(images/main/heel/top-Lente.png);}
 	div#maintop.Herfst.heel	{	background-image: url(images/main/heel/top-Herfst.png);}
 	div#maintop.White		{	background-image: url(images/main/white/top.png);}
 	
 
 	div#mainmiddle.Zomer.kwart	{	background-image: url(images/main/kwart/mid-Zomer.png);}
 	div#mainmiddle.Winter.kwart{	background-image: url(images/main/kwart/mid-Winter.png);}
 	div#mainmiddle.Lente.kwart	{	background-image: url(images/main/kwart/mid-Lente.png);}
 	div#mainmiddle.Herfst.kwart{	background-image: url(images/main/kwart/mid-Herfst.png);}
 	div#mainmiddle.Zomer.half	{	background-image: url(images/main/half/mid-Zomer.png);}
 	div#mainmiddle.Winter.half	{	background-image: url(images/main/half/mid-Winter.png);}
 	div#mainmiddle.Lente.half	{	background-image: url(images/main/half/mid-Lente.png);}
 	div#mainmiddle.Herfst.half	{	background-image: url(images/main/half/mid-Herfst.png);}
 	div#mainmiddle.Zomer.heel	{	background-image: url(images/main/heel/mid-Zomer.png);}
 	div#mainmiddle.Winter.heel	{	background-image: url(images/main/heel/mid-Winter.png);}
 	div#mainmiddle.Lente.heel	{	background-image: url(images/main/heel/mid-Lente.png);}
 	div#mainmiddle.Herfst.heel	{	background-image: url(images/main/heel/mid-Herfst.png);}
 	div#mainmiddle.White		{	background-image: url(images/main/white/mid.png);}
 	
 	
 	div#mainbottom{
		background-position: bottom;
		width: 600px;
		height: 34px;
		
		bottom: 0px;
		margin: 0px;
		background-repeat: no-repeat;
 	}

 	div#mainbottom.Zomer.kwart	{	background-image: url(images/main/kwart/bottom-Zomer.png);}
 	div#mainbottom.Winter.kwart{	background-image: url(images/main/kwart/bottom-Winter.png);}
 	div#mainbottom.Lente.kwart	{	background-image: url(images/main/kwart/bottom-Lente.png);}
 	div#mainbottom.Herfst.kwart{	background-image: url(images/main/kwart/bottom-Herfst.png);}
 	div#mainbottom.Zomer.half	{	background-image: url(images/main/half/bottom-Zomer.png);}
 	div#mainbottom.Winter.half	{	background-image: url(images/main/half/bottom-Winter.png);}
 	div#mainbottom.Lente.half	{	background-image: url(images/main/half/bottom-Lente.png);}
 	div#mainbottom.Herfst.half	{	background-image: url(images/main/half/bottom-Herfst.png);}
 	div#mainbottom.Zomer.heel	{	background-image: url(images/main/heel/bottom-Zomer.png);}
 	div#mainbottom.Winter.heel	{	background-image: url(images/main/heel/bottom-Winter.png);}
 	div#mainbottom.Lente.heel	{	background-image: url(images/main/heel/bottom-Lente.png);}
 	div#mainbottom.Herfst.heel	{	background-image: url(images/main/heel/bottom-Herfst.png);}
 	div#mainbottom.White		{	background-image: url(images/main/white/bottom.png);}
 	
 	
 	div#maincontent{
 		width: 570px;
		margin: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
 	}
 	div#mainmiddle{
		background-repeat: repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 600px;
 	}
 
	div#maincontent img{
		margin: 10px;
	}
	#content_left{
		width: 289px;
		position: absolute;
		float: left;
		margin-left: 0px;
	}


/*
 * Eind Main
 */


/*
 *	Footer
 */
	div#footer{

	}
	div#footerregel{

	}
/*
 *	Eind Footer
 */

 
 /*
 *	Menu
 */

	div#menu {
	/*
		position: absolute;*/
		margin-left: 286px;
		right: 0px;
		background-image: url(images/blackbg.png);
		height: 82px;
		
	} 
	div#menu div{
		width: 130px;
		float: left;
		margin-top: 10px;
	}
	div#menu div a:hover{
		color: white;
	}
	div#menu h1{
		font-size: 13px;
		font-weight: normal;
		color: white;
		margin: 8px;
		margin-top: 0px;
			
	}
	#menu .actief{
		text-decoration: underline;
	}
/*
*	Secundair menu
*/
.secmenuitem{
	background-image: url(images/black_block.png);
	width: 142px;
	height: 60px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	position:relative ;
	z-index: 5;
	text-align: center;
}
.secmenuitem:hover{
	background-image: url(images/white_block.png);
}
.secmenuitem:hover a{
	text-decoration: none;
	color: black;
}
.secmenuitem.active{
	background-image: url(images/white_block.png);
}
.secmenuitem.active a{
	text-decoration: none;
	color: black;
}

.secmenuitem a{
	display: block;
	padding-top: 20px;
	height: 60px;
}
#secmenu{
	font-size: 14px;
	font-weight: normal;
	color: white;
	display: inline;
	font-family: "Verdana" , Helvetica, Arial, sans-serif;
	float: left;
}
.menublock{
	margin-top: -6px;
}

.secmenukop{
	height: 39px;
	width: 285px;
	top: 1px;
	position: relative;
	z-index: 10;
	text-align: center;
}
.secmenukop:hover a{
	text-decoration: underline;
}
.secmenukop a{
	color: black;
	font-size: 16px;
	display: block;
	padding-top: 8px;
	height: 39px;
}
.secmenukop.Zomer{	background-image: url(images/koppen/kop-Zomer.png);		}
.secmenukop.Lente{	background-image: url(images/koppen/kop-Lente.png);		}
.secmenukop.Herfst{	background-image: url(images/koppen/kop-Herfst.png);	}
.secmenukop.Winter{	background-image: url(images/koppen/kop-Winter.png);	}
#ondersecmenu{
	position: relative;
	margin-top: 371px;
	width: 285px;
	background-image: url(images/black_block.png);
	height: 5px;
}
/*
 *	Eind menu
 */
 

/*
 *	Tabellen
 */	
	.table_fullsize
	{
		width: 730px;
		table-layout: fixed;
		border-collapse: collapse;
		border: 1px solid #000000;
		margin: auto;
	}
	.tabel_head{
		background : #21277B;
		border: 1px solid black;
		padding: 0px;
		margin: 0px;
		color: #FFFFFF;
		height: 22px;
		font-weight: bold;
	}
	.tabel_head a{
		color: #000000;
		text-decoration: none;
	}
	.tabel_head a:hover{
		text-decoration: underline;
	}
	.tabel_columns{
		background : #E1E1E1;
		border: 1px solid black;
		padding: 0px;
		margin: 0px;
		color: #000000;
		height: 22px;
		font-weight: bold;
	}
	.tabel_columns a{
		color: #000000;
		text-decoration: none;
	}
	.tabel_columns a:hover{
		text-decoration: underline;
	}
	.table_sides{
		background : #21277B;
		border: 1px solid black;
		padding: 0px;
		margin: 0px;
		color: #FFFFFF;
		height: 20px;
		font-weight: bold;
	}
	.table_sides a{
		color: #FFFFFF;
	}
	.tabel_item_odd {
		background : #40B1C3;
		color: black;
		border: 1px solid black;
	}
	.tabel_item_even {
		background :  #ffffff;
		color: black;
		border: 1px solid black;
	}
	.tabel_item_odd td{
		border: 1px solid black;
	}

	.tabel_item_even  td{
		border: 1px solid black;
	}
	.tabel_item_odd a{
		color: black;
	}

	.tabel_item_even  a{
		color: black;
	}
	.file_odd{
		background-color: #F0F0F0;
	}
	.file_even{
		background-color: #FFFFFF;
	}
/*
 * 	Eind Tabellen
 */
 
 /*
  *	Fields
  */
	.btnBack{
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
	.textField{
		width: 500px;
	}
	.textFieldHalf{
		width: 223px;
	}
	.selectField{
		width: 506px;
	}
	.textareaField{
		width: 500px;
		height: 60px;
	}

	fieldset .textField{
		width: 256px;
	}
	fieldset .textFieldHalf{
		width: 179px;
	}
	fieldset .selectField{
		width: 262px;
	}
	fieldset .textareaField{
		width: 256px;
		height: 60px;
	}
	fieldset{
		padding: 0px;
		width: 730px;
		margin: 0px auto;

	}
 /*
  *	Eind fields
  */
  
 
 /*
  * Live validation
  */
  
	.LV_validation_message{
		font-weight:bold;
		margin:0 0 0 0px;
	}

	.LV_valid {
		color:#00CC00;
	}
		
	.LV_invalid {
		color:#CC0000;
	}
		
	.LV_valid_field,
	input.LV_valid_field:hover, 
	input.LV_valid_field:active,
	textarea.LV_valid_field:hover, 
	textarea.LV_valid_field:active {
		border: 1px solid #00CC00;
	}
		
	.LV_invalid_field, 
	input.LV_invalid_field:hover, 
	input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, 
	textarea.LV_invalid_field:active {
		border: 1px solid #CC0000;
	}
  
  
/*
 *	Eind Live validation
 */
 
 
/*
* 	Calender
*/
	div.calendar
	{
		font-size: smaller;
		color: #000;
	}

	div.calendar.popup
	{
		margin-left: -40px;
		margin-top: -100px;
	}

	div.calendar table
	{
		background-color: #eee;
		border: 1px solid #aaa;
		border-collapse: collapse;
	}

	div.calendar thead {
		background-color: white;
	}

	div.calendar td,
	div.calendar th
	{
		padding: 3px;
		text-align: center;
	}

	div.calendar td.title
	{
		font-weight: bold;
	}

	div.calendar th
	{
		background: #ddd;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		font-weight: bold;
		color: #555;
	}

	div.calendar tr.days td {
		width: 2em;
		color: #555;
		text-align: center;
		cursor: pointer;
	}

	div.calendar tr.days td:hover,
	div.calendar td.button:hover
	{
		background-color: #34ABFA;
		cursor: pointer;
	}

	div.calendar tr.days td:active
	div.calendar td.button:active
	{
		background-color: #cde;
	}

	div.calendar td.selected
	{
		font-weight: bold;
		background-color: #fff;
		color: #000;
	}

	div.calendar td.today
	{
		font-weight: bold;
		color: #D50000;
	}

	div.calendar td.otherDay
	{
		color: #bbb;
	}
 /*
  * Eind Calender
  */
  .selectedHeader{
	background-color: #78CDD2;
  }
  
   /*
  * Start zoeken
  */
  .resultField{
	display: inline;
	float: left;
	height: 20px;
	vertical-align: middle;
	margin-left: 5px;
  }
  .searchField{
	display: inline;
	float: right;
	height: 20px;
  }
  .btnSearch{
	font-size: 80%;
	background-color: #21277B;
	color: white;
	
  }
  .txtSearch{
	font-size: 80%;
	width: 150px;
  }
  .sideRight{
  	display: inline;
	float: right;
	height: 20px;
	vertical-align: middle;
	width: 250px;
  }
  .sideLeft{
  	display: inline;
	float: left;
	height: 20px;
	vertical-align: middle;
	width: 250px;
  }
   /*
  * Eind zoeken
  */

  /*
  *	Start navigatie
  */
	#navigatie{
		margin-left: 10px;
	}
  /*
  * Eind navigatie
  */
  
  /*
  	Instellingen
  */
	.instellingen .textField{
		width: 300px;
	}
	.instellingen .textFieldHalf{
		width: 223px;
	}
	.instellingen .selectField{
		width: 306px;
	}
	.instellingen .textareaField{
		width: 300px;
		height: 60px;
	}
	
.FactuurLink{
	text-decoration: underline; 
	cursor: pointer; 
	font-weight: bold;
}
.StatusDiv{
	margin-left: 10px;
	font-weight: bold;
}

/*
	Home
*/
#column1{
	width: 300px;
	height: 216px;
	position: absolute;
	top: 34px;
	left: -1px;
	color: white; 
	font-weight: bold;
	cursor: pointer;
}
#column1.Zomer{		background: url(images/goudenkooi/goudenkooi-zomer.png);	}
#column1.Lente{		background: url(images/goudenkooi/goudenkooi-lente.png);	}
#column1.Herfst{	background: url(images/goudenkooi/goudenkooi-herfst.png);	}
#column1.Winter{	background: url(images/goudenkooi/goudenkooi-winter.png);	}
#column2{
	/*background: url(images/serre2.png);*/
	width: 300px;
	height: 165px;
	position: absolute;
	top: 278px;
	left: -1px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
#column2.Zomer{		background: url(images/wonderglas/ultraframe.png);	}
#column2.Lente{		background: url(images/wonderglas/ultraframe.png);	}
#column2.Herfst{	background: url(images/wonderglas/ultraframe.png);	}
#column2.Winter{	background: url(images/wonderglas/ultraframe.png);	}
img.slogan
{
    position: absolute;
    z-index: 100;
    top: 72px;
    right: 21px;

}
.slogan.Zomer{
    background: url(images/more-reasons-for-four-seasons-summer.png) no-repeat;
}
.slogan.Herfst{
    background: url(images/more-reasons-for-four-seasons-autumn.png) no-repeat;
}
.slogan.Lente{
    background: url(images/more-reasons-for-four-seasons-spring.png) no-repeat;
}
.slogan.Winter{
    background: url(images/more-reasons-for-four-seasons-winter.png) no-repeat;
}

/*
	accordion
*/
	
div#test-accordion{
	width: 283px; 
	height: 300px;
    margin: 0px;
}

div.accordion {
	position: relative; /* required for bounding */
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	/*background: #eee;   */
    cursor: pointer;
    background-image: url(images/svs/svs-Zomer.png);
    background-position: right top;
    height: 40px;	
    font-size: 20px;
    color: white;
    text-align: center;
    font-family: "Verdana" , Helvetica, Arial, sans-serif;
    line-height: 150%;
}

div.accordion-toggle-active.Herfst, div.accordion-toggle.Herfst
{
    /*background-color: #F58024;*/
    background-image: url(images/svs/svs-Herfst.png);
    background-position: right top;
}
div.accordion-toggle-active.Zomer, div.accordion-toggle.Zomer
{
 	/*background-color: #FFC92B;*/
    background-image: url(images/svs/svs-Zomer.png);
    background-position: right top;
}
div.accordion-toggle-active.Winter, div.accordion-toggle.Winter
{
  /*	background: #15BDCB;*/
  	background-image: url(images/svs/svs-Winter.png);
    background-position: right top;
}
div.accordion-toggle-active.Lente, div.accordion-toggle.Lente
{
 	/* background: #BCD648;*/
 	background-image: url(images/svs/svs-Lente.png);
    background-position: right top;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    
}

div.accordion-content.Lente{	background-color: #BCD648;}
div.accordion-content.Zomer{	background-color: #FFC92B;}
div.accordion-content.Winter{	background-color: #15BDCB;}
div.accordion-content.Herfst{	background-color: #F58024;}


/*	Categorie	*/
.categorie{
	
	position: relative;
	width: 525px;
	height: 160px;
	margin-left: 20px;
	
	background-image: url(images/right2.png);
	background-position: right top;
	background-repeat: no-repeat;
	top: 0px;
	height: 160px;
}
.catleft{
	margin-top: 5px;
	margin-left: 15px;
	width: 200px;
	height: 150px;
	padding: 0px;
}
.catimg{
	height: 130px;
	margin: 0px;
}
.catright{
	/*
	background-image: url(images/right.png);
	background-position: right top;
	background-repeat: no-repeat;
	*/
	width: 280px;
	position: absolute;
	left: 205px;
	top: 0px;
	height: 155px;
	
}
s
.contactTable {
	width: 300px;
}
.contactTextarea{
	width: 270px;
}
.contactText{
	width: 155px;
}
.categorietext{
	width: 280px;
	height: 78px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	color: black;
	margin-bottom: 10px;
}
.catrightin{
	margin: 5px; margin-top: 15px;
	padding:0px;
	margin-left: 20px;
}
.catrightin h1{
	margin-bottom: 10px;
	margin-left: 0px;
}
.catrightin div{
	margin: 0px;
	padding: 0px;
}
.detailImg1{
	
	margin-left: 6px;
	margin-top: 0px;
}
.detailImg2{
	
	margin-left: 6px;
	margin-top: 5px;
}
.detailImg3{
	
	margin-top: 5px;
	margin-left: 1px;
}
#directinfo{
	background-image: url(images/informatie.png);
	background-repeat: no-repeat;
	width: 256px;
	height: 35px;
	cursor: pointer;
}
.fb_img{
	margin: 0px;
}
.fb_frame{
	float: left;
	margin: 0px;
	height: 150px;
}
.highslide{
	border: 0px;
}
.highslide a{
	border: 0px;
}
.highslide img{
	border: 1px solid black;
}

.slideshow{
	margin-top: 20px; 
	margin-bottom: 20px; 
	width: 590px; 
	height: 200px;
	border-top: 4px solid black;
	border-bottom: 4px solid black;
}
.slideshow.Lente{
	border-color: #BCD648;
}
.slideshow.Zomer{
	border-color: #FFC92B;
}
.slideshow.Winter{
	border-color: #15BDCB;
}
.slideshow.Herfst{
	border-color: #F58024;
}
.slideshow div{
	background-repeat: no-repeat; 
	width: 590px; 
	height: 200px;
	display: none;
	cursor: pointer;
}