/*-----------------------------
	RESET
-----------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus { outline: 0; }

body {
	color: black;
	background: white;
	text-align: center;
	}
ol, ul { list-style: none; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: top; }

blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}
.clearfix             { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix      { height: 1%; }

.hidden { display: none; }
.clear { clear:both; }

/*-----------------------------
	GENERIC
-----------------------------*/

/* sIFR */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced  { visibility: visible !important; }
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 16px;
	width: 220px;
	margin: 0 !important;
	}
.sIFR-active h2.normal { width: 100%; }
.sIFR-active h2.page   { width: 700px !important; }

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div { display: none !important; }

/* Support for the "iehover-fix.js" */

* html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */


/* MAIN TYPOGRAPHY */

html { font-size: 62.5%; font-family: verdana, arial, helvetica, "microsoft sans serif", sans-serif; }
h3 { padding-bottom: 6px; }

a:link,
a:visited,
a:active {
	color: #0a6fab;
	text-decoration: none;
	}
a:hover { color: #b81f39; }


/* LAY-OUT */

#wrapper {
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 960px;
	}
#content {
	color: #0d6fab;
	font-size: 11px;
	position: relative;
	z-index: 1;
	text-align: left;
	}
#content p { line-height: 14px;  }
#content .sblock p span  { color: #8dbad6; }
#main-content p { margin-bottom: 1.6em; }

#main    { float: left; background-color: #fff; position: relative; }
.normal  { width: 469px; }
.wide    { width: 714px; }
.sidebar { float: left; width: 238px; }
.left    { margin-right: 7px; }
.right   { margin-left: 7px; display: inline; }


/* HEADER */

#header       { position: relative; margin-top: 12px; z-index: 99; }
#header-right { position: absolute; right: 0; top: 0px; text-align: right; }
#search       { margin-top: 12px; }
#search-box   {
	color: #0F2E67;
	width: 158px;
	height: 17px;
	border: 1px solid #0F2E67;
	margin-right: 10px;
	padding: 0 5px;
	position: relative;
	top: -5px;
	*top: -3px;
	}
a.search-menu:link,
a.search-menu:visited,
a.search-menu:active {
	color: #8dbad6;
	margin: 0 0 0 15px;
	}
a.search-menu:hover { color: #b81f39; }

#header .buttons {
	position: absolute;
	width: 180px;
	right: 250px;
	top: 32px;
}

#header-menu {
	width: 100%;
	height: 20px;
	margin: 0px 0 14px 0;
	}
#header-menu ul li {
	float: left;
	font-size: 14px;
	margin-right: 25px;
	font-weight: bold;
	list-style: none;
	}
#header-menu li a span{
	visibility: hidden;
	}

#menu-Home a          { background: url(../images/menu_home.gif) no-repeat center; }
#menu-Adverteerders a { background: url(../images/menu_adverteerders.gif) no-repeat center; }
#menu-Nieuws a        { background: url(../images/menu_nieuws.gif) no-repeat center; }
#menu-Carri_re a      { background: url(../images/menu_carriere.gif) no-repeat center; }
#menu-Consumenten a   { background: url(../images/menu_consumenten.gif) no-repeat center; }
#menu-Abonnees a   { background: url(../images/menu_abonnees.gif) no-repeat center; }
#menu-Over_ons a      { background: url(../images/menu_over-ons.gif) no-repeat center; }
#menu-Onze_merken a   { background: url(../images/menu_onze-merken.gif) no-repeat center; }
#menu-Onze_media a   { background: url(../images/menu_onze-media.gif) no-repeat center; }
#menu-De_Media_Parade a   { background: url(../images/menu_mediaparade.gif) no-repeat center; }
#menu-Big_Idea_Contest a  { background: url(../images/menu_bigideacontest.gif) no-repeat center; }
#menu-Big_Idea a          { background: url(../images/menu_bigideacontest.gif) no-repeat center; }
#menu-Werken_bij a          { background: url(../images/menu_werken_bij.gif) no-repeat center; }
#menu-Big_Idea a span     { padding-right: 54px; }

