/*
General color values:

very light blue:	#f8fafb
light blue:			#c3d4de
dark blue:			#79a0bc
light green: 		#e7e9c0
dark green:			#aeb329
text-color:			#494949

*/

/* General classes */
	
	body {
		background: #f8fafb;
		font-size: 13px;
		font-family: "Trebuchet MS", sans-serif;
	}
	
	a {cursor: pointer;}
	
	.clear {clear: both;}
	
	.wrapper {
		margin: 0 auto;
		width: 970px;
		background: #ffffff;
	}


/*--- HEADER ---*/

	#header { height:165px; background:transparent url(../images/header-bg.gif) no-repeat scroll 0 0; float:left; margin-bottom: 20px;}
	
	#breadcrumb { 
		font-size:0.8em;
		height:15px;
		padding:5px;
		color: #79a0bc;
	}
	#breadcrumb ul { list-style:none; margin:0;}
	
	#breadcrumb ul li { float:left; padding:0px 5px;}
	#breadcrumb ul li a { color: #79a0bc; text-decoration: underline; }
	#breadcrumb ul li a:link {color: #79a0bc;}
	#breadcrumb ul li a:visited {color: #79a0bc;}
	#breadcrumb ul li a:hover {text-decoration: none; }
	#breadcrumb ul li a:active {color: #79a0bc;}

	
	#breadcrumb ul a {text-decoration: none; color: #79a0bc;}
	#breadcrumb ul a:visited {color: #79a0bc;}
	#breadcrumb ul a:hover {color: #79a0bc;}
	#breadcrumb ul a:active {color: #79a0bc;}
		
	
	#logo {float:left;}
	#logo h1 {margin: 0;}
	#logo h1 a {
		background:transparent url(../images/logo-frieslab.png) no-repeat scroll 0 0;
		display:block;
		height:104px;
		margin:0 5px 5px;
		text-indent:-1234em;
		width:286px;
	}
	
	
	
	/*--- Main menu in header ---*/
	
	.main-menu .fontsize {float: right; margin: 0 10px;}
	.main-menu .fontsize a#font-smaller {font-size: 13px;}
	.main-menu .fontsize a#font-larger {font-size: 15px;}
	.main-menu .fontsize a#font-largest {font-size: 17px;}
	
	.main-menu .fontsize a {text-decoration: none; color: #79a0bc;}
	.main-menu .fontsize a:visited {text-decoration: none; color: #79a0bc;}
	.main-menu .fontsize a:hover {text-decoration: underline; color: #79a0bc;}	
	.main-menu .fontsize a:active {text-decoration: none; color: #79a0bc;}	
	
	
	.main-menu { width:950px; height:31px; float:left; margin:0 auto; border-bottom: 1px solid #c3d4de; }
	.main-menu ul { list-style:none; margin:0 auto;}
	.main-menu ul li {float:left; padding:5px 10px 0; margin-left:5px; height: 31px; display: block;}
	.main-menu ul li a { float:left; display:block; color: #79a0bc; white-space:nowrap; text-decoration: none; }
	.main-menu ul li a:hover {text-decoration: underline;}
	.main-menu ul .current-cat-parent,
	.main-menu ul .current-cat-ancestor,
	.main-menu ul .current_page_ancestor,
	.main-menu ul .current_page_item { 
		background-color:#C3D4DE;
		background-image:url(../images/menu-bg-l.gif);
		background-position:left top;
		background-repeat:no-repeat;
		padding: 0 0 0 10px;
	}
	.main-menu ul .current-cat-parent a,
	.main-menu ul .current-cat-ancestor a,	
	.main-menu ul .current_page_ancestor a,
	.main-menu ul .current_page_item a {
		background:transparent url(../images/menu-bg-r.gif) no-repeat scroll right top;
		color:#FFFFFF;
		display:block;
		height:31px;
		padding:5px 10px 0 0;
		text-decoration: underline;
	}

	/*--- Searchbox in header ---*/
	.searchbox {float: right;}
	.searchbox .search-text {
		color: #79a0bc;
		background:transparent url(../images/search-text-bg.png) no-repeat scroll 0 0;
		border:medium none;
		float:left;
		height:23px;
		padding:5px 0 0 10px;
		width:132px;
	}
	.searchbox .search {background: url('../images/search-bg.png') no-repeat;
		border: none;
		width: 27px;
		height: 23px;
		float: left;
		text-indent: -1234em;
		cursor: pointer;
	}

/*--- CONTENT ---*/
	
	
	/* Maincontent */
	
	.maincontent h2 {color: #79a0bc; }
	.maincontent h3 {color: #aeb329; }
	
	.maincontent .maincontent-box {padding: 0 10px;}
	
	.maincontent .maincontent-box a {color: #79a0bc;}
	.maincontent .maincontent-box a:visited {color: #79a0bc;}
	.maincontent .maincontent-box a:hover {color: #79a0bc; text-decoration: none;}
	.maincontent .maincontent-box a:active {color: #79a0bc;}	
	
	
	.maincontent .nieuws h2 {color: #aeb329; font-size: 20px;}
	.maincontent .nieuws a {margin-bottom: 20px; display: block}
	.maincontent .nieuws ul li a {margin-bottom: 0px; display: inline}
	
	/* Submenu */
	
	.mainsubmenu {
		background-image: url('../images/submenu-bg-blue.gif');
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #f8fafb;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		position: relative;
	}
		
	.mainsubmenu .corner {
		position: absolute;
		width: 8px !important;
		height: 8px !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1px !important;
		border: 0 !important;
		overflow: hidden;
		background: url("../images/contentbox-corners-blue-fill.gif");
	}
	.mainsubmenu .corner_bl { bottom: -1px; left: -1px; background-position: 0 -12px !important; }
	.mainsubmenu .corner_br { bottom: -1px; right: -1px; background-position: -12px -12px !important; }		
		
		
	.mainsubmenu .left-titles {display: none;}
	
	.mainsubmenu #regions {}
	.mainsubmenu #regions ul {list-style-type: none; margin: 0;}
	.mainsubmenu #regions ul li { border-top:1px solid #e0eaf1; }
	.mainsubmenu #regions ul li.first {background-image: none; border:none;}
	.mainsubmenu #regions ul li a {color: #7da2b4; text-decoration: none; display: block; padding: 15px 0 15px 10px; line-height:19px; _height:19px;}
	.mainsubmenu #regions ul li a:visited {color: #7da2b4;}
	.mainsubmenu #regions ul li a:hover {/* background-color: #c3d4de; */  color: #7da2b4; text-decoration: underline;}
	.mainsubmenu #regions ul li a:active {}
	.mainsubmenu #regions ul li a.active {/* background-color: #c3d4de; */ background:url(../images/active-a.jpg) no-repeat 10px center ;  color: #7da2b4; text-decoration: underline; padding-left:25px; line-height:18px;}		
	
	.mainsubmenu #regions ul li ul.submenu li a {line-height:18px; _height:19px; _border-top:1px solid #e0eaf1;}
	
	/* Right sidebar */
		
		
		.sidebar-box .knot {padding-bottom: 28px; margin: 0; background: url(../images/knot.jpg) no-repeat 162px 0; overflow: hidden; height:179px; }
		
		a.button {float: left; background-position: center top; background-repeat: repeat-x; text-align: center;  color: #58859d; }
		a.button:hover {text-decoration: none;}
		
		a.button span.button-l {float: left; height: 35px; width: 7px; background-repeat: no-repeat; font-size: 1.07em;}
		a.button span.button-m {float:left; padding: 0 3px;}
		a.button span.button-r {float: left; height: 35px; width: 18px; background-repeat: no-repeat;}
		 
		a.green {background-image: url(../images/button.gif); height: 35px;}
		a.green span.button-l {background-image: url('../images/button-corner-l.gif');}	
		a.green span.button-m {line-height: 32px; height: 35px;}
		a.green span.button-r {background-image: url('../images/button-corner-r.gif');}
		
		a.blue {background-image: url(../images/button-blue.gif); height: 30px; font-size: 0.9em;}
		a.blue span.button-l {background-image: url('../images/button-blue-corner-l.gif');}	
		a.blue span.button-m {line-height: 27px; height: 30px;}
		a.blue span.button-r {background-image: url('../images/button-blue-corner-r.gif');}
		
		/* Sidebar Boxes */
			.sidebar {margin: 0;}
			.sidebar .sidebar-box {
				border: 1px solid #e7e9c0;
				-moz-border-radius: 10px;
				margin-bottom: 10px;
				position: relative;
				_height: 1px;
			}
			.sidebar .sidebar-box .box {padding: 1.5em 1em;}
			
			.sidebar .sidebar-box .box h3 {color: #79a0bc;}
			
			
			.sidebar .sidebar-box .box .textwidget .infobox-01 {background: url('../images/foto-sanja.jpg') no-repeat right bottom; margin-bottom: 25px; height:100px; width:200px;}
			.sidebar .sidebar-box .box .textwidget .infobox-02 {background: url('../images/foto-imkje.jpg') no-repeat right bottom; margin-bottom: 25px;}
			
			.sidebar .sidebar-box .box .textwidget .jobtitle {font-size: 14px;}
			.sidebar .sidebar-box .box .textwidget p.info {margin:2px 0 14px;}
			.sidebar .sidebar-box .box .textwidget a.mailto {font-size: 11px; color:#aeb329;}
			.sidebar .sidebar-box .box .textwidget a.mailto:visited {font-size: 11px; color:#aeb329;}
			.sidebar .sidebar-box .box .textwidget a.mailto:hover {font-size: 11px; color:#aeb329; text-decoration: none;}
			.sidebar .sidebar-box .box .textwidget a.mailto:active {font-size: 11px; color:#aeb329;}
			
			.sidebar-box .corner {
				position: absolute;
				width: 8px !important;
				height: 8px !important;
				padding: 0 !important;
				margin: 0 !important;
				line-height: 1px !important;
				border: 0 !important;
				overflow: hidden;
				background: url("../images/contentbox-corners.gif");
			}
			.sidebar-box .corner_tl { top: -1px; left: -1px; background-position: 0 0 !important; }
			.sidebar-box .corner_tr { top: -1px; right: -1px; background-position: -8px 0 !important; }
			.sidebar-box .corner_bl { bottom: -1px; left: -1px; background-position: 0 -8px !important; }
			.sidebar-box .corner_br { bottom: -1px; right: -1px; background-position: -8px -8px !important; }
	
	/* Home.php */
	
		/* Banner */
		.home-banner {background:transparent url(../images/banner-bg.gif) no-repeat scroll center top; height: 182px; padding: 20px; overflow: hidden;}
		.home-banner h2 {color:#79a0bc; margin-bottom:0.3em;}
		.home-banner p {line-height: 1.4em; font-size: 1.1em;}
		.home-banner ul {font-size: 1.1em;}
	
		/* Teasers */
		.home-targetgroups .title-box {padding: 1.5em;}
		.home-targetgroups h3 {margin: 0; font-size: 1.8em; color: #aeb329;}
		
		.teaser {background: url('../images/teaser-bg-blue.gif') no-repeat center top; height: 349px; overflow:hidden;}
		
		.important {background: url('../images/teaser-bg-darkblue.gif') no-repeat center top;}
		
		.teaser .box {margin-bottom: 0;  padding:1.2em; padding-bottom: 0; height: 170px;}

		.teaser .box h4  {font-size: 16px; color: #aeb329; background: none; padding: 0; text-decoration: none; display: inline;}
/*
		.teaser .box h4 a {font-size: 16px; color: #aeb329; background: none; padding: 0; text-decoration: none; display: inline;}
		.teaser .box h4 a:hover {text-decoration: underline;}
*/
		
		.teaser .image {padding: 0 1px; height: 92px; width: 227px; overflow: hidden;}
		
		.teaser a {display: block; width:150px; height: 31px; background: url('../images/teaser-link-bg.gif') no-repeat center top; padding:10px 0 0 80px; color: white;}
		.teaser a:visited {color: white;}
		.teaser a:hover {color: white; text-decoration: none;}
		.teaser a:active {color: white;}
	
	
		.newsteaser {
			border: 1px solid #dfe8ef;
			-moz-border-radius: 10px;
			position: relative;
			margin-bottom: 10px;
		}
		
		.newsteaser h3 {color: #79a0bc;}
		
		.newsteaser .corner {
			position: absolute;
			width: 8px !important;
			height: 8px !important;
			padding: 0 !important;
			margin: 0 !important;
			line-height: 1px !important;
			border: 0 !important;
			overflow: hidden;
			background: url("../images/contentbox-corners-blue.gif");
		}
		.newsteaser .corner_tl { top: -1px; left: -1px; background-position: 0 0 !important; }
		.newsteaser .corner_tr { top: -1px; right: -1px; background-position: -10px 0 !important; }
		.newsteaser .corner_bl { bottom: -1px; left: -1px; background-position: 0 -10px !important; }
		.newsteaser .corner_br { bottom: -1px; right: -1px; background-position: -10px -10px !important; }
		
	/* Search.php */	
		
		.maincontent .navigation .alignleft a {
			background:transparent url(../images/arrow.gif) no-repeat scroll left center;
			display:block;
			height:22px;
			margin:0 0 20px;
			padding:0 0 0 20px;
		}
		.maincontent .navigation .alignright a {
			background:transparent url(../images/arrow-r.gif) no-repeat scroll right center;
			display:block;
			height:22px;
			margin:0 0 20px;
			padding:0 20px 0 0;
			width: 52px;
		}
		.maincontent .hentry h3 {font-size: 1.2em; margin-bottom: 4px;}
		.maincontent .hentry h3 a {color: #aeb329; }
		.maincontent .hentry h3 a:visited {color: #aeb329;}
		.maincontent .hentry h3 a:hover {color: #aeb329;}

/*--- FOOTER ---*/
	#footer {margin:20px 0px 0px 0px; float:left; color:#79a0bc; width:100%; height:60px; padding:20px 0px 0px 0px; border-top: 1px solid #C3D4DE;}	
	#footer ul { list-style:none; margin:0 auto; }
	#footer ul li { float:left; padding:0px 10px; }
	#footer ul li.small {font-size: 0.8em; float: right;}
	#footer ul li a { color:#79a0bc; }
	#footer ul li a:visited {color:#79a0bc;}
	#footer ul li a:hover {	text-decoration: none; color:#79a0bc;}
	#footer ul li a:active {color:#79a0bc;}	


/*--- AANPASSINGEN IN FORMULIER ---*/
.note, .wpcf7-mail-sent-ok
{
	width:auto;
	height:20px;
	margin-bottom:20px;
	background-color:#F4F7F9;
	color:#7DA2B4;
	border:1px solid #C3D4DE;
	padding:10px;	
}

.wpcf7-form textarea {
	width: inherit;
	height: inherit;
}

.wpcf7-form .wpcf7-list-item {
	display: block;
}

.wpcf7-form input { border: 1px solid #bbbbbb;}


.wpcf7-form p
{
	position:relative;	
}


.wpcf7-not-valid-tip-no-ajax
{
	font-size:.8em;
	position:absolute;
	right:0;
	top:12px;
	width:130px;
	padding:.5em;
	padding-left:.8em;
	border:1px solid red;
	background:#FFF2CF url(../images/balloon.png) no-repeat -2px 7px;
}

.wpcf7-validation-errors
{
	border:1px solid red;
	background:#FFF2CF;
	margin:10px 0 10px 0;
	padding:10px;
}

/*--- AANPASSINGEN VOOR TABEL ---*/
.contactpersonentabel, .contactpersonentabel tbody, .contactpersonentabel tr, .contactpersonentabel td {
	vertical-align:top;
}

.contactpersonentabel td {
	margin-bottom: 10px;
}

.contactpersonentabel span {
	margin-bottom: 10px;
	display: block;
}

/*--- Aanpassingen voor lijsten ---*/
.opsomming {
	margin-top: -15px;
}

/*--- Uitleg wetten ---*/
.uitlegwetten .uitleg {
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
}