html {
    overflow-y:scroll;
}

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color:#FFFFFF;
	/*background-color:#8c8d6d;
	background-image:url(../Images/Achtergrond.jpg);*/
	margin-top: 0px;
/*	text-align:center;*/
}

td {
/*	background-color:#FFFFFF;*/
}	
	
.globaltest	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
/*	border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC;
	border-right-style: solid; border-right-width: 1px; border-right-color: #CCCCCC;*/
	}

a  	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline; 
	color:#000000; 
	}

a:hover  {
	text-decoration: underline; 
	color: #CC0000; 
	}
	
div#logo {
	width: 980px;
	height: 123px;
	background-image: url("../Images/CC_topstrook_website.png");
	background-repeat: no-repeat;
	border: 0px;
	}

div#logo .logolink {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 980px;
	height: 115px;
	}
	
.haaleruit	{
	width: 800px;
	height: 78px;
/*	background-image: url("../Images/haaleruit.jpg");*/
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	vertical-align:top;
	}		

.locatiediv {
	position:relative;
	width:200px;
	left:500px;
	top:15px;
	}

.moodleknop {
	background-image:url(../Images/knopmoodle.jpg);
	background-repeat: no-repeat;
	}

.menubalk {
/*	background-image:url(../Images/menubalk.gif);*/
	background-repeat:no-repeat;
	}

.knoppenboven {
	color:#5D5D5D;
	font-size:12px;
	font-weight:bold;
	}
	
#bovenknop a {
	text-decoration:none; 
	font-size:12px;
	color:#757575;
/*	color:#CB4E22;*/
	}		

#bovenknop a:hover {
	text-decoration:none; 
	font-size:12px;
	color:#CC0000;
	}		

.selectlocatie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size:12px;
	color:#757575;	
	}
	
.locfoto{
	position:absolute;
	top:0;
	right:0;
	background-image:url(../Images/bendweg.jpg);
	width:105;
	height:64;
	}		
	
.menulinks	{
	width: 180px;
	background-color:#FFFFFFF;
	vertical-align: top;
	}

#menu {
	width: 180px;
	}

#menu a	 {
	text-decoration:none; 
/*	color:#100B72;*/
	color: #3F3F3F;
	}

#menu a.actief {
	color: #CC0000;
	}

#menu a:hover  {
	color: #CC0000;
	}
	
.onderdeel	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 163px;
	height: 20px;
	color: #100B72;
	cursor: pointer;
	background-repeat:no-repeat;
	vertical-align:top;
	}

.homeknop	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 163px;
	height: 26px;
	color: #100B72;
	cursor: pointer;
	background-repeat:no-repeat;
	vertical-align:top;
	}

.homeknop a {
	text-decoration:none; 
	color: #3F3F3F;	
}

.homeknop a.actief {
	color: #CC0000;
}

.homeknop a:hover  {
	color: #CC0000;
}
	
.content  {
	vertical-align: top;
	width: 567px;
	background-color: #FFFFFF;
	padding: 15px;
	border:solid 1px #CC0000;
	line-height:15px;
	font-size:12px;
	}

.content a, .content td, .content p {
	font-size:12px;
	}	
	
.contentrooster  {
	vertical-align: top;
	width: 597px;
	background-color: #F5F5F5;
	padding: 0px;
	border:solid 1px #F36F49;
	}
	
td.contentrooster frameset {
	background-color:#FFFFFF !important;
	}	


.contentVak  {
	vertical-align: top;
	width: 597px;
	background-color: #FFFFFF;
	padding: 0px;
/*	border-style: solid; border-width: 1px; border-color: #CC0000;*/
	font-size:12px;
	}

.contentvak a, .contentvak td, .contentvak p {
	font-size:12px;
	}		
	
#vakknoppen	{
	width: 595px;
	height: 20px;
	}

#vakknoppen td	{
	text-align: center;
	}

#vakknoppen a	{
	text-decoration: none; 
	color: #5D5D5D;
	font-size:11px;
	}
	
#vakknoppen a.actief	{
	text-decoration: none; 
	color: #000000;
	}
	
#vakknoppen a:hover	{
	color: #cccc33;
	/*color: #F36F49;*/
	}

#vakknoppen a.actief:hover {
	text-decoration: none; 
	color: #000000;
	cursor:default;
	}	
	
.vakknop  {
	background-color:#EEEEEE;
	background-color:#EEEE9F;
	border: solid 1px #CC0000;
		
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	/*box-shadow:#D3D3D3 3px 3px inset;*/
	/*background-image:url(../Images/tabknop1.gif);*/
	width: 118px;
	}
	
.vakknopactief  {
	border-bottom-width: 0px;
/*	background-color: #cccc33;*/
	border: solid 1px #CC0000;
 	border-bottom: 0px;
	
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	
	/*background-image:url(../Images/tabknopactief1.gif);*/	
	width: 118px;
	}

.vakknopactief a {
	color:#CC0000 !important;
}
	
.vakknoptussen  {
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom: solid 1px #CC0000;
	width: 2px;
	}
	
