*{
	padding:0;
	margin:0;
}

body{
	background:#EFF4DE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004C99;
	overflow-y:scroll;
	overflow-x:hidden;	
}


ul{
	list-style-type:none;
}

a{
	color:#004C99;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}


#wrapper{
	position:absolute;
	width:1018px;
	left:50%;
	margin-left:-509px; 
	background:#FFF;
	/*
	top:50%;
	height:485px;
	margin-top:-242.5px;
	*/
	top:50%;
	height:594px;
	margin-top:-297px;	
	
}


#homelink{
	position:absolute;
	left:210px;
	top:10px;
}
#homelink a{
	color:#FFF;
	font-weight:bold;
}


a#logo {
	display:block;
	background: #FFF url(img/logoLinksBoven.png) 0 1px;
	height:220px;
	width:198px;
	position:absolute;
	text-indent:-9999px;
	outline:0;
}
#head ul{
	float:left;
	margin-right:10px;
}
#head li{
	float:left;
	list-style-type:none;
}

#head li a{
	padding:0 10px;
	border-right:1px solid;
}

.headTop h1{
	color: #477B27;
	float:right;
	margin:30px 20px 0 0;
	font-size:16px;
}

ul#topNav{
	margin-top:30px;
	margin-left:25px;
}
ul#topNav li{
	border:0;
}
ul#topNav li a{
	border:0;
	padding:0 5px;
}


form#form{
	text-align:center;
}

form#form input.field{
	width:100px;
	border:0;
	color:#FFF;
	font-weight:bold;
	padding:2px 3px;
	background:#7FA368;
	font-size:11px;
}




.coll_left{
	width:198px;
	border-right:1px solid #477B27;
	float:left;
}
.coll_mid{
	width:622px;
	border-right:1px solid #477B27;
	float:left;	
}

.headTop{
	height:81px;
	background:#A5BE00;
}

#head a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#contentLeft{
	padding-top:75px;
	height:372px;
	float:left;
	width:198px;
	border-right:1px solid #477B27;	
	
}
#contentMid{
	float:left;
	height:448px;
	width:622px;
	border-right:1px solid #477B27;
	overflow-y:auto;
	line-height:18px;
}




#contentRight{
	float:left;
	height:353px;
	width:194px;
}

#homepageBlok{
	height:446px;
	overflow:hidden;
}

.inner{
	padding:10px;
}



#contentRight ul,
#contentLeft ul {
	margin-left:15px;
	list-style-image:url(img/li-arraow.png);
	text-align:left;	
}


#contentRight ul li,
#contentLeft ul li{
	margin-bottom:2px;

}


#flashAnimation{
	float:left;
	width:293px;
	height:353px;
}

#contentFlash{
	float:right;
	padding:8px 5px;
	width:300px;

}
#contentHolder{
	min-height:417px;
	height:auto !important;
	height:417px;
}


#contentBackground{
	width:622px;
	height:447px;
	position:absolute;
	z-index:99;
}

#contentTxt{
	width:592px;
	height:418px;
	position:absolute;
	z-index:999;
	overflow:auto;
	padding:15px;
}


#contentHolder p{
	margin-bottom:8px;
}

#newsBlock{
	background:#EFEFEF;
	position:absolute;
	margin-top:15px;
	width:285px;
	padding:10px;
	right:200px;
}

ol{
	margin-left:10px;
}


.breadcrumb{
	margin-bottom:10px;
	font-weight:bold;
}

#contentMid h1,
#contentMid h2,
#contentMid h3{
	margin-bottom:5px;
}

#contentMid h1{ font-size:16px; }
#contentMid h2{ font-size:14px; }
#contentMid h3{ font-size:13px; }

#contentRight h2{ font-size:14px; margin-bottom:5px; }
#contentRight { line-height:18px; }





ul.newsList{
	list-style-type:none;
}

ul.newsList li {
	margin-bottom:5px;
	margin-left:10px;
	list-style-type:none;	
}

ul.newsList li span{
	float:right;
}


#newsBlock ul li{
	margin-bottom:0px;
}



ul.newsListHomepage{
	padding:0;
	list-style-type:none;
	list-style:none;
	list-style-image:none;
}
ul.newsListHomepage li{
	list-style:none;
	margin-left:-15px;
	font-size:11px;
	display:block;
	background:url(img/li-arraow.png) no-repeat 0 5px;
	padding-left:12px;
}
ul.newsListHomepage li.noarrow{
	background:none;
	padding-left:2px
}


a.meernieuws{
	color:#49B2CF;
}

.txtLeft{
	line-height:15px;
	font-size:11px;
}





#fm{ }

h4{
	font-size:16px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:5px;
}

.fm_group{
	margin:0 0 10px 0;
	padding:10px;
	background:#FFF;
	border:1px solid #DDD;
}

