@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}label, input[type=button], input[type=submit], button { cursor: pointer; }


/** Sitewide Styles ***********************************************/
/******************************************************************/

body {
	background: #000000; /*achtergrond kleur*/ 
	/* background-image: url("/images/back.bmp");  
	background-position: center; 
	background-repeat: repeat;
	font-size: 8px; /*letter grote*/
	font-family: arial; /*lettertype*/
	color: #ff0000; /* letterkleur in main frame*/
	
}

a { text-decoration: underline; }
a:hover { text-decoration: none; }
.container { margin: 5px auto; position: relative; width: 990px; }
.img_left { float: left; margin: 0 25px 5px 0; }
.img_right { float: right; margin: 0 0 5px 25px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


::-moz-selection{ background: #555; color:#fff; text-shadow: none;

 }
::selection { background:#555; color:#fff; text-shadow: none; } 

.cufon-loading .largeGreen, 
.cufon-loading .largeGrey, 
.cufon-loading #mainNav>ul>li>a, 
.cufon-loading .powerPhraseDetails, .cufon-loading #mainShell h1, 
.cufon-loading #mainShell h2 { visibility: hidden; }

/* New Fonts to replace Cufon */
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('typography/OpenSans-CondLight-webfont.eot');
    src: url('typography/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/OpenSans-CondLight-webfont.woff') format('woff'),
         url('typography/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('typography/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('typography/OpenSans-CondBold-webfont.eot');
    src: url('typography/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/OpenSans-CondBold-webfont.woff') format('woff'),
         url('typography/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('typography/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.simple-logo-block .largeWhite, . .Title, #mainShell h1, #mainShell h2, #mainShell h3 { font-weight: normal; font-family: OpenSansCondensedLight; }
.powerSlide .largeText { text-shadow: 2px 2px 0 #000; font-family: OpenSansCondensedLight; }
.simple-logo-block .largeYellow, footer nav a { font-weight: bold; font-family: OpenSansCondensedBold; }
header nav>ul>li>a { 
/*font-weight: bold;*/ 
text-shadow: 0px 0px 0 #ffffff; 
font-family: OpenSansCondensedBold; }

/** Header Styles *************************************************/
/******************************************************************/

header { 
height: 456px; 
padding: 45px 0 0; 
position: relative; 
z-index: 3; 
top center; 

}

body.subpage header { height: 200px;} /*was 180nu200*/

#logo { 
position: absolute; top: 30px; left: 0; }
	
		.simple-logo-block { text-decoration: none; }
			.simple-logo-block .largeWhite { font-size: 62px; color: #fff; font-weight: normal; line-height: .8; }
			.simple-logo-block .largeYellow { font-size: 62px; color: #8c8671; font-weight: bold; line-height: .8; }
			.simple-logo-block .logoSubtitle { font-size: 14px; color: #fff; display: block;
 }

header nav { 
position: absolute; 
top: 12px; 
left: 0px; 
z-index: 9; 
}

header nav ul {  }
header nav ul li { 
float: left; 
position: relative; 
border: 2px solid transparent; /* randje om de knop */ 
}

header nav ul li.lastItem { background: none; }

header nav ul li a {
	/* display: block; */
letter-spacing: 1px;
	color: #ffffff; /*kleur letters van knop */
	font-size: 18px;
	height: 24px;
	padding: 8px 7px 0px 8px;
	text-decoration: none;/*font-weight: bold;*/ 
}

header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { 
background-color: #ff0000; /* achtergrondkleur knop bij focus */ 
border-color: transparent #000000 #000000 transparent; /*randje om knop horz menu*/
}

header nav ul li a:hover {  }
		
header nav ul ul { /*vert menu*/
display: none;	
position: absolute;   
top: 19px; 
left: 0; 
width: 240px; 
padding: 0px 0px 2px 2px;  /*ruimte rond om de vert menu boven-rechts-onder-links*/
background: #ff0000; /*kleur van knop hover  */
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5); 
box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}



header nav ul li:hover ul { /*vert over*/
display: block;  
}
header nav ul li ul li { 
float: none; background: none; padding: 0 5px; }
header nav ul li ul li a { 
font-size: 14px; 
color: #fff; 
display: block; 
position: relative; 
font-size: 14px; 
height: auto; 
padding: 4px 0; 
-moz-text-shadow: 1px 1px 0 #8c8671; 
-webkit-text-shadow: 1px 1px 0 #8c8671;
text-shadow: 1px 1px 0 #557904;  /*schaduw letters*/
}

 /*test*/
 














header nav ul li ul li:hover, header nav ul li ul li.nav-selected  { 
background: #1210d5; /*kleur van hover knop */
border-color: transparent #000000 #000000 transparent; /*shaduw knop over*/
}



#vignetteShell { 
width: 990px; 
overflow: hidden; 
border: 1px solid #000000; } /*randje lang banner*/

body.homepage #vignetteShell { }

		#powerSliderShell {  }
		
			#powerSliderContainer {  }
			
				.powerSlide { text-decoration: none; position: relative; display: block; }
					
					.powerSlide img {  }
					.powerSlide .largeText { display: block; background: url(../img/bgBlack40.png); border: 1px solid; border-color: transparent #000 #000 transparent; color: #fff; position: absolute; top: 378px; text-align: center; font-size: 72px; line-height: 55px; width: 620px; left: 182px; padding: 15px 0; line-height: .9 }
					.powerSlide .smallText { display: none; }
			
			#powerSliderPagination {  }
			
			#powerSliderNext, #powerSliderPrev {  }
			#powerSliderNext {  }
			#powerSLiderPrev {  }
		


/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { 
*/ background: #cccccc  bottom center repeat-x; vlak in het midden */
center 50px no-repeat; margin: 0 0 0; 
padding: 10px 0 0; z-index: 2; /*was45nu10*/
}

#mainShell .container { 
border: 1px solid #ffffff; 
width: 944px; 
padding:25px 22px 25px; 
background: #000000; /*kleur midden vlak*/
}
		
	
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell  h1 { font-size: 40px; color: #78A800; margin: 0 0 27px; }
		#mainShell  h2 { font-size: 30px; color: #9b9266; margin: 0 0 10px; }
		#mainShell  h1+h2 { margin: -20px 0 20px; }
		#mainShell  h3 {font-size: 20px; color: #999; margin: 0px 0 5px; }
		#mainShell  p { margin: 0 0 15px; line-height: 18px; }
		#mainShell  a { color: #769725; }
		#mainShell  a:hover {  }
		#mainShell  strong {  }
		#mainShell  em {  }
		#mainShell  blockquote {  }
		#mainShell  ul, #mainShell ol { margin: 15px 0 15px 15px;  line-height: 18px; }
		#mainShell  ul ul, #mainShell ol ol { margin: 5x 0 5px 20px; }
		#mainShell  ul {  }
		#mainShell  li {  }
		#mainShell  ul li { list-style: disc; }
		#mainShell  li li { list-style: square; }
		#mainShell  li li li { list-style: circle; }
		#mainShell  ul li a {  }
		#mainShell  ol {  }
		#mainShell  ol li { list-style: decimal; }
		#mainShell  ol ol {  }
		#mainShell  dl { margin: 15px 0; }
		#mainShell  dl dt { font-weight: bold; }
		#mainShell  dl dd { margin: 0 0 0 25px; }
		#mainShell  hr {  }
		#mainShell  img { 
		width: auto; 
		height: auto;
		max-width: 950px;
		}
		
		
		#mainShell  hr { margin: 15px 0; }
	
		/** Form Elements ******************************************/
		/***********************************************************/
		
		#mainShell  form {  }
		#mainShell  fieldset {  }
		#mainShell  label {  }
		#mainShell  input, #mainShell  textarea, #mainShell  select {  }
		#mainShell  input {  }
		#mainShell  input[type="submit"] {  }
		#mainShell  textarea {  }
		#mainShell  select {  }
		
			
	#Shell { padding: 0 0 25px; overflow: auto; border-bottom: 1px solid #dad7c5; margin: 0 0 50px; }
	body.subpage #Shell { border-bottom: none; border-top: 0px solid #dad7c5; margin: 50px 0 0; padding: 25px 0; }
	
		#Shell . { width: 222px; float: left; margin-left: 20px; padding: 0 0 0 78px; background-position: 15px 0; background-repeat: no-repeat; }
		#Shell .:first-child { margin: 0; }
		#Shell ..1 { background-image: url(../img/bg1.gif); }
		#Shell ..2 { background-image: url(../img/bg2.gif); }
		#Shell ..3 { background-image: url(../img/bg3.gif); }
		
			#Shell .Title { font-size: 32px; color: #6a6352; display: block; margin: 0 0 12px; }
			#Shell .Desc { font-size: 12px; color: #99968f; display: block; margin: 0 0 20px; }
			#Shell . a { display: block; width: 109px; height: 27px; background: url(../img/btnReadMore.gif) left top; line-height: 0; text-indent: -9999em; }
			#Shell . a:hover { background-position: left bottom; }
	
	/*#headerShadow { top center no-repeat; height: 50px; margin: -10 2 0px; }*/

#main { 
width: 650px; 
float: left; 
margin: 0 25px 0 0; 
}

/*image right-sidebar links*/
#main img{ 
max-width: 620px; 
float: left; 
margin: 0 5px 0 0; 
}


#mainl { 
width: auto; 
height: auto;
max-width: 260px; 
padding-left: 0px;
float: left; 
margin: 0 25px 0 0; 
}

/*image full midden*/
#maint img{ 
max-width: 950px; 
height: auto;
margin: 0 5px 0 0; 
}



/*image left-sidebar linker*/
#mainl img{ 
max-width: 260px; 
padding-left: 0px;
float: left; 
margin: 0 5px 0 0; 
}

