@charset "utf-8";
/* CSS Document */


/************/
/** custom **/
/************/
.breadcrumb { float:left; width:646px; margin:0px; padding:15px 0px 0px 240px; height:55px; display:inline; }


/************/
/*** body ***/
/************/
*{ margin:0px; padding:0px;}
html { height:100%;}
body { background:#a21636; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#FFF; height:100%;}
img { border:0px;}
.clear { clear:both;}
a { color:#FFF; font-size:11px; text-decoration:none; }
.link { color:#FFF; font-size:11px; text-transform:uppercase; text-decoration:none; }


/***************/
/*** wrapper ***/
/***************/
.wrapper { background:url(/images/wrapper_bg.png) repeat-y; width:1024px; min-height:1280px; margin:0 auto; padding:34px 0px 50px 0px;}


/**************/
/*** header ***/
/**************/
.header { position:relative; background:url(/images/header_bg.png) no-repeat; width:1004px; height:63px; padding:8px 20px 0px 0px; z-index:99;}
.header h1 { float:left; background:url(/images/logo.png) no-repeat; width:220px; height:42px; text-indent:-100000px; overflow:hidden;}
.header h1 a:link, h1 a:hover, h1 a:visited, h1 a:active { display:block; width:220px; height:48px;}
.headerShaduw { position:absolute; left:-8px; top:0px; background:url(/images/headerSchaduw.png); width:8px; height:71px;}
.header a.login { position:absolute; top:-20px; right:200px; color:#FFF; font-size:11px; text-transform:uppercase; text-decoration:none;}
.header a.logout { position:absolute; top:-20px; right:190px; color:#FFF; font-size:11px; text-transform:uppercase; text-decoration:none;}
.header a.login:hover { color:#f3ca12;}

	/*** menubar ***/
	.menubar { float:left; position:relative; z-index:500; width:554px;}
	.menubar ul { width:554px; margin:0px; padding:0px 0px 0px 0px; list-style:none;}
	.menubar ul li { position:relative; float:left;}
	.menubar ul li a { display:block; color:#FFF; font-size:11px; text-transform:uppercase; text-decoration:none; padding:14px 7px 13px 10px;}
	.menubar ul li a:hover { color:#f3ca12;}
	 
	.menubar ul ul { position:absolute; left:0px; top:40px; background:url(/images/drop_bg.png) no-repeat bottom; width:165px; padding:0px 3px 10px 3px; visibility:hidden;}
	.menubar ul ul li a { display:block; float:left; width:165px; text-transform:none; padding:0px 0px 0px 5px;}
	.menubar ul li:hover ul, .menubar li.hover ul { visibility:visible;}
	.menubar li:hover ul ul, .menubar li.hover ul ul { visibility: hidden; position:absolute; left:160px; top:0px;}
	.menubar li li:hover ul, .menubar li li.hover ul { visibility: visible;}
	.menubar li li:hover ul ul, .menubar li li.hover ul ul { visibility: hidden;}
	.menubar li li li:hover ul, .menubar li li li.hover ul { visibility: visible;}

	.menubar :hover > a, .menubar ul ul :hover > a {color:#f3ca12;}

	 
	/*** zoeken ***/
	.zoeken { position:relative; float:right; background:#FFF; width:230px; height:42px;}
	.zoeken input { position:absolute; left:20px; top:13px; width:180px; font-size:11px; text-transform:uppercase; border:1px solid #FFF;}
	
	/*** subMenuBar ***/
	ul.subMenuBar { float:left; z-index:51; margin:0px; padding:2px 0px 0px 214px; list-style:none;}
	ul.subMenuBar li { position:relative; z-index:52; float:left; margin:0px 0px 0px 17px;}
	ul.subMenuBar li a { display:block; padding:0px 0px 6px 0px; color:#FFF; font-size:11px; text-decoration:none;}
	ul.subMenuBar li a:hover { color:#f3ca12;}
 
	ul.subMenuBar ul { position:absolute; left:-5px; top:18px; background:url(/images/drop_bg.png) no-repeat bottom; width:165px; padding:0px 3px 10px 3px; list-style:none; visibility:hidden;}
	ul.subMenuBar ul li { margin:0px;}
	ul.subMenuBar ul li a { display:block; float:left; width:165px; text-transform:none; padding:0px 0px 0px 5px;}
	ul.subMenuBar li:hover ul, .ul.subMenuBar li.hover ul { visibility:visible;}

	ul.subMenuBar :hover > a, ul.subMenuBar ul :hover > a {color:#f3ca12;}


/***************/
/*** content ***/
/***************/
.content { float:left; width:1024px; margin:0px; padding:0px 0px 0px 0px; z-index:-1;}
.left { float:left; width:175px; height:386px; padding:0px 0px 0px 65px; display:inline;}
.contentvak { position:relative; float:left; width:492px; padding:0px 42px 0px 0px; display:inline; z-index:1;}
.sideWrapper { position:fixed; left:0px; top:183px; width:100%; margin:0px -3px 0px 0px; z-index:10;}
.sidebar { float:right; width:204px; padding:0px 26px 0px 0px; display:inline;}
.sidebarFixed { width:204px; margin:0 auto; padding:0px 26px 0px 794px; overflow:hidden;}

	 
	 /*** contentvak ***/
	 .contentvak h2 { font-size:24px; font-weight:normal; text-transform:uppercase; padding:0px 0px 39px 0px;}
	 .contentvak p { line-height:16px;}
	 .contentvak ul { margin:0px; padding:16px 0px 0px 0px; list-style:none;}
	 .contentvak ul li { background:url(/images/contentvak_bullit.png) no-repeat 1px 8px; padding:0px 0px 0px 14px;}
	 
	 /*** sidebar ***/
	 .sidebar h2 { font-size:24px; font-weight:normal; text-transform:uppercase;}
	 
	      /*** item ***/
		  .item { background:url(/images/sidebar_break.png) repeat-x bottom; padding:30px 0px 30px 0px;}
		  .item h4 { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
		  .item p { color:#c5c5c7; line-height:16px;}
		  .item a { color:#FFF; text-transform:uppercase; text-decoration:none;}
		  .last { background:none;}
		  
	/*** left ***/
	.left img { float:left; margin:0px 0px 26px 0px;}
	



/*****************/
/*** formulier ***/
/*****************/
fieldset { width:350px; border:none;}
.veld { float:left; width:350px; padding:0px 0px 10px 0px;}
.veld label { float:left; width:350px;}
.veld input.text { width:300px;}
.veld textarea { width:300px; height:80px;}
.break { padding:0px 0px 30px 0px;}






/******************************************************************************/
/*** medewerkers **************************************************************/
/******************************************************************************/

	/*** medewerkersNamen ***/
	ul.medewerkersNamen { float:left; width:214px; list-style:none; display:inline;}
	ul.medewerkersNamen li { background:none;}
	ul.medewerkersNamen li a { position:relative; color:#FFF; text-decoration:none;}
	ul.medewerkersNamen li a:hover { color:#f3ca12;}
	
	/*** medewerkersFoto ***/
	ul.medewerkersFoto { float:right; width:260px; list-style:none; display:inline;}
	ul.medewerkersFoto li { float:left; background-color:#000000; width:63px; height:63px; margin:0px 2px 2px 0px; padding:0px; display:inline; }
	ul.medewerkersFoto li a { position:relative; display:block; width:63px; height:63px; }
	ul.medewerkersFoto li a span { position:absolute; left:0px; top:0px; display:none; background:url(/images/medewerkersFoto_hover.png) repeat; width:63px; height:63px; }
	ul.medewerkersFoto li a:hover span { display:block;}
	ul.medewerkersFoto li a img { valign:middle; align:center; max-width:63px; max-height:63px; }

	/*** medewerkerBox ***/
	.medewerkerBox { float:left; padding:0px 0px 0px 0px;}
	.medewerkerBox img { display:block; padding:0px 0px 20px 0px;}
	.medewerkerBox em { display:block; font-size:24px; font-weight:normal; font-style:normal;}
	.medewerkerBox span { display:block; padding:20px 0px 0px 0px;}
	.medewerkerBox strong { display:block;}
	





/******************************************************************************/
/*** reacties *****************************************************************/
/******************************************************************************/

	/*** reactie ***/
	.reactie { background:url(/images/sidebar_break.png) repeat-x bottom; width:492px; padding:30px 0px 30px 0px;}
	.reactie h5 { font-size:10px;}
	.reactie h5 span { font-weight:normal;}
	
	/*** reactieToevoegen ***/
	form.reactieToevoegen fieldset { width:492px; padding:30px 0px 0px 0px;}
	form.reactieToevoegen .veld { width:492px;}
	form.reactieToevoegen .veld label { display:block; padding:15px 0px 20px 0px;}
	form.reactieToevoegen .veld input { width:472px; height:17px; padding:3px 10px 0px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px;}
	form.reactieToevoegen .veld textarea { width:482px; height:60px; padding:0px 0px 0px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px;}
	form.reactieToevoegen input.verzenden { background:none; border:none; padding:0px; cursor:pointer; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; font-size:10px; text-transform:uppercase;}
	





/******************************************************************************/
/*** fotos ********************************************************************/
/******************************************************************************/

	/*** reactie ***/
	.fotoBox { background:url(/images/sidebar_break.png) repeat-x bottom; width:492px; padding:30px 0px 30px 0px;}
	.fotoBox h5 { font-size:10px;}
	.fotoBox h5 span { font-weight:normal;}
	
		/*** fotoThumbs ***/
		.fotoBox ul.fotoThumbs { width:495px; overflow:hidden;}
		.fotoBox ul.fotoThumbs li { float:left; display:block; background:none; width:97px; height:75px; margin:0px 2px 2px 0px; padding:0px;}
		.fotoBox ul.fotoThumbs li a img { valign:middle; align:center; max-width:97px; max-height:75px; }