/**
 *  skeleton
 */
body
{
	text-align: center;

	background-color: #f6a400;
}



/*-------------------------------------------------------*
 * maincontainer
 *-------------------------------------------------------*/
div#container
{

      	background-image: url('/sitePics/bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px 200px;

   	text-align: left;

  	width: 1000px;

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

   	min-height: 558px;


   	overflow: hidden;
   
  	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 11px;
   	line-height: 15px;

   	border: 1px solid #000;
}

/*-------------------------------------------------------*
 * header
 *-------------------------------------------------------*/
div#container div#header
{
	background-image: url('/sitePics/header.jpg');
	background-repeat: no-repeat;
	width: 1000px;
	height: 235px;

	background-color: #ffffff;
}

/*-------------------------------------------------------*
 * contentcontainer
 *-------------------------------------------------------*/
div#contentcontainer
{
	width: 1000px;

	overflow: auto;

	background-color: #ffffff;
}


/**------------------------------------------
 *  mainmenu top
 *------------------------------------------*/
div#contentcontainer div#mainmenu
{
	float: left;   

	background-image: url('/sitePics/menu/submenu_top.jpg');
	background-repeat: no-repeat;

	width: 217px;
}


/**------------------------------------------
 *  mainmenu
 *------------------------------------------*/
div#contentcontainer div#mainmenu ul#menu {
	behavior: url('/script/csshover.htc'); 

	background-image: url('/sitePics/menu/submenu_bg.jpg');

	width: 100%;
	height: 100%;

	padding-left: 0px;
	padding-top: 5px;
	margin-top: 16px;
	margin-left: 0px;
}




/**------------------------------------------
 *  laat standaard niet de 2e <ul> zien maar alleen als je hierop klikt(zie onder)
 *------------------------------------------*/
ul#menu li ul,
ul#menu li#active ul li ul,
ul#menu li#hasActive ul li ul,
ul#menu li#hasActive ul li#active ul,
ul#menu li#hasActive ul li#hasActive ul {
	display: none;
}

ul#menu li#active ul,
ul#menu li#hasActive ul,
ul#menu li#hasActive ul li#active ul li#active ul 
ul#menu li#hasActive ul li#hasActive ul li#active ul {
   	display: block;
}


/**------------------------------------------
 * het menu hovering
 *------------------------------------------*/
ul#menu li {
}
ul#menu li a {
	display: block;
	padding-top: 5px;
	padding-left: 40px;

	border: 0px solid;
}
ul#menu li ul {
	width: 177px;
	height: 30px;
}

ul#menu li.producten ul {
	height: 199px;
}

ul#menu li.producten ul li ul {
	display: block;
       width: 180px;                /* sets the size of the menu blocks */
  	padding-left: 0px;            /* stops the usual indent from ul */
	height: auto;
	background-color: #FBE4B2;
}


ul#menu li#active ul {
}
ul#menu li#active ul li,
ul#menu li#hasActive ul li {
	display: block;
	width: 217px;
	padding: 0px 0px 0px 0px;
}

ul#menu li ul li {
	float: left; /* belangrijk voor ie6 geen spatie*/ 
}
ul#menu li ul li a {
	display: block;
	background-image: url('/sitePics/menu/submenu-color.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 15px;

	padding-top: 0px;
}
ul#menu li ul li:hover {
}
ul#menu li ul li:hover ul {
	display: block !important;
	position: absolute;

	width: 217px;
	margin-top: -16px !important;
	padding: 0px !important;
	margin-left: 212px !important;
	background-color: #fff;
}
ul#menu li ul li:hover ul li {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid;
	background-color: #FBE4B2;
}
ul#menu li ul li:hover ul li a{
	display: block;
	/* background-color: #FBE4B2; */
	/* width: 140px; */
}
ul#menu li#hasActive ul li#active a {
	background-image: url('/sitePics/menu/submenu-02.jpg');
	width: 177px;
	height: 15px;
}
ul#menu li#hasActive ul li#active ul li {
	background-color: #FBE4B2;
	width: 177px;
}
ul#menu li#hasActive ul li#active ul li a {
	background-image: none;
	background-color: #FBE4B2;

	height: 15px;
}
ul#menu li#hasActive ul li#hasActive ul li#active a {
	background-image: none;
	background-color: #f6a400; /* donker geel */
}
ul#menu li ul li ul li {
	height: 15px;
	border-bottom: 1px solid white;
}
ul#menu li ul li ul li a {
	background-image: none;
}

















