﻿/* CSS Document */

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body				 				{ font-size: 12px; font-family: Arial; color: #303030; }
input								{ font-family: Arial, Verdana, sans-serif; }
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ color:#004C7D; outline:none; text-decoration:none; font-weight:bold; }
a:hover								{ color:#FF6600;  }
a img								{ background: none; }
a:active, a:focus 					{ outline:none; }
img									{ border: none; }
table								{ border-collapse: collapse; }
p									{ padding:5px 0px; line-height:20px; }
hr									{ display:none; }
object 								{ outline:none; }
.hidden								{ display:none; }

/* DEFAULTS */

.abs 								{ position:absolute;top:0px;left:0px; }
.ar									{ text-align:right; }
#center						  		{ position:relative; width:940px; margin:0 auto; }
.popup .center						{ position:relative; width:600px; margin:0 auto; }
.clear						 		{ clear:both; }
.fl 								{ float:left; display:inline; }
.fr									{ float:right; }
input								{ background:#fafaf0; }
.noborder							{ border:0px !important;background:none; }
.rel 								{ position:relative; }
textarea							{ background:#fafaf0; }
IMG									{ margin-right:20px; margin-bottom:20px; }

.nowrap								{ white-space:nowrap; }
.small								{ font-size:10px; font-weight:normal; }
.blue								{ color:#004c7d; }
.lightblue							{ color:#008be4; }
.dark								{ color:#303030; }
.white								{ color:#ffffff; }
.content							{ color:#5e5e5e; }

h1									{ font-size:20px; font-weight:bold; color:#ff6600; line-height:25px; }
h2									{ font-size:20px; font-weight:bold; color:#ff6600; line-height:25px; }
h3									{ font-size:14px; font-weight:bold; color:#303030; line-height:20px; }

.btn-big							{ color:#ffffff; font-size:14px; font-weight:bold; line-height:28px; text-indent:10px; cursor:pointer; }
.btn-medium							{ color:#ffffff; font-size:14px; font-weight:bold; line-height:28px; text-indent:10px; cursor:pointer; float:left; margin-left:2px; }
.btn-small							{ color:#ffffff; font-weight:bold; line-height:20px; text-indent:10px; cursor:pointer; float:left; margin-left:1px; }
.btn-smallblue						{ color:#3c505d; font-weight:bold; line-height:20px; text-indent:10px; cursor:pointer; float:left; }
.btn-search							{ width:18px; height:18px; cursor:pointer; position:absolute; right:11px; top:15px; }

.line								{ height:1px; background-color:#e3e3e3; background-repeat:repeat-x; }
.yvette_text						{ width:400px; }
.yvette								{ position:absolute; bottom:0px; right:0px; }


/* SPRITES */

.sprite								{ background: url('img/sprites.png') no-repeat top left;		  }
.logo-footer						{ background-position:   0px  -61px; 	width:228px; height:71px; }
.logo-header						{ background-position:   0px -133px;	width:522px; height:71px; }
.btn-big							{ background-position:-229px  -61px; 	width:260px; height:30px; }
.btn-big-o							{ background-position:-229px  -92px; 	width:260px; height:30px; }
.btn-medium							{ background-position:   0px -247px;	width:170px; height:30px; }
.btn-medium-o						{ background-position:   0px -278px;	width:170px; height:30px; }
.btn-small							{ background-position:-171px -247px;	width:130px; height:20px; }
.btn-small-o						{ background-position:-171px -268px;	width:130px; height:20px; }
.btn-xsmall							{ background-position:-291px -205px;	width: 90px; height:20px; }
.btn-xsmall-o						{ background-position:-382px -205px;	width: 90px; height:20px; }
.btn-smallblue						{ background-position:-301px -226px;	width: 90px; height:20px; }
.btn-aanmelden						{ background-position:-302px -247px;	width: 30px; height:30px; }
.btn-aanmelden-o					{ background-position:-333px -247px;	width: 30px; height:30px; }
.bg-aanmelden						{ background-position:   0px    0px; 	width:540px; height:60px; }
.bg-menu							{ background-position:   0px -309px; 	width:940px; height:42px; }
.bg-menutab-o						{ background-position:   0px -352px; 				 height:42px; }
.bg-menutab-a						{ background-position:   0px -395px; 				 height:42px; }
.bg-menutab-stroke					{ background-position:-490px  -61px; 	width:  1px; height:42px; }
.bg-menutab-search-a				{ background-position:   0px -438px;    width:940px; height:42px; }
.bg-search-input					{ background-position:   0px -205px;	width:290px; height:20px; }
.bg-input-a							{ background-position:   0px -226px;	width:300px; height:20px; }
.icon-check							{ background-position:-229px -123px;	width: 10px; height: 9px; }
.icon-error							{ background-position:-171px -289px;	width:300px; height:18px; }
.menu-btn-homepage					{ background-position:-541px    0px;	width: 36px; height:40px; }
.menu-btn-homepage-o				{ background-position:-578px    0px;	width: 36px; height:40px; }
.menu-btn-homepage-a				{ background-position:-615px    0px;	width: 36px; height:40px; }
.menu-btn-whoarewe					{ background-position:-541px  -41px;	width: 72px; height:40px; }
.menu-btn-whoarewe-o				{ background-position:-614px  -41px;	width: 72px; height:40px; }
.menu-btn-whoarewe-a				{ background-position:-687px  -41px;	width: 72px; height:40px; }
.menu-btn-whatdowedo				{ background-position:-541px  -82px;	width: 84px; height:40px; }
.menu-btn-whatdowedo-o				{ background-position:-626px  -82px;	width: 84px; height:40px; }
.menu-btn-whatdowedo-a				{ background-position:-711px  -82px;	width: 84px; height:40px; }
.menu-btn-workgroups				{ background-position:-541px -123px;	width: 54px; height:40px; }
.menu-btn-workgroups-o				{ background-position:-596px -123px;	width: 54px; height:40px; }
.menu-btn-workgroups-a				{ background-position:-651px -123px;	width: 54px; height:40px; }
.menu-btn-agenda					{ background-position:-541px -164px;	width: 48px; height:40px; }
.menu-btn-agenda-o					{ background-position:-590px -164px;	width: 48px; height:40px; }
.menu-btn-agenda-a					{ background-position:-639px -164px;	width: 48px; height:40px; }
.menu-btn-media						{ background-position:-541px -205px;	width: 37px; height:40px; }
.menu-btn-media-o					{ background-position:-579px -205px;	width: 37px; height:40px; }
.menu-btn-media-a					{ background-position:-617px -205px;	width: 37px; height:40px; }
.menu-btn-contact					{ background-position:-541px -246px;	width: 45px; height:40px; }
.menu-btn-contact-o					{ background-position:-587px -246px;	width: 45px; height:40px; }
.menu-btn-contact-a					{ background-position:-633px -246px;	width: 45px; height:40px; }


/* HEADER */

#header								{ height:180px; background-color:#474747; }
#header .bg-aanmelden				{ left:380px; top:100px; position:relative; cursor:pointer; }
#header .btn-aanmelden				{ left:870px; top:55px; position:relative; cursor:pointer; }
#logo								{ margin-top:12px; margin-bottom:19px; }


/* MENU */

#menu								{ height:42px; margin-top:8px; margin-bottom:20px; font-size:14px; }
#menu IMG							{ border:none; margin-right:0px; }
#menu .menuitem-img					{ height:40px; width:auto; }
#menu ul							{ list-style:none; line-height:44px; margin-left:10px; }
#menu ul li							{ border:none; display:inline; color:#ffffff; height:40px; float:left; padding-left:14px; padding-right:14px; cursor:pointer; padding-top:2px; }
#menu ul li.bg-menutab-search-a		{ width:auto; margin-top:2px; margin-right:0px; padding-top:0px; padding-left:11px; }
#menu ul li.bg-menutab-stroke		{ width:1px; padding:0px; height:40px; }
#menu ul li.bg-menutab-a			{  }
#menu ul li.bg-menu					{ width:auto; }
#menu .search						{ float:right; padding-right:10px; cursor:default; }
#menu .search INPUT					{ width:288px; height:18px; color:#ffffff; font-size:12px; border:none; padding-left:2px; padding-top:2px; margin-top:11px; }
.search-results-div					{ width:291px; position:absolute; top:311px; right:0; background-color:#005d99; margin-top:9px; margin-left:-11px; padding:10px; z-index:1000; display:none; }
ul.search-results					{ list-style:none; margin-left:0px; }
ul.search-results li				{ clear:both; font-weight:normal; border-bottom:solid 1px #005489; height:20px; line-height:10px; width:283px; }
.search_title						{ color:#ffffff; }
ul.search-results li A				{ color:#ffffff; }
ul.search-results li.header			{ }
ul.search-results li.sub			{ background-color:#0077c3; font-weight:bold; }
ul.search-results li.bg-menutab-search-o { background-color:#0077c3; }

/* LEFT COLUMN */

#left								{ float:left; width:640px; color:#5e5e5e; font-size:12px; line-height:20px; }
#left .margin						{ margin-top:15px; margin-bottom:10px; padding-right:20px; }


/* RIGHT COLUMN */

#right								{ float:left; width:300px; color:#303030; font-size:12px; }
#right .margin						{  }

#fullwidth							{ width:940px; }

/* ROUNDED BOX */

.roundedBox							{ position:relative; padding:18px; padding-top:14px; height:196px;  }
.roundedBox .title					{ color:#3c505d; font-size:14px; font-weight:bold; line-height:20px; height:20px; overflow:hidden; }
.roundedBox IMG						{ margin:0; }
.corner								{ position:absolute; width:5px; height:5px; }

/* BORDERED */
.b_topLeft							{ top:-1px; left:-1px; background-position:0px 0px; } /* background-position:left top */
.b_topRight							{ top:-1px; right:-1px; background-position:-5px 0px; }
.b_bottomLeft						{ bottom:-1px; left:-1px; background-position:0px -5px; }
.b_bottomRight						{ bottom:-1px; right:-1px; background-position:-5px -5px; }

/* NON-BORDERED */
.topLeft							{ top:0px; left:0px; background-position:0px 0px; } /* background-position:left top */
.topRight							{ top:0px; right:0px; background-position:-5px 0px; }
.bottomLeft							{ bottom:0px; left:0px; background-position:0px -5px; }
.bottomRight						{ bottom:0px; right:0px; background-position:-5px -5px; }

.arrow								{ bottom:-11px; right:20px; background-position:bottom right; width:20px; height:11px; }

.box_grey							{ background-color:#f1f1f1; border:solid 1px #e2e2e2; }
.box_grey .corner					{ background-image:url('img/box-grey.png'); }
.box_white							{ background-color:#ffffff; border:solid 1px #e2e2e2; }
.box_white .corner					{ background-image:url('img/box-white.gif'); }
.box_blue							{ background-color:#008be4; width:264px; float:left; padding-top:15px; height:147px; }
.box_blue .corner					{ background-image:url('img/box-blue.gif'); }
.box_lightblue						{ background-color:#72c8ff; color:#ffffff; }
.box_lightblue .corner				{ background-image:url('img/box-lightblue.gif'); }
.box_orange							{ background-color:#ffa200; color:#303030; width:584px; height:147px; float:left; position:relative; margin-right:20px; padding-top:15px; }
.box_orange .corner					{ background-image:url('img/box-orange.gif'); }
.box_whiteblue						{ background-color:#f4f7f9; border:solid 1px #d9e3ea; }
.box_whiteblue .corner				{ background-image:url('img/box-whiteblue.gif'); }

/* CONTENT */
.content							{ }
.content IMG						{ float:left; }
.content LABEL						{ color:#1b1b1b; font-weight:bold; float:left; clear:both; margin:2px 0; }
.content INPUT						{ border:solid 1px #d4d4d4; background-color:#ffffff; float:left; clear:both; width:296px; height:16px; padding-top:2px; padding-left:2px; }
.content INPUT.icon-error			{ border:solid 1px #b9b9b9; }
.content INPUT.bg-input-a			{ border:none; height:18px; }
.content TEXTAREA					{ border:solid 1px #d4d4d4; background-color:#ffffff; float:right; clear:both; width:298px; height:150px; }
.lid-full							{ display:none; }
.lid-full .content					{ font-weight:normal; font-size:10px; padding-left:60px; margin-top:10px; line-height:20px; }
.lid-full .content INPUT			{  }
.lid-full .content TEXTAREA			{ width:240px; height:151px; }
.lid-full .content LABEL			{ font-size:12px; }
.lid-full .content P				{ font-size:12px; }
.lid-full .content .btn-small		{ margin-top:5px; float:right; font-size:12px; }
.lid-full .icon-check				{ margin-top:5px; }
.lid-contact-response				{ float:right; width:100px; line-height:normal; font-weight:bold; margin-top:5px; }

#frmContact-response				{ float:right; text-align:right; clear:both; font-weight:bold; margin-top:5px; width:300px; }

.paging								{ float:right; }
.paging .previous					{ float:left; width:60px; text-align:right; }
.paging .pages						{ float:left; text-align:center; }
.paging .next						{ float:left; width:60px; }


/* HOMEPAGE */
.blog h2 a                          { color:#FF6600; }
.blog .intro						{ color:#004c7d; font-weight:bold; font-size:14px; margin-top:10px; }
.blog .date							{ font-size:11px; height:23px; }
.blog .body							{ font-size:11px; height:80px; overflow:hidden; }
.blog .body a                       { color:#5E5E5E;font-weight:normal;}
.blog .readmore                     { position:absolute;top:197px;left:17px;}
.blog .image						{ margin-top:10px; }

.column .readmore                   { position:absolute;top:197px;left:17px;}

/* Lijsten */
ul  								{ color:#3c505d; font-size:12px; font-weight:bold; list-style-type:none;}
ul.list								{ color:#3c505d; font-size:12px; font-weight:bold; list-style:none outside;}
ul li								{ border-bottom:solid 1px #e3e3e3; line-height:normal; padding-top:10px; float:left; }
ul li.leden							{ float:left; margin-bottom:0; font-size:12px; font-weight:normal; width:620px; }
ul li.archief						{ float:none; line-height:24px; border-bottom:0px;  }
ul li.archief .clear                { line-height:18px; border-top:solid 1px #e3e3e3; padding-top:5px; font-weight:normal;}
ul li.open							{  }
ul li IMG							{ width:48px; height:48px; border:solid 1px #ffffff; float:left; display:inline; margin-right:10px; }
ul li.leden IMG						{ margin-bottom:10px; }

ul.fotos							{ width:630px; margin-top:10px; }
ul.fotos li							{ border:none; margin-right:0px; }
ul.fotos li div                     { width:80px;height:80px;margin-right:45px;}
ul.fotos li div IMG					{ width:80px; height:80px; margin:0; border:none; float:none; margin-top:-10px; }


ul.videos li						{ width:280px; height:160px; margin-right:20px; }
ul.videos li IMG					{ width:auto; height:auto; }

ul.persberichten li					{ width:300px;height:175px; font-weight:normal;padding-right:10px;}

.btn-meer-info						{ background-image:url('img/btn-meer-info.png'); width:90px; height:20px; display:block; }
.btn-meer-info-o					{ background-image:url('img/btn-meer-info-o.png'); }
.btn-lees-meer						{ background-image:url('img/btn-lees-meer.gif'); width:90px; height:20px; display:block; }
.btn-lees-meer-o					{ background-image:url('img/btn-lees-meer-o.gif'); }
.btn-naar-de-website				{ background-image:url('img/btn-naar-de-website.gif'); width:130px; height:20px; display:block; }
.btn-naar-de-website-o				{ background-image:url('img/btn-naar-de-website-o.gif'); }
.btn-msn							{ background-image:url('img/btn-msn.gif'); width:170px; height:30px; display:block; float:left; margin-right:40px; }
.btn-msn-o							{ background-image:url('img/btn-msn-o.gif'); }
.btn-hyves							{ background-image:url('img/btn-hyves.gif'); width:170px; height:30px; display:block; float:left; }
.btn-hyves-o						{ background-image:url('img/btn-hyves-o.gif'); }
.btn-contact-verzenden				{ background-image:url('img/btn-contact-verzenden.png'); width:140px; height:30px; display:block; float:right; }
.btn-contact-verzenden-o			{ background-image:url('img/btn-contact-verzenden-o.png'); }

/* SUBMENU */
#submenu							{ clear:both; }
#submenu ul							{ color:#004c7d; font-size:12px; border-bottom:solid 1px #d5d5d5; float:left; width:620px; }
#submenu ul li						{ border:solid 1px #d5d5d5; float:left; margin-right:10px; padding-top:8px; padding-left:5px; padding-right:5px; height:22px; text-align:center; margin-bottom:-1px; cursor:pointer; }
#submenu ul li.active A				{ color:#ff6600; }

/* SITEMAP */

#sitemap							{ width:940px; display:block; color:#5e5e5e; font-weight:bold; }
#sitemap .logo-footer				{ margin-top:20px; margin-left:10px; float:left; }
#sitemap .links						{ margin-top:0px; float:right; line-height:normal; }
#sitemap ul							{ list-style-type:none; float:left; margin-right:30px; width:120px; }
#sitemap li							{ line-height:30px; border:none; float:none; }
#sitemap li.sub						{ font-weight:normal; line-height:18px; padding-top:0px; color:#919191; }
#sitemap li.sub A					{ font-weight:normal; }


/* POLL */

UL.poll LI							{ float:none; padding-top:10px; padding-bottom:10px; }



/* FOOTER */

#footer								{ float:left; width:940px; height:30px; color:#919191; }
#footer .margin						{ margin:5px; }
.copyright							{ color:#999999; height:50px; }