@charset "utf-8";
body {
	background-color: #CCCCCC;
	background-image: url(images/bg.gif);
	margin: 0px;
}


.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.menu a{
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:visited{
	color: #FFFFFF;
}
.menu a:hover{
	color: #000000;
}

.titelleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #21787b;
	padding-left: 15px;
}
.leftcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	vertical-align: top;
}
.content a{
	color: #333333;
}
.content a:visited{
	color: #333333;
}
.content a:hover{
	color: #333333;
	font-weight: bold;
}


.datumhome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #21787b;
	vertical-align: top;
}

.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 7px;
	text-align: center;
}

.titelvachome {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color:#FFFFFF;
	padding-bottom:2px;
}
.titellaatsten {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color:#21787b;
	vertical-align: bottom;
	padding-bottom:2px;
	padding-top:25px;
}

.prijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
	padding-top: 30px;
	padding-bottom: 10px;
}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #21787b;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

.refimg {
	border: solid 1px #21787b;
}
.refimg a{
	border: solid 1px #21787b;
}
.refimg a:visited{
	border: solid 1px #21787b;
}
.refimg a:hover{
	border: solid 1px #21787b;
}

/* Nieuws PAGINA */
.titelnieuws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21787b;
	font-weight: bold;
	vertical-align: top;
}
.titelnieuws a{
	color: #21787b;
	text-decoration: none;
}
.titelnieuws a:visited{
	color: #21787b;
}
.titelnieuws a:hover{
	color: #21787b;
}
.datumnieuws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	vertical-align: top;
}

/* Vactures PAGINA */
.titelvacatures {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #21787b;
	font-weight: bold;
	vertical-align: top;
	background-color: #000000;
	padding-left: 10px;
	padding-top: 10px;
}
.titelvacatures a{
	color: #21787b;
	text-decoration: none;
}
.titelvacatures a:visited{
	color: #21787b;
}
.titelvacatures a:hover{
	color: #21787b;
}
.vacaturestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: top;
	background-color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}
.vacaturestext a{
	color: #FFFFFF;
	text-decoration: none;
}
.vacaturestext a:visited{
	color: #FFFFFF;
}
.vacaturestext a:hover{
	color: #FFFFFF;
}



/* Gedeelte voor accordions */
.toggler  { 
	cursor:pointer; 
	font-weight:bold; 
	color: #21787b; 
	margin: 0; 
	font-size:14px; 
	font-family: "Trebuchet MS", 
	Arial, sans-serif; 
	text-align:left;
	border-top: solid 1px #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
}
.toggler a{ 
	color: #21787b;
	text-decoration: none;
}
.toggler a:visited{ 
	color: #21787b;
	text-decoration: none;
}
.toggler a:hover{ 
	color: #21787b;
	text-decoration: none;
}

.element {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color:#FFFFFF;
	height: 150px;
	padding-bottom: 15px;
}

.toggler2  { 
	cursor:pointer; 
	font-weight:bold; 
	color: #000000; 
	margin: 0; 
	font-size:14px; 
	font-family: "Trebuchet MS", 
	Arial, sans-serif; 
	text-align:left;
	border-top: solid 1px #666666;
	padding-bottom: 5px;
	padding-top: 5px;
}

.element2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #666666;
	height: 150px;
	padding-bottom: 15px;
}


/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	width:200px;
	cursor:pointer;	
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color: #FFFFFF;
	width:100%;
}

.dropdown a:hover{
	text-decoration:none;
	color: #333333;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border-top:0;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	width:200px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	width:100px;
}

.submenus{
	padding-left: 30px;
	padding-bottom: 3px;
}