/**------------------------------------------
 *  mainmenu - individuele menu background styles
 *------------------------------------------*/
div#contentcontainer div#mainmenu ul#menu li a.home {
	background-image: url('/sitePics/menu/submenu2.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.algemene_informatie {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.voeding_en_verzorging {
	background-image: url('/sitePics/menu/submenu4.jpg');
	background-repeat: no-repeat;

	background-position: 0px 3px;

	width: 177px;
	height: 20px;

} 


div#contentcontainer div#mainmenu ul#menu li a.producten {
	background-image: url('/sitePics/menu/submenu2-38.jpg');
	background-repeat: no-repeat;

	background-position: 0px -5px;

	width: 177px;
	height: 38px;

	padding-top: 19px;
} 
div#contentcontainer div#mainmenu ul#menu li#active a.producten {
	height: 18px;
} 
div#contentcontainer div#mainmenu ul#menu li#hasActive a.producten {
	height: 18px;
}
div#contentcontainer div#mainmenu ul#menu li.producten ul {
} 

div#contentcontainer div#mainmenu ul#menu li a.evenementen {
	background-image: url('/sitePics/menu/submenu2-38.jpg');
	background-repeat: no-repeat;

	background-position: 0px -5px;

	width: 177px;
	height: 34px; /* 38 */

	margin-top: -19px;
	margin-bottom: -19px;
	padding-top: 19px;
} 
div#contentcontainer div#mainmenu ul#menu li.evenementen ul {
	margin-top: -19px;
	/* padding-top: -19px; */
} 
div#contentcontainer div#mainmenu ul#menu li a.nieuws {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.faq {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.weetjes {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.fun {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.links {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
} 
div#contentcontainer div#mainmenu ul#menu li a.contact {
	background-image: url('/sitePics/menu/submenu3.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 14px;
}



/**------------------------------------------
 *  mainmenu - menuSpacer; voor het lijntje
 *------------------------------------------*/
div#contentcontainer div#mainmenu div#menuSpacer
{
	background-image: url('/sitePics/menu/submenu2.jpg');
	width: 217px;
	height: 19px;
}

/**------------------------------------------
 *  mainmenu - bottom
 *------------------------------------------*/
div#contentcontainer div#mainmenu div#menuBottom
{
	background-image: url('/sitePics/menu/submenu_bottom.jpg');

	width: 217px;
	height: 20px;

}

/**------------------------------------------
 *  mainmenu - postcode check
 *------------------------------------------*/
div#contentcontainer div#mainmenu div#postcodecheck {
	background-image: url('/sitePics/menu/submenu_bg.jpg');
	width: 134px;

	padding: 10px 41px 0px 40px;

	color: #014689;
}
div#contentcontainer div#mainmenu div#postcodecheck input#postcode_input_text {
	margin-top: 5px;
	margin-left: 5px;

	padding: 0px 2px;

	border: 1px solid #CCC;
	height: 18px;
	font-size: 10px;
	background-color: #FFF;
}
div#contentcontainer div#mainmenu div#postcodecheck input#postcode_input_submit {
	margin-top: 5px;
	margin-left: 5px;

	padding: 1px 2px;

	border: 1px solid #CCC;
	height: 18px;
	font-size: 10px;
	background-color: #FFF;
}
div#contentcontainer div#mainmenu div#postcodecheck input {
	margin-top: 5px;
	margin-left: 5px;
	padding: 0px 2px;
	border: 1px solid #CCC;
	height: 18px;
	font-size: 10px;
	background-color: #FFF;
}


/**------------------------------------------
 *  contentwrapper
 *------------------------------------------*/
div#contentcontainer div#contentwrapper {
	float: left;

	width: 453px;

	margin-left: 0px;
	padding-left: 0px;

	background-color: #ffffff;

}

/**------------------------------------------
 *  content top
 *------------------------------------------*/
div#contentcontainer div#contentwrapper div#contenttop {
	background-image: url('/sitePics/content1.jpg');
	width: 453px;	
	height: 12px;

}


/**------------------------------------------
 *  content middle
 *------------------------------------------*/
