/*		COLORS

		Bright blue:  	#009eff;
		Red: 			#ff0000;
*/

/* Reset some default browser behaviour */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

body{
	font-family: arial, verdana, sans-serif;
	color: #FFFFFF;
	background: #000000;
	overflow:hidden;
	font-size: 0.8em;
	line-height: 1.4em;
}
input, textarea, button{font-family: arial, verdana, sans-serif;}
.noMargin{margin:0;}
h1 { display:none;}
 h2.none, h3.none{display:none;}
a {	color:#009eff; text-decoration:none;}
a:hover { text-decoration:underline;}
p {	clear:both}
#mainContainer { margin-left:auto;  margin-right:auto;}
#map { width: 1024px; height: 745px;	margin: auto; background:#000; }
#toHTMLVersion{display:none;}
/* 
*	Menu 
*/

div#menuContainer {
	background-image:url("/img/layout/bar_bottom_bg.gif");
	background-repeat:no-repeat;
    position: absolute;
	width: 822px; /* This value must be set in menu.js as well*/
	height: 33px; /* height & width properties are set from within javascript */
	z-index: 100;
}

	#menuContainer ul li{
		/*display:inline;*/
	}

	ul#bottomMenu  li a{
		display:block;
		height:30px;
		float:left;
		z-index: 5;
	}

	ul#bottomMenu  li a span{display:none;}	

	ul#bottomMenu a#testjekennis{ background-image:url("/img/layout/testjekennis.gif"); width:112px;margin:2px 0 0 3px;}
		ul#bottomMenu a#testjekennis:hover {background-image:url("/img/layout/testjekennis_hover.gif");}
	ul#bottomMenu a#leesmeer{ background-image:url("/img/layout/leesmeer.gif");width:112px;margin:2px 0 0 3px;}
		ul#bottomMenu a#leesmeer:hover { background-image:url("/img/layout/leesmeer_hover.gif");}
	ul#bottomMenu a#blogmee{ background-image:url("/img/layout/blogmee.gif");width:112px;margin:2px 0 0 3px;}
		ul#bottomMenu a#blogmee:hover{ background-image:url("/img/layout/blogmee_hover.gif");}
	ul#bottomMenu a#leverin{ background-image:url("/img/layout/leverin.gif");width:112px;margin:2px 0 0 3px;}
		ul#bottomMenu a#leverin:hover { background-image:url("/img/layout/leverin_hover.gif");}
	ul#bottomMenu a#nodiguit{ float:right;background-image:url("/img/layout/nodiguit.gif");width:289px;margin:0 2px 0 0;}

/* 
*	Content box 
*/

.contentBox{
	left:0;
	position:absolute;
	height:0;
	width:459px;
	bottom: 30px;
	
	background-color: transparent;
	background-image: url("/img/layout/box_top_bg.gif");
	background-position: top;
	background-repeat: no-repeat;
	margin:10px 30px 0 0 ;
	overflow:hidden;
	z-index:10;
}
	.contentBox h2{
		margin:35px 25px 0 25px;
		font-size:150%;
	}
	.contentBox h2 span{
		display:block;
		margin-top: 4px;
		font-size:70%;
		color: #ff0000;
		font-weight:bold;
	}
	.contentBox span.writtenOn{
		display:block;
		font-size:85%;
		color:#999;
		text-transform:uppercase;
	}
	.contentBox h3{ 
		margin:15px 25px 5px 25px;
		font-size: 120%;
		font-weight:bold;
		clear:both;
		color: #f00;
	}
	.contentBox p{
		margin:5px 25px 25px 25px;
	}

	.contentBox p.blogpost{
		
	}
	.contentBox p.reaction{
		color:#ededed;
		font-size:95%;
		margin:10px 25px 10px 25px;
		border-bottom: 1px solid #333;
		padding-bottom:5px;
	}
	.contentBox p span.writtenBy{
		display:block;
		font-size:85%;
		color:#999;
		text-transform:uppercase;
	}

	 ul.subNavList{
		margin: 0 0 0 25px;
	}

	ul.blogList{
		margin: 0 0 0 25px;
	}
	.contentBox .contentClose { float:right; margin:20px 15px 15px 15px;	cursor:pointer;	}
	.contentBox img { margin:25px;}
	.contentBox .iconGame {	float:left;	margin: 0 10px 10px 0; }
	.contentBox img.loader {	position:relative; left: 180px; top:200px;}

	.contentBox .contentFrame{
		background-color:#000000;
		height:410px;	
		width:445px;
		margin: 10px 0 0 0;
		overflow:auto;	
	}


#bottomMenu li, #bannerBox li {
	display:inline;
}


/* 
*	Reaction form
*/

#addReaction, #inviteMsnContacts{
	margin: 0 0 0 25px;
}