#menu-Home a:hover,
#menu-Home a.selected          { background: url(../images/menu_home_on.gif) no-repeat center; }
#menu-Adverteerders a:hover,
#menu-Adverteerders a.selected { background: url(../images/menu_adverteerders_on.gif) no-repeat center; }
#menu-Nieuws a:hover,
#menu-Nieuws a.selected        { background: url(../images/menu_nieuws_on.gif) no-repeat center; }
#menu-Carri_re a:hover,
#menu-Carri_re a.selected      { background: url(../images/menu_carriere_on.gif) no-repeat center; }
#menu-Consumenten a:hover,
#menu-Consumenten a.selected   { background: url(../images/menu_consumenten_on.gif) no-repeat center; }
#menu-Abonnees a:hover,
#menu-Abonnees a.selected   { background: url(../images/menu_abonnees_on.gif) no-repeat center; }
#menu-Over_ons a:hover,
#menu-Over_ons a.selected      { background: url(../images/menu_over-ons_on.gif) no-repeat center; }
#menu-Onze_merken a:hover,
#menu-Onze_merken a.selected   { background: url(../images/menu_onze-merken_on.gif) no-repeat center; }
#menu-Onze_media a:hover,
#menu-Onze_media a.selected   { background: url(../images/menu_onze-media_on.gif) no-repeat center; }
#menu-De_Media_Parade a:hover,
#menu-De_Media_Parade a.selected   { background: url(../images/menu_mediaparade_on.gif) no-repeat center; }
#menu-Big_Idea_Contest a:hover,
#menu-Big_Idea_Contest a.selected  { background: url(../images/menu_bigideacontest_on.gif) no-repeat center; }
#menu-Big_Idea a:hover,
#menu-Big_Idea a.selected          { background: url(../images/menu_bigideacontest_on.gif) no-repeat center; }
#menu-Werken_bij a:hover,
#menu-Werken_bij a.selected          { background: url(../images/menu_werken_bij_on.gif) no-repeat center; }

#menu-Big_Idea_Contest,
#menu-Big_Idea .submenu {
	display: none;
}

#header-menu, #header-menu ul {
	list-style: none;
	}
#header-menu a {
	display: block;
	}
#header-menu li {
	float: left;
	}

#header-menu ul li ul li  {
	float: none;
	border: 1px solid white;
	}
#header-menu ul li ul {
	background: #FFFFFF !important;
	z-index: 1000 !important;
	border: 2px solid #0D6FAB !important;
	line-height: 1.2;
	_line-height: 1.0;
	padding: 10px 6px;
	margin: 0px !important;
	}
#header-menu ul li ul li ul {
	margin-left: 60px !important;
	}
#header-menu ul li ul li a {
	background: none !important;
	color: #0D6FAB !important;
	}
#header-menu ul li ul li a span {
	visibility: visible !important;
	font-weight: normal !important;
	font-size: 12px !important;
	padding: 0px !important;
	margin: 0px !important;
	}
#header-menu ul li ul li a:hover {
        background: none !important;
        color: #B81F39 !important;
        }
#header-menu li ul {
	position: absolute;
	left: -999em;
	}
#header-menu li ul {
	width: 16em !important;
	}
#header-menu li:hover ul, #header-menu li.sfhover ul {
	left: auto;
	}

#header-menu li:hover ul ul, #header-menu li:hover ul ul ul, #header-menu li.sfhover ul ul, #header-menu li.sfhover ul ul ul {
	left: -999em;
	}

#header-menu li ul ul {
	margin: -1em 0 0 10em;
	}
#header-menu li:hover ul, #header-menu li li:hover ul, #header-menu li li li:hover ul,  #header-menu li.sfhover ul, #header-menu li li.sfhover ul, #header-menu li li li.sfhover ul {
	left: auto;
	}

h1 {
	display: block;
	width: 215px;
	height: 60px;
	margin-bottom: 12px;
	_margin-bottom: 5px;
	overflow: hidden;
	background: url(../images/logo_sanoma-2011.jpg) no-repeat top left;
	cursor: hand;
}
h1 span {
	position: relative;
	left: -1000px;
	}

#breadcrumbs { color: #8dbad6; margin: 0 0 12px 0; font-style: italic; width: 100%; }

/* FOOTER */

#footer { text-align: center; } 
#footer ul { margin: 12px 0; }
#footer li { display: inline; margin: 10px;}

.thumbnail	     { position: relative; z-index: 0; }
.thumbnail:hover { background-color: white; z-index: 50; }

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	display: block;
	background: url(../images/popup_footer.gif) no-repeat top left;
	padding: 5px;
	width: 190px;
	height: 60px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -10px;
	left: 60px;
	/*position where enlarged image should offset horizontally */
	}
#main-footer {
	clear: both;
	width: 938px;
	position: relative;
	left: 8px;
	}
#main-footer h2 { }	
#brands-ticker-box {
	height: 80px;
	width:938px;
	clear: both;
	overflow: hidden;
	background: url(../images/bg_ticker.gif) no-repeat top left;
	padding: 5px 1px 0 1px;
	position: relative;
	}
.ticker-box {
	height: 80px;
	width:938px;
	overflow: hidden;
	position: relative;
	top: 2px;
	}	
#brands-ticker { 
	height: 74px; 
	clear: both; 
	padding: 0 0 0 2px;
	width: 936px;
	overflow: hidden;
	}