div#contentcontainer div#contentwrapper div#content {
	background-image: url('/sitePics/content2.jpg');
	background-repeat: repeat-y;
	width: 433px;

   	min-height: 346px;

	padding-left: 20px;
	margin-left: 0px;

	overflow: hidden;
}

div#contentcontainer div#contentwrapper div#content ul li {
	 list-style: disc;
}


/**------------------------------------------
 *  content bottom
 *------------------------------------------*/
div#contentcontainer div#contentwrapper div#contentbottom {
	background-image: url('/sitePics/content3.jpg');	
	width: 453px;
	height: 16px;

}


/**------------------------------------------
 *  alineas 0,1,2,3
 *------------------------------------------*/
div#contentcontainer div#contentwrapper div#content div#alinea0,
div#contentcontainer div#contentwrapper div#content div#alinea1,
div#contentcontainer div#contentwrapper div#content div#alinea2,
div#contentcontainer div#contentwrapper div#content div#alinea3 {
	width: 400px;	

}


/**------------------------------------------
 *  alinea 5 (system alinea 4) is positioned outside the content wrapper.
 *  this is the content positioned at the right corner 
 *------------------------------------------*/
div#contentcontainer div#contentwrapper div#content div#alinea4 {
	position: absolute;
	top: 245px;
	width: 330px;
	margin-left: 440px;
}

div#contentcontainer div#contentwrapper div#content div#alinea4 p {
	margin: 0px;
	padding-left: 0px;
}


/**------------------------------------------
 *  footer 
 *------------------------------------------*/
div#container div#footer {
	clear: both;
	float: left;
	background-image: url('/sitePics/footer.jpg');
	background-repeat: no-repeat;
	width: 1000px;
	height: 56px;

}


/**------------------------------------------
 * advertisement_links
 *------------------------------------------*/
div#container div#footer div#advertisement_links
{
	float: left;
}
div#container div#footer div#advertisement_links ul
{
	padding-left: 20px;
	list-style-type: none;
}
div#container div#footer div#advertisement_links ul li
{
  	position: relative;
  	float: left;
}
div#container div#footer div#advertisement_links ul li a 
{
	position: absolute;

	padding-top: 0px;
	padding-left: 80px;
	padding-bottom: 30px;
	margin-left: 0px;

	/* background-color: yellow; */
}
div#container div#footer div#advertisement_links ul li#adv1
{

	background-image: url('/sitePics/logo1.jpg');
	background-repeat: no-repeat;

	/* background-color: red; */

	width: 100px;
	height: 56px;	
}
div#container div#footer div#advertisement_links ul li#adv2
{

	background-image: url('/sitePics/logo2.jpg');
	background-repeat: no-repeat;
	
	/* background-color: blue; */

	width: 90px;
	height: 56px;	
}
div#container div#footer div#advertisement_links ul li#adv3
{

	background-image: url('/sitePics/logo3.jpg');
	background-repeat: no-repeat;
	
	/* background-color: white; */

	width: 90px;
	height: 56px;		
}
div#container div#footer div#advertisement_links ul li#adv4
{

	background-image: url('/sitePics/logo4.jpg');
	background-repeat: no-repeat;
	
	/* background-color: orange; */

	width: 90px;
	height: 56px;	
}




div#ablinks  
{
	width: 217px;
	text-align: center;
}




/**------------------------------------------
 * random textareas and input
 *------------------------------------------*/
div#contentcontainer div#contentwrapper input,
div#contentcontainer div#contentwrapper textarea
{
	/* width: 300px; */
	height: 16px;
	font-size: 12px;
	margin: 2px;
	padding: 2px;
	background-color: #FFF;
	color: #014689;
}
div#contentcontainer div#contentwrapper input#verstuurd
{
	height: 20px;
}
div#contentcontainer div#contentwrapper textarea
{
	height: 150px;
}
div#contentcontainer div#contentwrapper input.submit
{

	width: 80px;
	text-align: center;
	padding: 0px;
}



/**
 *  Style specific tags.
 */
h1, h2 {
	font-size: 16px;
	line-height: 15px;
	font-weight: bold;
}

h2 {
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px;
}

strong, b {
   	font-weight: bold;
}

p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

a {
 	color : #014689;
}

hr {
 	color: #FCC604;
 	border-top: 1px solid #FCC604;
 	height: 1px;
	clear: both;
}

input, select, textarea {
	border: 1px solid #014689;
}

u
{
	text-decoration: underline;
}