@charset "utf-8";

/******************************************************************/
/******************************VOORAF******************************/
/*************************NORMALISEREN VAN*************************/
/****************************ALLE TAGS*****************************/
/******************************************************************/
/* Normaliseert marge, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normaliseert font-size voor de headers */

/* Verwijdert list-style van de lists items */
ol,ul { list-style : none; }

/* Normaliseert font-style en font-weight terug naar normale waarden */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Border collapse */
table {
	border-collapse : collapse;
	border-spacing : 0;
}
h1{
font-size:18px;
}
h2{
font-size:16px;
}
h3{
font-size:15px;
}
h4{
font-size:14px;
}
h5{
font-size:14px;
}
h6{
font-size:14px;
}

p{
font-size:12px;
}
/* Verwijdert rand van fieldset en afbeeldingen */
fieldset,img { border : 0; }

/* Links uitlijnen in caption and th */
caption,th { text-align : left; }

/* Verwijdert quotation marks van q */
q:before, q:after { content :''; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/******************************************************************/
/******************HEADINGS + PARAGRAAF TAGS***********************/
/******************************************************************/
html {
}

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/back_body_stone01.jpg);
	background-repeat: repeat;
	text-align: center;
	behavior: url("csshover.htc");
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
		
#container {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/container_back2.png);
	background-position: center bottom;
	text-align:left;
	width: 875px;
	display:block;
	padding-left: 25px;
	position: relative;

	}	
		
#header{
	width:849px;
	height:130px;
	background-image: url(../images/header_back.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	z-index:100;
}
#headerfra{
	width:849px;
	height:130px;
	background-image: url(../images/header_back_fra.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	z-index:100;
}
#contentcontainer{
	width:849px;
	background-image: url(../images/contentcontainer_back.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D7D0CD;
}
.navigation {
	position: absolute;
	right: 35px;
	top: 76px;
}
.tools {
	position: absolute;
	right: 35px;
	top: 30px;
}
.plopsa {
	position: absolute;
	right: 255px;
	top: 27px;
}
#contentcontainer .contentonhomepage {
	margin-left: 68px;
	margin-right: 61px;
}
#contentcontainer .contentonmarcassoupage {
	margin-left: 68px;
	margin-right: 61px;
}
#contentcontainer .contentonplopsapage {
	padding-left: 30px;
	background-image: url(../ned/granville/images/backgr_granville.gif);
	background-repeat: repeat-y;
}

#contentcontainer .contentonplopsapage input[type="text"] {
	width: 180px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #377218;
	font-weight: bold;
	height: 18px;
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom:2px;
	border: #53a525 1px solid;
}
#contentcontainer .contentonplopsapage input[type="radio"] {
	margin-bottom:4px;
	display:block;
	text-align:left;
	margin-right: 5px;
}
.button {
	position: absolute;
	right: 33px;
	top: 124px;
	width: 112px;
	height: 115px;
	z-index: 1000;
}

.flashhomepage {
	margin-bottom: 12px;
}
.visualonmarcassoupage {
	margin-bottom: 12px;
}
.visualonplopsapage {
	padding-bottom: 12px;
	background-image: url(../ned/granville/images/backgr_granville.gif);
	background-repeat: repeat-y;
}

