body {
	background: url(images/achtergrond_1920x1080.jpg) center top no-repeat;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #9ba1b3;
	font-size:14pt;
}

a {
	color: #9ba1b3; }

img.resize{
    max-width:100%; /* you can use % */
    height: auto;
	border:2px solid #333;
	border-radius:20px 20px 20px 20px;
	margin:0 6px 0 6px;
}

img.resize2{
    max-width:90%; /* you can use % */
    height: auto;
	margin:0 6px 0 6px;
		border:2px solid #333;
	border-radius:20px 20px 20px 20px;
}

#titel
{ 
font-size:33pt;
text-align:left;
position:absolute;
top:1020px;
left:300px;}

.picto, .picto2, .picto3, .picto4, .picto5, .picto6 {
display:block;
overflow:hidden;
width:32px;
background: url(images/info.png);
height:32px;
position:absolute;
cursor:pointer;
color:#333; text-align:center;
font-size:32pt;
}

.picto {
left:1280px;
top:520px;}
.picto2{
left:660px;
top:350px;}
.picto3 {
left:790px;
top:730px;}
.picto4 {
left:910px;
top:910px;}
.picto5 {
left:1570px;
top:520px;}
.picto6 {
left:1500px;
top:100px;}

.iframe
{ width:100%;
height:800px;}


#plaatwrap
{
	background: url(images/achtergrond_1920x1080.jpg) center no-repeat;
	position:relative;
	margin:36px auto;
	width:1860px;
	height:1125px;

}

#lesmateriaal
{height:400px;
width:250px;
position:absolute;
top:480px;
left:70px;
}



.kader
{width:1460px;
box-shadow:5px 4px 5px 1px #666;
height:910px;
position:absolute;
left:300px;
top:25px;
padding:30px;
border:2px solid #666;
background:#FFF;
}

.sluiten
{text-align:right;
font-size:18pt;
float:right;}

.sluiten a
{ color:#9BA1B3;
text-decoration:none;}

.informatie {
	width:1450px;
}

.subtitel
{font-size:18pt;}

@media all and (max-width:1199px) 
{
body {
	background:none;
		font-size:12pt;
}

img.resize{
    width:37.5%; /* you can use % */
    height: auto;
	margin:0 6px 0 0px;
}

img.resize2{
    width:18%; /* you can use % */
    height: auto;
	margin:0 6px 0 0px;
}

#plaatwrap
{
	background: url(images/achtergrond_1024x768.jpg) center no-repeat;
	position:relative;
	margin:10px auto;
	width:990px;
	height:590px;
}

#lesmateriaal
{height:400px;
width:250px;
position:absolute;
top:100px;
left:10px;
font-size:11pt;
}

.lesmateriaal2
{font-size:9pt;
}

.kader
{width:765px;
box-shadow:5px 4px 5px 1px #666;
height:490px;
position:absolute;
left:180px;
top:1px;
padding:15px;
border:2px solid #666;
background:#FFF;
}

.informatie {
	width:770px;
	font-size:10pt;
}

.iframe
{ height:400px;}

.picto {
left:670px;
top:255px;}
.picto2{
left:350px;
top:175px;}
.picto3 {
left:415px;
top:380px;}
.picto4 {
left:460px;
top:470px;}
.picto5 {
left:830px;
top:255px;}
.picto6 {
left:790px;
top:20px;}

#titel
{ 
font-size:24pt;
text-align:left;
position:absolute;
display:block;
overflow:hidden;
top:530px;
left:180px;}
}

@media all and (min-width: 1200px) and (max-width:1880px) 
{
body {
		background: url(images/achtergrond_1280x800.jpg) center top no-repeat #DFDEDA;
		font-size:13pt;
}

img.resize{
    width:37%; /* you can use % */
    height: auto;
}
img.resize2{
    width:18%; /* you can use % */
    height: auto;
}

#plaatwrap
{
	background: none ;
	position:relative;
	margin:36px auto;
	width:1200px;
	height:750px;
}

#lesmateriaal
{height:400px;
width:250px;
position:absolute;
top:230px;
left:10px;
font-size:11pt;
}

.lesmateriaal2
{font-size:9pt;
}

.kader
{width:980px;
box-shadow:5px 4px 5px 1px #666;
height:600px;
position:absolute;
left:180px;
top:1px;
padding:15px;
border:2px solid #666;
background:#FFF;
}

.iframe
{ height:485px;}

.informatie {
	width:980px;
}

.picto {
left:820px;
top:330px;}
.picto2{
left:415px;
top:215px;}
.picto3 {
left:510px;
top:475px;}
.picto4 {
left:573px;
top:590px;}
.picto5 {
left:1020px;
top:330px;}
.picto6 {
left:990px;
top:20px;}

#titel
{ 
font-size:24pt;
text-align:left;
position:absolute;
display:block;
overflow:hidden;
top:670px;
left:175px;}
}