/* CSS Document */

*{
	padding:0;
	margin:0;
}

#homeLink a{
	width:110px;
	height:150px;
	display:block;
	position:absolute;
	text-indent:-2500px;	
}


/* LAYOUT */
#bgL, #bgR{
	position:absolute;
	height:115px;
	background-color:#F6E0CB;
	width:50%;
	top:269px;
}
#bgR{
	float:right;
	right:0;
	top:362px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}

a{
	color:#0A4990;
	text-decoration:none;
}

a:hover{
	color:#083A72;
	text-decoration:underline;
}

#wrapper{
	width:995px;
	position:absolute;
	margin-left: 50%;
	left:-490px;
	border:1px solid #083A72;
	border-bottom:10px solid #083A72;
	background-color:#FFF;

}

#hdr{
	background-repeat:no-repeat;
	background-color:#FFFCFB;
	height:245px;	
}

.hdr1{
	background-image:url(../img/hdr.jpg);
}
.hdr2{
	background-image:url(../img/hdr1.jpg);
}
.hdr3{
	background-image:url(../img/hdr2.jpg);
}
.hdr4{
	background-image:url(../img/hdr3.jpg);
}

#zoekenForm{
	float:right;
	padding:10px;
}

#zoekenForm input.zoekOpdracht{
	border:1px solid #C99E75;
	padding:1px;
}



#topNav{
	height:23px;
	background-color:#0A4990;
	font-size:1.1em;
	border-bottom:1px solid #FFF;
}

#topNav ul li{
	list-style-type:none;
	float:left
}

#topNav ul li a{
	color:#FFF;
	line-height:23px;
	padding:3px 10px 3px 10px;
	text-decoration:none;
}

#topNav ul li a:hover,
#topNav ul li a.active,
#topNav ul li a:active
{
	background-color:#083A72;
}


#leftCol{
	width:165px;
	float:left;
}

#rightCol{
	width:199px;
	float:left;
}

#centerCol{
	width:591px;
	float:left;
	padding:10px 20px;
}

#centerColLogin{
	width:780px;
	float:left;
	padding:10px 20px;
	min-height:450px;
	height:auto;
	_height: 450px;	
}

#leftCol, #rightCol, #centerCol, #centerColLogin{
	line-height:1.6em;
}

#content h1{
	color:#bc5e52;
	font-size:16px;
	border-bottom:1px solid #eac5c0;
	margin-bottom:5px;
	padding-bottom:3px;
}

#content h2{
	color:#0A4990;
	font-size:13px;
	border-bottom:1px solid #F6E0CB;
	margin-bottom:5px;
	padding-bottom:3px;
	margin-top:15px;
}

/*
#content img{
	float:right;
	border:1px solid #0C3B6E;
	padding:3px;
	background-color:#FFF;
	margin-left:10px;
}
*/



/* MENU LEFT */
#leftMenu{
	background-color:#0A4990;
	padding-top:5px;
	margin:5px;
}

#leftMenu ul li,
#leftMenu ul ul li,
#leftMenu ul ul,
#leftMenu ul
{
	list-style-type:none;
}

#leftMenu ul li a{
	padding:5px 2px 5px 5px;
	width:148px;
	/*height:25px;
	line-height:25px;*/
	color:#FFF;
	display:block;
	/*border:1px solid #CCFF00;	*/
}

#leftMenu ul ul li a{
	padding-left:20px;
	width:133px;	
}


#leftMenu ul ul {
	background-color:#083A72;
}

#leftMenu ul li a.open{
	font-weight:bold;
	background-color:#083A72;
}

#leftMenu ul ul li a.open{
	font-weight:bold;
	background-color:#083A72;
	color:#FFF;
}


#leftMenu ul ul.closed{
	display:none;
}

/* MENU ALLEEN VOOR BESTUUR*/
/* MENU LEFT */
#bestuursMenu{
	background-color:#F6E0CB;
	margin:5px;
}

#bestuursMenu ul li,
#bestuursMenu ul ul li,
#bestuursMenu ul ul,
#bestuursMenu ul
{
	list-style-type:none;
}

#bestuursMenu ul li a{
	padding:5px 2px 5px 5px;
	width:148px;
	/*height:25px;
	line-height:25px;*/
	color:#000;
	display:block;
	/*border:1px solid #CCFF00;	*/
}

#bestuursMenu ul ul li a{
	padding-left:20px;
	width:133px;	
}


#bestuursMenu ul ul {
	background-color:#F6E0CB;
}

#bestuursMenu ul li a.open{
text-decoration:underline;
	background-color:#EAC5C0;
}


#bestuursMenu ul ul.closed{
	display:none;
}












#leftCol h2, #rightCol h2{
	background-color:#083A72;
	font-size:13px;
	color:#FFF;
	padding:3px 10px;
}

#leftCol h3, #rightCol h3{
	background-color:#F4EFE8;
	font-size:12px;
	color:#666665;
	padding:3px 10px;
}