#brands-ticker-inner {
	position: relative;
	}
#brands-ticker a {
	width: 74px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin-right: 20px;
	text-align: center;
	float: left;
	}
#brands-ticker .meta {
	position: absolute;
	z-index: 3000;
	display: none;
	}
.brands-ticker-tooltip {
	margin-top: -30px;
	background: url(../images/popup_footer.gif) no-repeat top left;
	padding: 0;
	width: 190px;
	height: 60px;
	color: #0f2e67;
	text-decoration: none;
	text-align: left;
	}
.brands-ticker-tooltip h4 {
	font-weight: bold;
	font-size: 110%;
	padding: 5px 3px 0px 5px;
	margin: 0 0 0 8px;
	}
.brands-ticker-tooltip p { padding: 0px 5px 5px 5px; margin: 0 0 0 8px;	}
#publisher-ticker img {	width: 45px; }
#tooltipTitle { padding: 2px 3px 2px 6px; }


/* HR */

hr         { display: block; width: 100%; height: 1px; border: none; }
hr.red     { background-color: #0f2e67; color: #0f2e67; }
hr.head    { height: 2px; color: #0f2e67; background-color: #0f2e67; }
hr.main-footer { 
	height: 2px; 
	color: #c2dbe9; 
	background-color: #c2dbe9; 
	width: 938px;
	}
.dotted    { height: 3px; background: url(../images/bar_dotted.gif) repeat-x center; }
.dotted hr { display: none; }
hr.solid   {
	height: 1px;
	clear: both;
	color: #c2dbe9;
	background-color: #c2dbe9;
	margin: 4px 0;
	*margin: -4px 0 -6px 0;
	}
.frame hr.solid { position: relative; left: -7px; width: 222px; }
.frame .dotted  { position: relative; top: 210px; left: 8px; width: 222px; }

/* FORMS */

.cform, .cform fieldset { width: 410px; margin: 1em 0;}

.cform label { 
	display: block; 
	width: 106px;
	line-height: 15px;
	float: left;
	font-weight: bold;
	}
input#send { float: right; }	
#c-name, #c-mail, #c-subject, #c-remark { 
	width: 280px;
	color: #749ac1;
	float: left;
	height: 17px;
	border: 1px solid #d7d7d7;
	padding: 0 5px;
	margin: 2px 0;
	}
#c-remark       { height: 80px; margin-bottom: 1em; }	
.c-margin       { margin: 4px 0; }
.c-margin input { vertical-align: middle; }

.f-finder fieldset { margin-bottom: 5px; }
.f-finder a { float: right; }
.f-select {
	width: 220px;
	color: #749ac1;
	height: 19px;
	border: 1px solid #d7d7d7;
	padding: 0 0 0 5px;
	margin: 4px 0;
	position: relative;
	z-index: 1;
	font-size: 11px;
	}
.captcha { margin: 10px 0; }	


/* Accordion */

dt { cursor: pointer; }
#adverts-block { height: 262px; }

#adverts   {  }
#adverts   {
	width: 220px;
	height: 201px;
	position: relative;
	margin-bottom: 3px;
	}
#adverts dt{
	line-height: 20px;
	height: 23px;
	background: url(../images/accordion_item.gif) no-repeat top left;
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid white;
	}
#adverts dd               { overflow: hidden; }
#adverts p                { margin: 16px 10px; }
#adverts dt.advertsHover  {  }
#adverts dt.advertsActive { background: url(../images/accordion_top.gif) no-repeat top left; }

#opstekertje   {  }
#opstekertje   {
	position:absolute;
	left:8px;
	top:32px;
	height: 179px;
	width:220px;
	}
#opstekertje dt{
	line-height: 20px;
	height: 23px;
	background: url(../images/accordion_item.gif) no-repeat top left;
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid white;
	}
#opstekertje dd               { overflow: hidden; }
#opstekertje p                { margin: 16px 10px; }
#opstekertje dt.opstekertjeHover  {  }
#opstekertje dt.opstekertjeActive { background: url(../images/accordion_top.gif) no-repeat top left; }



#contact   {  }
#contact   {
	position:absolute;
	left:8px;
	top:32px;
	height: 179px;
	width:220px;
	}
#contact dt{
	line-height: 20px;
	height: 23px;
	background: url(../images/accordion_item.gif) no-repeat top left;
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid white;
	}
#contact dd               { overflow: hidden; }
#contact p                { margin: 16px 10px; }
#contact dt.contactHover  {  }
#contact dt.contactActive { background: url(../images/accordion_top.gif) no-repeat top left; }


.weblog   {  }
.weblog   { 
	width: 220px; 
	position: relative;
	left: -6px;
	margin-bottom: 12px; 
	}

