/*** algemeen ****************************************/

body {
	text-align      : center;
	font-family     : Arial;
	font-size	: 11px;
	overflow	: auto;
}

h1 {
	font-size: 30pt;
	padding-right      : 10px;
	padding-bottom	   : 10px;
}
h2 {
	font-weight:bold;
	padding-right      : 10px;
}
h3 {
	text-decoration: underline;
	padding-right      : 10px;	
}
strong {
	font-weight:bold;
}

a.div-link{
	text-decoration :none;
	}


#prijzen td{
	padding-top:5px;
	}
	
p.product-melding {
	font-style: italic;
	}
p.product-melding a{
	color: #fff;
	}
p.product-melding a:hover{
	font-weight: bold;
	}	

/*** cnt *********************************************/

/* container om het geheel te centreren */
#cnt {
	position           : relative;
	height             : 100%;
	width              : 990px;
	margin             : 0px auto;
	text-align         : left;
}

/*** header met daarin het logo + naam en het menu ******************************************/
#cnt #header {
	position           : absolute;
	top                : 25px;
	height             : 61px;
	width              : 989px;
	border-bottom	   : 1px solid #000;
	z-index		   : 999;
}
#cnt #header #monogram {
	float		:left;
}
#cnt #header #logo {
	float		:right;
	padding-right:10px;
}

/*** menuitems aan de linkerkant ******************************/

#cnt #menu-links {
	position           : absolute;
	top                : 86px;
	margin-left	   : 61px;
	z-index            : 130;
	width		   : 144px;
	height             : 100%;	
}
#cnt #menu-links .zoekknop {
	background-image: url('../img/zoekknop.gif');
	width:18px;
	height:19px;
	border:none;
}
#cnt #menu-links ul#menu {
	position           : absolute;
	width		   : 144px;
}
#cnt #menu-links ul#menu li {
	line-height        : 27px;
	border-bottom      : 1px solid #000;
}
#cnt #menu-links ul#menu li.last  {
	border-bottom      : 1px solid #fff;
	padding-bottom	   : 8px;
}
#cnt #menu-links ul#menu li.more  {
	line-height	   : 14px;
}


* html #cnt #menu-links ul#menu li {
	/*display            : inline; /* MSIE6 bug */
}


#cnt #menu-links ul#menu li p,
#cnt #menu-links ul#menu li a {
	display            : block;
	color              : #000;
	text-decoration    : none;
}

#cnt #menu-links ul#menu li p {
	margin             : 0px;
	cursor             : pointer;
}
#cnt #menu-links ul#menu li a:hover {
	color              : #000;
	font-weight	   : bold;
	padding-left       : 6px;
}
#cnt #menu-links ul#menu li a.active {
	font-weight    	 : bold;	
	padding-left     : 6px;
}

/*** content ******************************/
#cnt #content {
	position           : absolute; 
	top                : 86px;
	width		   : 784px;
	z-index            : 10;
	left		   : 205px;
	height		   : 609px;	
	
}

#cnt #content #text2 {
	/*position	   : absolute; uitgezet ivm verspringen in ie8*/
	padding-right      : 10px;/* aangepast, was 10px */
	padding-top	   : 9px;/* aangepast, was 0px */
	
	width		   : 459px; /* aangepast, was 459px */
	left		   : 0px; /* aangepast, was 8px */
	float		   : right;
	height		   : 590px;
	overflow	   : auto;
	font-size	   : 10pt;
}


#cnt #content #text2 p{
	line-height:16px;
}

#cnt #content #zoekresultaten {
	/*position	   : absolute; uitgezet ivm verspringen in ie8*/
	/*
	padding-right      : 10px;
	padding-top	   : 13px;
	padding-bottom	   : 10px;
	*/
	padding-top	   : 10px;/* aangepast, was 0px */
	
	width		   : 630px;
	
	float		   : right;
	height		   : 589px;
	overflow	   : auto;
	font-size	   : 10pt;
	color:#fff;
			
}

#cnt #content #zoekresultaten .knop{
	background-color: #cc3333;
	border: 1px solid #cc3333;
	width:auto;
	height:auto;
	color:#fff;	
	text-align:left;
	cursor : pointer;
}
#cnt #content #zoekresultaten .knop-product{
	background-color: #663366;
	border: 1px solid #663366;
	width:auto;
	height:auto;
	color:#fff;	
	text-align:left;
	cursor : pointer;
}

#cnt #content #zoekresultaten p {
	line-height:16px;
	
}