.fm_item{
	border-bottom:1px solid #EFEFEF;
	background:#EFEFEF;
	margin-bottom:5px;
	padding:10px;
}

.fm_stats{
	font-size:11px;
}




form#form input.docent{
	background:#DC5262;
}
form#form input.manager{
	background:#546A85;
}
form#form input.coordinator{
	background:#95669A;
}
form#form input.intranet_beheerder{
	background:#4DB1D4;
}
form#form input.leerling{
	background:#DC5262;
}




.bg_manager{
	background:url(img/achtergrond_manager.jpg) no-repeat;
}
.bg_docent{
	background:url(img/achtergrond_docent.jpg) no-repeat;
}
.bg_coordinator{
	background:url(img/achtergrond_coordinator.jpg) no-repeat;
}
.bg_intranet_beheerder{
	background:url(img/achtergrond_intranet_beheerder.jpg) no-repeat;
}
.bg_leerling{
	background:#000 url(img/achtergrond_leerling.jpg) no-repeat;
	color:#FFF;
}
.bg_leerling a{
	color:#FFF;
}

.bg_default{
	background:url(img/achtergrond_default.jpg) no-repeat;
}


.manager_top{
	background:#0A2950;
	color:#FFF;
	height:66px;
	line-height:66px;
}
.docent_top{
	background:#CD071E;
	color:#FFF;
	height:66px;
	line-height:66px;
}
.default_top{
	background:#477B27;
	color:#FFF;
	height:66px;
	line-height:66px;
}
.coordinator_top{
	background:#67246F;
	color:#FFF;
	height:66px;
	line-height:66px;
}
.intranet_beheerder_top{
	background:#008FC1;
	color:#FFF;
	height:66px;
	line-height:66px;
}
.leerling_top{
	background:#C80069;
	color:#FFF;
	height:66px;
	line-height:66px;
}



/*	STYLES FOR LEERLING PAGE	*/

#leerlingRight{
	background:#F08600;
	width:196px;
	margin:-10px;
	height:448px;
}

#leerlingRight h1{
	color:#fff;
	padding:10px;
	font-size:20px;
	margin-bottom:10px;
}

#contentRight #leerlingRight ul,
#contentRight #leerlingRight ul li,
#contentRight #leerlingRight ul li a{
	list-style-type:none;
	list-style-image:none;
}

#contentRight #leerlingRight li.top10 a{
	color:#000;
	height:35px;
	line-height:35px;
	padding-left:35px;
}

#contentRight #leerlingRight li.nr_1{
	background:url(img/leerling_img/1.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_2{
	background:url(img/leerling_img/2.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_3{
	background:url(img/leerling_img/3.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_4{
	background:url(img/leerling_img/4.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_5{
	background:url(img/leerling_img/5.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_6{
	background:url(img/leerling_img/6.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_7{
	background:url(img/leerling_img/7.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_8{
	background:url(img/leerling_img/8.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_9{
	background:url(img/leerling_img/9.png) no-repeat 0 5px;
}
#contentRight #leerlingRight li.nr_10{
	background:url(img/leerling_img/10.png) no-repeat 0 5px;
}


#blockLeerling{
	background:#000 url(img/zwart_met_stipjes.png);
	height:438px;
	padding-top:10px;
	color:#FFF;
}

#blockLeerling h2{
	color:#FFF;
	font-size:15px;
}

.leerling{
	color:#FFF;
}
.leerling a{
	color:#FFF;
}

#blockLeerling h2 .roze,
h2.roze{
	color:#B34B88;
}
#l_icons{
	width:230px;
	float:left;
	margin:40px 0 0 40px;
}

#l_icons a.icon{
	display:block;
	width:55px;
	height:54px;
	float:left;
	margin:0 20px 20px 0;
	background:#000;
	outline:0;
}

#popUp{
	width:190px;
	height:270px;
	background:#FFF;
	position:absolute;
	z-index:9999;
	right:278px;
	top:250px;
	padding:10px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}
#popUp a#close{
	float:right;
	margin-bottom:10px;
}

#popUp h2{
	color:#004C99;
	margin-bottom:10px;
}

#popUp li{
	margin-bottom:5px;
}


.dg_group{	
	border:1px solid #CCC;
	background:#FFF;
}
.dg_group h2{
	background:#CCC;
	padding:4px 10px;
}
.dg_files a{
	margin:0 10px;
}
.dg_files p{
	font-size:11px;
	font-style:italic;
	margin-left:15px;
}

.dg_files{
	margin-bottom:15px;
}


#tooltip{
	position:absolute;
	background:#FFF;
	border:1px solid #FFF;
	color:#000;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	-webkit-box-shadow: 2px 2px 3px #F2F2F2;-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}

#tooltip p{
	padding:0;
	margin:0;
}


.clear{
	clear:both;
}


#contentHolder ul{
	list-style-type:square;
	margin-left:15px;
}