.weblog dt {
	padding: 4px 0 4px 16px;
	border-top: 1px solid #C2DBE9;
	background: url(../images/plus.gif) no-repeat 4px 6px;
	}
.weblog dt.first        { border: none; }	
.weblog dd              { overflow: hidden; padding: 0 0 0 6px;}
.weblog dt.weblogHover  {  }
.weblog dt.weblogActive { 
	background: url(../images/min.gif) no-repeat 4px 6px;  
	}
.weblog .weblog-pic  { float: right; }	

#weblog-wrapper { 
	position: relative;
	width: 714px;
	min-height: 471px;
	background: url(../images/bg_weblogs.gif) no-repeat top left;
	margin: 30px 0;
	}
#weblog-wrapper .frame { 
	display: inline;
	float: left;
	margin: 15px 0 3px 80px;
	background: #fff;
	}


#finder   {  }
#finder   {
	width: 453px;
	position: relative;
	margin-bottom: 12px;
	}
#finder dt{
	line-height: 20px;
	height: 23px;
	background: url(../images/bg_finder.gif) no-repeat top left;
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid white;
	}
#finder dd { 
	border-bottom: 1px solid #c2dbe9; 
	margin-bottom: 2px;
	}
#finder p 			     { margin: 0 0 8px 0; }
#finder dt.advertsHover  {  }
#finder dt.advertsActive { 
	background: url(../images/bg_finder_top.gif) no-repeat top left; 
	}

/*-----------------------------
	CONTENT
-----------------------------*/

.sblock  { margin: 0 0 12px 0; position: relative; }
.mblock  { margin: 0 0 12px 0; position: relative; }
.noframe,
.noframe-height { padding: 0 7px 0 8px; }
.noframe { height: 240px; }
#noframenopadding {
   padding: 0pt !important;
}
.block-content li { 
	margin-left: 15px;
	*margin-left: 0;
	}	
.block-content ul li { 
	list-style-type: disc; 
	margin-left: 15px;
	*padding-left: 0px;
	}

* html .sblock p, * html .sblock p { /* IE 3px jog hack*/
	height: 1%;
	}
.floatbox     {	float: left; width: 10px; font-weight: bold; }
.floatbox img { position: relative; top: 2px; }
.floatr       { float: right; }

p.nowrap      {	margin-top: 0; margin-left: 20px; }

.frame .block-content {
	position: absolute;
	top: 36px;
	left: 15px;
	}
.noframe .block-content {
	margin-bottom: 25px;
	}
.sales  { padding: 0 8px; }

.content-extra {
	position: absolute;
	right: 0px;
	top: 6px;
	}

/* VISUAL */

.visual { 
	background: url(../images/bg_beeld.gif) no-repeat top left;
	width: 453px;
	height: 240px;
	font-size: 11px;
	position: relative;
	left: 8px;
	margin-bottom: 7px;
	}
.visual h2 { color: #fff; line-height: 1.4em; width: 150px; }	
.visual .block-content {
	position: absolute;
	top: 16px;
	left: 18px;
	width: 140px;
	color: #fff;
	}
.visual .visual-full {
	position: absolute;
	top: 78px;
	left: 254px;
	width: 178px;
	height: 143px;
	background: url(../images/visual_textbox.gif) no-repeat top left;
	color: #fff;
	}
.visual .visual-pic { 
	position: absolute; 
	top: 0;
	left: 0;
	}	
.visual .visual-pad { padding: 8px 8px 8px 26px; }	
.visual .video {
	position: absolute;
	top: 16px;
	left: 18px;
	width: 417px;
	height: 209px;
	background-color: #eee;;
	}
.visual .slider {
	position: absolute;
	bottom: 20px;
	left: 170px;
	}	
.visual .more {
	display: block;
	margin: 12px 0 0 0;
	}
#visual-nav {
	width: 453px;
	margin: 0 0 15px 8px;
	}
#visual-nav-prev {
	width: 25px;
	height: 12px;
	background: transparent url(../images/arrow_left.gif) no-repeat scroll 0 0;
	}
#visual-nav-next {
	float: right;
	width: 25px;
	height: 12px;
	background: transparent url(../images/arrow_right.gif) no-repeat scroll 0 0;
	}
	
/*  */ 
	
.frame  { 
	position: relative;
	background: white url(../images/bg_frame.jpg) no-repeat top left;
	width: 238px;
	height: 240px;
	}
.frame p { padding-right: 15px;	}
.frame-visual {	float: right; padding-right: 8px; }	
h2 { 
	color: #0f2e67; 
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 6px 0;
	}
.frame h2 {
	position: absolute;
	left: 8px;
	top: 10px;
	}