.vakknopleeg {
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom: solid 1px #CC0000;	
	background-color: #FFFFFF;
	/*background-image:url(../Images/tabknop1.gif);*/
	}			

.vaktekst  {
	width: 595px;
	padding: 15px;
	line-height:15px;
	border: solid 1px #CC0000;
	border-top: 0px;
	font-size:12px;
	}



.vaktekst a {
	font-size:12px;
}

td	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.ptaknop {
	/*background-image:url(../Images/ptaknop.gif);*/
	background-color:#ffffff;
	color:#100B72;
	border:1px solid #999999;
	width:90px;
	height:20px;
	cursor:pointer;
	}
	
td.ptabestand a {
	font-size:11px;
	}	

.agendaTabel  {
	width:558px;
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	}

.maandnaam {
	font-weight:bold;
	color:#CC0000;

	}
	
.agendaWeeknummer  {
	width: 125px;
	text-align: left;
	vertical-align:bottom;
	border-width:0px;
	background-color:#cccc33;
	/*background-image:url(../Images/agendaweek.gif);*/
	font-weight:bold;
	}
	
.agendaDagnaam  {
	width: 25px;
	text-align: left;
	vertical-align:top;
	background-color: #FFFFFF;
	}
	
.agendaDatum  {
	width: 35px;
	text-align: left;
	vertical-align:top;	
	background-color: #FFFFFF;	
	}
	
.agendaActiviteit  {
	width: 465px;
	vertical-align:top;
	background-color: #FFFFFF;		
	}

.agendaDagnaamZZ  {
	width: 25px;
	text-align: left;
	background-color: #F8F8F8;
	}
	
.agendaDatumZZ  {
	width: 35px;
	text-align: left;
	background-color: #F8F8F8;
	}
	
.agendaActiviteitZZ  {
	width: 465px;
	background-color: #F8F8F8;	
	}

.tabelMededelingen {
	width:565px;
/*	border:#CCCCCC 1px solid;*/
/*	padding:2px;*/
	}

.mededelingtitel {
	background-color:#cccc33;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	padding:2px;			
	}

.mededelingeninhoud {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	padding:3px;
	padding-top:6px;
	}

.meer {
	color:#FFFFFF;
	font-size:10px;	
	font-weight:bold;
	height:14px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;		
	border-bottom:1px solid #cccccc;
	padding:4px;
		padding-bottom:7px;
	}
	
.meer a {
	color:#FFFFFF;
	background-color:#CC0000;
	height:14px;
	text-decoration:none;
	font-size:10px;
		padding-bottom:2px;
	}		

.meer a:hover {
	color:#FFFFFF;
	background-color:#000000;
	height:14px;
	text-decoration:none;
		padding-bottom:2px;		
	}		

.geenmeer {
	height:6px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;		
	border-bottom:1px solid #cccccc;
	}

.meerschool {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;	
	height:14px;
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;		
	border-bottom:1px solid #cccccc;*/
	padding:4px;	
/*	color:#FFFFFF;
	font-weight:bold;
	height:10px;
	position:relative;
	left:200px;	*/
	}
	
.meerschool a {
	color:#FFFFFF;
	background-color:#CC0000;
	height:10x;	
	text-decoration:none;
	font-size:10px;
	vertical-align: text-top;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:3px;		
	}		

.meerschool a:hover {
	color:#FFFFFF;
	background-color:#000000;
	height:10x;	
	text-decoration:none;
	font-size:10px;
	vertical-align: text-top;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:3px;		
	}		
	
.roosterTabel  {
	width: 500px;
	border:#CCCCCC thin solid;
	}

.rechterkolom {
		background-color:#FFFFFF;
	}
	
.rechts {
/*	padding:6px;
	background-image:url(../Images/rechtskop.gif);
	background-repeat:no-repeat;*/
	background-color:#CC0000;
	vertical-align: middle;
	color:#FFFFFF;
	height:20px;
	width:180px;
	}	
	
.recentefotos {
	width:203px;
	background-color:#FFFFFFF;
	}
	
.dezeweek {
	background-color:#FFFFFFF;
	color:#444444;
	width:180px;
	font-size:11px;
	}

.dezeweek td {
	font-size:11px;			
	}

.onder	{
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	background-color: #CC0000;
	height:18px;
	color:#FFFFFF;
	}
	
.tussen {
/*	background-color:#FAE4D2;*/
	background-color:#FFFFFF;	
	height:12px;
	}
	
.roolooktableheader {
	background-color:#cccc33;
}
.lesurenframe {
	background-color:#FFFFFF;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}	

#contentwrapper {
/*	background-color:#EFEFEF;*/
	border: #BBBBBB dotted 1px;
	padding:8px;
	line-height:22px;
}	

#contentwrapper  a {
	color:#CC0000;
}

#contentwrapper  a:hover {
	color:#000000;
}
.scheiding {
	border: 0;
	border-top: #cccccc dotted 1px;
	height: 1px;
}	
