@charset "utf-8";
/* -------------------------------------*/
/*-- DOCUMENT WRITTEN BY PROTOLAN.BE --*/
/* -----------------------------------*/

/*-- HTML ELEMENTS --*/
body {
	background:#efefef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	color:#414141;
	margin: 0px;
	padding: 0px;
}
a:link, a:visited{color:#414141; text-decoration: underline; }
a:hover, a:active{color:#000000; text-decoration: underline; }

::selection{background:#967959; color:#FFFFFF;}

p{
	margin: 0px;
	padding: 0px;
}

img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1{color:#414141; font-weight: lighter; font-size: 28px; margin: 0px; padding: 0px; }
h2{color: #967959; font-size: 18px; margin: 0px; padding: 0px;}
h3{color: #967959; font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; margin-top: 15px; margin-bottom: 15px;}
h4{color: #967959; font-size: 14px; margin: 0px; padding: 0px; width: 100%; float: left; }
.h5{font-size: 10px; font-weight: normal; margin: 0px; padding: 0px;}

/*-- GENERAL ELEMENTS --*/

/*-- BAND --*/
.band{width: 100%; float: left;}

/*-- LOGO --*/
#logo{float: left; width: 100%; position:relative; z-index:100;}

/*-- HEADER IMAGES --*/
#headerband{width: 100%; float: left; display:none; margin: 0; padding: 0;}
.header-img{width: 100%; float: left; height: 100px; padding-bottom: 10px; display:none;}
.h-hoorcentrum{background:none; height: auto;}
.h-watis{background: #967959 url(../htmimg/header-watis.jpg) top left repeat-x; height: 250px; }
.h-nieuws{background: #967959 url(../htmimg/header-nieuws.jpg) top left repeat-x; height: 250px; }
.h-pers{background: #967959 url(../htmimg/header-pers.jpg) top left repeat-x; height: 250px; }
.h-links{background: #967959 url(../htmimg/header-links.jpg) top left repeat-x; height: 250px; }
.h-ingrepen{background: #967959 url(../htmimg/header-ingrepen.jpg) top left repeat-x; height: 250px; }
.h-projecten{background: #967959 url(../htmimg/header-projecten.jpg) top left repeat-x; height: 250px; }
.h-publicaties{background: #967959 url(../htmimg/header-publicaties.jpg) top left repeat-x; height: 250px;}
.h-contact{background: #967959 url(../htmimg/header-contact.jpg) top left repeat-x; height: 250px; }
.h-team{background: #967959 url(../htmimg/header-team.jpg) top left repeat-x; height: 250px; }

/*-- MENU --*/
.menu:link, .menu:visited{
	width: 96%;
	font-size: 1em;
	padding: 2%;
	float: left;
	border-bottom: 1px solid #D6D6C4;
	margin-top: 5px;
	text-decoration: none;
	color:#84801E;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.menu:hover, .menu:active, #actief{
	background: #967959;
	color:#FFFFFF;
	text-decoration: none;
}

.menucol{ margin-top: 0px; }

/*-- BREADCRUMBS --*/
.breadcrumbs{width: 100%; float: left; color:#666666; font-size: 10px; margin-top: 20px; margin-bottom: 30px; }

/*-- INFOBAR ND SLIDES --*/
#infobar{background:#967959; padding-top: 5px; padding-bottom: 5px; margin-top:20px;}
#infobar p, #infobar a{font-size: 0.9em; text-decoration:none;}
#infobar .row{margin-bottom: 0; }
#slides a{float: left; width: 100%; list-style:none; margin: 0px; padding: 0px;}
.bx-window, .bx-wrapper{width: 100%; text-align: center; height: 20px;}
#eargroup-international{width: 100%; text-align:center; float: left;}

/*-- SEARCH FIELD ND BUTTON --*/
#inpTrefwoorden{ width: 94%; padding: 3px 3% 3px 3%; margin: 0; float: left; font-size: 0.8em; border: 0px; height: 19px;}
#btnZoeken{ width: 19px; height: 19px; float: right; padding: 0px; margin-top: -21px; background:url(../htmimg/btn-zoeken.jpg) top center no-repeat; border: 0px;}

/*-- OVERALL BUTTONS --*/
.btns{background:#967959; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 10px; text-transform:uppercase; float: left; }
.btns:link, .btns:visited{text-decoration: none; color:#FFFFFF; }
.btns:hover, .btns:active{text-decoration: none; color:#000000; }

/*-- ADVALVAS --*/
.advalvas{width: 94%; float: right; margin-right: 9px; margin-top: 20px; padding: 3%; background: #e2e2e2; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}

.advalvas h2, .advalvas p{
	float: left;
	width: 70%;
}

.advalvas-shadow{
	width: 94%;
	height: 11px;
	float: right;
	background:url(../htmimg/bg-advalvas.png) top center no-repeat;
}

.b-advalvas{
	float: right;
	width: 20%;
	text-align: center;
	margin-top: 5px;
}

/*-- HOMEPAGINA --*/
#welkom{width: 100%; float: left; margin-top: 15px; min-height: auto; padding: 0; position:relative;}
#welkom img{float: left; width: 100%; z-index: -100; display:none;}
#welkom-intro{width: 90%; padding: 5%; float: right; background:url(../htmimg/trans-white.png) repeat; position:relative; bottom: 0;}

/*-- CONTENT VAN CKEDITOR --*/
.ckcontent img{max-width: 100%; max-height: auto;}

/*-- CONTENT TEXT --*/
#content{font-size:none;}

/*-- SUBMENU --*/
.submenu{float: left; width: 100%; position:relative; margin-bottom: 40px;}
.submenu a:link, .submenu a:visited{text-decoration: none; color:#928F3A; background:url(../htmimg/bg-groter.png) center left no-repeat; padding-left: 5%; width: 95%; float: left; margin-top: 15px; }
.submenu a:hover, .sumbenu a:active{color: #000000; text-decoration: none;}

/*-- THUMBNAILS --*/
.foto-container{float: left; margin-right: 3%; margin-bottom: 3%; width: 30%; height: 30%;}
.foto-container img{ width: 100%; height: 100%; float: left; }

/*-- NIEUWS --*/
.nieuws-desc, .nieuws-desc:link, .nieuws-desc:visited{ width: 100%;	float: right; text-decoration: none; color:#84801E; margin: 5px 0px 5px 0px;}
.alt, .alt:link, .alt:visited{color:#414141;}

/*-- PAGENUMBERS --*/
.pagenumbers{background:#967959; color:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 5px; font-size: 12px; margin-right: 3px; margin-top: 5px; text-transform:uppercase; float: left;}
.pagenumbers:link, .pagenumbers:visited{text-decoration: none; color:#FFFFFF;}
.pagenumbers:hover, .pagenumbers:active{text-decoration: none; color:#000000;}
.p-actief{background:#414141;color:#efefef;}

/*-- PUBLICATIES --*/
.publicatie{margin-top: 10px; float: left; width: 100%;}
.p-alt{color:#84801E;}
.p-alt:link, .p-alt:visited{text-decoration: none; color:#84801E;}
.publicatie:link, .publicatie:visited{text-decoration: none;}
.publicatie:hover, .publicatie:active, p-alt:hover, .p-alt:active{text-decoration: none; color:#000000;}

/*-- TEAM --*/
.team-titel{width: 140px; height: 117px; float: left; padding: 20px; color:#FFFFFF; font-size: 22px; background:#967959; margin-right: 8px; margin-top: 8px; font-weight: lighter;}
.team-lid{width: 180px; height: 157px; float: left; margin-right: 8px; margin-top: 8px; overflow: hidden;}
.team-xref{width: 180px; height: 157px; margin-top:-157px; float: left; /*IE HACK*/ background:#FFFFFF; opacity: 0.01; /*END IE*/}
.team-lid p{width: 180px; height: 50px; float: left; text-align: center; color:#FFFFFF; background:#BDBB8D; margin-top: 0px; padding-top: 10px; font-size: 14px; font-weight: bold;}
.team-lid img{float: left; border: 0px; margin: 0px; z-index: -100; position:relative;}

/*-- LINKS --*/
.links{width: 100%; float: left; }
.links a:link, .links a:visited{text-decoration: underline; color:#575757; width: 100%; float: left; padding-top: 5px; padding-bottom: 5px;}
.links a:hover, .links a:active{ color: #928F3A; text-decoration: none;}

/*-- INGREPEN --*/
#ingrepen a:link, #ingrepen a:visited{text-decoration:none; color:#928F3A;}
#ingrepen a:hover, #ingrepen a:active{text-decoration: none; color:#000000;}
#ingrepen ul{float: left; margin-left: 0px; padding-left: 20px; padding-bottom: 0px; padding-top: 0px;}
#ingrepen li{text-decoration: none; color:#928F3A; padding-left: 0px; width: 100%; float: left; margin-top: 15px; margin-left: 0px; list-style:url(../htmimg/bg-groter.png); padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; font-size: 14px;}
#ingrepen ul li{font-weight: bold;}
#ingrepen ul li ul{padding-left: 20px;}
#ingrepen ul li ul li{padding-left: 10%; width: 90%; font-weight: normal; margin-top: 10px;}
#ingrepen ul li ul li ul li{ width: 80%;}
.youtube{ position:relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.youtube iframe, .youtube object, .youtube embed{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*-- CONTACT --*/
.contact-label{width: 90%; padding: 2%; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background:#DFDFDF; color:#414141; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-top: 10px; border-bottom: 1px solid #ACACAC; border-right: 1px solid #ACACAC;}

/*-- SUBFOOTER --*/
.h-line{ width: 100%; float: left; height: 2px; background:#DEDEDE;	margin-top: 45px;}
.title-plus{ color: #4F3921; font-size: 18px; text-transform:uppercase; float: left; width: 100%; font-weight: bold; list-style-image:url(../htmimg/bg-plus.png); display:list-item; list-style-position:inside;}

/*-- FOOTER --*/
.footercol{ color:#b3b3b3;	font-size: 12px; padding-bottom: 20px; text-align:center; }
.footercol a:link, .footercol a:visited{color:#b3b3b3; text-decoration: underline; }
.footercol a:hover, .footercol a:active{color:#000000; text-decoration: underline; }