/*Nieuws*/
#Nieuws{
}
#Nieuws .nieuws-item{
	margin-top:5px;
	padding:6px;	
}

#Nieuws .nieuws-datum{
	color:#0A4990;
}

#btnNieuwsoverzicht{
	float:right;
	border:0
}

/*Leveranciers*/
#leveranciers p{
	margin:5px;
}

ul#leveranciersLijst{
	margin:5px 0 5px 22px;

}

ul#leveranciersLijst li{
	list-style-type:square
}



#path{
	margin-bottom:20px;
}




/*====================================================================*/
/*### START CSS VOOR MODULES */
/*###################################*/
/*FAQ*/
#FAQ{}
#FAQ .vraag{
	margin-bottom:5px;
}
#FAQ .antwoord{
	margin-bottom:10px;
	padding-left:3px;
	border-bottom:1px solid #EFEFEF;
}

#FAQ a:active{
	font-weight:bold;
}

/*###################################*/
/*LOGIN*/
#login{}

/*###################################*/
/*PORTFOLIO*/

#TopOptions{
	margin:15px;
	border:1px solid #EFEFEF;
	padding:5px;
	font-weight:bold;
	background-image:url(../img/gradient_grijs_wit.png);
	background-repeat:repeat-x;
	background-position:bottom;	
}


table.geaccrediteerd, td.geaccrediteerd, .geaccrediteerd{
	background-color:#EFEFEF;
	border:1px solid #CCC;
	margin-bottom:5px;
}
table.niet_geaccrediteerd, td.niet_geaccrediteerd, .niet_geaccrediteerd{
	background-color:#FFF;
	border:1px solid #CCC;
	margin-bottom:5px;
}

table.geaccrediteerd td, table.niet_geaccrediteerd td{
	padding:2px;
	border:1px solid #F8F8F8;
}

#toevoegen{
	border:1px solid #EFEFEF;
	padding:5px;
	margin-bottom:15px;
}


table.data, table.dataInput{
	border-left:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;	
}

table.data td.c1, .c1{
	border-bottom:1px solid #EFEFEF;
	background-color:#FFF;
	padding:2px;
}

table.data td.c2, .c2{
	border-bottom:1px solid #EFEFEF;
	background-color:#EFEFEF;
	padding:2px;
}

table.dataInput td.c1, .c1{
	border-bottom:1px solid #EFEFEF;
	padding:4px;
}

table.dataInput td.c2, .c2{
	border-bottom:1px solid #EFEFEF;
	padding:4px;
}

.TitleBar{
	background-color:#0A4990;
	color:#FFF;
	padding:3px;
	margin-top:4px;
	cursor:pointer;
}

.TitleBar:hover{
	text-decoration:underline;
}


.TitleBar1{
	background-color:#0A4990;
	color:#FFF;
	padding:3px;
	margin-top:4px;
}


.portfolio_regel{
	border:1px solid #CCC;
	margin-bottom:3px;
	padding:5px;
	cursor:pointer;
}

/*###################################*/
/*AGENDA*/
#maanden {
	margin-bottom:40px;
}
#maanden ul li{
	float:left;
	list-style-type:none;
	margin:0;
}

#maanden ul li a{
	display:block;
	background-color:#0A4990;
	width:30px;
	height:22px;
	line-height:22px;
	margin-right:5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border:1px solid;	
}

#content #maanden ul li a:hover,#content #maanden ul li a:active,#content #maanden ul li a.active {
	background-color:#F6E0CB;
	color:#666;
	border:1px solid;
}

#agendapunten{
	border:1px solid #EFEFEF;
	background-image:url(../img/gradient_grijs_wit.png);
	background-repeat:repeat-x;
	padding:5px;
}


#agendapunten h3{
	color:#0A4990;
	font-size:12px;
}

#agendapunten h3 span{
	font-weight:normal;
}
#agendapunten .showItem p{
	margin-top:10px;
}

#agendapunten a.bekijk{
	background-image:url(../img/magnifier.png);
	background-repeat:no-repeat;
	padding-left:20px;
}

/*###################################*/
/* WEBWINKEL */
img.artikel_afbeelding{
	border:1px solid #EFEFEF;
	padding:1px;
	background-color:#FFF;
	max-width:100px;
}

table#cart{
	border:1px solid #CCC;
}

td.spacer{
	border-bottom:1px solid #EFEFEF;
}

#webwinkel td.titel{
	background-image:url(../img/gradient_lichtGrijs_donkerGrijs.png);
	padding:6px 0 7px 6px;
	font-weight:bold;
}

#webwinkel td.verzendKosten{
	background-color:#EFEFEF;
	padding:4px 0 4px 8px;
	background-image:url(../img/gradient_grijs_wit.png);
}


#webwinkel td.inhoudWinkelWagen{
	font-weight:bold;
	border-bottom:1px solid #EFEFEF;
	padding:8px 0 8px 8px;	
}





