/****************************** GLOBAL TAGS *******************************/

html {
	width: 100%;
	height: 100%;
	overflow-y:scroll;
	margin:0px;
	padding:0px;
}

body {
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	background: #c7e0f6;
	font-family: Arial;
	color: #000000;
	position: absolute;
	font-size:12px;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
padding:0px;
margin:0px;
}

.movie {margin:0 auto; width:495px; height:500px; margin-top:50px;}	

/******************************** inlog *********************************/

#main_inlog {
	height:268px;
	position:relative;
	top:50%;
	margin-top:-134px;
}

.inlog {

	border:#d9d9d9 1px solid;
	width:305px;
	height:234px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#a29090;
	margin-top:-240px;
	margin-left:460px;
}

.inlog2 {
	border:#d9d9d9 1px solid;
	margin:0 auto;
	width:400px;
	height:140px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#a29090;
}

/*.logo {
	background:url("../images/header2.png") no-repeat center;
	width:100%;
	height:56px;
}*/

.content-inlog {
	margin:0 auto;
	width:400px;
	height:190px;
}

.content-inlog2 {
	color:#565656;
	margin:0 auto;
	width:300px;
	height:190px;
	padding-top:25px;
}

.content-inlog2 a {color:#565656; text-decoration:none;}

.content-inlog  a {
	color:#565656;
	text-decoration:none;
}

.content-inlog a:hover {text-decoration:underline;}

.content-inlog2 a:hover {text-decoration:underline;}

#titel {
	font-size:13px;
	padding-top:10px;	
	color:#565656;
}

#gebruikersnaam {
	width:170px;
	float:right;
}

#wachtwoord {
	width:170px;
	float:right;
}

.input {
	width:170px;
	margin-left: 20px;
}

#link-inlog {float:right;}


/******************************** index.html *********************************/
.game {
	margin-left:-20px;
	float:left;
}

.bg { background:url('../images/bg-link.png') no-repeat; height:38px; padding-top:23px; padding-left:20px;}

.bg a {color:#4e4e4e;}
.gwb {
	margin-top:-475px;
	margin-left:10px;

	float:left;
	width:111px;
	height:450px;
}

.mkb {
	margin-top:-478px;
	margin-right:7px;
	float:right;

	width:111px;
	height:450px;
}


.beeld {
	width:111px;
	height:100px;
	padding-bottom:23px;
}

.message  {
		font-size:18px;
		width:980px;
		text-align:center;
		padding-top:220px;
		}

#page {
	width: 100%; 
	overflow:hidden;
	height: auto;
	background: url(../images/body_bgnew.png) repeat-x left top;
}


#main {
	width: 980px;
	margin: 0 auto;
}

#header {
	background: url(../images/header_logonew.png) no-repeat center 10px;
	width: 980px;
	height: 147px;
}

	
/*-----------------------------------------------------------------------------

Styles for the demo page

-----------------------------------------------------------------------------*/


#content{
	margin:0px;
	padding:0px;
}


#content .left{
	float: left;
/*	width: 260px; */
	width: 200px;
	margin-top: 2px;

}


#content .right{
	float: left;
	width: 250px;
	margin-top: 2px;
}

#content .submiddle .top { width:787px; height:10px; background:url(../images/rightTop.jpg); background-repeat: no-repeat;}
#content .submiddle .mid { width:787px; overflow:hidden; display:block; background:url(../images/rightMid.jpg) repeat-y left top; }

#content .submiddle .mid .txt-left { float:left; width:500px; display:block; }
#content .submiddle .mid .txt-left h1 { font-size:24px; }
#content .submiddle .mid .txt-left p { width:auto; }
#content .submiddle .mid .txt-left a { color:#0055A5; text-decoration:underline; }
#content .submiddle .mid .txt-left table { margin:0 0 10px 25px; }
#content .submiddle .mid .txt-left td { vertical-align:top; padding:2px 0; }

