body
{
	background: url(/media/image/layout/bgnotile.gif);
}

body, body *
{
	font-family: Arial,Helvetica,Sans Serif;
	font-size: 12px;
	color: #000;
}

html, body, form
{
	margin: 0px;
	padding: 0px;
}

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

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0px;
}

div#wrapper
{
	position: relative;
	margin: 0px auto;
	width: 740px;
	height: 100%;
}

div#wrapper div#content
{
	position: relative;
	background: #FFF;
	width: 100%;
	height: 100%;
}

div#wrapper div#content div#wrapperspacer
{
	position: relative;
	margin: 3px 3px 0px 3px;
}

div#wrapper div#content div#noflash
{
	width: 600px;
	margin: 200px auto;
}

/* dotted line */
div#wrapper div#content div.dottedline
{
	width: 100%;
	height: 1px;	
	background: url(/media/image/layout/dottedline.gif) repeat-x;
}

div#wrapper div#content div.dottedline.medium
{
	width: 505px;
}

div#wrapper div#content div.dottedline.dottedlinecategoryitem
{
	position: absolute;
	bottom: 0px;
}
/* end dotted line */

div#wrapper div#content div#option
{
	margin-right: 5px;
}

div#wrapper div#content div#option a
{
	font-size: 11px;
	color: #000;
}

div#wrapper div#content div#logo 
{
	position: relative;
}

div#wrapper div#content div#logo img
{
	position: relative;
	top: 2px;
	left: 2px;
}

/* form */
div#wrapper div#content div.formrow div.formlabel
{
	width: 175px;
	height: 22px;
	font-size: 11px;
}   

div#wrapper div#content div.formrow div.forminput
{
	width: 250px;
	height: 22px;
	font-size: 11px;
}

div#wrapper div#content div.formrow div.forminput input.text
{
	width: 225px;
}  

div#wrapper div#content div.formrow div.forminput input.textmiddle
{
    width: 120px;
} 

div#wrapper div#content div.formrow div.forminput input.textsmall
{
    width: 59px;
} 

div#wrapper div#content div.feedback
{
	height: 20px;
	font-size: 11px;
}

div#wrapper div#content div.feedback.info
{
	color: #39b44a;
}

div#wrapper div#content div.feedback.error
{
	color: #D92B2C;
}

/* loginform */
div#wrapper div#content div#login
{
	width: 500px;
	line-height : 10px ;
}

div#wrapper div#content div#login a
{
	font-size: 11px;
}

div#wrapper div#content div#login div.submitrow,
div#wrapper div#content div#login div.submitrow_hover
{
	float: right;
	width: 87px;
}

/* forgotpass */
div#wrapper div#content div#forgotpass
{
	width: 610px;
}

div#wrapper div#content div#forgotpass div.submitrow,
div#wrapper div#content div#forgotpass div.submitrow_hover
{
	float: right;
	width: 197px;
}

/* changepass */
div#wrapper div#content div#changepass
{
	width: 610px;
}

div#wrapper div#content div#changepass,
div#wrapper div#content div#changepassblock
{
	margin: 20px;
}

div#wrapper div#content div#changepassblock hr
{
	width: 480px;
	margin: 10px auto;
}

div#wrapper div#content div#changepass div.submitrow,
div#wrapper div#content div#changepass div.submitrow_hover
{
	float: right;
	width: 103px;
}

/* unsubscribe */
div#wrapper div#content div#unsubscribeblock
{
	width: 610px;
	margin: 20px;
}

div#wrapper div#content div#unsubscribe div.submitrow,
div#wrapper div#content div#unsubscribe div.submitrow_hover
{
	float: right;
	width: 197px;
} 
/* end form */