.contenthomepage .leftcol {
	float: left;
	width: 300px;
	margin-right: 14px;
}
.contenthomepage .rightcol {
	float: left;
	width: 405px;
}
.contentonmarcassoupage .leftcol {
	float: left;
	width: 300px;
	margin-right: 14px;
	padding-top: 20px;
}
.contentonmarcassoupage .rightcol {
	float: left;
	width: 405px;
	padding-top: 20px;
}
ul.summinglefthomepage li{
	width: 300px;
	display: block;
	background-image: url(../images/border01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 8px;
	margin-bottom: 1px;
	padding-bottom: 2px;
}

.footer {

}
#contentcontainer .contentonproductpage {
	padding-left: 20px;
}
.productpagetop {
	background-image: url(../images/productpage_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 809px;
}
.productpagebottom {
	background-image: url(../images/productpage_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	position: relative;
	width: 810px;
}.productpagemiddle {
	background-color: #D7D0CD;
	padding-left: 12px;
	float: left;
	width: 797px;
}
.contentproductpage .productpagemiddle .leftcol {
	float: left;
	width: 140px;
	padding-right: 10px;
	display: block;
}
.contentproductpage .productpagemiddle .rightcol {
	float: left;
	width: 631px;
}
.contentonproductpage .contentproductpage .productpagemiddle .rightcol .top {
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
.contentonproductpage .contentproductpage .productpagemiddle .rightcol .middle {
	padding-left: 12px;
	width: 619px;
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.contentonproductpage .contentproductpage .productpagemiddle .rightcol .bottom {
	background-image: url(../images/productpage_rightcol_bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
.productflashcontainer {
	margin-bottom: 14px;
}
.receptimagecontainer {
	margin-bottom: 14px;
}
.productoverviewitems li {
	display: block;
	float: left;
	width: 141px;
	background-image: url(../images/border01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-right: 14px;
	margin-top:13px;
	height: 220px;
	position: relative;
}

.productoverviewitems li#pro4, .productoverviewitems li#pro8, .productoverviewitems li#pro12, .productoverviewitems li#pro16  {
	margin-right: 0px;
}
.productoverviewitems li#pro1, .productoverviewitems li#pro2, .productoverviewitems li#pro3, .productoverviewitems li#pro4{
	margin-top: 0px;
}

.receptoverviewitems li {
	display: block;
	float: left;
	width: 141px;
	background-image: url(../images/border01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-right: 14px;
	margin-top:13px;
	height: 180px;
}

.receptoverviewitems li#rec4, .receptoverviewitems li#rec8, .receptoverviewitems li#rec12, .receptoverviewitems li#rec16  {
	margin-right: 0px;
}
.receptoverviewitems li#rec1, .receptoverviewitems li#rec2, .receptoverviewitems li#rec3, .receptoverviewitems li#rec4{
	margin-top: 0px;
}


#treemenu{
visibility:hidden;
height:0px;
overflow:hidden;
}
#treemenu2{
visibility:hidden;
height:0px;
overflow:hidden;
}
#treemenu3{
visibility:hidden;
height:0px;
overflow:hidden;
}
.navigation .navigationsumming li {
	float: left;
	width: 92px;
	padding-right: 6px;
}
.product_detail_leftcol {
	float: left;
	width: 260px;
}
.product_detail_rightcol {
	float: left;
	width: 340px;
	padding-left: 8px;
}
.recept_detail_leftcol {
	float: left;
	width: 340px;
}
.recept_detail_rightcol {
	float: left;
	width: 260px;
	padding-left: 8px;
}
.product_detail_leftcol .explaintext {
	padding-bottom: 20px;
	margin-right: 10px;
	background-image: url(../images/border01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.productdetail_sumproduct{
	padding-top: 10px;
}

.productdetail_sumproduct li{
	float: left;
	width: 115px;
	margin-left: 14px;
	display: block;
}

.productdetail_sumproduct li#pr1, .productdetail_sumproduct li#pr3, .productdetail_sumproduct li#pr5{
	margin-left: 0px;
}
.productdetail_sumproduct li.divider{
	background-image: url(../images/border01.gif);
	background-position: left center;
	background-repeat: repeat-x;
	height: 15px;
	width: 245px;
	font-size: 1px;
	line-height: 0px;
	margin-left: 0px;
}
.productsuggestions {
	padding-top: 10px;
}
#contentcontainer .contentonquestionpage {
	padding-left: 20px;
}
#contentcontainer .contentontvspotpage {
	padding-left: 20px;
}
#contentcontainer .contentonreceptpage {
	padding-left: 20px;
}


