* {
margin: 0;
padding: 0;
}
body,html {
background: #ffffcc;
font-size: 100.01%;
}
#placeholder {
width: 100%;
height: 100%;
text-align: center;
font-size: 74%;
}
#wrapper {
margin: 0 auto;
text-align: left;
width: 974px;
height: 660px !important;
overflow: hidden;
}
/*++++++++++++++++++++++++++++++++++++++++++++Columns+++++++++++++++++++++++++++++++++++++++++++++++++*/
.left-column {
display: inline;
margin: 10px 0 0 25px;
float: left;
width: 205px;
height: 427px;
overflow: hidden;
background: url('images/left_imageholder.gif') 0 0 no-repeat;
}
.left-column_2 {
display: inline;
margin: 10px 0 0 25px;
float: left;
width: 205px;
overflow: hidden;
background: url('images/left_imageholder2.gif') 0 0 no-repeat;
}
.center-column {
margin: 0 0 0 50px;
position: relative;
float: left;
width: 458px;
}
.right-column {
position: relative;
float: left;
left: opx;
margin: 0 0 0 25px;
width: 185px;
overflow: hidden;
}
.custom-rechter-kolom {
	position: relative;
	float: right;
	left: opx;
	margin: 0 25px 0 25px;
	width: 185px;
	overflow: hidden;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++++++Left-Column+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.left-column_2 .leerling .avatr {
margin: 5px 0 0 5px;
width: 158px;
height: 158px;
}
.left-column_2 .leerling ul {
padding: 10px 0 0 10px;
list-style: none;
}
.left-column_2 .leerling  .lijst {
margin-bottom: 30px;
}
.left-column_2 .leerling .lijst p {
margin-left: 15px;
font-size: 160%;
font-weight: bolder;
color: #8e006f;
}
.left-column_2 .leerling .hoofd {
text-transform: uppercase;
}
.left-column ul {
margin: 30px 0 0 17px;
width: 150px;
list-style: none;
}
.left-column ul li {
margin: 0 0 25px 0;
}
.left-column ul li em{
font-size: 100%;
font-style: normal;
font-weight: bold;
color: #8e006f;
}
.left-column ul li h3{
text-transform: uppercase;
font-weight: bold;
font-size: 130%;
color: #ff9fca;
}
.left-column ul li p{
font-size: 100%;
font-weight: bold;
width: 150px;
color: #8e006f;
line-height: 14px;
}.left-column ul li a:link{
font-size: 100%;
width: 150px;
color: #ff00c6;
line-height: 14px;
text-decoration: none;
}
.left-column ul li a:active{
font-size: 100%;
width: 150px;
color: #ff00c6;
line-height: 14px;
text-decoration: none;
}
.left-column ul li a:visited{
font-size: 100%;
width: 150px;
color: #ff00c6;
line-height: 14px;
text-decoration: none;
}
.left-column ul li a:hover{
font-size: 100%;
width: 150px;
color: #ff00c6;
line-height: 14px;
text-decoration: none;
}
.goback {
display: block;
margin: 110px 0 0 28px;
font-size: 160%;
font-weight: bold;
color: #8e006f;
}

/*------------Left-image------------*/
.left-column #left-image {
width: 204px;
height: 427px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Pagina-Kop++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.center-column h1{
position: absolute;
left: 5px;
top: 27px;
z-index: 999;
font-size: 1200%;
color: #ff00c6;
}
.center-column h1 span {
color: #000;
}
.center-column h1 a {
color: #ff00c6;
text-decoration: none;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Content++++++++++++++++++++++++++++++++++++++++++++++++*/
.knop {
line-height: 22px;
background: #ff0;
border: 1px solid #000;
}
.center-column .content-box {
position: relative;
left:0;
top:140px;
z-index: 1;
float: left;
width: 458px;
height: 406px;
background-image: url('images/center_image.gif');
}
.center-column .content-box2 {
position: absolute;
left:-20px;
top:120px;
z-index: 1;
float: left;
width: 458px;
height: 483px;
background-image: url('images/galerie_back.gif');
}
.center-column .content-box2 {
text-align: center;
}
.center-column .content-box2 img {
margin: 45px 0 0 0;
}
.center-column p {
margin: 0 17px 20px 0;
font-family: Arial;
font-size: 90%;
}
.wrapper_portal .content-box {
background: none;
}
.content-box div.content-vak {
margin: 50px 30px 0 5px;
height: 330px;
width: 423px;
overflow: auto;
scrollbar-arrow-color: #030302;
scrollbar-face-color: #ffffcc;
scrollbar-highlight-color: #505040;
scrollbar-3dlight-color: #39392e;
scrollbar-shadow-color: #77775f;
scrollbar-darkshadow-color: #39392e;
scrollbar-track-color: #ffffcc;
}
.wrapper_portal .content-box div.content-vak {
margin: 0;
height: auto;
overflow: visible;
}
.content-box div h2 {
margin: 15px 17px 20px 0;
padding: 0 0 0 20px;
font-family: Arial;
}
.content-box div p {
margin: 15px 17px 20px 0;
padding: 0 0 0 20px;
font-family: Arial;
font-size: 90%;
}
.content-box2 .prjcttxt {
margin: 35px 17px 20px 0;
padding: 0 0 0 15px;
font-family: Arial;
font-size: 90%;
}
.center-column .counter{
position: absolute;
left: 350px;
top: 458px;
z-index: 999;
font-size: 500%;
color: #ff00c6;
}
.center-column .counter span {
color: #000;
}

/* content links */
.center-column .content-vak a {
color: #FF00C6;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++Logo++++++++++++++++++++++++++++++++++++++++++++++++*/
.logo{
margin: 35px 0 50px 0px;
display: block;
font-weight: bold;
text-indent: -9999px;
width: 151px;
height: 101px;
background-image: url('images/logo.gif');
}
.custom-rechter-kolom .logo {
margin-top: 1px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++Menu+++++++++++++++++++++++++++++++++++++++++++++++++*/
.right-column ul {
display: block;
margin: 0 0 0 0px;
padding: 10px 0 0 0;
list-style: none;
}
.right-column ul li {
padding-bottom: 10px;
line-height: 20px;
}
.right-column ul ul {
margin: 0;
padding-top: 20px;
}
.right-column: ul li p {
font-size: 160%;
font-weight: bolder;
color: #8e006f;
}
.right-column ul li p a:link {
font-size: 160%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column ul li p a:active {
font-size: 160%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column ul li p a:visited {
font-size: 160%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column ul li p a:hover {
font-size: 160%;
font-weight: bold;
color: #8e006f;
text-decoration: underline;
}
.right-column a:link {
font-size: 150%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column  a:active {
font-size: 150%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column a:visited {
font-size: 150%;
font-weight: bold;
color: #8e006f;
text-decoration: none;
}
.right-column a:hover {
font-size: 150%;
font-weight: bold;
color: #8e006f;
text-decoration: underline;
}
.right-column  .hoofd {
font-size: 160%;
font-weight: bolder;
color: #8e006f;
text-transform: uppercase;
}
.right-column a.homepage {
display: block;
padding: 9px 0 0 0;
height: 25px;
width: 150px;

}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++ Portal fotos+++++++++++++++++++++++++++++++++++++++++++ */
.wrapper_portal .content-box {
position: static;
margin: 0;
}
.wrapper_portal .center-column {
margin-left: 15px;
height: 660px;
width: 498px;
}
.wrapper_portal .center-column .content-vak img {
height: 165px;
}
.big-img {
width: 498px;
height: 660px !important;
}

h1.paging {
top: -100px;
left: 40px;
}

.portal-pictures img {
float: left;
display: block;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/