.btn { 
	display: block;
	margin: 0 0 8px 0; 
	}
.btn-arrowr, .btn-arrowl, .btn-arrowll {
	display: block;
	height: 13px;
	color: #6bacd0;
	font-weight:bold;
	font-size: 11px;
	}
.btn-arrowr { background: url(../images/arrow_right.gif) no-repeat left top; padding-left: 35px; }
.btn-arrowll { background: url(../images/arrow_left.gif) no-repeat left top; padding-left: 35px; }
.btn-arrowl { background: url(../images/arrow_right.gif) no-repeat right top; padding-right: 35px; }

.frame .btn-arrowr, .frame .btn-arrowl {
	position: absolute;
	bottom: 8px;
	bottom: 8px;
	left: 8px;
	}
.noframe .btn-arrowr, .noframe .btn-arrowl {
	margin: 6px 0 10px 0;
	*margin: 6px 0 0 0;
	_margin: 6px 0 8px 0;
	}
a.block-rss,
a.block-rss-news {
	display: block;
	width: 23px;
	height: 12px;
	position: absolute;
	background: url(../images/rss.gif) no-repeat center;
	}
a.block-rss {
	top: 10px;
	right: 8px;
	}
a.block-rss-news {
	top: 212px;
	right: 8px;
	}
.frame a.block-rss-news {
	top: 190px;
	}

/* sprite 2 */	
.sprite2 {
	width: 222px; height: 23px;
	background: url(../images/sprite2.gif) no-repeat top left;
	margin: 0 0 7px 0; 	padding: 0;
	position: relative;
	}
.sprite2 li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 6px;
	display: block;
	color: #fff;
	font-weight: bold;
	}
.sprite2 a:link,
.sprite2 a:hover,
.sprite2 a:visited,
.sprite2 a:active {
	display: block;
	width: 111px;
	text-align: center;
	color: #fff;
	}	
.panel1b { left: 0; }
.panel2b { right: 0; }
.panel1b a:hover {	}
.panel2b a:hover {  }
	
	
ul.side-list  { margin: 6px 0; }	
.side-list li { 
	font-weight: bold; 
	padding-left: 16px;
	margin-bottom: 8px;
	background: url(../images/arrow_small.gif) no-repeat 0 2px;
	}


/* content action icons (print e.g.) */

#main-actions {	float: right; clear: right; }

/* timeline */		

.timeline {
	width: 700px;
	height: 44px;
	background: url(../images/history_bg.gif) no-repeat top left;
	margin: 0 0 20px 0;
	text-align: center;
	}
.timeline a.date, .timeline a.date-on {
	display: block;
	float: left;
	height: 21px;
	width: 46px;
	line-height: 21px;
	color: #fff;
	font-weight: bold;
	margin: 0 1px;
	}
.timeline a.date {	
	background: url(../images/history_tab.gif) no-repeat top left;
	}
.timeline a.date:hover {	
	background: url(../images/history_tab_on.gif) no-repeat top left;
	}
.timeline a.date-on {	
	background: url(../images/history_tab_on.gif) no-repeat top left;
	}	
.timetabs { padding: 10px 5px 5px 5px; }	
.time-data {
	float: left;
	position: relative;
	display: inline;
	width: 465px;
	height: 353px;
	margin-right: 11px;
	background: url(../images/history_data_bg.jpg) no-repeat top left;
	}
.time-data .text {
	position: absolute;
	top: 26px;
	left: 18px;
	}
.time-extra { float: left; }
.time-extra .pic { margin-bottom: 10px; }
.time-data .btn-arrowll {
	position: absolute;
	bottom: 22px;
	left: 18px;
	}
.time-data .btn-arrowl {
	position: absolute;
	bottom: 22px;
	right: 18px;
	}

/* sitemap */	

.level0, .level1, .level2 {	line-height: 1.8em; }
.level0 { font-size: 12px; font-weight: bold; }
.level1 { font-size: 11px; margin-left: 35px; }
.level2 { font-size: 10px; margin-left: 70px; }
.level3 { font-size: 10px; margin-left: 105px; }
.level4 { font-size: 10px; margin-left: 140px; }
.level5 { font-size: 10px; margin-left: 175px; }

/* bigbox */

.big-box {
	position: relative;
	width: 698px;
	height: 463px;
	background: url(../images/bg_frame_big.jpg) no-repeat top left;
	}
.big-box .text {
	position: absolute;
	top: 46px;
	left: 55px;
	}
.big-box .btn-arrowll {
	position: absolute;
	top: 9px;
	left: 8px;
	}
.big-box .btn-arrowl {
	position: absolute;
	top: 9px;
	right: 8px;
	}	

/* box-2 en box-3 */

