/* begin de standaard */
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	background-image: url(images/ondergrond.jpg);
	background-color:#333333;
	background-repeat: repeat;
	
}



.arcade  /* tijdelijk er hoort eigenlijk een VerkeerArcade.css te zijn....nu nergens te vinden */
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
}


p, a, a:visited, a:link, a:hover, a:active {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-variant: normal;
    font-size: 9pt;
	line-height:12pt;
    color: #FFCC00;
    text-align: left;
}

p {
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    color: #ffffff;
}
	

p font
{
	 font-size: 24px;
	 line-height:24px;
     color: #ebb81e;
     font-weight: bold;
	 font-variant: small-caps;
}

p em
{
     color: #ffffff;
     font-weight: bold;
     font-style: normal;
}

p b
{
	 font-size: 12px;
     color: #ebb81e;
     font-weight: bold;
     font-style: normal;
	 line-height:
}


a {
	text-decoration: underline;
}


	

li
{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#FFCC00;
}

div.knop_home
{
	position:absolute;
	left:454px;
	top:44px;
	height:39px;
	width:38px;
	z-index:5
}


div.hoofd_pijl
{
	position:absolute;
	left:200px;
	top:143px;
}

div.leraar_login a
{
	position:absolute;
	left:700px;
	top:50px;
	width:174px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
	
}


div.leraar_login a:link, div.leraar_login a:active{background-image: url(images/pijlen/leraar_login.png);}
div.leraar_login a:hover{background-image: url(images/pijlen/leraar_login.png);}
div.leraar_login a:visited{background-image: url(images/pijlen/leraar_login.png);}





/*
div.sub_pijl
{
	position:absolute;
	left:200px;
	top:183px;
}
*/

