@import url("vierkantefoto.css");
/* CSS Document */
body {
	background: #FFFFFF url(../afbeeldingen/background/roosterverloop3.gif) repeat-x;
	margin: 0; padding:0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
body#actua, body#nieuwsbrief, body#ouderinfo, body.activ, body.report {
	background: #FFFFFF url(../afbeeldingen/background/roosterverloop5.gif) repeat-x; 
}
#container {
	margin: 0px auto;
	width: 955px;
	position: relative;
}
#container700 {
	margin: 0px auto;
	width: 700px;
	position: relative;
}	
#header {
	position:absolute;
	left:198px; top:46px;
	width: 425px;
	height:110px;
	z-index:2;
}
.vierkant {
	position:absolute;
	left:670px; top:47px;
	width:154px; height:154px;/*160px; height:160px;*/
	z-index:0;
	border: 16px solid #CCCC00;
}
.grootvierkant {
	position:absolute;
	top:46px;
	width:160px; height:160px;
	z-index:0;
	border: 16px solid #CCCC00;
}
#vierkant_0 { left: 0px;}
#vierkant_1 { left: 220px;}
#vierkant_2 { left: 440px;}
#vierkant_3 { left: 660px;}


#fotoblokjes .vierkant {
	border: 0px;
	width: 190px; height:190px;
}
#interface {
	width: 500px;
	position:relative;
	left: 200px;
	top: 200px;
	border: 2px solid #CCCC00;
	min-height:250px;
	background:white;
}
#IV #interface {
	background:white url(../afbeeldingen/algemeen/IVslide_1.png) no-repeat center bottom;
	position:relative;
}
#opleidingsoverzicht #interface {
	min-height: 170px;
}
#studiekeuzetabel {
	background: transparent;
	position:relative;
	min-height: 300px;
	top: 170px;/*120-h2*/
	left:200px;
	border: none;
	/*border-collapse:collapse;*/
	width: 655px; /*400-37+160-32*/
	z-index: 10;
	overflow:visible;
}
#nieuwsbrief table#inner {
	position: relative;
	left: 200px;
	top: 38px;
}
#footer {
	clear:both;
	position:relative;
	width: 500px;
	color: #666666;
	top: 224px;
	left: 200px;
	font-size: 9px;
	text-align:center;
	padding-bottom: 20px;
}

#haiti_50km #footer {
	clear: both;
	top:auto;
}
#footer a, .klein a { 
	color: #666666; 
	text-decoration: none;
}
#footer a:hover, .klein a:hover {
	text-decoration: underline;
}
#nieuwsbrief #footer {
	top: 30px;
}
img#grootbeeld {
	border: 16px solid #CCCC00;
	margin: 16px 68px 16px -10px;
	float:left;
}

#slogan, #nieuwsbrief #sloganBB {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #666666;
	/*height: 1.6em;*/
	line-height:1.6em;
	text-align:center;
	padding:2px 5px;
}
#slogan {
	bottom: -17px;
	position:absolute;
	left: 270px;
	width: 220px;
	font: 10px Georgia, "Times New Roman", Times, serif;
	z-index:5;
}
.vierkant2, .leegvierkant2, #zijnavMaanden {
	position:absolute;
	left:718px;/*665+50=715*/
	top:252px;
	width:134px;
	z-index:7;
}
.vierkant2 {
	height:134px;
	border: solid 3px white;
}
.leegvierkant2 { height:134px; border: solid 3px #CCCC00; background:white;}
.leegvierkant2 p {margin:6px;}
.rand_geel {border: solid 1px #CCCC00; background:white; border-top: 1.8em solid #cc0;}
.uitlegrechts, #uitleg {
	position:absolute;
	left:718px;/*665+50=715*/
	top:470px;
	width:134px;
	z-index:7;
}
.uitleg_links {
	width: 188px;;
	left: 0px;
	top:340px;
	position:absolute;	
}

.uitleg_links p 	{margin: 6px;}
.uitleg_links ul 	{margin-left:12px;padding:6px;}

#logo {
	position:absolute;
	left: 370px;/*358px;*/
	top: -33px;/*-18px;*/
	width:130px;/*152px;*/
	height:130px;/*152px;*/
	z-index:5;
	background: url(../afbeeldingen/logos/logoBB.gif) no-repeat;
	background-image: url(../afbeeldingen/logos/logoBB.gif);
}
#logo a {
	text-decoration:none;
	display: block;
	line-height:130px;
}
#nieuwsbrief #logo { position:static;}


#breedbeeld {
	height: 138px;
	width: 100%;
	position: absolute;
	padding: 0px;
	margin:0px;
	top: 62px;
	left: 0px;
}
#actua #breedbeeld {
	background: url(../afbeeldingen/breed/zittenbreedDUO_kl.jpg) repeat-x left;
}
.report #breedbeeld {
	background: url(../afbeeldingen/breed/GTzittend_KL.jpg) repeat-x left;
}
#tweedekolom {
	position:absolute;
	left:295px;
	top:105px;
	width:200px;
	z-index:1;
}
.ouderraad table {
	border: none;
	width: 500px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.ouderraad table td {
	border: solid 1px #DDDDDD;
	padding: 5px;
	vertical-align:top;
	color: #000000;
}
.buitentekst {
	position: absolute;
	left: 520px;
	top: 876px;
	width: 160px;
	/*height: 160px;*/
}