.box-2, .box-3{
	width: 469px;
	height: 240px;
	position: relative;
	background: url(../images/bg_frame2.jpg) no-repeat top left;
	}
.box-l {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 222px;
	height: 230px;
	}
.box-r {
	position: absolute;
	top: 10px;
	right: 8px;
	width: 222px;
	height: 230px;
	}
.box-l .dotted, .box-r .dotted  { 
	position: absolute; 
	top: 200px; 
	width: 222px; }	
.box-l .btn-arrowr, .box-r .btn-arrowr  { 
	position: absolute; 
	top: 210px; 
	}
.box-2 .tab-content,
.box-3 .tab-content {
	background-color: white;
	height: 145px;
	}

.box-2-inner,
.box-3-inner {
	position:absolute;
	top:8px;
	left:8px;
	width:453px;
	height:232px;
	}
.box-2-inner .tab-content,
.box-3-inner .tab-content { padding: 8px 0 0 8px; }
.box-2-inner .dotted,
.box-3-inner .dotted { margin-bottom: 5px; }
.box-2-inner .block-content,
.box-3-inner .block-content {
	background-color: #fff;
	height:138px; 
	margin-bottom: 10px;
	}
.box-2 .box-2-content {
	position: absolute;
	background-color: #fff;
	top: 24px;
	width: 453px;
	height: 179px;
	}
.box-2-content .inner { padding: 6px; }	

/* merken */

.merk  { 
	width: 106px; 
	height: 65px; 
	float: left;
	overflow: hidden;
	}
.merk-info { padding: 4px 0 0 106px; }	
.brand { 
	border-bottom: 1px solid #c2dbe9; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
.btn-arrows {
	display: block;
	height: 13px;
	color: #6bacd0;
	font-weight:bold;
	font-size: 11px;
	background: url(../images/arrow_small.gif) no-repeat left center; 
	padding-left: 10px;
	}
#finder .btn-arrows, .brand .btn-arrows { 
	float: left; 
	margin: 4px 10px 0 0;
	}
.alpha-row { margin: 2px 0; }	
.alpha-row a {
	margin-right: 1px;
	}
.offset-r { position: relative; left: -7px; }	
.dgfinder { background: url(../images/bg_frame_solid.jpg) no-repeat top left; }
.dgfinder-bg { 
	background-color: white; 
	position: absolute;
	top: 32px;
	left: 8px;
	height: 170px;
	width: 222px;
	}
.dgfinder .btn { position: absolute; bottom: 6px; right: 6px;  }
.dgfinder .dotted { top: 206px; }

#magazine { height: 290px; }
.magazine {
	width: 222px;
	height: 242px;
	min-height: 242px !important;
	background: url(../images/bg_box.gif) no-repeat top left;
	margin-top: 8px;
	position: relative;
	text-align: center;
	}
.magazine td { 
	width: 222px; 
	height: 242px; 
	vertical-align: middle; 
	text-align: center;
	}
.box-4 {
	position: relative;
	margin-top: 20px;
	width: 469px;
	min-height: 379px;
	height: auto !important;
	height: 379px;
	background: url(../images/bg_frame_mag.jpg) no-repeat top left;
	}
.box-4 .bg-box { 
	position: absolute; 
	background-color: white;
	width: 451px;
	height: 346px;
	left: 9px;
	top: 33px;
	z-index: 0;
	}
.box-4 .tab-sheet4         { margin-bottom: 10px; }
.box-4 .block-content      { padding: 0 18px; }
.tab-sheet4 .block-content { padding: 8px; }
	
/* zoeken */

.s-form        { margin: 6px 0; }
.s-form legend { margin-bottom: 10px; }
.s-meta        { text-align: center; font-weight: bold; margin: 6px 0; }
.s-filter      { font-weight: bold; margin: 6px 10px;}
.s-form label  { 
	display: block; 
	float: left; 
	margin-right: 10px;  
	height: 17px;
	line-height: 17px;
	}

.s-data {
	position: relative;
	width: 714px;
	height: 391px;
	margin: 6px 0;
	background: url(../images/bg_frame_search.jpg) no-repeat top left;
	}
.s-data .text {
	position: absolute;
	top: 52px;
	left: 68px;
	width: 580px;
	height: 315px;
	}
.s-data .text p { 
	margin: 5px 0; 
	*margin: 2px 0; 
	}
.s-data .btn-arrowll {
	position: absolute;
	top: 9px;
	left: 7px;
	}
.s-data .btn-arrowl {
	position: absolute;
	top: 9px;
	right: 7px;
	}
.s-pag { text-align: right; margin-bottom: 35px; }

/* rss */