#cnt #content #zoekresultaten {
	text-decoration:none;	
}

#cnt #content #knop {
	background	: #000;
	border		: 1px solid #fff;
	color		: #fff;
	}

/****************************** format links_1 ******************************/
#cnt #content #afbeelding-1-1 {
	width		: 161px;
	height		: 608px;
	float		: left;
	margin-top	: 1px;
	left		: 144px;	
	}

/****************************** format midden_2_kwekerij ******************************/
#cnt #content #afbeelding-2-k-1 {
	position	: absolute;
	width		: 638px;
	height		: 304px;
	left		: 146px;
	float		: left;
	cursor		: pointer;
}
#cnt #content #afbeelding-2-k-2 {
	position	: absolute;
	width		: 638px;
	height		: 304px;
	left		: 146px;
	margin-top	: 305px;
	cursor		: pointer;
}

#cnt #content #afbeelding-2-k-1 p,
#cnt #content #afbeelding-2-k-2 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}

/****************************** format midden_2_kids ******************************/
#cnt #content #afbeelding-2-ki-1 {
	position	: absolute;
	width		: 319px;
	height		: 609px;
	left		: 145px;
	float		: left;
	cursor		: pointer;
}
#cnt #content #afbeelding-2-ki-2 {
	position	: absolute;
	width		: 319px;
	height		: 609px;
	left		: 465px;
	cursor		: pointer;
}

#cnt #content #afbeelding-2-ki-1 p,
#cnt #content #afbeelding-2-ki-2 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}

/****************************** format links_3 ******************************/
#cnt #content #afbeelding-3-1 {
	width		: 161px;
	height		: 303px;
	left		: 144px;
	float		: left;
}
#cnt #content #afbeelding-3-2 {
	position	: absolute;
	width		: 161px;
	height		: 152px;
	left		: 146px;
	margin-top	: 304px;		
	float		: left;
}
#cnt #content #afbeelding-3-3 {
	position	: absolute;
	width		: 161px;
	left		: 146px;
	height		: 152px;
	margin-top	: 457px;		
	float		: left;
}

/****************************** format links_3_service ******************************/
#cnt #content #afbeelding-3-s-1 {
	width		: 161px;
	height		: 152px;
	left		: 144px;
	float		: left;
}

#cnt #content #afbeelding-3-s-2 {
	position	: absolute;
	width		: 161px;
	height		: 303px;
	left		: 146px;
	margin-top	: 153px;		
	float		: left;
}
#cnt #content #afbeelding-3-s-3 {
	position	: absolute;
	width		: 161px;
	left		: 146px;
	height		: 152px;
	margin-top	: 457px;		
	float		: left;
}

/****************************** format midden_4 ******************************/
#cnt #content #afbeelding-4-1 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 145px;
	float		: left;
	cursor		: pointer;

}
#cnt #content #afbeelding-4-2 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 464px;
	cursor		: pointer;
}

#cnt #content #afbeelding-4-3 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 145px;
	margin-top	: 304px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-4-4 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 464px;
	margin-top	: 304px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-4-1 p,
#cnt #content #afbeelding-4-2 p, 
#cnt #content #afbeelding-4-3 p,
#cnt #content #afbeelding-4-4 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}


/****************************** format midden_5_over ******************************/
#cnt #content #afbeelding-5-o-1 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 144px;
	float		: left;
	cursor		: pointer;
}
#cnt #content #afbeelding-5-o-2 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 464px;
	cursor		: pointer;
}

#cnt #content #afbeelding-5-o-3 {
	position	: absolute;
	width		: 146px;
	height		: 289px;
	left		: 144px;
	margin-top	: 305px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-5-o-4 {
	position	: absolute;
	width		: 160px;
	height		: 304px;
	left		: 303.5px;
	margin-top	: 305px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-5-o-5 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 464px;
	margin-top	: 305px;
	float		: right;
	z-index		: 9999;
	cursor		: pointer;
}

#cnt #content #afbeelding-5-o-3,
#cnt #content #afbeelding-5-o-4 p{
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 18px;
	font-weight	: bold;
	border-right	: 0px;
	}

#cnt #content #afbeelding-5-o-1 p,
#cnt #content #afbeelding-5-o-2 p, 
#cnt #content #afbeelding-5-o-5 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}

/****************************** format midden_6_home ******************************/
#cnt #content #afbeelding-6-h-1 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 144px;
	float		: left;
	/*cursor	: hand;*/
	cursor		: pointer;
}
#cnt #content #afbeelding-6-h-2 {
	position	: absolute;
	width		: 159.5px;
	height		: 304px;
	left		: 464px;
	cursor		: pointer;
		
}

