@charset "utf-8";
@import url("style.css");
/* CSS Document */

body {
	font-family:Arial, Calibri, verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#535454;
	background-image:url(portal/body_bg.png);
	background-repeat:repeat-x;
	background-color:#f1f1f1;
	line-height:20px;
}

.rij_header {
	width:930px;
	height:auto;
	margin-top:28px;
}
.rij_header ul li.clr
{
    width: 0px;
    height: 0px;
    overflow:hidden;
}

.clr {
	clear:both;
	height:0;
	width: 90%;
}

.rij_header ul {
	position:relative;
	top: 0;
	left: 6px ;
	width: 930px;
	height:270px;
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
}

.rij_header ul li {
	float:left;
	width:222px;
	height:270px;
	background-color:#FFFFFF;
	background-image:url(portal/headerItem_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:6px!important;
	margin-left: 2px;
	position:relative;
}

.rij_header ul li a {
	text-decoration:none;
}

.rij_header ul li .h2 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:29px;
	color:#79b81e;
	text-indent:-9000px;
	height:60px;
	width:222px;
	background-repeat:no-repeat;
	display:block;
}

.rij_header ul li.head1 .h2	{ background-position: 66px 12px; background-image:url(portal/VMBO_titel_v2.png); }
.rij_header ul li.head2 .h2	{ background-position: 21px 12px; background-image:url(portal/Lyceum_titel_v2.png); }
.rij_header ul li.head3 .h2	{ background-position: 66px 12px; background-image:url(portal/MBO_titel_v2.png); }
.rij_header ul li.head4 .h2	{ background-position: 46px 12px; background-image:url(portal/TerraNext_titel_v2.png); }
/* 
.rij_header ul li.head4 .h2	{ background-position: 58px 10px; background-image:url(portal/Algemeen_titel.png); }
*/
.rij_header ul li .head_img {
	height: 156px;
	width: 211px;
	margin-left: 4px;
	display:block;
}

.rij_header ul li .head_p {
	width:222px;
	height: 44px;
	margin-top:9px;
	background-image:url(portal/hoofdtitel_normaal.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	display:block;
}

.rij_header ul li a:hover .head_p {
	background-image:url(portal/hoofdtitel_hover.png);
}


.rij_header ul li a .head_p .hoekjeTop
{
	display: block;
	position: absolute;
	top: -25px;
	left: 86px;
	width: 51px;
	height: 25px;
	background-image:url(portal/hoekje_top.png);
	background-position:top left;
	background-repeat:no-repeat;
	visibility:hidden;
	z-index: 9;
}

.rij_header ul li a:hover .head_p .hoekjeTop
{
    visibility:visible;
}


.rij_header ul li .head_p .p {
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	color:#7e7a7a;
	line-height:15px;
	overflow: hidden;
	display:block;
}

.rij_header ul li a:hover .head_p .p { color:#FFFFFF; }

.links {
	position:absolute;
	top:395px;
	left:0px;
}

.nieuwsflits 
{
	position:absolute;
	left:13px;
	width: 598px;
	height:236px;
	background-image:url(portal/nieuwsflits_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow: hidden;
}

.nieuwsflits .nieuwsItemContainer 
{
    position:absolute;
}

.nieuwsflits .nieuwsItem
{
    float:left;
    width: 598px;
	height:236px;
	position:relative;
}

.nieuwsflits .nieuws_img {
	position:absolute;
	top:18px;
	left:17px;
	border:1px solid #d1d1d1;
	width:257px;
	height:196px;
	overflow:hidden;
	background-image:url('portal/geen afbeelding.jpg')
}

.nieuwsflits h3 {
	position:absolute;
	top:14px;
	right:26px;
	width:255px;
	height:40px;
	font-family: Calibri, Arial, verdana, Helvetica, sans-serif;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#79b81e;
}

.nieuwsflits p {
	position:absolute;
	top: 77px;
	right:25px;
	width:255px;
	height:72px;
	color:#535454;
}

.nieuwsflits .leesmeer_a {
	position:absolute;
	display:block;
	top: 148px;
	right:25px;
	width:70px;
	height:15px;
	color:#79b81e;
	text-align:right;
	line-height:15px;
	background-image:url(portal/bullet.png);
	background-position:center left;
	background-repeat:no-repeat;
}
	
.nieuwsflits ul {
	position:absolute;
	bottom:0px;
	right: 23px;
	width:300px;
	height:41px;
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
	overflow: hidden;
}

	
.nieuwsflits ul li {
	float: right;
	width: 20px;
	height: 41px;
}

.nieuwsflits ul li a span,
.nieuwsflits ul li a {
	display:block;
	width: 19px;
	height: 41px;
	color:#a8a8a8;
	text-align:center;
	text-decoration:none;
	font-family: Calibri, Arial, verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
}
.nieuwsflits ul li a:hover span,
.nieuwsflits ul li a:hover,
.nieuwsflits ul li a.active span,
.nieuwsflits ul li a.active {
	color:#79b81e;
	text-decoration:underline;
	background-image:url(portal/nieuws_a_hover.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

.rechts {
	position:absolute;
	top:389px;
	right:0px;
	width: 318px;
}

.rechts ul {
	position:absolute;
	width: 274px;
	left:30px;
	height: 236px;
	list-style:none;
	list-style-type:none;
	list-style-position:inside;
}

.rechts ul li 
{
	width: 274px;
	height: 76px;
	position:relative;
	margin-bottom:3px;
}

.rechts ul li a {
	margin-top: 6px;
	display:block;
	height:72px;
	width:274px;
	text-decoration:none;
}

.rechts ul li a:hover {
	display:block;
	height:76px;
	width:274px;
	background-image:url(portal/subitem_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.rechts ul li a img {
	position:absolute;
	top:2px;
	left:9px;
	width:46px;
	height:44px;    
}



.rechts ul li span  {
	position:absolute;
	left: 60px;
	top: 16px;
	height: 21px;
	font-family: Calibri, Arial, verdana, Helvetica, sans-serif;
	font-size:20px;
	color:#79b81e;
	font-weight:bold;
}

.rechts ul li a p {
	position:absolute;
	top: 38px;
	right: 32px;
	height: 30px;
	width: 48px;
	padding-left:21px;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#535454;
	line-height:30px;
	text-align:right;
	background-image:url(portal/bullet_list.png);
	background-position:center left;
	background-repeat:no-repeat;
}

.rechts ul li a:hover h3 {
	color:#a8a8a8;
}

.rechts ul li a:hover p {
	text-decoration:underline;
}
	
	


.rechts ul a img
{
    border: 0px;
}


.vmbo_img{background-image:url(portal/portal_vmbo.png);}
.lyceum_img{background-image:url(portal/portal_lyceum.png);}
.mbo_img{background-image:url(portal/portal_mbo.png);}
.terranext_img{ background-image:url(portal/portal_tn.png);}
/*
.algemeen_img{background-image:url(portal/portal_algemeen.png);}
*/

.nieuwsflits ul li a.nieuwsItem
{
    width: 20px;
}