body.full #main { 
width: auto; 
float: none; 
margin: 0; 
}
	
#sidebar { 
width: 260px; 
float: left; }

/*image right-sidebar rechts*/
#sidebar img {
max-width: 260px; 
margin: 0 5px 0 0; 

}

#sidebar h2 { 
margin: 0 0 27px; 
}


#sidebarl { 
width: 650px; 
float: left; 
padding-left: -10px;
}

/*image left-sidebar rechts*/
#sidebarl img {
max-width: 650px; 
margin: 0 5px 0 0; 
}

#sidebarl h2 { 
margin: 0 0 27px; 
}

# { 
width: 620px; 
float: left; }

# img {
width: 620px; 
}

# h2 { 
margin: 0 0 27px; 
}

/*begin triple*/
#triple1 { 
width: 290px; 
float: left; 
margin: 0 32px 0 0; 
}

#triple2 { 
width: 290px; 
float: left; 
margin: 0 20px 0 0; 
}

#triple3 { 
width: 290px; 
float: right; 
margin: 0 8px 0 0; 
}

#triple1 img {
max-width: 290px; 
height: auto;
margin: 0 5px 0 0;
}
#triple2 img {
max-width: 290px; 
height: auto;
margin: 0 5px 0 0;
}
#triple3 img {
max-width: 290px; 
height: auto;
margin: 0 5px 0 0;
}
/*einde triple*/
		
	/** Demo Styles ***********************************************/
	/**************************************************************/
	
	.sortable_fancybox_gallery_container { float: none; margin: 0 0 20px; overflow: auto; }
	.ccm-remo-expand { margin: 0 0 15px; }
	.ccm-remo-expand-content { margin: 15px 0; }
	#mainShell .ccm-jereme-tweet-follow-link { float: none; margin-top: 10px; color: #fff; }
	#mainShell .ccm-jereme-tweetcrete-timeline ul { margin: 15px 0; }
	#mainShell .ccm-jereme-tweetcrete-timeline ul li { list-style: none; }
	