.questionpagetop {
	background-image: url(../images/productpage_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 809px;
}
.tvspotpagetop {
	background-image: url(../images/productpage_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 809px;
}
.receptpagetop {
	background-image: url(../images/productpage_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 809px;
}
.questionpagebottom {
	background-image: url(../images/productpage_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	position: relative;
	width: 810px;
}
.tvspotpagebottom {
	background-image: url(../images/productpage_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	position: relative;
	width: 810px;
}
.questionpagemiddle {
	background-color: #D7D0CD;
	padding-left: 12px;
	float: left;
	width: 797px;
}
.tvspotpagemiddle {
	background-color: #D7D0CD;
	padding-left: 12px;
	float: left;
	width: 797px;
}
.receptpagemiddle {
	background-color: #D7D0CD;
	padding-left: 12px;
	float: left;
	width: 797px;
}
.contentquestionpage .questionpagemiddle .leftcol {
	float: left;
	width: 140px;
	padding-right: 10px;
	display: block;
}
.contentquestionpage .questionpagemiddle .rightcol {
	float: left;
	width: 631px;
}
.contenttvspotpage .tvspotpagemiddle .leftcol {
	float: left;
	width: 140px;
	padding-right: 10px;
	display: block;
}
.contenttvspotpage .tvspotpagemiddle .rightcol {
	float: left;
	width: 631px;
}
.contentreceptpage .receptpagemiddle .leftcol {
	float: left;
	width: 140px;
	padding-right: 10px;
	display: block;
}
.contentreceptpage .receptpagemiddle .rightcol {
	float: left;
	width: 631px;
}
.contentonreceptpage .contentreceptpage .receptpagemiddle .rightcol .top {
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
.contentonreceptpage .contentreceptpage .receptpagemiddle .rightcol .middle {
	padding-left: 12px;
	width: 619px;
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.contentonreceptpage .contentreceptpage .receptpagemiddle .rightcol .bottom {
	background-image: url(../images/productpage_rightcol_bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}

.contentonquestionpage .contentquestionpage .questionpagemiddle .rightcol .top {
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
.contentonquestionpage .contentquestionpage .questionpagemiddle .rightcol .middle {
	padding-left: 12px;
	width: 619px;
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.contentonquestionpage .contentquestionpage .questionpagemiddle .rightcol .bottom {
	background-image: url(../images/productpage_rightcol_bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}

.contentontvspotpage .contenttvspotpage .tvspotmiddle .rightcol .top {
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
.contentontvspotpage .contenttvspotpage .tvspotpagemiddle .rightcol .middle {
	padding-left: 12px;
	width: 619px;
	background-image: url(../images/productpage_rightcol_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.contentontvspotpage .contenttvspotpage .tvspotpagemiddle .rightcol .bottom {
	background-image: url(../images/productpage_rightcol_bottom.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 632px;
}
table#qanda{
width: 602px;
} 
table#qanda tr td{ padding-bottom:10px;}
table#qanda tr td img{
	margin-left:5px;
	margin-right:5px;
}

.more{
	position: absolute;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	bottom: 0px;
	right: 0px;
	float: right;
}
.imageclick{
position: relative;}

#receptinfo{
margin-top:15px;
margin-left:10px;}
#receptinfo td{
	text-align:center;
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:5px;
}

.flashtvspotpage {

}
#navigationtvspots li{
margin-bottom: 20px;
}
#contactform{
width: 375px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#contactform tr td{
padding:3px;
white-space:normal;
}
#contactform #betreft{
width: 204px;
font-size:12px;
height:18px;

}

#contactform .leftcell{
width: 300px;
height:20px;
}

#contactform #onderwerp{
width: 200px;
font-size:12px;
height:15px;
}
#contactform #voornaam{
width: 200px;
font-size:12px;
height:15px;
}
#contactform #achternaam{
width: 200px;
font-size:12px;
height:15px;
}
#contactform #emailadres{
width: 200px;
font-size:12px;
height:15px;
}
#contactform #bericht{
width: 200px;
height:100px;
overflow:auto;
font-size:12px;
}

#contactform #telefoon{
width: 200px;
font-size:12px;
height: 15px;
}
#contactform #straat{
width: 140px;
font-size:12px;
height: 15px;
}
#contactform #nummer{
width: 49px;
font-size:12px;
height: 15px;
}
#contactform #postcode{
width: 49px;
font-size:12px;
height: 15px;
}
#contactform #stad{
width: 140px;
font-size:12px;
height: 15px;
}
#contactform #verzenden{
width: 100px;
font-size:12px;
height: 19px;
}
.buttonleft{
margin-top:15px;}

