@charset "utf-8";

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

/* TEXT COLORS */
.white					{ color:#FFF }
.black					{ color:#000 }
.darkgreen				{ color:#465204 }

/* 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:200px; }
select					{ width:50px; }

/* COMMON CLASSES */
.dotted					{ background:url(../images/hrDottedBlue.png) repeat-x bottom left; width:490px; display:block; margin: 0 0 25px; 0; }
.readmore 				{ text-decoration:none; font-weight:bold; color:#1b8ca3; }
.icon					{ float:left; margin:0 2px 0 0;}
.two					{ color:#3bb3e2; }
.dare					{ color:#0d3762; }
.fleft 					{ float:left; }
.fright 				{ float: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; }

/* ERROR CLASSES FORM ELEMENTEN */
/* ERROR CLASSES FORM ELEMENTEN */
.error,
.notice, 
.success    { padding:10px; margin-bottom:16px; border:2px solid #ddd; }
.error      { background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }
.notice     { background:#fff6bf; color:#514721; border-color:#ffd324; }
.success    { background:#e6efc2; color:#264409; border-color:#c6d880; }
.error a    { color:#8a1f11; }
.notice a   { color:#514721; }
.success a  { color:#264409; }

form .formError{ background:#FBE3E4;border:2px solid #FBC2C4;color:#e21813;}
div.errors ul 					{ display:none; }
div.errors						{ float:left; margin:0 4px 0 0;padding:0; border:none}
.notValid,
div.errors input,
div.errors textarea				{ border: 1px solid #FBC2C4; color:#8A1F11;background-color:#FBE3E4;}

body 					{ margin:0; padding:0; background:url(../images/bodyBackground.jpg) repeat-x top left #f5fdff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body,
html					{ height:100%; }

/* BACKGOUND */
#backgroundContainer	{ position:relative; width:100%; min-height:100%; margin:0 auto; z-index:1; }
#cloudsContainer		{ position:absolute; top:0; left:0; width:100%; }
#cloudsFill				{ position:relative; height:239px; background:url(../images/clouds.png) no-repeat top left; margin:0 auto; }
#backgroundBottom		{ position:absolute; bottom:-35px; left:0; width:100%; height:365px; }
#backgroundBottomFill	{ position:relative; width:100%; height:365px; background:url(../images/backgroundBottom.png) repeat-x top center; }

/* MAIN */
#mainContainer			{ position:relative; width:962px; margin:0 auto; z-index:2; }

/* HEADER */
#headerContainer		{ position:relative; width:962px; height:123px; }
#headerContainer img	{ border:none; }
#logo					{ position:absolute; top:25px; left:11px; }
#slogan					{ position:absolute; top:60px; left:410px; }
#arnhem					{ position:absolute; top:14px; right:22px; }

#contentContainer		{ position:relative; width:962px; padding:50px 0 0; background:url(../images/contentContainer.png) repeat top left; }

/* MENU */
#menuTop					{ position:absolute; top:-10px; left:0; width:962px; height:67px; background:url(../images/menuBackground.png) no-repeat top left; font-size:12px; }
#menuTop ul					{ margin:0; padding:6px 0 0 10px; }
#menuTop li					{ list-style-type:none; float:left; margin:0 7px; position:relative; line-height:20px; }
#menuTop a					{ text-decoration:none; color:#333; height:22px; display:block; }
#menuTop li:hover,
#menuTop li.active 			{ background:url(../images/menuTopFill.png) repeat-x top left; }
#menuTop li:hover a,
#menuTop li.active a		{ color:#fff; }
#menuTop li:hover .left,
#menuTop li.active .left	{ position:absolute; top:0; left:-6px; width:6px; height:22px; background:url(../images/menuTopLeft.png) no-repeat top left; }
#menuTop li:hover .right,
#menuTop li.active .right	{ position:absolute; top:0; right:-6px; width:6px; height:22px; background:url(../images/menuTopRight.png) no-repeat top left; }

/* BANNER */
#bannerContainer			{ position:relative; width:918px; height:247px; padding:0 22px; background:url(../images/bannerBackground.png) no-repeat top left; }
#bannerArrowLeft			{ position:absolute; top:80px; left:0; width:22px; height:39px; }
#bannerArrowLeft a			{ background:url(../images/bannerArrowLeft.png) no-repeat top left; height:39px; display:block; }
#bannerArrowLeft a:hover	{ background:url(../images/bannerArrowLeftHover.png) no-repeat top left; }
#bannerArrowRight			{ position:absolute; top:80px; right:0; width:22px; height:39px; }
#bannerArrowRight a			{ background:url(../images/bannerArrowRight.png) no-repeat top left; height:39px; display:block; }
#bannerArrowRight a:hover	{ background:url(../images/bannerArrowRightHover.png) no-repeat top left; }
#bannerSlider				{ background:url(../images/bannerSlidebackground.png) no-repeat; width:918px; overflow:hidden; height: 216px;}
.bannerTxt					{ background:url(../images/bannerTxt.png) no-repeat; width:506px; height: 216px; margin: 0 0 0 12px; padding:10px; color:#99ffff; font-size:12px;}
.bannerTxt p				{ margin:0; padding: 0; }
.bannerAuthor				{ font-size:11px; color:#49b1c9; }
.bannerH1					{ margin-left:12px; line-height: 5px; padding-top:25px; }
.bannerH2					{ margin-left:12px; }
#counter 					{ width:600px;position:absolute; font-size:34px; font-weight:bold; color:#E0293D; margin:160px 0px 0px 13px; z-index:2; }


/* CONTENT */
#contentTop					{ position:relative; width:962px; height:65px; background:url(../images/contentTop.png) no-repeat top left; }
#contentFill				{ position:relative; width:951px; padding:0 0 0 11px; background:url(../images/contentFill.png) repeat-y top left; }
#contentBottom				{ position:relative; width:962px; height:117px; background:url(../images/contentBottom.png) no-repeat top left; }

#menuLeft					{ position:relative; width:227px; float:left; font-size:12px; }
.menuItem					{ position:relative; width:211px; height:44px; padding:0 0 0 16px; margin:0; color:#fff; font-weight:bold; line-height:26px; }
.blue						{ background:url(../images/menuLeftBlue.png) no-repeat top left;  margin:-14px 0 0 }
.basic						{ background:url(../images/menuLeftBasic.png) no-repeat top left; }

#menuLeft ul				{ margin:0; padding:0 0 14px; }
#menuLeft li				{ list-style-type:none; line-height:26px; margin:0 16px; background:url(../images/hrDottedBlue.png) repeat-x bottom left; }
#menuLeft li.last			{ background:none; }
#menuLeft a					{ text-decoration:none; color:#0a6c82; }
#menuLeft a:hover			{ }
#wrapperContent				{ position:relative; width:723px; float:left; }

/* CONTENT NEWS HISTORY */
#contentNewshistory					{ float:left; width: 190px; margin:20px 0 0 0;  }
#contentNewshistory ul				{ margin:0; padding:0 0 14px;  }
#contentNewshistory li				{ list-style-type:none; margin:0 0 0 16px; background:url(../images/hrDottedBlue.png) repeat-x bottom left; line-height:10px; }
#contentNewshistory li.active		{ background: url(../images/contentNewsbackground.jpg); }
#contentNewshistory a				{ text-decoration:none; color:#0a6c82; }
#contentNewshistory a:hover			{ background: url(../images/contentNewsbackground.jpg); display:block; }
.contentDate						{ padding:10px 0 5px 10px; font-size:14px; font-weight:bold; color:#000;  line-height:10px; text-transform:uppercase;  }
.contentSubtitle					{ padding:0 0 10px 10px; font-size:11px; color:#465204; line-height:10px;  }

/* CONTENT BLOCK */
.contentBlock				{ float:left; margin:18px 32px 0 21px; width: 669px; }
.contentBlock .row			{ width: 325px; margin: 0 20px 0 0; float:left; }
.contentBlock .row.last		{ margin: 0; }
#contentBlock				{ float:left; width: 512px; margin:20px 0 0 21px;  }
#contentBlockimage			{ background:url(../images/contentBlockimage.jpg); width:512px; height:180px; }
#contentBlockimageLeft		{ background:url(../images/contentBlockimageLeft.png) no-repeat top; height:180px; width:12px; float:left; }
#contentBlockimageRight_1	{ background:url(../images/contentBlockimageRight_1.png) no-repeat; height:180px; width:21px; float:right; }
#contentBlockimageRight_2	{ background:url(../images/contentBlockimageRight_2.png) repeat-x; height:180px; float:right; }
#contentBlockimageRight_3	{ background:url(../images/contentBlockimageRight_3.png) no-repeat; height:180px; width:47px; float:right;  }
.contentBlock h2			{ font-weight:bold; color:#E0293D; font-size:16px; text-transform:uppercase; }
.media h3,
.contentBlock h3			{ font-weight:bold; color:#1b8aa3; font-size:14px; }

.mediaBlock					{ float: right; border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
.mediaBlock a				{ padding: 2px 5px 5px 17px; color: black; text-decoration: none; background-repeat:no-repeat; background-position: left middle; font-size: 10px; font-style: italic; }
.mediaBlock a.files			{ background-image: url('../images/icons/page.png') }
.mediaBlock a.images		{ background-image: url('../images/icons/image.png') }
.mediaBlock a.videos		{ background-image: url('../images/icons/film.png') }

.media						{ float:left; margin:18px 32px 0 21px; width: 689px; border-top: 1px dashed #696969; padding: 13px 0 0 0  }
.media .files				{ border-bottom: 1px dashed #696969; margin: 0 0 13px 0; padding: 0 0 13px 0; }
.media .files .download		{ float:right;  top: 3px; position: absolute; right: 0; }
.media .images				{ border-bottom: 1px dashed #696969;  margin: 0 0 13px 0; padding: 0 0 13px 0  }
.media .videos div			{ text-align:center;} 
.media .hrLine				{ border-left: 1px dashed #696969; }

.download div				{ float:left; height: 28px; color: #fff; font-weight: bold; text-decoration: none;  }
.download .middle			{ padding: 5px; background-image:url('../images/btn.blue.bg.png'); height: 18px; }
.download .left				{ background-image: url('../images/btn.blue.left.png'); width:5px; }
.download .right			{ background-image: url('../images/btn.blue.right.png'); width:5px;  }

.contentBlock .item			{  border-bottom: 1px dashed #ccc; padding: 0 0 13px; margin: 0 0 13px; }
.contentBlock .item .image,
.contentBlock .image		{ float:left; margin: 0 5px 5px 0; }

/* CONTENT BLOCK NEWS */
#contentBlocknews_Images					{ width:100px; height:100px; background:url(../images/contentNewsimage.jpg) no-repeat; display:block; float:left;}
#contentBlocknews_Border					{ width:100px; height:100px; background:url(../images/contentImageborder.png) no-repeat; display:block; margin: 0 0 10px 0;}
#contentBlocknews_Title						{ color:#e0293d; font-size:12px; font-weight:bold; margin: 22px 0 0 0; text-transform:uppercase; }
#contentBlocknews_Text						{ padding: 0 20px 10px 10px; float:left; width:380px; font-size:12px; }
#contentBlocknews_Options ul				{ margin:0; padding:0 0 0 0;  }
#contentBlocknews_Options li				{ font-size:12px; list-style-type:none; margin:0 0 0 0px; }
#contentBlocknews_Options li.active			{ background: url(../images/contentNewsbackground.jpg); }
#contentBlocknews_Options a					{ text-decoration:none; color: #000; }

/* SEARCH */
#search						{ float:right; margin: 65px 20px 0 0; }
#search input 				{ background:url(../images/searchBackground.png) no-repeat; border:none; color:#c49c5f; display:block; float:left; font-size:11px; height:24px; line-height:22px; padding: 0 0 0 8px; width:136px;}
#search a#search_go 		{ background:url(../images/searchIcon.jpg) no-repeat; display:block; float:left; height:24px; text-indent:-9999px; width:29px; }
#search a#search_go:hover	{ background:url(../images/searchIconhover.jpg) no-repeat; display:block; float:left; height:24px; text-indent:-9999px; width:29px; }
#search fieldset 			{ float:left; height:22px; margin:0; padding:0; width:176px;}
fieldset					{ border:0 none; display:inline; }


/* BREADCRUMBS */
#breadcrumbs 				{ background:url(../images/breadcrumbsBackground.png) no-repeat; width:694px; height:26px; margin-left:254px; padding:0 10px 0 0px; font-size:11px;}
#breadcrumbs ul				{ margin:0 0 0 0; padding: 0; }
#breadcrumbs li				{ margin:0 0 0 25px; padding: 0;float:left; list-style-image:url(../images/breadcrumbsBullet.png); line-height:22px;  }
#breadcrumbs a				{ text-decoration:none; color:#ad864b; }
#breadcrumbs a:hover		{ color:#FFF; }
#breadcrumbs				{ position:relative; width:723px; float:left; }

/* FOOTER */
#footerContainer			{ position:relative; width:962px; font-size:11px; padding:0 0 18px; }
#footerContainer h2			{ font-size:14px; color:#e6c695; }
#sitemap					{ position:relative; width:911px; margin:0 auto 16px; }
#sitemap ul					{ margin:0; padding:0; }
#sitemap li					{ list-style-type:none; line-height:22px; }
#sitemap a					{ text-decoration:none; color:#ad864b; display:block; }
#sitemap h2 a				{ color: #E6C695; }
#sitemap a:hover,			
#sitemap a.active			{ color:#e6c695; }
#sitemapTop					{ position:relative; width:911px; height:25px; background:url(../images/sitemapTop.jpg) no-repeat top left; }
#sitemapFill				{ position:relative; width:911px; background:url(../images/sitemapFill.jpg) repeat-y top left; }
#sitemapBottom				{ position:relative; width:911px; height:15px; background:url(../images/sitemapBottom.jpg) no-repeat top left; }
.sitemapBlock				{ position:relative; width:147px; min-height:134px; padding:0 0 0 30px; float:left; border-right:1px solid #936035; }
#copyrightContainer			{ position:relative; background:url(../images/copyrightBackground.jpg) no-repeat top left; width:911px; height:44px; margin:0 auto; line-height:44px; color:#ad864b; }
#copyright					{ position:relative; width:580px; padding:0 0 0 20px; float:left; }
#disclaimer					{ /*position:relative; width:280px; padding:0 20px 0 0; float:left; text-align:right;*/position:absolute; right:20px; top:-10px; }
#disclaimer a				{ text-decoration:none; color:#ad864b; }
#disclaimer a:hover			{ color:#e6c695; }
#flowerLeft					{ position:absolute; bottom:-35px; left:-47px; background:url(../images/flowerBottomLeft.png) no-repeat top left; width:177px; height:149px; z-index:3; }
#flowerRight				{ position:absolute; bottom:-20px; right:-16px; background:url(../images/flowerBottomRight.png) no-repeat top left; width:62px; height:179px; z-index:3; }

.formulier input[type=text]	{ width: 210px; }
.formulier textarea			{ width: 210px; height: 100px; }

.album						{ margin: 0px 15px 55px 0px; width: 150px; float: left; width: 152px; height:152px; float: left; border: 1px solid grey; }
.album div					{ padding:10px 0 }
.album div a				{ color: black; }

.contentBlock .right,
.media .right				{ float:right; margin: 0 10px 0 0 }
.right.bottom				{ border-top: 1px solid #ccc; padding: 5px 0 0 0 }
.right.top					{ border-bottom: 1px solid #ccc; padding: 0 0 5px 0 }
.media .right a,
.contentBlock .right a		{ font-size: 11px; color: black; font-style: italic;}
.guestbookitem				{ margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #696969;}

#social						{ float:right; margin: 10px 0 0 0  }

.nieuwsbrief				{ margin: 0 13px; width: 200px; }
.nieuwsbrief iframe			{ height: 200px; }