.rss-list { margin: 4px 0 20px 0; }
.rss-list dt { float: left; font-weight: bold; }
.rss-list dd { padding-left: 45px; }
.rss-list dd span,
.rss-list dd span a {
	color: #bbd5e6;
	font-style:
	italic;
	margin-left: 10px;
	}

/* events */

.events td { 
	border-bottom: 1px solid #c2dbe9; 
	padding: 8px 6px;
	}
.events th {
	padding: 8px 6px;
	font-size: 10px;
	}	
.events .fromdate, .events .todate { width: 50px; }
.events .event-item { width: 230px; }
.events .place { width: 206px; }
.events a { font-weight: bold; }
.events .reminder { width: 80px; }

#news,
#sidebar_contact,
#sidebar_agenda,
#sidebar_blogs,
#zester { height: 262px; overflow: hidden; }
#news.noframe .tab-content,
#sidebar_contact div.tab-content,
#sidebar_agenda div.tab-content { height: 210px; }
#news.noframe .block-content,
#sidebar_contact div.block-content { height: 181px; margin-bottom: 0; }
#sidebar_agenda div.block-content,
#zester .block-content { height: 196px; margin-bottom: 0; }

#news.frame .block-content { height: 159px; margin-bottom: 0px; }
#news.frame .tab-content { height: 188px; }

/* opsteker */

.opsteker dl { padding: 6px 0 10px 0; }
.opsteker dt { font-weight: bold; }
.opsteker dd { 
	border-bottom: 1px solid #c2dbe9; 
	padding-bottom: 6px;
	margin-bottom: 6px;
	}
.opsteker dd.last { border: none; }

/* publishers */

.publish {
	width: 328px;
	margin: 6px 0 20px 0;
	float: left;
	display: inline;
	}
.publish-left { margin-right: 30px; }
.publish .afbl { padding: 6px 0 6px 6px; }
.publish .btn-arrows {
	float: left;
	margin: 4px 10px 4px 0; 
	}
.publish .dotted { *margin-top: 6px; }

.publish .footer {
	border-top: 1px solid #c2dbe9;
	padding-bottom: 4px;
	background: url(../images/bar_dotted.gif) repeat-x left bottom;
	}
.publish .footer a {
	display: block;
	height: 13px;
	padding-left: 10px;
	float: left;
	margin: 4px 10px 0 0;

	background: url(../images/arrow_small.gif) no-repeat left center;
	color: #6bacd0;
	font-weight: bold;
	font-size: 11px;
	}

/** Poll iframe **/

.poll-box { 
	position: relative;
	width: 238px;
	height: 153px;
	margin: 10px 0;
	}
#poll-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	height: 153px;
	margin: 0;
	padding: 0;
	}
.noframe #poll-iframe {
	width: 238px;
	height: 153px;
	margin: 10px 0;
	}
#poll-wrapper {
	background: url(../images/bg_poll.gif) no-repeat top left;
	position: relative;
	width: 238px;
	height: 153px;
	}	
#poll-wrapper .block-content {
	position: absolute;
	background-color: #fff;
	top: 36px;
	left: 8px;
	width: 222px;
	height: 85px;
	}
#poll-wrapper .inner { padding: 2px 6px 0 6px; }
#poll-wrapper h2 {
	position: absolute;
	left: 8px;
	top: 10px;
	}	
#poll-wrapper .dotted  { 
	position: relative; 
	top: 124px; 
	left: 8px; 
	width: 222px; 
	}
#poll-wrapper #poll-vote {
	position: relative; 
	top: 127px; 
	left: 8px; 
	}
.poll_bar {	
	display: inline;
	float: left;
	background-color: #C2DBE9; 
	height: 12px;
	margin-right: 10px;
	}	
.percentage { float: left; }
.choice-box { 
	height:25px; 
	font-weight: bold;
	margin-bottom: 0px;
	}
	
	
.frame #targetgroup-search-button {
	position: absolute;
	bottom: 0;
	right: 8px;
	}
.sidebar .frame .tab-sheet {
	left: 8px;
	position: absolute;
	top: 30px;
	}	
.sidebar .frame .tab-sheet hr.solid {
	left: -15px;
	position: relative;
	width: 222px;	
	}
.contact-line {
	position: relative;
	top: 227px;
	}

.related a:link,
.related a:visited,
.related a:hover,
.related a:active {
	padding-left: 20px;
	background: url(../images/arrow_small.gif) no-repeat center left;
	font-weight: bold;
	}
#videonavigation a:link,
#videonavigation a:visited,
#videonavigation a:hover,
#videonavigation a:active {
	padding-left: 8px;
	background: url(../images/arrow_small.gif) no-repeat center left;
	font-weight: bold;
	}	
.ourpeoplebox { 
	position: relative;
	width: 696px;
	height: 223px;
	background: url(../images/bg_onzemensen.jpg) no-repeat top left;
	margin: 20px 0 20px 0;
	}