#webwinkel .sendForm{
	padding:5px;
	float:right
}

#webwinkel .sendForm a.sbmtBtn{
	background-image:url(../img/cart_go.png);
	background-repeat:no-repeat;
	background-position:3px 5px;
	display:block;
	border:1px solid #CCC;
	height:25px;
	line-height:25px;
	width:130px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;
}

#webwinkel .sendForm a.sbmtBtn:hover{
	background-color:#EFEFEF;
}

#webwinkel h2{
	color:#bc5e52;
	font-size:14px;
	border-bottom:1px solid #eac5c0;
	margin-bottom:5px;
	padding-bottom:3px;
	margin-top:15px;
}

#webwinkel input.inptField{
	border:1px solid #777;
	padding:1px;
}


/*###################################*/
/* CONTACTFORMULIER  */

table#contactTable td{
	padding:3px;
}

input.inptField{
	border:1px solid #777;
	padding:1px;
}
textarea.TxtArea{
	border:1px solid #777;
	padding:1px;
	height:80px;
	width:300px;
}




/*VACATURE VRAAG*/

table#vacatures{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;		
}

td.hdr{
	background-image:url(../img/gradient_lichtGrijs_donkerGrijs.png);
	padding:6px 0 7px 6px;
	font-weight:bold;
	border-top:1px solid #CCC;
}

table#vacatures td.c1{
	background-color:#EFEFEF;
	padding:8px 0 8px 8px;
}

table#vacatures td.c2{
	background-color:#FFF;
	padding:8px 0 8px 8px;
}

.label{
	float:left
}

a.arrowUp{
	width:13px;
	height:13px;
	display:block;
	background-image:url(../img/arrowUp.gif);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #CCC;
	float:left;
	margin:2px;
	background-color:#FFF;
}
a.arrowDown{
	width:13px;
	height:13px;
	display:block;
	background-image:url(../img/arrowDown.gif);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #CCC;
	float:left;
	margin:2px;
	background-color:#FFF;	
}
a.arrowUp:hover,a.arrowDown:hover{
	border:1px solid #666;
}


/* VACATURES GEBODEN */

table#vacGeboden{
}

table#vacGeboden td{
	padding:3px;
	border-bottom:1px solid #EFEFEF;
}

#reagerenOpAanbod{
	border:1px solid #EFEFEF;
	padding:20px;
	background-image:url(../img/gradient_grijs_wit.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:15px 0;
}




/*BESTUURSSTUKKEN*/

a.icon{
	border:1px solid #CCC;
	padding:3px;
	width:16px;
	height:16px;
	background-color:#FFF;
	display:block;
	float:left;
	margin-left:5px;
}




/* ZOEKEN */


#zoekHeader{
	margin-bottom:15px;
	height:30px;
	border:1px solid #CCC;
	padding:0 0 0 6px;
	width:189px
}

#zoekHeader input{
	border:0;
	font-weight:bold;
}

.sectionSearch{
	border:1px solid #F4EFE8;

	margin:10px 0;
	padding:10px;
}

.sectionSearch h3{
	font-size:13px;
}

.highlight{
	background-color:#EFEFEF;
	color:#000;
}




#landkaartje{

	padding-left:40px;
}



/*LEDENZOEKER*/
td.TdHeader{
	background-color:#0A4990;
	color:#FFF;
	padding:1px 5px;
}

td.TdHeader a{
	color:#FFF;
}

td.class1{
	background-color:#F4F4F4;
	padding:1px 5px;
}
td.class2{
	background-color:#FFF;
	padding:1px 5px;
}

table#LedenZoeker tr:hover td{
	background-color:#CCC;
}

table#LedenZoeker tr:hover td.TdHeader{
	background-color:#0A4990;
}

/*GENERAL*/
.spacer{
	height:25px;
}

.clear{
	clear:both;
}

#errors{
	border:1px solid #CCC;
	background-color:#FEFEFE;
	color:#FF0000;
	margin:15px;
	padding:5px;
	font-weight:bold;
}

hr{
	height:1px;
	border-bottom:1px solid #CCC;
}

/* === POPUP BOX === */
#layer{
	background-color:#000;
	position:absolute;
	z-index:1000;
	width:100%;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	display:none;	
}

#popupbox{
	z-index:1001;
	width:1px;
	position:absolute;
	left:-485px;
	margin-left:50%;
	background-color:#FFF;
	height:1px;
	display:none;
	top:10px;
	padding:10px;
	border:1px solid #CCC;
}

#closeLayer{
	background-color:#0A4990;
	padding:10px;
	color:#FFF;
	height:25px;
	line-height:25px;

}

#closeLayer a{
	color:#FFF;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

a#leftLink{
	float:left;
}

a#rightLink{
	float:right;
}


#fFrame{
	background-color:#EFEFEF;

}