div.home a
{
	position:absolute;
	left:20px;
	top:252px;
	height:29px;
	width:116px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.home a:link, div.home a:active, div.home a:visited{background-image: url(images/buttons/home_zwart.gif);}
div.home a:hover{background-image: url(images/buttons/home_geel.gif);}


div.games a
{
	position:absolute;
	left:20px;
	top:325px;
	height:42px;
	width:106px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.games a:link, div.games a:active, div.games a:visited{background-image: url(images/buttons/games_wit.gif);}
div.games a:hover{background-image: url(images/buttons/games_geel.gif);}


div.info a
{
	position:absolute;
	left:20px;
	top:450px;
	height:55px;
	width:111px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.info a:link, div.info a:active, div.info a:visited{background-image: url(images/buttons/info_zwart.gif);}
div.info a:hover{background-image: url(images/buttons/info_geel.gif);}


div.forum a
{
	position:absolute;
	left:20px;
	top:455px;
	height:44px;
	width:107px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
	display: none;
	visibility: hidden;
}

div.forum a:link, div.forum a:active, div.forum a:visited{background-image: url(images/buttons/forum_zwart.gif);}
div.forum a:hover{background-image: url(images/buttons/forum_geel.gif);}

div.punten a
{
	position:absolute;
	left:20px;
	top:375px;
	height:55px;
	width:111px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.punten a:link, div.punten a:active, div.punten a:visited{background-image: url(images/buttons/punten_wit.gif);}
div.punten a:hover{background-image: url(images/buttons/punten_geel.gif);}

div.bureau a
{
	position:absolute;
	left:20px;
	top:505px;
	height:54px;
	width:97px;
	z-index:4;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.bureau a:link, div.bureau a:active, div.bureau a:visited{background-image: url(images/buttons/bureau_zwart.gif);}
div.bureau a:hover{background-image: url(images/buttons/bureau_geel.gif);}


/* begin submenu */

div.onderwijs a
{
	position:absolute;
	left:200px;
	top:176px;
	width:119px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.onderwijs a:link, div.onderwijs a:active{background-image: url(images/pijlen/pijl_onderwijs.gif);}
div.onderwijs a:hover{background-image: url(images/pijlen/pijl_onderwijs_geel.gif);}
div.onderwijs a:visited{background-image: url(images/pijlen/pijl_onderwijs_geel.gif);}

div.onderwijs_active a
{
	position:absolute;
	left:200px;
	top:176px;
	width:119px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.onderwijs_active a:link, div.onderwijs_avtive a:active,div.onderwijs_active a:hover, div.onderwijs_active a:visited {background-image: url(images/pijlen/pijl_onderwijs_rood.gif);}


div.ouders a
{
	position:absolute;
	left:324px;
	top:176px;
	width:93px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.ouders a:link, div.ouders a:active{background-image: url(images/pijlen/pijl_ouders.gif);}
div.ouders a:hover{background-image: url(images/pijlen/pijl_ouders_geel.gif);}
div.ouders a:visited{background-image: url(images/pijlen/pijl_ouders_geel.gif);}

div.ouders_active a
{
	position:absolute;
	left:324px;
	top:176px;
	width:93px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.ouders_active a:link, div.ouders_active a:active, div.ouders_active a:hover, div.ouders_active a:visited{background-image: url(images/pijlen/pijl_ouders_rood.gif);}


div.overheid a
{
	position:absolute;
	left:422px;
	top:176px;
	width:109px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.overheid a:link, div.overheid a:active{background-image: url(images/pijlen/pijl_overheid.gif);}
div.overheid a:hover{background-image: url(images/pijlen/pijl_overheid_geel.gif);}
div.overheid a:visited{background-image: url(images/pijlen/pijl_overheid_geel.gif);}

div.overheid_active a
{
	position:absolute;
	left:422px;
	top:176px;
	width:109px;
	height:29px;
	z-index:8;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.overheid_active a:link, div.overheid_active a:active, div.overheid_active a:hover, div.overheid_active a:visited{background-image: url(images/pijlen/pijl_overheid_rood.gif);}

div.contact a
{
	position:absolute;
	left:529px;
	top:176px;
	width:102px;
	height:29px;
	z-index:7;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.contact a:link, div.contact a:active{background-image: url(images/pijlen/pijl_contact.gif);}
div.contact a:hover{background-image: url(images/pijlen/pijl_contact_geel.gif);}
div.contact a:visited{background-image: url(images/pijlen/pijl_contact_geel.gif);}

div.contact_active a
{
	position:absolute;
	left:529px;
	top:176px;
	width:102px;
	height:29px;
	z-index:8;
	text-decoration:none;
	background-repeat:no-repeat;
}

div.contact_active a:link, div.contact_active a:active, div.contact_active a:hover, div.contact_active a:visited{background-image: url(images/pijlen/pijl_contact_rood.gif);}


/* einde submenu */
/* begin standaard */
div.header
{
	position:absolute;
	background-image: url(images/header_kl.gif);
	background-position:left top;
	height:123px;
	width:635px;
	background-repeat:no-repeat;
	z-index:3;
}

div.gelebalk
{
	position:absolute;
	left:150px;
	top:115px;
	height:18px;
	width:707px;
	background-image: url(images/tekstbaan.gif);
	background-repeat:no-repeat;
	z-index:3;
}

marquee
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-variant:small-caps;
	margin-left:0px;
	margin-right:200px;
	font-weight:bold;
	vertical-align:middle;
	z-index:6;
}

div.stoeprand
{
	position:absolute;
	left: 140px;
	top: 125px;
	width: 728px;
	height: 1473px;
	background-image: none;
}

div.srt
{
	position:absolute;
	left: 152px;
	top: 140px;
	width: 702px;
	height: 34px;
	background-image: url(images/stoeprand-top.gif);
}

div.srb
{
	position:absolute;
	left: 152px;
	top: 1557px;
	width: 702px;
	height: 33px;
	background-image: url(images/stoeprand-bottom.gif);
}

div.srl
{
	position:absolute;
	left: 152px;
	top: 174px;
	width: 33px;
	height: 1383px;
	background-image: url(images/stoeprand-left.gif);
}

div.srr
{
	position:absolute;
	left: 819px;
	top: 174px;
	width: 35px;
	height: 1383px;
	background-image: url(images/stoeprand-right.gif);
}

div.paal_onder
{
	position:absolute;
	background-image: url(images/paal.jpg);
	background-position:top left;
	width:150px;
	height:1595px;
	background-repeat:no-repeat;
	background-color:#000000;
	z-index:1;
}

div.sticker_paal a
{
	position:absolute;
	left:20px;
	top:105px;
	background-image: url(images/stickers/sticker.gif);
	width:117px;
	height:145px;
	background-repeat:no-repeat;
	text-decoration:none;
	z-index:2;
}

div.sticker_paal a:link, div.sticker_paal a:active, div.sticker_paal a:visited{background-image: url(images/stickers/sticker.gif);}
div.sticker_paal a:hover{background-image: url(images/stickers/sticker_active.gif);}


div.copyright a
{
	position:absolute;
	left:430px;
	top:1540px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}

div.tato_help
{
	position:absolute;
	left:50px;
	top:1443px;
	z-index:8;
}
/* einde standaard */

/* begin inhoud */

div.koen_home
{
	position:absolute;
	top:279px;
	left:468px;
}

div.top, div.top_contact, div.top_ouders, div.top_instructie, div.top_overheid
{
	position:absolute;
	top:206px;
	left:188px;
	width:432px;
	height:123px;
	background-image: url(images/stickers/stop_paneel.gif);
	background-repeat:no-repeat;
}


div.top_onderwijs
{
	position:absolute;
	top:206px;
	left:188px;
	width:432px;
	height:112px;
	background-image: url(images/onderwijs.gif);
	background-repeat:no-repeat;
}



div.top p
{
	font-size: 32px;
    color: #ebb81e;
    font-weight: bold;
	font-variant: small-caps;
    padding-left:30px;
	padding-top:15px;
	text-align:left
}

div.top p font
{
	 font-size: 24px;
     color: #ebb81e;
     font-weight: bold;
	 font-variant: small-caps;
}

div.top p em
{
     color: #ffffff;
     font-weight: bold;
     font-style: normal;
}

div.top_home
{
	position:absolute;
	top:206px;
	left:188px;
	width:432px;
	height:123px;
	background-image: url(images/stickers/tato_paneel.gif);
	background-repeat:no-repeat;
}

div.bottom_home
{
	position:absolute;
	top:900px;
	left:188px;
	width:432px;
	height:123px;
	background-image: url(images/stickers/stop_paneel2.gif);
	background-repeat:no-repeat;
	z-index:10;
}


div.bottom_onderwijs, div.bottom_ouders, div.bottom_overheid, div.bottom_contact, div.bottom_instructie
{
	position:absolute;
	top:705px;
	left:188px;
	width:432px;
	height:123px;
	background-image: url(images/stickers/stop_paneel2.gif);
	background-repeat:no-repeat;
	z-index:10;
}

div.top_rechts
{
	position:absolute;
	top:206px;
	left:615px;
	width:202px;
	height:123px;
	background-image: url(images/stickers/stop_paneel_kl.gif);
	background-repeat:no-repeat;
}

div.bottom_rechts
{
	position:absolute;
	top:705px;
	left:615px;
	width:432px;
	height:123px;
	background-image: url(images/stickers/stop_paneel_kl2.gif);
	background-repeat:no-repeat;
	z-index:10;
}


div.midden_0
{
	position:absolute;
	top:300px;
	left:188px;
	background-image: url(images/chalkboard.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:420px;
	height:200px;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: Yellow;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #EBB81E;
	scrollbar-face-color: #EBB81E;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
}

div.midden_1
{
	position:absolute;
	top:329px;
	left:188px;
	background-image: url(images/chalkboard.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:420px;
	height:200px;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: Yellow;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #EBB81E;
	scrollbar-face-color: #EBB81E;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
}

div.midden_1 p {
    padding-right: 125px;	
}

div.midden_2
{
	position:absolute;
	top:534px;
	left:188px;
	background-image: url('images/chalkboard.jpg');
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:420px;
	height:364px;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: Yellow;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #EBB81E;
	scrollbar-face-color: #EBB81E;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
}

div.midden_3
{
	position:absolute;
	top:170px;
	left:176px;
	background-image: url('images/schoolbord_supergroot.jpg');
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:648px;
	height:600px;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: Yellow;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #EBB81E;
	scrollbar-face-color: #EBB81E;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	z-index: 100;
	text-align: center;
}


div.rechts
{
	position:absolute;
	top:300px;
	left:615px;
	background-image: url(images/schoolbord.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:190px;
	height:400px;
	padding-left:10px;
	padding-top:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: Yellow;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #EBB81E;
	scrollbar-face-color: #EBB81E;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
}

div.rechts_overheid
{
	position:absolute;
	top:300px;
	left:615px;
	background-image: url(images/schoolbord.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:190px;
	height:800px;
	padding-left:10px;
	padding-top:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	
}

div.rechts_info
{
	position:absolute;
	top:300px;
	left:615px;
	background-image: url(images/schoolbord.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:190px;
	height:1200px;
	padding-left:10px;
	padding-top:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	
}

div.rechts_tweet
{
	position:absolute;
	top:300px;
	left:615px;
	background-image: url(images/schoolbord.jpg);
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	width:190px;
	height:1200px;
	padding-left:10px;
	padding-top:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	
}


table.arcade {
	margin: 10px 10px 10px 10px;
	border-width: 0px;
}


.arcade td {
	vertical-align: top;
	font-size: 14pt;
	color: #ffffff;
	vertical-align: center;
	cursor: pointer;
}


.arcade tr {
	vertical-align: center;
	background-color: #000000;
}

tr.highlight {
	background-color: #777777;
	
}

tr.normal {
	background-color: #000000;
}

/* einde inhoud */