/* yahoo css reset - version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* sterc-typography */
* { font-family: Arial, "Lucida Grande", Helvetica, "Sans-Serif"; line-height: 1.4em; }
html { background: #fff url(../images/design/bg.png) repeat-x; }
p, li { font-size: 11px; }
p { padding: 0 0 1em 0; }
a { text-decoration: none; }
	a:hover { text-decoration: underline; }
strong { font-weight: bold; }
i, em { font-style: italic; }

h1 { font-size: 16px; font-weight: normal; padding: 0 0 5px 0; }
	#main h1 { font-size: 24px; }
h2 { font-size: 18px; font-weight: normal; }
h3.wwd-expand a, h3 { font-size: 16px !important; font-weight: normal !important; }
h3.wwd-expand a { color: #63C3C9 !important; }
	#creativiteit #main h3 { color: #F8B119; }
	#bijzonder #main h3 { color: #B6CF30; }
h4 { font-size: 12px; font-weight: bold; }
.main-content a, #case-description a, #main p a { font-weight: bold; color: #6A5A74; text-decoration: underline; }
	.main-content a:hover, #case-description a:hover, #main p a:hover { color: #999; text-decoration: none; }

.main-content ul li { list-style: disc; margin: 0 0 0 14px; }

#wrap { width: 868px; margin: 0 auto; position: relative; }
#gho-logo { width: 203px; height: 39px; position: absolute; top: 15px; left: 50%; margin: 0 0 0 -473px; }

#header { position: relative; height: 90px; }
	#topmenu { position: absolute; top: 20px; right: 260px; margin-right: 20px; }
		#topmenu li { float: left; }
		#topmenu a { text-decoration: none; color: #fff; padding: 0 8px; border-right: 1px solid #fff; line-height: 10px; }
			#topmenu a:hover { text-decoration: underline; }
		#topmenu li:last-child a { border: 0; }
	#zoeken { position: absolute; top: 15px; right: 0; }
	#search { background-color: #fff; border: 0; font-size: 12px; line-height: 12px; padding: 3px; width: 180px; }
	#search-submit { background-color: #d61f49; border: 0; color: #fff; font-size: 12px; line-height: 12px; padding: 3px; cursor: pointer; }
		#search-submit:hover { background-color: #63c3c9; }
		
#menu { position: absolute; width: 868px; top: 60px; left: 50%; margin: 0 0 0 -430px; }
	#menu * { text-transform: lowercase; }
	#menu  li { float: left; display: block; text-align: center; }
	#menu li  a { font-size: 16px; color: #b4acb9; line-height: 30px; }
		#menu li a.active, #menu li a:hover { font-size: 22px; text-decoration: none; }
#m-werk { width: 120px; }
	#menu li#m-werk { text-align: left; }
	#m-werk .active, #m-werk a:hover { color: #63c3c9; }
#m-dna { width: 149px; }
	#m-dna .active, #m-dna a:hover { color: #e21944; }
#m-bijzonder { width: 167px; }
	#m-bijzonder .active, #m-bijzonder a:hover { color: #b6cf30; }
#m-creativiteitslab { width: 181px; }
	#m-creativiteitslab .active, #m-creativiteitslab a:hover { color: #f8b119; }
#m-weblog { width: 160px; }
	#m-weblog .active, #m-weblog a:hover { color: #ea6383; }
#submenu { position: absolute; top: 90px; width: 100%; height: 24px; }
	#submenu ul { position: absolute; left: 50%; width: 868px; margin: 0 0 0 -432px; }
		#submenu li a { color: #eee; font-size: 13px; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #eee; text-transform: lowercase; }
			#submenu li a:hover { color: #fff; text-decoration: underline; }
			#submenu li.active a { font-weight: bold; color: #fff; }
			#submenu li.last a { border: 0; }
		#submenu li { float: left; display: block; line-height: 24px; }
	
	#dna #submenu { background-color: #e21944; }
		#dna .main-content h1 { color: #e21944; }
	#werk #submenu { background-color: #63c3c9; }
		#werk .main-content h1 { color: #63c3c9; }
	#bijzonder #submenu { background-color: #b6cf30; }
		#bijzonder .main-content h1 { color: #b6cf30; }
	#weblog #submenu { background-color: #ea6383; }
	#creativiteit #submenu { background-color: #f8b119; }
		#creativiteit .main-content h1 { color: #f8b119; }
	
#main { position: relative; padding: 60px 0 0 0; float: left; width: 400px; }
	#home #main { padding: 40px 0 0 0; height: 650px; width: auto; }
	#main p, #main li, #main td { color: #666; }
	#main #latestNewsList .author {display: none;}
	#main h3 { font-size: 12px; font-weight: bold; color: #666; }
		#weblog #main h3, #weblog #main h1 { color: #ea6383; }
		#weblog #main h1 { text-transform: none; }
		#weblog #main h3 { text-transform: lowercase; }
	#main #archief { font-size: 11px; }
	
#dna h1, #dna h2, #dna h3 { color: #e21944; }
#werk h1, #werk h2, #werk h3 { color: #63c3c9; }
#creativiteit h1 { color: #f8b119; }

#main h1, #main h2 { text-transform: lowercase; }

#home-blocks { height: 150px; width: 625px; }
	#home-blocks li li a { color: #fff; text-decoration: none; text-transform: lowercase; }
	#hb-werk, #hb-dna, #hb-bijzonder, #hb-creativiteitslab { width: 125px; padding: 10px; float: left; margin: 0 10px 0 0; position: relative; height: 94px; }
	#home-blocks li li a:hover { text-decoration: underline; }
	#home-blocks h2 { font-size: 16px; color: #fff; padding: 0 0 10px 0; text-transform: none; }
	
	#hb-werk, #hb-werk .hb-more { background-color: #63c3c9; }
	#hb-dna, #hb-dna .hb-more, #hb-gho { background-color: #e21944; }
	#hb-bijzonder, #hb-bijzonder .hb-more { background-color: #b6cf30; }
	#hb-creativiteitslab, #hb-creativiteitslab .hb-more { background-color: #f8b119; }
	#hb-gho { padding: 10px; color: #fff; }
		#right #hb-gho a { color: #fff; }
	
	.hb-more { position: absolute; left: 80px; top: 120px; z-index: 2; width: 65px; height: 20px; text-align: center; font-weight: bold; color: #fff; text-decoration: none; font-size: 15px }
		#home-blocks .hb-more:hover { text-decoration: none; background-color: #6A5A74; }
		
#map { width: 400px; height: 400px; }

#home .news-list { width: 275px; padding-top: 40px; color: #666; }
	.news-image { float: left; width: 60px; text-align: left; padding: 3px 0 0 0; }
/*		.news-image img { padding: 0 0 5px 0; }*/
	.news-right { float: right; width: 210px; }
	.news-list li { clear: both; }
	.news-list .author { padding: 0 0 10px 0; font-size: 9px; }
		.news-list .author a { color: #333; font-weight: bold; }
	.news-list h3 { font-size: 16px; }
		#main .news-list h3 { font-size: 16px; font-weight: normal; }
	.news-list a { color: #e85276; text-decoration: none; }
		.news-list a.cta1 { color: #fff; }
		.news-list a:hover { text-decoration: underline; }
	.news-links { padding: 20px 0 0 75px; }
		.news-links * { float: left; margin: 0 3px; }

#left { width: 200px; float: left; padding: 60px 0 0 0; }
	#home #left { padding: 40px 0 0 0; }
	
	#werk #left h3 { padding: 0; }
	#werk #left ul { padding: 0; }
		#werk #left ul li { }
		#werk #left ul li a { color: #666; font-size: 12px; }
		#werk #left * { text-transform: lowercase; }
		#werk #left .active a, #werk #left li a:hover { text-decoration: none; color: #63c3c9; font-weight: bold;}
		#werk #left .active { padding: 10px 0; }
			#werk #wwd .active { padding: 0; }
	a.wwd-expand { padding: 0 0 10px 0 !important; display: block; }
		
.thumblist { padding: 0 0 15px 0;  }
	.thumblist li { display: inline; /*float: left; width: 120px; height: 130px;  */}
	.thumblist img { border: 5px solid #fff; }
	.thumblist span { display: none; }
	.thumblist a { outline: none; }
		.thumblist a:hover img { border: 5px solid #63c3c9; }
		#dna .thumblist a:hover img { border: 5px solid #e21944; }
.blog-post-list { padding: 10px 0 25px 0; }
	.blog-post-list li { clear: both; padding: 3px 0; }
	.blog-post-list li .bpl-date { color: #999; float: left; width: 45px; }
	.blog-post-list li .bpl-title, .blog-post-comments a { color: #666; float: left; width: 190px; }
	.blog-post-comments a { float: none; width: auto;}
	.blog-post-list a:hover * { text-decoration: underline; }
	.blog-link { color: #EC728F; }
#werk #case-target { position: absolute; margin-top: px; }
	#dna #case-target { position: absolute; top: 215px; }
	#werk #case-target * { color: #555; }
	#werk #case-target h2 { font-size: 18px; font-weight: normal; }
	#werk #case-target p { font-size: 12px; }
	
#weblog #main { width: 581px; }
	#weblog .news-list { }
		#weblog #right .news-list li { padding: 10px 0; background: url(../images/design/blogline.png) 100% 0 no-repeat; }
			#weblog #main .news-list li { background: none; }
			.blogline { padding: 10px 0; }
		#weblog .news-list li:first-child { background: none; }
		#weblog .news-list .news-image { width: 150px; padding: 0; }
		#weblog .news-list .news-photo { float: left; width: 70px; }
		#weblog .news-list .news-right { width: 360px; padding: 0 0 10px 0; }
		#weblog .news-list li.news-links { padding: 30px 0 0 155px; }
	
	#weblog .blog-post-comments { color: #666; padding: 0 0 20px 0; }
		.blog-post-comments li { padding: 6px 0; }
		.blog-post-comments .auteur { color: #999; }
			.blog-post-comments .auteur a { color: #666; }
			
	#weblog .bloggers-list { }
		#weblog .bloggers-list li { padding: 2px 0; }
		#weblog .bloggers-list img { padding: 0 5px 0 0; }
		#weblog .bloggers-list a { color: #666; }
		#weblog .bloggers-list em { color: #ea6383; }
		
	#comment-submit { width: auto; cursor: pointer; border: 0; margin: 20px 0 0 0; }
		
#right { width: 236px; float: right; padding: 60px 0 0 0; }
	#home #right { padding: 40px 0 0 0; }
	#right #print { display:none; width: 150px; color:#E21944; text-decoration: none; background: url(../images/print_icon.png) right no-repeat; }
	#right #print a { color: #E21944; }
	#right #twitter { padding: 20px 0 0 0; }
	#dna #right h3 { color: #e21944; }
	#right .address { font-size: 12px; color: #666; }
	#right p { padding: 5px 0 15px 0; }
	
	#dna #right .cta2 { width: 100%; background-color: #e21944; color: #fff; font-size: 13px; text-decoration: none; padding: 4px 0; text-indent: 10px; display: block; text-transform: lowercase; }
		#dna #right .cta2:hover { text-decoration: none; background-color: #d50d37; }
	
	#right .blogtitle { width: 100%; background-color: #ec728f; color: #fff; font-size: 13px; text-decoration: none; padding: 4px 0; text-indent: 10px; display: block; text-transform: lowercase; clear: both; }
	
	#right .cta3 { color: #fff; background-color: #e21944; display: block; padding: 5px 10px; font-size: 14px; }
		#right .cta3 strong { text-transform: uppercase; font-weight: normal; }
		#right .cta3:hover { text-decoration: none; background-color: #d50d37; }
	
	#newsletter { }
		#newsletter h3 { color: #fff; background-color: #6A5A74; font-size: 14px; text-align: center; line-height: 24px; margin: 30px 0 0 0; }
		.form label { font-size: 11px; color: #aaa; display: block; padding: 4px 0 0 0; text-transform: lowercase; }
			#main .form label { color: #666; }
		.form input { border: 1px solid #cfceca; width: 100%; }
		.form textarea { border: 1px solid #cfceca; width: 100%; height: 150px; }
		#newsletter-submit { background-color: #6A5A74; cursor: pointer; font-size: 12px; border: 0; width: auto; margin: 4px 0 0 0; }
			#newsletter-submit:hover { background-color: #b3b3b2; }
		#dna input.cta1 { background-color: #e53056; width: auto; cursor: pointer; border: 0; padding: 2px 4px; font-size: 12px; }
			#dna input.cta1:hover { background-color: #d50d37; }
	#highlight { /* background-color: #C5A9AF; padding: 10px; */ margin: 20px 0 0 0; color: #000; font-size: 13px; position: relative; overflow: hidden; width: 236px; height: 236px; }
		#highlight h3 { font-size: 14px; color: #fff; font-weight: bold; padding: 0 0 5px 0; }
		#highlight a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
			#highlight a:hover { text-decoration: underline; }
		#highlight img { }
	#highlight-wrap { position: relative; }
		#highlight-next, #highlight-prev { position: absolute; z-index: 10; display: block; cursor: pointer; top: 110px; width: 18px; height: 18px; background-color: #E21944; color: #fff; font-size: 15px; font-weight: bold; text-align: center; }
			#highlight-next:hover, #highlight-prev:hover { background-color: #F8B119; }
		#highlight-next { right: -23px; }
		#highlight-prev { left: -23px; }
	
	#dna #right .relevante-cases-header, #werk #right .relevante-cases-header { color: #fff; }		
	h3.relevante-cases-header {
		color: #fff;
		background-color: #82cfd4;
		display:block;
		font-size:13px;
		padding:4px 0;
		text-decoration:none;
		text-indent:10px;
		text-transform:lowercase;
		width:100%;
	}
	.relevante-cases-list li {
		clear: both;
		padding: 8px 0;
	}
		.relevante-cases-list .rc-right a { padding: 0; }
		.rc-left { float: left; width: 70px; }
		.rc-right { float: right; width: 155px; }
		.rc-right h4 { /* padding: 17px 0 0 0; */ }
		.rc-right a { color: #333; padding: 4px 0; display: block; }
		#right .rc-right p { padding: 0; }
		
#case-description { margin-top: 20px; }
#main-pic {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #63c3c9 !important;
}
	#main #case-description h2 { color: #666; text-transform: lowercase; font-size: 16px; font-weight: normal; }
	#main #case-description h3 { color: #666; text-transform: lowercase; font-size: 12px; font-weight: normal; }
	#main #case-description h4 { padding-top: 30px; text-transform: lowercase; color: #666; font-size: 12px; }

#footer { position: relative; padding: 50px 0 20px 0; clear: both; height: 75px; }
	#footer li { width: 140px; float: left; padding: 0 0 0 20px; margin: 0 20px 0 0; border-left: 1px solid #bbb; }
		#footer li:first-child { border: 0; margin: 0; padding: 0; }
		#footer li ul { }
		#footer li ul li { float: none; padding: 0; margin: 0; border: 0; }
	#footer a { color: #bbb; text-decoration: none; text-transform: lowercase; }
	#footer a:hover { text-decoration: underline; }
	#footer h4 { color: #aaa; text-transform: lowercase; }
	
#werk #left #wwd ul { padding: 0 0 20px 0; }
	#werk #left #wwd ul li { list-style-type: disc; color: #333; margin: 0 0 0 15px; }
	#werk #left #wwd li.active a { color: #63C3C9; font-weight: bold; }
	#werk #left #wwd li ul li { list-style: none; margin: 0; }
	#werk .expanded { display: block;  }
	#werk .minimized { display: none; }
	.wwd-expand { outline: none; cursor: pointer; }
	.contactpersoon { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #63c3c9; }
		#main .contactpersoon h3 { padding: 0 0 10px 0; text-transform: lowercase; font-weight: normal; font-size: 14px; }
		.cp-left { float: left; width: 70px; }
		.cp-right { float: left; padding: 12px 0 0 0; }
			#werk #main .cp-right a, #right .cp-right a { color: #333; }
			#right p a { color: #000; }
		#right .contactpersoon { border: 0; margin: 0; padding: 10px 0 10px 0; }
	#browsable-pdf { /* padding: 20px 0 10px 0; */ padding: 0 0 10px 0; }
	#case-pagination { color: #666; font-size: 11px; padding: 20px 0 10px 0; }
		#case-pagination a { text-decoration: none; color: #666; padding: 0 1px; }
			#case-pagination a:hover { text-decoration: underline; }
		#case-pagination .current-case { font-weight: bold; padding: 0 2px; }
	
/** call to actions **/
body .cta1 { padding: 4px 10px; background-color: #ea6383; color: #fff !important; text-decoration: none; font-size: 12px; }
	body .cta1:hover { text-decoration: none; background-color: #e01646; }
	
.clearboth { clear: both; }
html .uc { text-transform: none !important; }
#linkedin, #twitter { margin-bottom: -6px; }
.left-alignright { text-align: right; padding-right: 20px !important; width: 180px !important; }

#vertrekpunt, #planroute { float: left; }
#vertrekpunt { width: 230px; padding: 3px; margin-right: 5px; font-size: 13px; text-indent: 5px; }
#planroute { width: 150px; background-color: #e21944; color: #fff; border: 0; font-size: 13px; text-decoration: none; padding: 3px 0; display: block; text-transform: lowercase; cursor: pointer; }
	#planroute:hover { background-color: #d50d37; }
#map { margin: 10px 0; clear:both; position: relative; top: 10px;  }
#map-directions * { font-size: 12px; }
.thumbscontainer { display: none;}

.managecontainer {
	position: absolute;
	background-color: #fff;
	border: 3px solid #ccc;
	padding: 20px;
	width: 500px;
	left: 75px;
	top: 100px;
	z-index: 999;
}
	.managecontainer * { font-size: 12px; }
.inactive-link { color: #aaa; }
.star { display: none; }

#browsable-pdf a { font-size: 11px; font-weight: normal; color: #999; }
	#browsable-pdf img { position: relative; bottom: -4px; padding-right: 4px; }
	#browsable-pdf a:hover { text-deocration: none; }
	
.ajaxSearch_result { font-size: 14px; }
.ajaxSearch_paging { font-size: 12px; display: block; padding: 0 0 20px 0; }
#main .ajaxSearch_resultsInfo { font-size: 24px; font-weight: normal; padding: 0 0 25px 0; color: #E21944; }
.ajaxSearch_resultLink { text-decoration: none; }
.ajaxSearch_resultDescription { display: none;}

#creativiteit h3.relevante-cases-header { background-color: #F8B119; }
#print-map { display: none; }