/* Hier ben ik mee bezig! */
/* Block van de downloadpagina */
.content {margin-left:42px; }
.content .block .down .link1 { width:95px; padding:1px 0; text-align:center; display:block; float:left; border:1px solid #e7e7e7; color:#878787; text-decoration:none; }
.content .block .down .link2 { width:95px; padding:1px 0; text-align:center; display:block; float:right; border:1px solid #e7e7e7; background-color:#e2f0f9; color:#4A4A4A; text-decoration:none; }
.block .down { float:left; margin-right:30px; border:1px solid #e7e7e7; width:195px; text-align:left; margin-top:20px; margin-bottom:20px;}
.block .down h2 { margin-top:10px; margin-bottom:10px; text-align:center; }
.block .content { width: 200px; height: 150px; color:#4a4a4a; font-size:12px; text-align:center; border:1px solid #e2f0f9; margin:0 15px 4px 25px;}
.block .content img { width:200px; height:150px; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; }
.block .content .flash { margin:0 15px 4px 15px; }
.block .content .green-bg { background-color:#e6f3dd; }
.block .content .pink-bg { background-color:#fbe9e9; }
.block .content p { margin:5px 15px; line-height:16px; display:none; } 

#hidden, #hidden1, #hidden2, #hidden3, #hidden4, #hidden5, #hidden6, #hidden7, #hidden8, #hidden9, #hidden10, #hidden11, #hidden12, #hidden13 {display:none;}
#clear { clear: both; }
.clear { clear:both; }

#artists { padding:0; margin:0; float:right; list-style-type:none; margin:0 0 10px 0; }
#artists li { width:196px; height:79px; display:block; margin:10px 0 0 0; }
#artists li.artist1 { background:url(../images/artist8.png) no-repeat left top; margin:8px 0 0 0; }
#artists li.artist2 { background:url(../images/artist1.png) no-repeat left top; }
#artists li.artist3 { background:url(../images/artist2.png) no-repeat left top; }
#artists li.artist4 { background:url(../images/artist3.png) no-repeat left top; }
#artists li.artist5 { background:url(../images/artist4.png) no-repeat left top; }
#artists li.artist6 { background:url(../images/artist5.png) no-repeat left top; }
#artists li.artist7 { background:url(../images/artist6.png) no-repeat left top; }
#artists li.artist8 { background:url(../images/artist7.png) no-repeat left top; }

#content .submiddle .bot { width:787px; height:25px; display:block; background:url(../images/rightBot.jpg) no-repeat left top; }
#content .submiddle .txt { width:675px; height:auto; display:block; overflow:hidden; padding:0 20px; }
#content .submiddle .mid ul li {padding-right:20px; line-height:22px; list-style-type:circle !important;  }
#content .submiddle .mid ol li {line-height:22px; }
#content .submiddle { float: left; color:#4e4e4e; width: 465px; border:#F00; background-color:#f5f5f5;  margin-top:2px; margin-left:-4px; display:block; }
#content .submiddle p{
width:703px;
margin:0px;
line-height:22px;
margin-bottom:10px;
}

#content .submiddle .p2{
position:relative;
width:425px;
line-height:22px;
margin-bottom:10px;
left:25px;
}

#content .middle {  float: left; color:#4e4e4e; /*width:465px;*/ width:518px; margin-top:2px; display:block; }

.link {
	text-decoration:none;
	color:#333333;
	}

#hans {

	width: 461px;
	height: 239px;
}


#content .middle .box_middle p{
	padding:0px;
	margin:0px;
	color: #4e4e4e;
	padding-left: 20px;
	padding-bottom: 50px;
	height: 100%;
}

#content .middle .box_middle_top {
	display:block;
	width: 580px;
	height: 10px;
	background: url(../images/content_top.png) no-repeat left top;
}


#content .middle .box_middle_bottom {
	display:block;
	width: 580px;
	height: 10px;
	background: url(../images/content_bottom.png) no-repeat left top;
}



#content .submiddle h1 {
	color:#0055a5;
	font-size: 14px;
	margin-left:25px;
}

#content .submiddle h2{
font-size:13px;
font-style:italic;
color:#0055a5;
margin:0;
padding-left:20px;
}



#content .submiddle p {
	font-size: 12px;
	margin-left:25px;
}


#content .left .box .kamp{
width:261px; height:101px; display:block; background:url(../images/homeleft.jpg) no-repeat left top;
cursor:hand; cursor:pointer;

}

