@charset "utf-8";

/* HTML ELEMENTEN */
h1,		
h2, 		
h3, 
h4,
h5,
h6,
p 				{ margin:0; padding:0 0 12px; }
a 				{ text-decoration:underline; color:#6C0000; }

/* FORM ELEMENTEN */
form 					{ margin:0; padding:0; }
form img 				{ border:none; }
input[type=text]		{ }
input[type=submit]		{ cursor:pointer; }
input[type=submit]		{ cursor:pointer; }
input[type=checkbox]	{ }
input[type=radio]		{ }
input[type=button]		{ }
textarea				{ width:200px; height:100px; }
select					{ width:50px; }

/* COMMON CLASSES */
.fleft 			{ float:left; }
.fright 		{ float:right; }
.tcenter		{ text-align:center; }
.tright			{ text-align:right; }
.breaker,
.clear,
.break			{ clear:both; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.hidden			{ display:none; }
.underline		{ text-decoration:underline; }
.uppercase		{ text-transform:uppercase; }
.smallcaps		{ font-variant:small-caps; }
.two			{ color:#3bb3e2; }
.dare			{ color:#0d3762; }
.hrSolid		{ position:relative; width:100%; height:2px; background:url(../images/hrSolid.png) repeat-x top left; margin:4px 0; }
a.readmore		{ background:url(../images/breadcrumb.png) no-repeat center left; padding:0 15px 0 10px; text-decoration:underline; font-size:11px; color:#333; }
.date			{ font-size:10px; color:#666; }

/* ERROR CLASSES FORM ELEMENTEN */
.error input, .error textarea {border: 1px solid red;} {border: 1px solid red;}


/* body */
body 				{ margin:0; padding:0; background:#e5e5e5; font-family:Verdana, Geneva, sans-serif; }

/* main */
#mainContainer		{ position:relative; width:920px; margin:0 auto; z-index:1; }

/* header */
#headerContainer	{ position:relative; width:920px; height:126px; background:url(../images/headerContainer.png) no-repeat top left; z-index:3; }
#logo				{ position:absolute; top:12px; left:155px; }
#logo img			{ border:none; }
.headerRight		{ position:absolute; top:16px; right:4px; width:209px; height:101px; }
.headerRight a		{ padding:60px 0 0; text-align:center; display:block; text-decoration:none; color:#6c0000; font-size:14px; font-weight:bold; font-family:Arial;}
.headerArrow		{ position:absolute; bottom:-24px; right:76px; width:54px; height:36px; background:url(../images/arrow.png) no-repeat top left; }
#mediaspace			{ text-align:center; background: url("../images/submenu.png") repeat scroll left top transparent}

/* content */
#contentContainer 	{ position:relative; width:912px; margin:-9px auto 0; background:#fff; font-size:11px; line-height:16px; z-index:2; }
#contentContainer h2{ font-size:15px; color:#6c0000; }
#contentContainer h3{ font-size:11px; color:#7a7a7a; padding:0; }
#contentLeft		{ position:relative; float:left; width:703px; }
#contentLeft p		{ padding:4px 0; }
#contentLeftTop		{ position:relative; width:703px; background:#a6a6a6; }

#contentLeftColumn 	{ position:relative; float:left; width:209px;}
#contentLeftCenter	{ position:relative; float:left; width:494px; }



/* menu */
#menu				{ position:relative; float:left; width:156px; min-height:300px; padding:15px 28px 0 25px; font-size:11px; text-transform:uppercase;background:#a6a6a6;}
#menu ul			{ margin:0; padding:0; }
#menu li			{ list-style-type:none; line-height:30px; background:url(../images/hrDottedWhite.png) no-repeat top right; }
#menu a				{ text-decoration:none; color:#fff; background:url(../images/iconGray.png) no-repeat center left; padding:0 0 0 20px; display:block; }
#menu a:hover,		
#menu a.active		{ background:url(../images/iconActive.png) no-repeat center left; color:#6c0000; }

#submenu			{ position:absolute; top:0; left:0; width:181px; height:315px; background:url(../images/submenu.png) repeat top left;z-index:100 }
#submenu ul			{ margin:0; padding:0 0 0 24px; background:url(../images/submenuUL.png) no-repeat left 30px; }
#submenu ul#profiel	{ margin:16px 0 0; }
/* elk volgend  id +30px */
#submenu ul#waarom	{ margin:46px 0 0; }
#submenu li			{ list-style-type:none; line-height:15px; background:url(../images/hrDottedSubmenu.png) no-repeat top right; width:126px; }
#submenu a			{ text-decoration:none; color:#000000; background:url(../images/iconGrayLine.png) no-repeat center left; padding:8px 0 8px 20px; display:block; }
#submenu a:hover	{ background:url(../images/iconActiveLine.png) no-repeat center left; color:#5d5d5d;}
#submenu a.active	{ background:url(../images/iconActiveLine.png) no-repeat center left; color:#5d5d5d; }

#banner				{ position:relative; float:left; width:494px; background:#FFFFFF; margin-bottom:10px}
.bannerCorner		{ position:absolute; bottom:0; right:0; background:url(../images/bannerCorner.png) no-repeat top left; width:25px; height:27px; z-index:100}

/* img */
.img		{ position:relative; width:168px; height:126px; margin:0 0 10px; background-position:center; background-repeat:no-repeat;}
.img img	{ border:none; }
.img a		{ position:absolute; top:0; left:0; width: 100%; height: 100%;}
.imgTL		{ position:absolute; top:0; left:0; background:url(../images/imgTL.png) no-repeat top left; width:4px; height:4px; z-index:5; }
.imgTR		{ position:absolute; top:0; right:0; background:url(../images/imgTR.png) no-repeat top right; width:4px; height:4px; z-index:5; }
.imgBR		{ position:absolute; bottom:0; right:0; background:url(../images/imgBR.png) no-repeat bottom right; width:4px; height:4px; z-index:5; }
.imgBL		{ position:absolute; bottom:0; left:0; background:url(../images/imgBL.png) no-repeat bottom left; width:4px; height:4px; z-index:5; }
.imgIcon	{ position:absolute; bottom:5px; right:5px; background:url(../images/iconActive.png) no-repeat top left; width:15px; height:15px;}
.imgOverlay	{ position:absolute; bottom:0; width:154px; color:#FFFFFF;background-color:#6C0000; height: auto; padding: 7px;opacity:0.7}

.imgMedium		{ position:relative; width:130px; height:98px; float:left; margin:0 3px 3px 0; background-position:center; background-repeat:no-repeat;}
.imgMedium img	{ border:none; }
.imgMedium a	{ position:absolute; top:0; left:0; width: 100%; height: 100%;}
.imgTLMedium	{ position:absolute; top:0; left:0; background:url(../images/imgTLsmall.png) no-repeat top left; width:2px; height:2px; }
.imgTRMedium	{ position:absolute; top:0; right:0; background:url(../images/imgTRsmall.png) no-repeat top right; width:2px; height:2px; }
.imgBRMedium	{ position:absolute; bottom:0; right:0; background:url(../images/imgBRsmall.png) no-repeat bottom right; width:2px; height:2px; }
.imgBLMedium	{ position:absolute; bottom:0; left:0; background:url(../images/imgBLsmall.png) no-repeat bottom left; width:2px; height:2px; }

.imgSmall		{ position:relative; width:81px; height:55px; float:left; margin:0 3px 3px 0; background-position:center; background-repeat:no-repeat;}
.imgSmall img	{ border:none; }
.imgSmall a		{ position:absolute; top:0; left:0; width: 100%; height: 100%;}
.imgTLSmall		{ position:absolute; top:0; left:0; background:url(../images/imgTLsmall.png) no-repeat top left; width:2px; height:2px; }
.imgTRSmall		{ position:absolute; top:0; right:0; background:url(../images/imgTRsmall.png) no-repeat top right; width:2px; height:2px; }
.imgBRSmall		{ position:absolute; bottom:0; right:0; background:url(../images/imgBRsmall.png) no-repeat bottom right; width:2px; height:2px; }
.imgBLSmall		{ position:absolute; bottom:0; left:0; background:url(../images/imgBLsmall.png) no-repeat bottom left; width:2px; height:2px; }


#contentLeftInfo	{ position:relative; float:left; width:179px; padding:30px 10px 10px 20px; }
.info 				{ position:relative; padding:0 0 6px 12px; }

#contentLeftText	{ position:relative; float:left; width:444px; padding:20px 25px; margin:0; background:url(../images/gradient.png) no-repeat top left; }
.hrDotted			{ position:relative; width:100%; height:1px; background:url(../images/hrDottedBlack.png) repeat-x top left; margin:5px 0 5px 0;}

#contentRight		{ position:relative; float:left; width:168px; padding:30px 20px 0 21px; }

/* footer */
#footerContainer	{ position:relative; width:920px; height:90px; line-height:100px; background:url(../images/footerContainer.png) no-repeat top left; font-size:11px; color:#3a3a3a; z-index:3; }
#copyright			{ position:relative; width:430px; padding:0 0 0 30px; float:left; }
#realisatie			{ position:relative; width:430px; padding:0 30px 0 0; float:left; text-align:right; }
#realisatie a		{ text-decoration:none; color:#3a3a3a; }
#realisatie a:hover	{ text-decoration:underline;}