#cnt #content #afbeelding-6-h-3 {
	position	: absolute;
	width		: 159.5px;
	height		: 304px;
	left		: 623px;
	cursor		: pointer;
}

#cnt #content #afbeelding-6-h-4 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 144px;
	margin-top	: 304px;
	background-color:#ffcc00;
	cursor		: pointer;
}

#cnt #content #afbeelding-6-h-6 {
	position	: absolute;
	width		: 319px;
	height		: 304px;
	left		: 464px;
	margin-top	: 304px;
	float		: right;
	z-index		: 9999;
	cursor		: pointer;
}
#cnt #content #afbeelding-6-h-5 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 144px;
	margin-top	: 456px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-6-h-2 p,
#cnt #content #afbeelding-6-h-3 p{
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
	}

#cnt #content #afbeelding-6-h-1 p,
#cnt #content #afbeelding-6-h-4 p, 
#cnt #content #afbeelding-6-h-5 p, 
#cnt #content #afbeelding-6-h-6 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}

/****************************** format midden_6_bedrijven ******************************/
#cnt #content #afbeelding-6-b-1 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 144px;
	float		: left;
	cursor		: pointer;
}
#cnt #content #afbeelding-6-b-2 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 464px;
	cursor		: pointer;
	z-index:999999;
}

#cnt #content #afbeelding-6-b-3 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 144px;
	top		: 153px;
	cursor		: pointer;
}

#cnt #content #afbeelding-6-b-4 {
	position	: absolute;
	width		: 319px;
	height		: 152px;
	left		: 464px;
	top		: 153px;
	float		: right;
	cursor		: pointer;
	
}
#cnt #content #afbeelding-6-b-5 {
	position	: absolute;
	width		: 319px;
	height		: 303px;
	left		: 144px;
	margin-top	: 306px;
	float		: left;
	cursor		: pointer;
}
#cnt #content #afbeelding-6-b-6 {
	position	: absolute;
	width		: 319px;
	height		: 303px;
	left		: 464px;
	margin-top	: 306px;
	float		: left;
	cursor		: pointer;
}

#cnt #content #afbeelding-6-b-1 p,
#cnt #content #afbeelding-6-b-2 p,
#cnt #content #afbeelding-6-b-3 p,
#cnt #content #afbeelding-6-b-4 p, 
#cnt #content #afbeelding-6-b-5 p,  
#cnt #content #afbeelding-6-b-6 p  {
	padding-left    : 12px;
	padding-top	: 15px;
	color		: #fff;
	font-size	: 35px;
	font-weight	: bold;
	border-right	: 0px;
}

/*** submenu ******************************/
#cnt #content #submenu {
	width		   : 146px;
	z-index            : 130;
	padding-top	   : 13px;
	padding-bottom	   : 13px;
	float		   : left;
}

#cnt #content #submenu ul#menu-2 {
	float:left;
	margin-left:6px;
	width:135px;
}
#cnt #content #submenu ul#menu-2 li {
	line-height        : 14px;
}
* html #cnt #content #submenu ul#menu-2 li {
	/*display            : inline; /* MSIE6 bug */
}

#cnt #content #submenu ul#menu-2 li p,
#cnt #content #submenu ul#menu-2 li a {
	text-decoration    : none;
		
}
#cnt #content #submenu ul#menu-2 li p {
	margin             : 0px;
	cursor             : pointer;
}
#cnt #content #submenu ul#menu-2 li a:hover {
	font-weight	   : bold;
	}
#cnt #content #submenu ul#menu-2 li a.active {
	font-weight	   : bold;
	}	


/*** formulier ******************************/
#dataform .button{
	margin-left	: 0px;
	background-image: url('../img/verzend.gif');
	width		: 211px;
	height		: 25px;
	border		: 0;
}
#dataform p{
	padding-bottom	: 5px;
	padding-left	: 0px;	
}
#dataform .breed {
	width          : 410px;
	margin-bottom  : 8px;
}
#dataform .textarea {
	width          : 410px;
	height	       : 60px;
	margin-bottom  : 20px;
}
#dataform .smal {
	width          : 80px;
}
		
#dataform label {
	width          : 130px;
	float          : left;
	padding-top    : 4px;
}
#dataform input {
	line-height    : 18px;
	margin-bottom  : 0px;
	
}
#dataform span {
	color          : #fff;
}
	