#content .left .box .kamp h3{
font-size:16px;
color:#0055a5;
padding-left:60px;
margin:0px;
padding-top:16px;
}

#content .left .box .kamp p{
font-size:12px;
color:#0055a5;
width:170px;
padding-left:60px;
color:#434343;
margin-top:5px;
}




#content .middle .top{
width:518px; height:23px; display:block; background:url(../images/homemidTop.jpg) no-repeat left top;
}

#content .middle .mid{
width:518px; display:block; background:url(../images/homemidMid.jpg);
}

#content .middle .bot{
width:518px; height:19px; display:block; background:url(../images/homemidBot.jpg) no-repeat left top;
}

#content .middle .mid h1{
font-size:16px;
color:#0055a5;
margin:0;
padding-left:20px;
}

#content .middle .mid h2{
font-size:13px;
font-style:italic;
color:#0055a5;
margin:0;
padding-left:20px;
}


#content .middle p{
padding-left:20px;
width:478px;
margin:0px;
line-height:22px;
}


#content .left .boxbottom {
	width: 257px;
	height:11px;
	display:block;
	background: url(../images/block_bg.png) no-repeat left bottom;	
}

#content .right .boxbottom {
	width: 257px;
	height:11px;
	display:block;
	background: url(../images/block_bg_r.png) no-repeat left bottom;	
}

#content .left .box p a, #content .right .box p a{
	color:#df0100;
}



#content .right .box1 {
	cursor:hand; cursor:pointer;
	width: 262px;
	height: 196px;
	display:block;
	background: url(../images/homeRight1.jpg);
	cursor:hand; cursor:pointer;
}

#content .right .box2 {
	cursor:hand; cursor:pointer;
	width: 262px;
	height: 182px;
	display:block;
	background: url(../images/homeRight2.jpg);
}

#content .right #player_home {
	margin-left:20px;
	margin-top:28px;
}

#content .right .box3 {
	cursor:hand; cursor:pointer;
	width: 262px;
	height: 160px;
	display:block;
	background: url(../images/homeRight4.jpg);
}



#content .left h2 {
	margin:0px;
	padding:0px;
	display: block;
	font-size: 14px;
	background: url(../images/h2_bg.png) no-repeat left top;
	width: 257px;
	height: 32px;
	color: #929292;
	line-height: 34px;
	padding-left: 10px;

}

#content .left .orange h2 {
	background: url(../images/h2_bg_orange.png) no-repeat left top;
}

#content .left .green h2 {
	background: url(../images/h2_bg_green.png) no-repeat left top;
}

#content .right h2 {
	margin:0px;
	padding:0px;
	display: block;
	font-size: 14px;
	background: url(../images/h2_bg_r.png) no-repeat left top;
	width: 257px;
	height: 32px;
	color: #929292;
	line-height: 34px;
}


#content .right .box h2 {
	padding-left: 15px;
}

#content .right .box p {
	padding-left: 15px;
}

.footer {
	margin:0px;
	padding:0px;
	width: 988px; 
	position: relative; 
	height:40px;
	left: 50%; 
	margin: 0px 0px 0px -494px; 
	color: #cdcdcd; 
	clear: both;
	background: url(../images/footer_bg.png) no-repeat center top;
}
.footer2 {
	margin:0px;
	padding:0px;
	width: 988px; 
	position: relative; 
	height:40px;
	left: 50%; 
	margin: 10px 0px 0px -494px; 
	color: #cdcdcd; 
	clear: both;
	text-align:center;
	font-size:11px;
}
.footer2 a {color:#b1b1b1;}
.footer2 p {color:#b1b1b1;}
.footer .copy {
	padding:0px;
	position: absolute; 
	margin: 12px 0px 0px 14px; 
	font-size:10px;
}

.footer .copy a{
	text-decoration:none; 
	color:#cdcdcd; 
	font-size: 10px;
}
.footer .copy a:hover{
	text-decoration:none; 
	color:#cdcdcd; 
	font-size: 10px;
}

.footer .creator {
	padding:0px;
	position: absolute; 
	margin: 12px 0px 0px 790px; 
	width: 210px; 
	font-size: 10px;
}

.footer .creator a{
	text-decoration:none; 
	color:#cdcdcd; 
	font-size: 10px;
}
.footer .creator a:hover{
	text-decoration:none; 
	color:#cdcdcd; 
	font-size: 10px;
}

.bttn_vorige{
	width: 72px;
	height: 20px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../images/bttn_vorige.png) no-repeat top left;
	text-align: left;
}


.bttn_bestel{
	width: 72px;
	height: 20px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../images/bttn_bestellen.png) no-repeat top left;
	text-align:right;
}

