/*---{ common )-------------------------------------------------------*/


html{
	background: #1b1c1e url(../images/background.gif) no-repeat fixed center;
	scrollbar-face-color:       #787878;
	scrollbar-highlight-color:  #999999;
	scrollbar-shadow-color:     #000000;
	scrollbar-3Dlight-color:    #CCCCCC;
	scrollbar-arrow-color:      #ededed;
	scrollbar-track-color:      #cccccc;
	scrollbar-darkshadow-color: #000000;
}

body
{
	font-size: x-small;
	text-align: center;
	color: white;
	padding: 0;
	margin: 0;
	line-height: normal;
}

body, input, select, textarea, td, th
{
	font-size: 100%;
	font-family: Verdana, sans-serif;
	line-height: normal;
}

td, th, body{
	color: White;
}

h1, .Kop1
{
	font-size: 14px;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: white;
}

h2, .Kop2
{
	font-size: 160%;
	font-weight: bold;
		color: white;
}

h3, .Kop3
{
	font-size: 120%;
	font-weight: bold;
		color: white;
}

.Standaard
{
	font-size: 12px;	
		color: white;
}

p
{

}

a
{
	text-decoration: underline;
	color: white;
	
}

a.download
{
	/*background: url(../images/ico_download.gif) no-repeat 0 0px;
	padding: 1px 0 0 18px;*/
}

a:hover
{
	text-decoration: underline;
}

.clsSmall
{
	font-size: 85%;	
}


.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.clearboth
{
	clear: both;
}

/*---{ wrapper )-------------------------------------------------------*/

#wrapper
{
	position: absolute;
	padding: 0 0 0 0;
	left:50%;
	top:50%;
	margin-left: -400px;
	margin-top: -286px;
	text-align: left;
	width: 800px;
	height: 573px;
	font-size: 12px;
}



#wrapperquestion_generator{
	position: absolute;
	padding: 0 0 0 0;
	left:50%;
	top:50%;
	margin-left: -400px;
	margin-top: -286px;
	text-align: left;
	width: 800px;
	height: 573px;
	font-size: 12px;
	background: #fff url(../images/Room_qz.jpg) no-repeat top left;
}

/*---{ header )-------------------------------------------------------*/

#header
{
	height: 1px;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}

/*---{ cols )-------------------------------------------------------*/

#askQuestion{
	position: absolute;
	top:0px;
	left:0px;
	
}
#bottomAsk{
	position: absolute;
	display: block;
	left: 252px;
	top:505px;
}
#content
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 311px;
	height: 98px;
	overflow: hidden;
	left: 172px;
	top: 282px;
	overflow-x: hidden;
	color: white;
	background-color:	transparent;
}

#contactBack{
	position: absolute;
	z-index:1;
}

#contentContact{
	position: absolute;
	display: block;
	margin-left: 50px;
	margin-top: 105px;
	width: 520px;
	height: 440px;
	z-index:2;
	color: white;
	overflow: auto;
	overflow-x:hidden; 

}

#contentContact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#contentContact a:link {
	color: #6dbffe;
	text-decoration: none;
}
#contentContact a:visited {
	text-decoration: none;
	color: #3facff;
}
#contentContact a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#contentContact a:active {
	text-decoration: none;
	color: #ffffff;
}
#contentContact h1 {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}

#ballen{
	position: absolute;
	left: 105px;
	top: 91px;
	width:200px;
	height: 103px;
}
#ballonnenFlash{
	position: absolute;
	z-index: 6;
	left: 100px;
	top: 77px;
	width:210px;
	height: 150px;
}
#sluiten{
	position: absolute;
	top:85px;
	left: 530px;
	color: White;
	z-index: 3;
	text-decoration: none;
}

#emailbttn{
	position:absolute;
	top:387px;
	left: 345px;
	cursor: pointer;
}

#emailbttn img{
	border: 0px;
}

#chatbttn{
	position:absolute;
	top:387px;
	left: 183px;
}

#chatbttn img{
	border: 0px;
}
#spuitbus{
	position:absolute;
	top:78px;
	left: 79px;
	width:150px;
	height: 100px;
}
#spuitster{
	position:absolute;
	top:75px;
	left: 160px;
	width: 90px;
	height: 90px;
}

#seksualiteitFlash {
	position:absolute;
	top:225px;
	left: 18px;
	width: 90px;
	height: 58px;
}
#home{
	z-index: 1;
	position: absolute;
	top:159px;
	left: 488px;
	display: block;
	width: 46px;
	height: 22px;
}

