@charset "utf-8";
/* CSS Document */

body{
margin:0px;
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#CCC;
}
a{
	text-decoration:none;
}

#picturebox{
	position:fixed;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	background-color:#F96;
	border:1px #F00 solid;
	visibility:hidden;
}

#full{
margin:0px;
width:960px;;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}
	
#nav{
width:100%;
height:auto;
background-color:#FFF;
padding-top:5px;
overflow:hidden;
}
#pages {
	clear:both;
	padding-top:10px;
	padding-right:10px;
	border-top:1px #F00 solid;
}
#pages a{
	display:inline-block;
	height:40px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	//border:#000 solid 1px;
}


#schoolname{
	width:100%;
	font-size:50px;
	font-weight:bold;
	color:#C30;
	float:left;
}

#banner{
width:100%;
height:auto;
background-color:#FFF;
overflow:hidden;
}
#banner iframe{
	width:100%;
	height:100%;
}

#school{
width:100%;
height:auto;
background-color:#FFF;
}
#about{
width:75%;
height:auto;
float:left;
padding:1%;
//border-right:#000 1px solid;
background-color:#FFF;
}

#picturetitle{
	display:block;
	width:100%;
	height:auto;
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	font-stretch:semi-expanded;
}
#pictures{
	display:block;
	width:100%;
	height:auto;
	margin-top:10px;
}

#pictures img{
	width:230px;
	margin:2px;
	border:1px #F00 solid;
}

#biggal {
	width:800px;
}

#advities{
width:22.6%;
height:auto;
float:left;
border-top:none;
background-color:#FFF;
}

#implinks,#qcontact{
	width:95%;
	border:1px #999 solid;
	padding:3px;
}

#footer{
clear:both;
width:100%;
height:auto;
background-color:#FFF;
border-top:#000 1px solid;
}

#textframe {
	width:100%;
	word-wrap:break-word;
}
@media screen and (max-width: 800px) {
	
body{
margin:0px;
width:96%;
margin-left:auto;
margin-right:auto;
background-color:#CCC;
}

#full{
margin:0px;
width:96%;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}

#about{
width:98%;
height:auto;
float:none;
padding:1%;
border-right:none;
background-color:#FFF;
}

#pictures img{
	width:40%;
	margin:2px;
	border:1px #F00 solid;
}

#biggal {
	width:100%;
}

#advities{
width:100%;
height:auto;
float:none;
border-left:none;
border-top:#000 1px solid;
background-color:#FFF;
}

#schoolname{
	width:100%;
	font-size:30px;
	font-weight:bold;
	color:#C30;
	float:left;
}
#pages a{
	display:inline-block;
	height:40px;
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	//border:#000 solid 1px;
}
}

@media screen and (max-width: 500px) {
#pictures img{
	width:100%;
	margin:2px;
	border:1px #F00 solid;
}
#biggal {
	width:100%;
}
}