.bttn_verstuur{
	width: 72px;
	height: 20px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(../images/bttn_verstuur.png) no-repeat top left;
}


.bttn_afronden{
	width: 127px;
	height: 20px;
	border: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../images/bttn_bestelling-afronden.png) no-repeat top left;
	float:right;
}

.frm_nav {
	width: 520px;
	text-align: right;
}

form img{
	vertical-align: middle;
}

form .frm_tbl td{
	height: 22px;
	width: 200px;
}

form .lijst td{
	height: 50px;
}



.field {
	width: 170px;
	height: 13px;
	font-size: 11px;
}

.field2 {
	width: 400px;
	height: 13px;
	font-size: 11px;
}

.requiredfield { 
	width: 170px;
	height: 13px;
	font-size: 11px;
}

.invalidfield { 
	color: #666666; 
	background-color:#f6c8cb; 
	border: 1px solid #CCCCCC; 
	width: 170px;
	height: 13px;
	font-size: 11px;
}

.smallfield {
	width: 40px;
	font-size: 11px;
}

/******************************** jquery slider *********************************/

.scroller {
	background: url(../images/slide_bg.png) no-repeat left top;
	float: left;
	display: block;
	height: 144px;
	width: 980px;
}
.back {margin: 0px; z-index: 9; position: absolute;}
.forward {margin: 0px 0px 0px 953px; position: absolute;}
div.scrollable {width: 926px; height: 95px; margin-left: 27px; margin-top:25px; position: relative; overflow:hidden;}
div.items {width: 20000em; position: absolute; clear: both; margin: 0px 0px 0px 0px;}
div.scrollable div.items div {float: left; width: 185px; text-align: center; border-right: 1px solid #d9d9d9;}
.disabled {visibility: hidden !important;}
.activated {visibility: visible !important;}

#hmh-banner{
	padding-top: 15px;
	width:980px;
	padding-left: 5px;
}

/*

#products{
	display:block;
	height:150px;
	padding-top: 15px;
	width:980px;
	border:1px solid red;
}
#products #slider {
	background: url(../images/slide_bg.png) repeat-x left top;
	float: left;
	display: block;
	height: 100px;
	width: 980px;
	margin-left: 27px;
	margin-right: 27px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	width:100px;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	}

#slider, #slider li{ 
		width:925px;
		height:145px;
		overflow:hidden; 
	}

span#prevBtn{}
span#nextBtn{}	
span#prevId{}
span#prevId img{float: left;}




	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		top:270px;
		z-index:1000;
		}	

	#nextBtn, #slider1next{ 
		position: absolute;
		float:right;
		right: 11%;
		}	

													
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:27px;
		height:144px;
		background:url(../images/bttn_slide_left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/bttn_slide_right.png) no-repeat 0 0;	
		}	
		
*/
#sfeerbeeld {background:url(../images/main_img.jpg) no-repeat;display:block;width:462px;height:476px;margin-top:2px;}
#film {margin-left:-30px; padding-top:15px;}
.div-lesmateriaal {width:650px; height:115px; background:#FABEBE; margin-left:25px; margin-top:15px; margin-bottom:15px; margin-left: 65px;}
.div-lesmateriaal:hover {cursor:pointer}
.div-lesmateriaal div { float:left; width:300px; margin:10px 0 0 10px; }
.div-lesmateriaal div p { width:auto !important; font-weight:bold; vertical-align:middle; margin:0 !important; }
img.btn-lesmateriaal {margin-top:20px; margin-left:20px; float:left;}
.educatie-film {background:#FABEBE; margin-left:20px; }
#title-inlog {text-align:center; margin-top:40px;}
.lesstof {color:#595959;}

#popup
{
background-color: #e2f0f9;
font-family: Arial;
text-decoration: #0055a5;
font-size: 12px;
font-weight: bold;
}