#homeFlash{
	z-index: 4;
	position: absolute;
	top:159px;
	left: 488px;
	width: 46px;
	height: 22px;
}

#homebttn{
	position:absolute;
	top:159px;
	left: 488px;
}

#homebttn img{
	border: 0px;
}

#vraagHomepage{
	position: absolute;
	width: 311px;
	height: 96px;
	border: 0px;
	left: 170px;
	top: 282px;
	color: White;
	background-color:	transparent;
}

#korrelatie{
	position: absolute;
	left: 150px;
	top: 430px;
	width:351px;
	height: 49px;
	display: block;
}

#korrelatie img{
	border: 0px;
}


#remote{
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 0px;
	z-index: 98;
	width: 234px;
	height: 388px;
	background: transparent url(../images/remote.png) no-repeat;
	_background:none;
}

#controller{
	position: absolute;
	bottom: 1px;
	right: 0px;
	border: 0px;
	z-index: 98;
	width: 234px;
	height: 388px;
}

#remoteOverlay{
	z-index: 99;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 0px;
}

#logo
{
	z-index: 100;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 359px;
	height: 103px;
	background: transparent url(../images/logo.png) no-repeat top left;
	_background: none;
}

#rollover{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index:100;
}

.rollover{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index:110;
}

#questionGen{
	position: absolute;
	display: block;
	left: 215px;
	top: 265px;
	width: 258px;
	height: 165px;
	overflow: auto;
	overflow-x: hidden;
}

#questionGenFull{
	position: absolute;
	display: block;
	left: 115px;
	top: 100px;
	width: 458px;
	height: 450px;
	overflow: auto;
	overflow-x: hidden;
}

#digikaart{
	z-index: 3;
	position:absolute;
	top:273px;
	left:32px;
	width:55px;
	height: 183px;
}

#kaartenbakFlash{
	z-index: 4;
	position:absolute;
	top:199px;
	left:0px;
	width:99px;
	height: 293px;
}

#mishandelingFlash{
	z-index: 4;
	position:absolute;
	top:280px;
	left:25px;
	width:150px;
	height:190px;
}

#examenFlash{
	z-index: 4;
	position:absolute;
	top:370px;
	left:15px;
	width:150px;
	height:190px;
}

#digikaart img{
	border: 0px;
}


.digiFlyer{
	float: left;
	width: 245px;
	margin-left: 0px;
	margin-top: 5px;
}

.digiFlyer .title{
	font-weight: bold;
}

#sterkte{
	width:190px;
	position: relative;
	text-align: center;
	float: left;
}
#bedankt{
	width:190px;
	position: relative;
	text-align: center;
	float: left;
	margin-left: 10px;
}
#sterkte h2, #bedankt h2{
	color: #6dbffe;
	font-size:12px;
}

#sterkte a , #bedankt a{
	float: left;
	margin-top: 10px;
}

#digiTerug{
	position: absolute;
	z-index: 99999;
	top: 85px;
	left: 50px;
	text-decoration: none;
}


#qzTerug{
	position: absolute;
	z-index: 99999;
	top: 85px;
	left: 100px;
}

#qzTerug a{
	text-decoration: none;
}

#digiContent{
	padding:10px;
}

#digiContentMessage{
	padding: 10px;
}

ul{
	list-style: none;
}
ul li{
	padding-left: 15px;
	background: url(../images/arrow.gif) no-repeat left 5px;
}


ul li a{
	text-decoration: none;
}


#questionGen h1, #questionGenFull h1{
	border-bottom: 1px solid white;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#closeQG{
	position: absolute;
	left: 168px;
	top: 262px;
	z-index: 10;
}
#backQG{
	position: absolute;
	left: 168px;
	top: 296px;
	z-index: 10;
}

#questionGen h1 a, #questionGenFull h1 a{
	text-decoration: none;
}

#questionGen h2 , #questionGenFull h2{
	font-size: 12px;
	text-transform:	uppercase;
	
}

#questionGen{
	line-height: 18px;
}

#questionGenContent{
	position: absolute;
	margin: 0px;
	padding: 5px;
	width: 252px;
	height: 154px;
	overflow: auto;
	left: 213px;
	top: 265px;
	color: black;
	background-color: transparent;
}

 #questionGen{
	margin: 0px;
	padding: 0px;
	width:252px;
	height: 154px;
	overflow: auto;
	overflow-x: hidden;
}

