/* CSS Reset */
* {margin:0; padding:0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;color: #fff;vertical-align:baseline;background: transparent;}body{font-family: Verdana;font-size:12px;}ol,ul{list-style: none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}:focus{outline:0;}ins{text-decoration: none;}del{text-decoration: line-through;}table{border-collapse:collapse;border-spacing:0;}

/* Main CSS */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body { background: url(../images/background2.jpg) no-repeat top center #000;}

a {text-decoration: none;}

a:hover {color: #ffa517;}

div.dots {
	position: relative;
	background: url(../images/dots.png);
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

div.dots div.wrapper {
	margin: 0 auto;
	width: 925px;
}

.conditionError {
    color:#FF0000;
}

div.dots div.wrapper div.header {
	width: 925px;
	height: 333px;
}

div.dots div.wrapper div.header div.logo {
	float: left;
	width: 327px;
	height: 165px;
}

div.dots div.wrapper div.header div.topmenu {
	float: right;
	height: 30px;
}

div.dots div.wrapper div.header div.topmenu li {
	display: block;
	float: left;
	background: url(../images/trans-50.png);
	padding: 6px 10px 0 10px;
	height: 24px;
}

div.dots div.wrapper div.header div.topmenu li a.selected {color: #ffa517;}

div.dots div.wrapper div.header div.topmenu li span.disabled {
	color: #b4b4b4;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

div.dots div.wrapper div.header div.topmenu li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

div.dots div.wrapper div.header div.topmenu li a:hover {text-decoration: underline;}

div.dots div.wrapper div.header div.title {
	clear: both;
	margin: 0 0 0 118px;
	width: 925px;
	height: 93px;
}

div.dots div.wrapper div.main {
	float: left;
	width: 599px;
}

div.dots div.wrapper div.main h1 {
	font-size: 20px;
	font-weight: 100;
	padding: 5px 0 10px;
}

div.dots div.wrapper div.main h2 {
	font-size: 16px;
	font-weight: 100;
	padding: 5px 0 10px;
}

div.dots div.wrapper div.main p {
	margin: 0 0 10px 0;
}

div.dots div.wrapper div.main div.content {
	margin: 25px;
	width: 549px;
}

div.dots div.wrapper div.main div.content a.back {
	display: block;
	background: url(../images/arrowwhite.png) no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}

div.dots div.wrapper div.main div.content h1 {margin: 15px 0 0px 0;}

div.dots div.wrapper div.main div.content .bold {font-weight: bold;}

div.dots div.wrapper div.main div.content ul.contactlist {
	display: block;
	float: left;
}

div.dots div.wrapper div.main div.content div.emaillist {
	display: block;
	float: left;
	margin: 0 0 0 50px;
}

div.dots div.wrapper div.main div.footer {
	background: url(../images/footer.png) repeat-x;
	margin: 32px 25px;
	width: 549px;
	height: 30px;
}

div.dots div.wrapper div.main div.footer div.left {float: left;}

div.dots div.wrapper div.main div.footer div.right {float: right;}

div.dots div.wrapper div.sidemenu {
	float: left;
	position: relative;
	margin: -109px 0 0 0;
	padding: 0 10px 0 32px;
	width: 284px;
}

div.dots div.wrapper div.sidemenu .loopOokMee {
	margin: 0 0 10px;
	width: 262px;
	height: 132px;
}

div.dots div.wrapper div.sidemenu .helpMee {
	margin: 0 0 20px;
	width: 262px;
	height: 80px;
}

div.dots div.wrapper div.sidemenu div.socialmedia {
	background: url(../images/socialMediaBackground.png) no-repeat;
	padding: 14px 13px;
	width: 236px;
	height: 147px;
	overflow: hidden;
}

div.dots div.wrapper div.sidemenu div.socialmedia h1 {
	margin: 0 0 6px;
}

div.dots div.wrapper div.sidemenu div.socialmedia .socialMediaIcons {
	padding: 0 0 6px;
}

div.dots div.wrapper div.sidemenu div.socialmedia p {
	line-height: 19px;
}

div.dots div.wrapper div.sidemenu div.socialmedia hr {
	background: #fff;
	margin: 5px auto 5px auto;
	border: none;
	height: 1px;
}

div.dots div.wrapper div.sidemenu div.socialmedia a:hover {
	text-decoration: underline;
	color: #fff;
}

div.dots div.wrapper div.sidemenu p.watchvideo {
	display: block;
	background: url(../images/orangearrow.png) no-repeat;
	padding: 3px 0 0 30px;
	height: 20px;
}

div.dots div.wrapper div.sidemenu p.watchvideo a {
	color: #fff;
}

div.dots div.wrapper div.sidemenu p.watchvideo a:hover {
	color: #fff;
	text-decoration: none;
}

div.dots div.wrapper div.sidemenu p.newsletter {
	display: block;
	background: url(../images/newsletter.png) no-repeat;
	margin: 5px 0 5px 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

div.dots div.wrapper div.sidemenu p.youtube {
	display: block;
	background: url(../images/youtube.png) no-repeat;
	margin: 0 0 5px 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

div.dots div.wrapper div.sidemenu p.facebook {
	display: block;
	background: url(../images/facebook.png) no-repeat;
	margin: 0 0 5px 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

div.dots div.wrapper div.sidemenu p.twitter {
	display: block;
	background: url(../images/twitter.png) no-repeat;
	margin: 0 0 5px 0;
	padding: 3px 0 0 30px;
	height: 20px;
}

div.dots div.wrapper div.sidemenu div.help {margin: 25px 0 0 0;}

div.dots div.wrapper div.sidemenu div.help .loopmee {margin: 0 0 25px;}

div.dots div.wrapper div.sidemenu div.help a {font-weight: bold;}

div.dots div.wrapper div.sidemenu div.help a:hover {color: #fff; text-decoration: underline;}

div.dots div.wrapper div.sidemenu div.worldcancerdeclaration {margin: 50px 0 0 0;}


/* Overlay */
div#overlay {
	display: none;
	background: #fff;
	padding: 25px;
	width: 450px;
}

div#overlay div.close {
	position: absolute;
	right: 10px; top: 10px;
	cursor: pointer;
	color: #737373;
}

div.contentWrap {
	overflow-y: auto;
	color: #000;
}

/* Form */
input, textarea {border: none; color:#737373; font-size: 10px; font-family: Verdana;}
.label {display: block; float: left; margin: 0 0 5px 0; padding: 5px 0; width: 120px;}
.inputtext {float: left; background: #fff; margin: 0 10px 5px 0; padding: 5px; width: 175px; border: solid 1px #737373;}
.button {float: right; background: #ff4b17; padding: 5px; font-weight: bold; color: #fff;}
.button2 {clear: both; display: block; background: #ff4b17; padding: 5px; width: 125px; text-align: center; font-weight: bold; color: #fff;}

div.wrapper div.form {
	clear: both;
	width: 450px;
}

div.wrapper div.form h2 {
	clear: both;
	margin: 0 0 15px 0;
	
	font-size: 13px;
	font-weight: normal;
}

div.wrapper div.form p {
	clear: both;
	margin: 0 0 10px 0;
}

span.meldJeAanText {
	font-size: 28px;
}
.error{
	border: 1px solid #ff0000;
    background-color: #F8DBDB;
}

/* Submenu */
.submenu {margin: 0 0 10px; width: 262px;}
.submenu .submenuTop {clear: both; background: url(../images/submenu-top.png) no-repeat; width: 262px; height: 17px;}
.submenu .submenuBottom {clear: both; background: url(../images/submenu-bottom.png) no-repeat; width: 262px; height: 17px;}
.submenu .submenuContent {clear: both; background: url(../images/submenu-bg.png) repeat-y; padding: 0 19px; width: 224px;}

.submenu .submenuContent li {display: block; background: url(../images/submenuLine.png) no-repeat left bottom; padding: 4px 0 6px;}

.submenu .submenuContent li.submenuLast {display: block; background: none; padding: 4px 0 4px;}

.submenu .submenuContent li a, .submenu .submenuContent li a:visited {
	display: block;
	color: #444444;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

.submenu .submenuContent li a:hover {
	color: #000000;
	text-decoration: underline;
}

.datebar3 {
	background: #d6ff96;
	margin: 0 0 5px;
	padding: 3px;
	border: solid 1px #7be740;
	width: 299px;
}
.datebar3Label {
	color: #250;
}
.datebar2 {
	background: #fff696;
	margin: 0 0 5px;
	padding: 3px;
	border: solid 1px #e7e540;
	width: 299px;

}
.datebar2Label {
	color: #333;
}
.datebar1 {
	background: #ffd496;
	margin: 0 0 5px;
	padding: 3px;
	border: solid 1px #e7b240;
	width: 299px;
}

.datebar1Label {
   color: #333;
}

.datebar0 {
	background: #ff9696;
	margin: 0 0 5px;
	padding: 3px;
	border: solid 1px #e74040;
	width: 299px;

}
.datebar0Label {
	color: #fff;
}
.loop_tijd_opt {margin: 0 10px 0 0;}