body, tr, td 	{ font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; color: #333333; text-decoration: none }
a:link { color: #333333; text-decoration: none}
a:visited { color: #333333; text-decoration: none}
a:hover {  color:  #666666; text-decoration: none}
a:active {  color:  #666666; text-decoration: none}

/* *******************************************************
Titel in CMS Module
******************************************************** */
.titel {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #2A392F;
	font-style: normal;
}

/* *******************************************************
Subtitel in CMS Module
******************************************************** */
.subtitel {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	font-style: italic;
}

/* *******************************************************
Rand rond foto in CMS Module
******************************************************** */
.left {
	border: 1px solid #666666;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 15px;
}

.right {
	border: 1px solid #666666;
	margin-bottom: 15px;
	margin-left: 15px; 
    margin-right: 0px
}

/* *******************************************************
 Achtergrondplaatje voor de CMS Module 
******************************************************** */
.bgmain {
	background-attachment: fixed;
	background-image:  url(img/achtergrond.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
	
/* *******************************************************
Kop overzichtpagina Referentie Module 
******************************************************** */
.referentiekop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #333333;
	background-color: #CCCCCC;
	padding-left: 5px;
}
/* *******************************************************
Referenties op overzichtpagina Referentie Module 
******************************************************** */
.referentiesdonker {
	background-color: #ECE9E9;
	padding-left: 5px;
}

.referentieslicht {
	background-color: #FFFFFF;
	padding-left: 5px;
}

/* *******************************************************
Rand rond de popup van de Referentie Module 
******************************************************** */
.referentierand {
	border: 1px solid #999999;
}

/* *******************************************************
Titel Naam en Datum in de popup van de Referentie Module 
******************************************************** */
.referentietitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #333333;
}

/* *******************************************************
Rand rond foto in de popup van de Referentie Module 
******************************************************** */
.referentierandfoto {
	border: 1px solid #666666;
}

/* *******************************************************
Uitlijning van de blokken in de popup van de Referentie Module 
******************************************************** */
.referentielinkerblok {
	padding: 25px;
}
.referentiebovenblok {
	padding: 25px;
}
.referentieonderblok {
	padding: 0px 25px 25px;
}
.referentiethumblok {
	padding-left: 10px;
}

/* *******************************************************
Titel in Nieuwsblok Module
******************************************************** */
.nieuwstitel {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	font-style: normal;
}

/* *******************************************************
Subtitel in Nieuws Module
******************************************************** */
.nieuwssubtitel {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #333333;
	font-style: normal;
}
/* *******************************************************
Datum in Nieuws Module
******************************************************** */
.nieuwsdatum {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	font-style: normal;
}

/* *******************************************************
Style voor de opmaak van de website
******************************************************** */

.kop-gb {
	background-attachment: scroll;
	background-image: url(img/kop-gb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.kop-nl {
	background-attachment: scroll;
	background-image: url(img/kop-nl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bg-nav {
	background-attachment: scroll;
	background-image: url(img/bg-nav.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


.navigatie {
	padding-left: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #689D7D;
}


.knop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #689D7D;
}
a.knop:link { color: #689D7D; text-decoration: none}
a.knop:visited { color: #689D7D; text-decoration: none}
a.knop:hover {  color:  #F5DA51; text-decoration: none}
a.knop:active {  color:  #F5DA51; text-decoration: none}


.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #689D7D;
	left: 25px;

}
a.copyright:link { color: #689D7D; text-decoration: none}
a.copyright:visited { color: #689D7D; text-decoration: none}
a.copyright:hover {  color:  #689D7D; text-decoration: none}
a.copyright:active {  color:  #689D7D; text-decoration: none}


.formBox label {width: 155px; float: left; color: #333333; line-height: 30px; font-size: 12px; font-weight: normal;}
.formBox fieldset { padding:0 0 0 0px; border: none;}
.formBox form p { padding: 0px; margin: 0px; width: 450px; overflow: hidden;}
.formBox input.field { margin: 0px 5px 0px 0px; padding: 2px 6px; border: none; height: 24px; float: left; color: #333333; border: 1px solid #C0C0C0;}
.formBox textarea {padding: 3px 6px; border: none; float: left; height: 47px; color: #333333; border: 1px solid #C0C0C0;}
.formBox select { padding: 2px 0px 2px 8px; color: #333333; border: 1px solid #C0C0C0; float: left;}
.formBox input.submit {padding-bottom: 5px; margin:0px 4px 0px 0px; color: #666666; float: right; width: 113px; height: 22px; cursor: pointer; font-weight: bold; background: url('/images/bg-submit.gif') 100% repeat-x; }




/* Toegevoegd voor informatie linktip */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
}

a.info span {
	display:none;
	background-color: #fff;
}

a.info:hover{z-index:25;background: none transparent}

a.info:hover span{ 
	display:inline;
	position:absolute;
	top: 1.5em;
	left: 3em;
	padding: 8px;
	border:1px solid #2a392f;
	background-color:#fff; 
	color:#000000; 
	text-align: center;
	font-size: .8em;
	z-index:300;
}