#addReaction input, #inviteMsnContacts input, #addReaction textarea {
	padding:2px;	
}
#addReaction .leftLabel,  #inviteMsnContacts .leftLabel{
	margin: 3px 0 0 0;
	clear:both;
	display:block;
	float:left;
	width:140px;	
}

#addReaction input,  #inviteMsnContacts input{
	margin: 3px 0 0 0;
	width: 160px;
	float:left;
}
 .check{
	margin: 5px 3px 2px 35px;
	clear:both;
}

#addReaction textarea{
	width: 240px;	
	margin: 3px 0 0 0;
	float:left;
	height:80px;
}
#addReaction .button{
	width:auto;
	clear:both;
	margin-left:140px;
}
/* 
*	Banner box 
*/
#bannerBox{
	position:absolute;
	left:460px;
	bottom:40px;
	height: 51px;
	width:365px;
}

	ul#banners  li a{
		display:block;
		width:118px;
		height:51px;
		float:right;
		margin-right:2px;
	}

#checkAll{
	float:left;
	margin: 5px 0 0 30px;
	cursor:pointer;
}

#inviteThem{
	float:right;
	position:relative;
	top:-20px;
	right:20px;
}
/* 
*
*	Zoom and Pan Controls
*/
#MSNloadingIcon{
	margin-left:200px;
}
.zoombar{
	float:left;
}

#zoomout,#zoomin{cursor:pointer;}

img.zoombar{ cursor:pointer;}
div.zoombar{
	width: 128px;
	height: 17px;
}
#indicator{
	display:block;
	float:left;
	width:9px;
	height:13px;
	background-color:#009eff;
	margin: 2px;
}

.north{ cursor:pointer; position:relative;left:24px; }
.south{	cursor:pointer;	position:relative;top:34px;right:24px; }
.west{	cursor:pointer; position:relative;top:17px;right:10px; }
.east{	cursor:pointer; position:relative;top:17px;left:10px; }


/* 
*	Message Popup 
*/

#msgPopup{
	line-height: 100%;
	background-repeat: no-repeat;
	height: 223px;
	width: 363px;
	padding:10px;
}
#msgPopup p {font-size:85%;width:244px;}
#msgPopup h3{
	font-size: 110%;
	font-weight:bold;
	color: #ff0000;
	margin: 10px 0 0 0;
}

#msgPopup .date{
	font-weight:bold;
	color:#009eff;
	margin: 3px 0 3px 0;
}

#msgPopup .avatarImg{
	border: 2px solid #009eff;
	margin: 10px 0 0 4px;
	float:left;
}
#msgPopup .popupFloat{
	text-align:justify;
	float:right;
	width:240px;
	margin: 0 25px 0 5px;
}

#msgPopup .closePopup{
	float:right;
	cursor:pointer;
	position:relative;
	top: 8px;
	left:2px;

}
#msgPopup .friendIcon{
	margin-right:2px;
	margin-top:4px;
}
/* 
*	Wizard
*/

#wTop{
	height:30px;
	background-color:transparent;
	background-image: url('/img/map/wizard/bg_top.gif');
	background-repeat:no-repeat;
}

#wTop img{
	float:right;
	margin:8px 10px 6px 6px ;
	height:13px;
	width:12px;
}

#wBottom{
	height:30px;
	background-image: url('/img/map/wizard/bg_bottom.gif');
	background-repeat:no-repeat;
}

#wizardTempContainer{	display:none;}
#addOpinion img{		cursor:pointer;}

#addOpinion #wizard{
	width:	212px;
	font-size:90%;
}

#wizard .step{
	color:#ccc;
	background: #000;
}

#wizard .step h4{
	border-top:  2px solid #000;
	border-right:  4px solid #000;
	border-left:  4px solid #000;
	background-image: url('/img/map/wizard/bg_h4.gif');
	background-color: #000;
	color: #ccc;
	font-size:95%;
	padding:2px 2px 2px 5px;
	cursor:pointer;

}

#wizard .currentStatus h4{
	padding:2px 2px 2px 5px;
	font-weight:bold;
	color:#fff;
}
.wNr{
	margin: 0 7px 0 7px;
	font-weight:bold;
}
span.stepCompleted{
	background-image: url('/img/map/wizard/completed.gif');
	background-repeat:no-repeat;
	position:relative;
	top:3px;
	right:5px;
	display:block;
	float:right;
	width:12px;
	height:12px;
	display:none;
}

.stepDescr{
	overflow:hidden;
	height:0;
}
.stepDescr p {
	font-size:85%;	
	margin:5px 10px 0 10px;
}
.stepDescr input, .stepDescr textarea{
	margin:0 5px 0 10px;
	padding:1px;
	background: #000;
	border: 1px solid #999;
	color: #fff;
}