#questionGen h1, #questionGen .Kop1{
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: none;
	color: Black;
}

 #questionGen ul{
	margin:0px;
	margin-left: 15px;
	padding: 0px;
}

 #questionGen ul li a, #questionGen h1 a {
	color: Black;
}

#divPollContent h2, #pollresult h2{
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}

#divPollContent #pollTeaser{
	line-height: 18px;
	padding-bottom: 10px;
}

#divPollContent a{
	text-decoration: none;
}

#pollresult .teaser{
	display: block;
	padding-bottom: 10px;
}
hr.poll{
	 color: white;
	background-color: white;
	height: 1px;
	border: 0px;
}


#footerMenu{
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#footerMenu a{
	text-decoration: none;
	font-size: 10px;
	
}



/*---{ sideBar )-------------------------------------------------------*/

#sidebar
{
	display:none;
}









/* legal */

#legal
{
	position:absolute;
	z-index : 1;
	left : 20px;
	top : 40px;
	padding:0;
	margin:0;
}

#divide
{
	position:absolute;
	z-index : 1;
	right : 20px;
	top : 10px;
	padding:0;
	margin:0;
}

#gotoTop
{
	position:absolute;
	z-index : 1;
	right : 20px;
	top : 40px;
	padding:0;
	margin:0;
}

#footer a
{

}

/* --- { sitemap } ----------------------------------------------------*/

#sitemap
{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

#sitemapNav
{
	height: 1%;
	padding: 0;
	margin: 0;
}

#sitemapNav li
{
	list-style: none;
	padding: 0;
	padding: 0;
	height: 1%;
}

#sitemapNav li a
{
	margin: 0 5px 0 0;
	padding: 0;
	height: 1%;
}

#sitemapNav li a.active
{
	
}

/*---{ frm }---------------------------------------------------------*/

#frm
{
	padding: 0;
	margin: 0 0 20px 0;
}

#frm table
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#frm td, #frm th
{
	padding: 0 10px 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
}

#frm th
{
	font-weight: normal;
}

#frm .clsReq, .requiredField
{
	color: #ff0000;
	padding: 0 0 0 5px;
}

#frm input, #frm textarea, #frm select
{
	padding: 2px;
	margin: 0 5px 0 0;
	background-color: #efeff0;

}

#frm .radiobttn{
	background-color: transparent;
	height: 11px;

}

#frm select
{
	padding: 0px;
}

#frm input.single, #frm textarea
{
	width: 200px;
}

#frm input.short
{
	width: 20px;
}

#frm textarea
{
	height: 100px;
	width:300px;
}


/*---{ page-navigation }---------------------------------------------------------*/

#pageNav
{
	font-size: 11px;
}

#pageNav ul
{
	list-style: none;
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 100%;
}

#pageNav ul li
{
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 1%;
}

#pageNav ul li.disabled
{
	color: #ccc;
}

#pageNav ul a
{
	text-decoration:none;
	height: 1%;
}

#pageNav ul a:hover
{
	
}

#pageNav ul a.active
{
	font-weight: bold;
}
/* css anthill */

.contentvlak {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.contentvlak a:link {
	color: #6dbffe;
	text-decoration: none;
}
.contentvlak a:visited {
	text-decoration: none;
	color: #3facff;
}
.contentvlak a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.contentvlak a:active {
	text-decoration: none;
	color: #ffffff;
}
.contentvlak h1 {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}



.vragenveld{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.vragenveld a:link {
	color: #000000;
	text-decoration: none;
}
.vragenveld a:visited {
	text-decoration: none;
	color: #333333;
}
.vragenveld a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.vragenveld a:active {
	text-decoration: none;
	color: #ffffff;
}




.privacydisclaimer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.privacydisclaimer a:link {
	color: #ffffff;
	text-decoration: none;
}
.privacydisclaimer a:visited {
	text-decoration: none;
	color: #ffffff;
}
.privacydisclaimer a:hover {
	text-decoration: underline;
	color: #6dbffe;
}
.privacydisclaimer a:active {
	text-decoration: none;
	color: #6dbffe;
}

#hometas{
	background:url(../images/home-tas.jpg) no-repeat top left;
	position:absolute;
	left:0px;
	bottom:0px;
	width:145px;
	height:148px;
	display:block;
}