/** Footer Styles *************************************************/
/******************************************************************/

footer.container { z-index: 1; 
max-width: 988px;
margin-top: 15px;
margin-bottom: 45px;
padding: 0px 0 0px; 
border: 1px solid #000000;

}

	footer nav {  }
	
		footer nav ul { text-align: center; }
		footer nav ul li { display: inline; font-size: 18px; -moz-text-shadow: 1px 1px 0 #000; -webkit-text-shadow: 1px 1px 0 #fff; text-shadow: 1px 1px 0 #fff; color: #a7e425; }
		footer nav ul li a { color: #8cb671; text-decoration: none; }
		footer nav ul li a:hover { text-decoration: underline; }

	footer .vcard { color: #5d5845; font-size: 12px; text-align: center; margin: 20px 0; }
		footer .fn.org { font-weight: bold; }
		footer .adr {  }
			footer .street-address {  }
			footer .locality {  }
			footer .region {  }
			footer .postal-code {  }
		footer .tel {  }
			footer. .type {  }
			footer .value {  }
	
	#vivid { text-align: center; }
		#vivid a { color: #5d5845; }
	
	
/** Add Z-Index to C5 highlighter **********************************/
/*******************************************************************/

div#ccm-highlighter { z-index: 15 !important; }

/** Remove the subtitle option from Power Slider *******************/
/*******************************************************************/

label[for="powerSlidePhraseDesc[]"], label[for="powerSlidePhraseDesc[]"] + input { display: none !important; }
	
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */


@media screen and (max-device-width: 660px) {
	
	header nav ul li a { padding: 8px 6px 10px 15px; font-size: 20px !important; }
	
	#vignetteShell { margin-top: 110px; width: 100% !important; }
	
	#powerSliderShell { position: relative; width: 100% !important; height: 235px !important; }
	
	.powerSlide .largeText { top: 3%; left: 3%; width: 90% !important; }
	
}

@media screen and (max-device-width: 480px) {
  
  
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you  j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
*/
.container { width: 100% !important; }

	header { height: auto; padding: 20px 0 0; background: none; }
	
	header nav ul li a { font-size: 24px !important; }
	
	body.subpage header { height: auto !important; }
	
		#logo { position: static; margin: 0 0 25px 15px; }
	
		#mainNav { position: static !important; margin: 20px 0 0 0; }
		
			#mainNav ul { margin: 0 !important; padding: 0 !important; }
			#mainNav ul li { float: none; margin: 0 !important; padding: 0 !important; }
			#mainNav ul li a {  }
			
				#mainNav ul ul { position: static; margin-left: 20px; width: auto; }
		
		#searchShell { display: none; }
	
	#vignetteShell { margin-top: 20px; width: 100% !important; height: 168px !important; }
	
	#powerSliderShell { position: relative; width: 100% !important; height: 200px !important; }
	#powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 168px !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 168px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { display: none; }
				#powerSliderNext, #powerSliderPrev { display: none !important; }
	
	#powerSliderPagination { display: none; }
			.powerSliderPagination a { }
			.ie7 .powerSliderPagination a { }
			.powerSliderPagination a:hover, .powerSliderPagination a.activeSlide { }
	
	#mainShell { margin: 0; }
	
		#mainShell .container { padding: 25px 0; }
	
			#headerShadow, #Shell { display: none; }
		
			#main { width: auto; float: none; padding: 0 15px; margin: 0; border: none; }
			
			#sidebar { margin: 0; padding: 0 15px; width: auto; }
	
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }
	
	footer.container {  }
	
	header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background: url(../img/bgNavLiActive.jpg); }
		header nav ul li a:hover {  }

}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; line-height: 1; }
  body { font-size: 14px; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  header { height: auto; }
  #logo {  }
  	.simple-logo-block { text-decoration: none; line-height: 1; }
		#logo .largeGreen { font-size: 36px; }
		#logo .largeGrey { font-size: 24px; }
		#logo .logoSubtitle { font-size: 14px; }
  #mainNav, #vignetteShell, #sliderShell, #ctaShell, footer nav { display: none !important; }
  
}