.stepDescr textarea {
	width:180px;
	height:100px;
	padding:2px;
}

#email, #cellPhone{width:180px;}

.inputlabel{
	margin: 2px 5px 0 10px; 
	font-weight:bold;
	display:block;
	color: #ff0000;
}

#dynamicAddress{
	clear:left;
	font-weight:bold;
	color: #fff;
	margin:0 10px -5px 10px;
	padding: 5px 0 5px 0;
}
.formFloat{
	float:left;
}

#button6{margin-top:2px;}
.nextButton{
	margin: 10px 0 0 10px;
	display:block;
	clear:both;
}

#upload{
	margin: 5px 0 0 10px;
}
#remove{
	margin: 30px 30px 0 0;
	display:none;
	float:right;
}

#uploadedImg{
	margin:10px 10px 0 10px;
	border: 1px solid #00aeff;
}

#tagSmall{
	float:right;
	margin:5px 0 0 5px;
}
#wizardFeedback{
	position:relative;
	top: 200px;
	display:none;
	height: 100px;
	width: 100px;
	background: #ccc;
}

#quizquestion h3 {color: #fff; padding-bottom: 10px;}
#quizquestion ul.answers {	list-style: none;}
#quizquestion ul.answers li { 
	display: block;
	padding: 0 0 4px 0;
}
#quizquestion ul.answers li a {	
	color: #E0E0E0;
	display: block;
	background: #000 url(../img/test/radiooff.gif) no-repeat left top;
	padding: 0 0 4px 30px;
	text-decoration: none;
}
#quizquestion ul.answers li.on a, #quizquestion ul.answers li a:hover{ 
	background: #000 url(../img/test/radioon.gif) no-repeat left top;
	text-decoration: underline;
}
#quizquestion div.wouldyouliketoknowmore {
	padding: 20px 0 0 25px;
}

span.situation { display: block; text-decoration: underline;}

div.nextquestion {
	padding: 24px 25px 10px 0;
}
div.nextquestion a {
	float: right;
	color: #fff;
	font-weight: bold;
	background: transparent url(../img/arrowright.gif) no-repeat right 8px;
	padding: 0 20px 10px 0;
}

div.contentFrame ul { 
	margin: 0 25px 0 25px; 
	padding: 0;
	list-style: none; 
}

div.contentFrame ul li { 
	display: block; 
	clear: both;
	margin: 0;
	padding: 0 0 0 20px; 
	background: transparent url(../img/bullet2.gif) no-repeat left 5px;
}

div.contentFrame ul.navlist li {
	background: transparent url(../img/bullet.gif) no-repeat left 5px;
}

#submitWizard{
	margin:10px;
}

#wizardinfopopup {
	z-index: 123;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 262px;
	height: 147px;
	background: transparent url(../img/map/wizard/infopopup.gif) no-repeat left top;
}
#wizardinfopopup div{
	margin:10px;
	font-weight: bold;
}
#wizardinfopopup p{margin: 10px 10px 0 10px;	width:200px;}
#wizardinfopopup h3{
	padding: 0 0 0 10px;
	font-weight:bold;
	margin: 5px 0 0 0 ;
	width:200px;
}

#siteinfo {
	width: 100%;
	text-align: center;
	padding: 10px;
	color: #999;
}

#siteinfo a {
	color: #999;
}

#siteinfo .small {
	font-size: 0.6em;
}

#intro {
	display: none;
	position: absolute;
	z-index: 124;
	top: 0px;
	left: 0px;
	width: 720px;
	height: 405px;
}

div.flashmovie {
	width: 384px;
	height: 236px;
	margin: 0 0 0 25px;
	background-color: #000;
}
div.audioplayer {
	margin: 0 0 0 25px;
	height: 260px;
	width: 384px;
}
div.youtubemovie {
	width: 384px;
	height: 321px;
	margin: 0 0 0 25px;
	background-color: #000;
}

input.hiddensubmit { display: none;}

#counterTemp{display:none;}

#counterinfo {
	width: 330px;
	height: 70px;

}

#counterinfo div.counter { 
	margin-top:5px;
	width: 80px;
	height: 70px;
	float: left;
}

#counterinfo div.counters div { 
	width: 15px; height: 27px;
	background: #D1D1D1 url(../img/counter.gif) no-repeat left top;
	color: #000;
	float: left;
	text-align:center;
}
#counterinfo div.counters div span { display: block; font-weight: bold; padding: 4px 0 0 0;}

#counterinfo div.countermsg {
	width: 201px;
	float: left;
}

#tagwearers img {
	float: left;
	width: 170px;
	height: 116px;
	margin-bottom: 10px;
}
#tagwearers img.left {
	margin-right: 10px;
}