/* menu */
div#wrapper div#content div#menuwrapper div#menuresultwrapper 
{
	width: 505px;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div.menuresult
{
	height: 31px;
	white-space: nowrap;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div.menuresult
{
	height: 31px;
	overflow: hidden;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisual
{
	clear: both;
	height: 171px;
	background-repeat: no-repeat;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisualactive
{
	clear: both;
	height: 161px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisualactive div.category
{
	margin: 0px 10px;
	width: 210px;
	height: 50px;
	overflow: hidden;
	line-height: 40px;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisualactive div.category a
{
	color: #FFF;
	text-decoration: none;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisualactive div.category img
{
	float: left;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menuvisualactive div.category span
{
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	margin-left: 5px;
}

div#wrapper div#content div#menuwrapper div#menuresultwrapper div#menutitle
{
	margin-bottom: 10px;
}

div#wrapper div#content div#menuwrapper div#menutoptipswrapper
{
	width: 225px;
	margin-left: 4px;
}

div#wrapper div#content div#menuwrapper div#menutoptipswrapper div#menutoptipsheader
{
	height: 27px;
	background-color: #6A4D3B;
}

div#wrapper div#content div#menuwrapper div#menutoptipswrapper div#menutoptipsheader img
{
	margin: 6px 0px 0px 6px;
}

div#wrapper div#content div#menuwrapper div#menutoptipswrapper div#menutoptips
{
	height: 199px;
	margin-top: 4px;
	background: #E6DBD7;
}
/* end menu */

/* category */
div#wrapper div#content div#categoryoverview div.categoryitem 
{
	position: relative;
	width: 225px;
	height: 68px;
	margin: 8px 8px 0px 8px;
	overflow: hidden;
	background: #f0e7e8;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categorythumbnail
{
	margin: 2px;
	width: 58px;
	height: 62px;
	overflow: hidden;
	background: url(/media/image/layout/bgcategotyitem.jpg) no-repeat;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categorythumbnail img
{
	margin: 3px;
	width: 52px;
	height: 56px;
	overflow: hidden;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categoryarrow
{
	margin: 2px;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categorytitle
{
	width: 140px;
	height: 60px;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categorytitle a
{
	color: #000;
	font-size: 11px;
}

div#wrapper div#content div#categoryoverview div.categoryitem div.categorytitle a:hover
{
	text-decoration: none;
}

/* end category */

/* uitslag */
div#wrapper div#content div#result
{
	width: 505px;
}

div#wrapper div#content div#result img
{
	margin: 10px;
}

div#wrapper div#content div#result div#resulttitle
{
	height: 30px;
	background-color: #F7F3F2;
	font-weight: bold;
}

div#wrapper div#content div#result div#resulttitle div.explanation
{
	padding: 8px 5px;
}

div#wrapper div#content div#moreresults
{
	width: 225px;
	margin-left: 4px;
	background: #F2F2F2;
}

div#wrapper div#content div.percentagewrapper
{
	width: 177px;
	margin: 4px auto;
	background-image: none;
	background-position: left;
}

div#wrapper div#content div.percentagewrapper div,
div#wrapper div#content div#moreresults div.resultlink
{
	margin: 8px 0px 0px 4px;
}

div#wrapper div#content div#moreresults div.resultlink
{
	text-align: right;
	width: 177px;
	margin: 4px auto;
}

div#wrapper div#content div#moreresults div.percentagewrapper 
div#wrapper div#content div#explanation div.percentagewrapper 
{
	border: 1px solid #000;
}
/* end uitslag */

/* uitleg */
div#wrapper div#content div#explanation
{
	width: 505px;
}

div#wrapper div#content div#explanation div.dottedline,
div#wrapper div#content div#explanation div.categorytitle,
div#wrapper div#content div#explanation div.shadebox p
{
	width: 205px;
	margin: 0px auto;
}

div#wrapper div#content div#explanation div.categorytitle
{
	height: 12px;
	padding: 10px 0px;
	overflow: hidden;
	background: #F7F3F2;
}

div#wrapper div#content div#explanation div.shadebox p
{
	margin-top: 5px;
	font-size: 11px;
}

div#wrapper div#content div#explanation div.shadebox p a
{
	font-size: 11px;
}

div#wrapper div#content div#explanation div.categorytitle span
{
	padding-top: 8px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
}

div#wrapper div#content div#print
{
	margin-right: 15px;
}

div#wrapper div#content div.graphlabel
{
	width: 80px;
	text-align: right;
	font-size: 10px;
}

div#wrapper div#content div.graphbar
{
	background: url(/media/image/layout/graphbar/background.jpg);
	width: 125px;
	height: 12px;
	margin: 0px 0px 6px 5px;
}

div#wrapper div#content div.graphbar div
{
	background: url(/media/image/layout/graphbar/left.jpg) no-repeat;
	width: 125px;
	overflow: hidden;
}

div#wrapper div#content div.graphbar div img
{
	width: 109px;
	height: 12px;
	margin-left: 16px;
}
/* end uitleg */


div#wrapper div#content div#vanzoldertotloft
{
	position: absolute;
	top: 5px;
	left: 4px;
	width: 225px;
}

div#wrapper div#content div#push
{
	position: relative;
	width: 495px;
}

/* tell a friend */
div#wrapper div#content div#tellafriend
{
	position: relative;
	margin: 5px;
	width: 490px;
}

div#wrapper div#content div#tellafriend div.submitrow,
div#wrapper div#content div#tellafriend div.submitrow_hover
{
	width: 145px;
	position: relative;
	left: 332px;
}
/* end tell a friend */

/* incentive */
div#wrapper div#content div#incentive, 
div#wrapper div#content div#tellafriendincentive 
{
	width: 500px;
}

div#wrapper div#content div#incentive div,
div#wrapper div#content div#chooseincentive
{
	margin: 5px;
}
div#wrapper div#content div#incentive div#congratulations
{
	width: 390px;
}

div#wrapper div#content div#tellafriendincentive div.submitrow,
div#wrapper div#content div#tellafriendincentive div.submitrow_hover
{
	width: 92px;
	position: relative;
	left: 385px;
}

div#wrapper div#content div#chooseincentive div.formcolumn
{
	text-align: center;
}

div#wrapper div#content div#chooseincentive div.submitrow,
div#wrapper div#content div#chooseincentive div.submitrow_hover
{
	width: 92px;
	position: relative;
	left: 315px;
}
/* end incentive */

/* powered by */
div#wrapper div#content div#poweredby
{
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #BBB;
	height: 50px;
	background: url(/media/image/layout/poweredby.gif) no-repeat 5px 5px;
}

div#wrapper div#content div#poweredby div.slideritem
{
	display: none;
	height: 40px;
	width: 350px;
	position: relative;
	left: 80px;
	overflow: hidden;
}

div#wrapper div#content div#poweredby div.slideritem img
{
	position: absolute;
	bottom: 0px;
	cursor: pointer;
}
				
div#wrapper div#content div#poweredby div#copyright
{
	margin: 12px 5px;
}

div#wrapper div#content div#poweredby div#copyright,
div#wrapper div#content div#poweredby div#copyright *
{
	font-size: 11px;
	color: #000;
}
/* end powered by */

/* shade */
div#wrapper div.shade
{
	position: absolute;
	background-repeat: repeat-y;
	width: 14px;
	height: 14px;
}

div#wrapper div#shadeleft
{
	top: 0px;
	left: -14px;
	height: 100%;
	filter: expression( typeof XMLHttpRequest == "undefined" ? (this.style.height = parentNode.offsetHeight + "px") : this.style.height = "100%" );
	background-image: url(/media/image/layout/shade/left.png);
}

div#wrapper div#shaderight
{
	top: 0px;
	right: -14px;
	height: 100%;
	filter: expression( typeof XMLHttpRequest == "undefined" ? (this.style.height = parentNode.offsetHeight + "px") : this.style.height = "100%" );
	background-image: url(/media/image/layout/shade/right.png);
}

div#wrapper div#shadebottom
{
	width: 100%;
	filter: expression( typeof XMLHttpRequest == "undefined" ? (this.style.width = parentNode.offsetWidth + "px") : this.style.width = "100%" );
	background-image: url(/media/image/layout/shade/bottom.png);
	background-repeat: repeat-x;
}

div#wrapper div#shadebottomleft
{
	left: -14px;
	background-image: url(/media/image/layout/shade/bottomleft.png);
}

div#wrapper div#shadebottomright
{
	right: -14px;
	background-image: url(/media/image/layout/shade/bottomright.png);
}

div#wrapper div.shadebox
{
	width: 239px;
	margin: 5px;
}

div#wrapper div.shadebox.small
{
	height: 142px;
	background: url(/media/image/layout/shade/box/small.gif) no-repeat;
}

div#wrapper div.shadebox.large
{
	height: 211px;
	background: url(/media/image/layout/shade/box/large.gif) no-repeat;
}
/* end shade */

div#wrapper div#footer
{
	margin: 14px 0px;
	text-align: center;
}

div#wrapper div#footer,
div#wrapper div#footer a
{
	font-size: 11px;
}

div.left
{
	float: left;
}

div.right
{
	float: right;
}

br.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* index */
div#wrapper div#content div#mainswfwrapper
{
	margin: 0px auto;
	width: 710px;
	height:700px;
	overflow:hidden;
}

div#wrapper div#content div#banner,
div#wrapper div#content div#teaser
{
	width: 701px;
	margin: 0px auto;
	text-align: center;
}

div#wrapper div#content div#teaser img
{
	margin: 40px 20px;
}
/* end index */

/* mogelijk gemaakt door */
div#wrapper div#content div#mogelijkgemaaktdoor div.logo
{
	width: 185px;
	margin: 10px;
}

div#wrapper div#content div#mogelijkgemaaktdoor div.content
{
	width: 470px;
	margin: 10px;
}

div#wrapper div#content div#mogelijkgemaaktdoor div.content p
{
	font-size: 11px;
}
/* end mogelijk gemaakt door */

/* popup styles */
body.popup div#wrapper
{
	width: 520px;
}

body.popup div#wrapper div#header
{
	width: 500px;
	height: 203px;
	margin: 0px auto;
	background: #FFF;
	border-bottom: 20px solid #333;
}

body.popup div#wrapper div#content div.title
{
	margin-left: 5px;
}

body.popup div#wrapper div#content p
{
	margin: 10px;
}
/* end popup styles */

div#wrapper div#content div.title
{
	padding: 4px 0px 0px 4px;
	height: 24px;
	font-family: Arial Narrow,Arial,Helvetica,Sans Serif;
	font-weight: bold;
	font-size: 18px;
	color: #F50;
}

div#wrapper div#content div.titlestay
{
	padding: 4px 0px 0px 4px;
	height: 24px;
	background-image: none;
	background-color: #F50;
	font-family: Arial Narrow,Arial,Helvetica,Sans Serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
}

div#wrapper div#content div.titlego
{
	padding: 4px 0px 0px 4px;
	height: 24px;
	background-image: none;
	background-color: #B50000;
	font-family: Arial Narrow,Arial,Helvetica,Sans Serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
}

div#wrapper div#content div.print
{
	display: none;
}

/* top tips */
div#wrapper div#content ul#toptips
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#wrapper div#content ul#toptips li
{
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 100%;
}

div#wrapper div#content ul#toptips li.toptip
{
	height: 34px;
	padding-top: 5px;
}

div#wrapper div#content ul#toptips li.toptip a
{
	display: block;
	margin-left: 25px;
	color: #000;
}

div#wrapper div#content ul#toptips li.seperator
{
	line-height: 1px;
	height: 1px;
	background: #EFE7E7 url(/media/image/layout/dottedline.gif) repeat-x;
}
/* end top tips */

/* submitrow */
a.rollover, a.rollover_hover, 
div.submitrow, div.submitrow_hover
{
	height: 20px;
}

a.rollover img.over, a.rollover:hover img.out, a.rollover_hover img.out,
div.submitrow input.over, div.submitrow:hover input.out, div.submitrow_hover input.out
{
	display: none;
}

a.rollover:hover img.over, a.rollover_hover img.over, a.rollover img.out,
div.submitrow:hover input.over, div.submitrow_hover input.over, div.submitrow input.out
{
	display: inline;
}

a.rollover,
div.submitrow
{
	IE: expression(this.onmouseover=function(){this.className=this.className+'_hover';});
	IE2: expression(this.onmouseout=function(){this.className=this.className.replace(/_hover/,'');});
}
/* end submitrow */