#ourpeoplevideo { 
	position: absolute;
	top: 14px;
	left: 90px;
	}
.videoinfowrapper { 
	position: absolute;
	top: 14px;
	right: 95px;
	width: 225px;
	height: 192px;
	background-color: white;
	}
.videoinfobox { padding: 8px; }	
.videonavwrapper { 
	position:relative; 
	background: url(../images/box-videonav.gif) no-repeat top left;
	width: 698px;
	padding: 10px 0;
	height: 80px;
	position: relative;
	}
#videonavcontainer {
	padding: 0px 14px;
	width: 655px;
	position: relative;
	overflow: hidden;
	}
#videonavigation {
	width: 30000px;
	height: 80px;
	position: relative;
	}
.videonavright { 
	position: absolute;
	right: 5px;
	top: 35px;
	width: 6px;
	}
.videonavleft { 
	position: absolute;
	left: 5px;
	top: 35px;
	width: 6px;
	}
.nav-entry {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 160px;
	}
.nav-entry img { 
	display: inline;
	float: left;
	margin-right: 8px;
	width: 60px;
	height: 60px;
	}
.media {
	margin-top: 20px;
	}	
.mediaobject {
	margin: 8px 0;
	}
.mediaobject a:link,
.mediaobject a:visited,
.mediaobject a:hover,
.mediaobject a:active {
	padding-left: 20px;
	background: url(../images/arrow_small.gif) no-repeat center left;
	font-weight: bold;
	position: relative;
	right: 0px;
	}		
a.medialink {
	float: right;
	}
.mediapic {
	width: 65px;
	height: 65px;
	float: left;
	display: inline;
	margin-right: 8px;
	}
table.facts1, table.facts2 {
	border-collapse: collapse;
	margin: 6px 0;
	}
.facts	td {
	border: 1px solid #0D6FAB;
	padding: 2px 6px;
	}
.facts p { 
	font-weight: normal;
	font-style: italic; 
	}	
#free-content { overflow: hidden; }	
#zester .block-content  ul { list-style-type: square; margin: 5px 0; }
#zester .block-content  ul li { 
	list-style-type:square;
	font-weight: bold;
	margin: 0 0 5px 15px; 
	}



/**************************************************
 * ::: Freelancer, Jobs and Trainings styling ::: *
 *****************************************************************************/
#freelancer-hourly-first { width: 58px; }
#freelancer-hourly-second {	width: 53px; }

.jobs-list, 
.jobs-info {
	margin: 10px 0;
	}
.jobs-list th,
.jobs-info th {
	font-weight: bold;
	}
.jobs-list td, .jobs-list th,
.jobs-info td, .jobs-info th {
	padding: 2px 5px;
	}
.jobs-list a { font-weight: bold; }
.jobs-list td { padding-bottom: 20px; }
.jobdescription ul {
	list-style-type: disc !important;
	margin-left: 15px !important; 
}

ul.errors {
	margin-bottom: 15px;
}
ul.errors li {
	color: #f00;
}
.newsaccordion {
	left: -14px !important;
}
/* Set this to display none to avoid non published pages to break */
#best-employer {
	display: none;
}

/**
 * BIC Form
 */
#bic-form div.form-row {
	margin-bottom: 5px;
}
#bic-form input.text {
	border: 1px solid #D7D7D7;
	color: #749AC1;
	float: left;
	height: 17px;
	padding: 0pt 5px;
	width: 280px;
	margin-right: 5px;
}
#bic-form input.attachment {
	float: left;
}
#bic-form textarea.text {
	float: left;
	border: 1px solid #D7D7D7;
	color: #749AC1;
}
#bic-form label.form-label {
	float: left;
	font-weight: bold;
	line-height: 15px;
	width: 180px;
}
#bic-form input.street {
	width: 213px;
}
#bic-form input.number {
	width: 50px;
}
#bic-form input.idea-short {
	float: none;
	margin-left: 180px;
	width: 427px;
}
#bic-form h3 {
	font-size: 14px;
	color: black;
	margin-top: 25px;
}
#bic-form hr.solid {
	margin-top: 10px;
}


/* Gallery module */
#gallery-wrapper                        { text-align: center; }
#gallery-wrapper table                  { margin: 0 auto; }
#gallery-wrapper table td               { padding: 4px; }
#gallery-wrapper #gallery-nav           { margin-top: 12px; }
#gallery-wrapper #gallery-nav img       { vertical-align: -2px; }
#gallery-wrapper #gallery-nav .disabled { color: #CECBCE; }

.video-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	width: 222px;
	height: 149px;
	background: transparent white;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0
}
.video-large {
	display: none;
}