.doemee{
	cursor:pointer;
	border:1px none #ccc;	
	font-size:0px;
	background-image: url(../images/button_doemee_ned_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 5px;
	margin-top: 0px;

}

.doemee:hover{
	cursor:pointer;
	font-size:0px;
	background-image: url(../images/button_doemee_ned.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	visible: hidden;
	}

.krijgcode{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_code_ned_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 25px;
	margin-top: 0px;

}
.krijgcode:hover{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_code_ned.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;

}

.versturen{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_versturen_ned.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 25px;

}
.versturen:hover{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_versturen_ned_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;

}

/*FRANCAIS*/
.participer{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_doemee_fra_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 25px;
	margin-top: 10px;

}

.participer:hover{
	cursor:pointer;
	border:1px none #ccc;
	background-image: url(../images/button_doemee_fra.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	visible: hidden;}

.enregistrer {
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_code_fra_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 25px;
	margin-top: 10px;

}
.enregistrer:hover{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_code_fra.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;

}

.envoyer{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_versturen_fra.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;
	padding-top: 25px;

}
.envoyer:hover{
	cursor:pointer;
	border:1px none #ccc;
	font-size:0px;
	background-image: url(../images/button_versturen_fra_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:130px;
	height: 25px;

}

/* END FRANCAIS*/

.languageselection {
	margin-right: auto;
	margin-left: auto;
	width: 875px;
	margin-top: 100px;
}
input#userbirthdate_btn{
visibility:hidden;}
input#person2birthdate_btn{
visibility:hidden;}
input#person3birthdate_btn{
visibility:hidden;}
input#person4birthdate_btn{
visibility:hidden;}
.floattriangle{float: left;}
.errortable {
margin-bottom: 10px;
 background-color:#FFED03;
 width:auto;
}
.errortable td {
padding: 6px;

}
#popup{

position:absolute; 
margin-top: 30px; 
margin-left:300px; 
width:250px; 
visibility:hidden; 
padding: 10px; 
background-color:#FFFFFF;
}

#popup ul li {
 background-image: url(../images/list_01.gif);
 background-repeat:no-repeat;
 background-position: left 0px;
 padding-left: 20px;
 padding-bottom: 5px;
 font-size:10px;
}
#contentcontainer .contentonsuperprestigepage {
	margin-left: 68px;
	margin-right: 61px;
}
ul.summingleftsuperprestigepage li{
	width: 300px;
	display: block;
	background-image: url(../images/border01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 8px;
	margin-bottom: 1px;
	padding-bottom: 2px;
}
ul.summingleftsuperprestigepagewide li{
	display: block;
	padding-top: 8px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	float: left;
	margin-right: 10px;
}
ul.summingleftsuperprestigepage_picturealbum li{
	display: block;
	padding-top: 8px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-bottom: 2px;
	float:left;
	width: 80px;
	height: 50px;
	overflow: hidden;
}
.flashsuperprestigepage {
	margin-bottom: 12px;
}
.contentsuperprestigepage .leftcol {
	float: left;
	width: 300px;
	margin-right: 14px;
}
.contentsuperprestigepage .rightcol {
	float: left;
	width: 405px;
}

tr.errorrow {
display: none;
}
tr.errorrow_visible {
display: block;
}
tr.errorrow_visible td {
font-size:11px;
font-weight:bold;
color:red;
display: block;
padding-top: 3px;
padding-bottom: 8px;
}