#dataform label.error {
	color          : yellow;
	font-style     : italic;
	width          : 450px;
	border         : 0;
	display        : block;
	float          : none;
	margin-left    : 0px;
	padding-bottom : 5px;
	padding-top    : 0px;
	
}

#dataform input.checkbox { border: none }
/*#dataform input:focus { border: 1px dotted black; }*/
#dataform input.error { border: 1px dotted red; background : #ffa;}


/******** zoek-roos formulier ********/
#text2 .knop{
	background-color: #000;
	border: 1px solid #fff;
	width:auto;
	height:25px;
	color:#fff;
	padding-bottom:3px;
	text-align:left;
	padding-left:15px;
}
#text2 .knop1{
	margin-left	: 0px;
	background-image: url('../img/zoekknop2.gif');
	width		: 25px;
	height		: 25px;
	border		: 0;
}

#text2 .promotie-festival {
	margin-top:10px;
	padding:10px;
	width:400px;
	border:1px solid #fff;
	background-color: #e69393;
	}

#cnt #content #text2 #gevonden_nieuws a {
	color: #000;
	}

#cnt #content #text2 .knop2{
	background-color: #fff;
	border: 1px solid #fff;
	width:auto;
	height:auto;
	color:#000;	
	text-align:left;
	cursor : pointer;
}

#zoek-roos label.error {
	color          : yellow;
	font-style     : italic;
	width          : 450px;
	border         : 0;
	display        : block;
	float          : none;
	margin-left    : 0px;
	padding-bottom : 5px;
	padding-top    : 0px;
	
}
#zoek-roos #zoekterm {
	width		 : 390px;
	height		 : 21px;
	float		 : left;
	border		 : 1px solid #000;
	background-color : #fff;
}

#zoek-roos input.error { border: 1px dotted red; background : #ffa;}

#zoek_roos .kleur { 
	float		: left;
	margin-right	: 1px;
	margin-top	: 1px;
	
	height		: 23px;
	width		: 23px;
	border		: 1px solid #000;
}
#zoek_roos #gekozen-kleur-tekst { 
	float		: left;
}
#zoek_roos #gekozen-kleur { 
	margin-left 	: 95px;
	border		: 1px solid #000;
	height		: 25px;
	width		: 25px;
}

/******** nieuws/actueel ********/
#text2  .titel,
	.datum{
	padding-bottom	: 8px; 
	}


/******** agenda ********/
#text2 #datum .knop1{
	margin-left	: 0px;
	background-image: url('../img/zoekknop2.gif');
	width		: 25px;
	height		: 25px;
	border		: 0;
}

#text2 #datum .selectboxes{	
	padding-right	: 10px;
}

#text2 #datum .zoek-select{
	vertical-align	: top;
	padding-top	: 2px;
	}
	
#text2  #agenda {
	margin-left:1px;
	font		: 12px Arial;
	color		: #fff;
	width		: auto;
	border-collapse : collapse;
	}

#text2 #agenda .midden{
	width		: 250px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	}

#text2 #agenda .links{
	width		: 150px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	}
#text2 #agenda .rechts{
	width		: 150px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	}
	
#text2 #agenda .strong{
	font-weight	: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#fe825a;
	}
	
#text2 #agenda td{
	border		: 1px solid #fff;
	padding		: 5px 5px 5px 5px;
	vertical-align	: top;
	}

#text2 p.huidige{
	font-weight	: bold;
	padding-bottom	: 5px;
}

/******** prikbord ********/	
#text2 #prikbord{
	border		 : 1px solid #fff;
	width		 : 200px;
	padding		 : 5px;
	background-color : #fe825a;
	margin-bottom	 : 15px;
	margin-right	 : 15px;
	}

/******** kids ********/
 #text2 #kleurplaat{
	width		: 25%;
	padding-right	: 10px;
	padding-bottom	: 10px;
 }
 
 
/******** sitemap ********/

#text2 .sitemap:hover{
	text-decoration: underline;
}

/* jquery: tooltips */
.ico-info-top,
.ico-info-bottom {
	background         : url(../img/ico_info.gif) no-repeat bottom right;
	padding-right      : 13px;
	cursor             : pointer;
}

.tooltip { 
	position           : absolute; 
	top                : -190px; 
	left               : 0;
	z-index            : 5; 
	display            : none; 
	padding            : 5px 6px;
	color              : #303030;
	background-color   : #f5f5b5;
	border             : 1px solid #deca7e;
	text-align         : left;
}