/***********************************************************
	
	publication-screen.css	
	15-07-2010, Clockwork
	Publication (theme) specific styling

/***********************************************************
    Font size table (px / %)
	based on yui reset fonts css in combination with container 
   	main size of 100% which resloves to 12px (adapted reset value to 12px) 
************************************************************
	10px
	11px 91.7%
	12px 100%
	13px 108.33%
	14px 116.7%
	15px 125%
	16px 133.3%
	18px 
	20px 166.7%
	22px 183.3%
	23px 
	24px 200%
	36px 300%
	44px 
***********************************************************
    Index
***********************************************************    
1. Common styles
	1a. Colors
	1b. Type
	1c. Margins & Padding
2. Frame & column structure
3. Common elements
4. Components
5. Widgets
6. Widget Framework overrides 
7. Print styling
***********************************************************/


/***********************************************************
    1. Common styles    
***********************************************************/

/***********************************************************
    1a. Colors  
***********************************************************/

/* Text color */

body {
	color:#231f20;
	background:#f5f5f5;
    padding-top:10px;
}

a,a:visited,a:hover {
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	color: #505a78;
}

/***********************************************************
    1b. Type
***********************************************************/

body, input {
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	font-weight:bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration:none;
}

h1 {
	font-size:200%;
}

h2 {
	font-size:133.3%;
}

h2  a:link,h2  a:visited {
	color:#505a78;
}


h3 {
	font-size:115.4%;	
}

/***********************************************************
   1c. Margins & Padding & Misc
***********************************************************/

div.widget {

}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.5em 0;	
}

p, blockquote, ul, ol {
	margin: 0 0 1em 0;
}

.imageReplace {
	text-indent:-9990em;
	overflow:hidden;
}

/***********************************************************
   2. Frame & column structure
***********************************************************/

div#container {
	margin:0 auto;
	width:954px;
	background: url(../gfx/body-bg-lc.png) 0 0 repeat-y;
	padding:0 20px;
	overflow:hidden;
}

div#header .x211x728 {
	margin-bottom:20px;
}

div#header .x477x477 {
	margin-bottom:15px;
}

div#body {
	margin-bottom:15px;
}

div#footer {
	
}

/* Widget framework column structure */

div.column-1,div.column-2,div.column-3,div.column-4,div.column-5 {
	float:left;
}

div.x954 {
	width:954px;
}

div.x819x120 {
	width:954px;
	overflow:hidden;
}

div.x819x120 .column-1 {
	width:819px;
	margin-right:15px;
}

div.x819x120 .column-2 {
	width:120px;
}

div.x120x468x336 {
    width:954px;
    overflow:hidden;
}

div.x120x468x336 > .column-1 {
    width:120px;
    margin-right:15px;
}

div.x120x468x336 > .column-2 {
    width:468px;
    margin-right:15px;
}

div.x120x468x336 > .column-3 {
    width:336px;
}

div.x120x468 > .column-1 {
    width:120px;
    margin-right:15px;
}

div.x120x468 > .column-2 {
    width:468px;
    float:right;
}

div.x468x336 {
	width:819px;
	overflow:hidden;
}

div.x468x336 .column-1 {
	width:468px;
	margin-right:15px;
}

div.x468x336 .column-2 {
	width:336px;
}

div.x211x728 {
	width:954px;
	overflow:hidden;
}

div.x211x728 .column-1 {
	width:211px;
	margin-right:15px;
}

div.x211x728 .column-2 {
	width:728px;
}


div.x174x174x174x174x174 {
	width:930px;
	overflow:hidden;
}

div.x477x477 {
	width:954px;
	overflow:hidden;
}

div.x477x477 .column-1 {
	width:477px;
}

div.x477x477 .column-2 {
	width:477px;
}

div.x603x336 {
	width:954px;
	overflow:hidden;
}

div.x603x336 > .column-1 {
	width:603px;
	margin-right:15px;
}

div.x603x336 > .column-2 {
	width:336px;
}

div.x174x174x174x174x174 .column-1,
div.x174x174x174x174x174 .column-2,
div.x174x174x174x174x174 .column-3,
div.x174x174x174x174x174 .column-4,
div.x174x174x174x174x174 .column-5 {
	width:174px;
	margin-right:15px;
}

div.x174x174x174x174x174 .column-5 {
	margin-right:0;
}

/***********************************************************
    3. Common elements
***********************************************************/

.error {
	color:#d22328;
	font-weight:bold;
}

.success {
	color:#008000;
	font-weight:bold;
}

.error a {
	color:#d22328;
	text-decoration: underline;
}

.error a:hover {
	text-decoration: none;
}

.metaData {
	font-style:italic;
	color:#656262;
}

.source, .source strong {
 	font-style:italic;
}

.articleThumb {
	float:left;
	margin-right:10px;
}

.articleThumb img {
	padding:1px;
	border:1px solid #DCDCDC;
	display:block; /* get rid of 3px bug */
}

ul.arrowStyle li {
	list-style: none;
	background: url(../gfx/sprite-arrows.png) 0 4px no-repeat;
	padding: 0px 0px 4px 14px;
	line-height: 125%;
}


/* Advertorials */
.advertorial {
	margin-bottom: 15px; 
}

.advertorial img {
	display: block; /* get rid of 3px bug */
}

div.adButtons {
	margin-bottom:15px;
}

#article div.adButtons {
	margin-bottom: 0;
}

div.adButtons ul {
	padding: 0 0 10px 0;
	margin: 0;
}

#article div.adButtons ul {
	padding: 0 0 10px 0;
	margin: 0;
}

div.adButtons ul li {
	float: left;
	width: 50%;
}

#article div.adButtons ul li {
	width: 100%;
}

div.adButtons ul li.positie1,
div.adButtons ul li.positie2 {
	border:none;	
}


div.adButtons.oneColumn ul li {
	float: none;
	width: 100%;
}

div.adButtons ul li a {
	display:block;
	padding: 12px 0 13px 30px;
	line-height: 1em;
	color: #666699;
	background-position: left center;
	background-repeat: no-repeat;
}


/* Form styles */

form.extensiveForm {
	padding: 0 10px;
}

/* Te gebruiken bij grote formulieren, met name wanneer er required fields zijn. */

input[type="text"],
input[type="password"],
textarea {
	border:1px solid #cecece;
}

input[type="submit"],
input[type="button"] {
	padding: 1px 5px;
}

	
/* Buttons */
a.button,input.button,button.button { /*border:none;*/
	cursor:pointer;
	text-decoration:none;
}

/* Tabs, based on widget framework html model */

ul.tabs {
	width:100%;
	overflow:hidden;
	margin:0;
	background:url(../gfx/tabrow-bg.png) 0 29px repeat-x;
}

ul.tabs li {
	float:left;
	position:relative;
}

ul.tabs li a {
	display:block;
	height:30px;
	background:url(../gfx/sd-tabs-end.png) right -60px no-repeat;
	margin-right:6px;
}

ul.tabs li a.rss {
	background:url(../gfx/sprite-icons.png) no-repeat right -780px;
	width: 20px;
	height: 20px;
	display:inline-block;
	
}

ul.tabs li a.current {
	background:url(../gfx/sd-tabs-end.png) right 0 no-repeat;
}

ul.tabs li a span {
	display:block;
	background:url(../gfx/sd-tabs-begin.png) 0 -60px no-repeat;
	height:24px;
	padding: 6px 20px 0 20px;
	margin-right:2px;
	cursor:pointer;
}

ul.tabs li.plus a span {
    padding-right: 15px;
}

ul.tabs li.plus a span::before {
    content: '';
    position: relative;
    display: inline-block;
    background: url('../gfx/restyle/lc-plus-tiny.png') no-repeat;
    width: 24px;
    height: 14px;
    top: 3px;
}

ul.tabs li.rssFeature a span {
	padding: 6px 36px 0 20px;
}

ul.tabs li a.current span {
	background:url(../gfx/sd-tabs-begin.png) 0 0 no-repeat;
	color:#505a78;
}

.tabPane {
	display:none;	
}

div.tabPanes .tabPane.firstChild {
	display:block;	
}

/* Sliding door fields */

.blockHeading {
	background:url(../gfx/sd-tabs-begin.png) no-repeat 0 -60px;
	font-size:100%;
	font-weight:normal;
	color:#000;
}

.blockHeading span,
.blockHeading div {
	background:url(../gfx/sd-tabs-end.png) no-repeat 100% -60px;
	display:block;
	padding:0 0 0 10px;
	line-height:30px;
	height:30px;
}

.blockHeading a {
	float:right;
	margin-right:5px;
	color:#646464;
	line-height:30px;
	text-transform:lowercase;
}

.blockHeading a.arrowIcon {
	background:url(../gfx/sprite-arrows.png) 0 12px no-repeat;
	font-size:0;
	display:inline-block;
	width:16px;
	height:28px;
}

.blockHeading a.rssIcon,
div.widget_index .heading a.rssIcon,
.tabs .rssIcon {
	background:url(../gfx/sprite-icons.png) no-repeat right -780px;
	width: 20px;
	height: 20px;
	display:block;
	text-indent:-1234em;
	margin:5px 9px 0 0;
}

.tabs .rssIcon {
	background-position: right -229px;
	position:absolute;
	z-index:10;
	top:0;
	right:2px;	
	cursor:pointer;
}

.tabs .rssIcon.active,
.tabs .rssIcon:hover  {
	background-position: right -112px;	
}

div.widget_index .heading a.rssIcon {
	float:right;
	margin:0 0 0 34px
}

.articleFunctions li a {
	background-image:url(../gfx/sprite-article.png);
}

span.photoIcon,
span.videoIcon,
span.twitterIcon,
span.updateIcon {
	display: inline-block;
	vertical-align: -2px;
	margin: 0 2px;
}

span.photoIcon {
	background: url(../gfx/sprite-icons.png) no-repeat right -358px;
	width: 14px;
	height: 12px;
}
span.videoIcon {
	background: url(../gfx/sprite-icons.png) no-repeat right -469px;
	width: 17px;
	height: 11px;
}
span.twitterIcon {
    background: url(../gfx/twitter.png) no-repeat;
    width: 19px;
    height: 12px;
}
span.updateIcon {
	background: url(../gfx/sprite-icons.png) no-repeat right -578px;
	width: 40px;
	height: 14px;
}


div.topStoryDefault li.active span.updateIcon {
	background-position: right -860px;
}


/***********************************************************
    4. Components
***********************************************************/

div#topBanner {
	margin: 0 auto;
}

/* Partners */

/*
grijze balk (partnerlinks) weg

div#partnerLinks {
	background: url(../gfx/bg-toplinks-header.png) 0 0 repeat-x; 
	height: 30px;
}
*/

div#partnerLinks div.widget_partners   {
	margin:0 auto;
	width:996px;
}

/* Logo / title header */

div#header div.publicationLogo {
	width:199px;
	height:130px;
	text-indent: 0;
	margin:15px 0 0 0;
	float:left;
}

/* Quicklinks */

div#header div#quickLinks {
	float:right;
	margin:15px 0;
}

div#header div#quickLinks ul {
	margin:0;
}

div#header div#quickLinks li {
	margin-right:10px;
	padding-right:10px;
	background:url(../gfx/divider-menu-lc.png) no-repeat 100% 5px;
}

div#header div#quickLinks li a:link,
div#header div#quickLinks li a:visited {
	color:#646464;
}

div#header div#quickLinks li.lastChild {
	background:none;
	margin-right: 0;
	padding-right:0;
}

/* Main navigation */


div#mainNav {	
	font-size:125%;
	font-family:arial, helvetica, sans-serif;
}

div#mainNav ul {
	margin-bottom:0;
}

div#mainNav li {
	display:block;
	font-weight:bold;
	margin-right:-1px; /*10px;*/
	margin-left:10px;
	float:left;
	background:url(../gfx/divider-menu-lc.png) no-repeat 100% 9px;
}

div#mainNav li.firstChild {
	margin-left:0;	
}

div#mainNav li.active,div#mainNav li.lastChild {
	background:none;
}

div#mainNav li a {
	padding:5px 15px 5px 5px;
	/*padding:5px 10px;*/
	display:block;
	color:#231f20;
}

div#mainNav li a:link,
div#mainNav li a:visited {
	color:#505a78;
}

div#mainNav li.active {
	margin-left:0; /*5px;*/	
}

div#mainNav li.active.firstChild {
	margin-left:0;	
}

div#mainNav li.active a {
	background:#646e96;
	color:#fff;
	padding:5px 10px;
}


div#subNav {
	font-size:125%;
}

div#subNav ul {
	line-height:1.8em;
}

div#subNav ul li {
	background:url(../gfx/divider-menu-lc.png) no-repeat 100% 5px;
	padding:0 14px 0 0;
	margin-right:14px;
	font-weight:normal;
	line-height:25px;
	height:25px;
}


div#subNav ul li.lastChild {
	background:none;
}

div#subNav ul li.title {
	background:url(../gfx/sprite-arrows.png) no-repeat 100% -96px;
	padding-left:20px;
	padding-right:30px;
	color:#fff;
	height:25px;
}

div#subNav ul li a:link,
div#subNav ul li a:visited {
	color:#646464;
}

div#subNav ul li.active a:link,
div#subNav ul li.active a:visited {
	color:#646e96;
	font-weight:bold;
}

/* Breadcrumbs */

div#breadcrumbs {
	margin-top:20px;
}

div#breadcrumbs ol{
	margin:0;
}

div#breadcrumbs ol li {
	display:inline;
	padding-left:15px;
}

div#breadcrumbs ol li.noArrow {
	background:none;
	padding-left:0;
}

/* Search widget SimpleForm */

div.widget_search.topSearch input[type=submit],
.searchBox .submit,
div#advanced-search .button {
	border:none;
	width:78px;
	height:29px;
	padding: 0px;
	background:#646e96;
	border:1px solid #46506e;
	color:#fff;
	text-transform:uppercase;
}


/* Topstory */ /* Default styling */
div.topStoryDefault .fixedThumb a {
	width:481px;
	height:284px;
}

div.topStoryDefault div.topStoryPhoto {
	width:481px;
	height:284px;
	overflow:hidden;
	position:relative;
	float:left;
	display:none;
}

div.topStoryDefault div.topStoryPhoto.active {
	display:block;
}

div.topStoryDefault div.captionTopStory,
div.topStoryFull div.captionTopStory {
	background:url(../gfx/opacity50-black.png);
	height:100px;
	width:451px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:20px 15px 0 15px
}

div.topStoryDefault div.captionTopStory h1 {
	font-size:166.7%;
	font-weight:bold;
}


div.topStoryDefault div.captionTopStory a {
	display:inline;
}

div.topStoryDefault div.captionTopStory a:link,
div.topStoryDefault div.captionTopStory a:visited {	
	color:#fff;
}


div.topStoryDefault div.topStoryNav {
	width:346px;
	float:left;
	position:relative;
	margin-left:-8px;
}

div.topStoryDefault div.topStoryNav li {
	background:url(../gfx/topstory-nav-bg.png) no-repeat 0 0;
	height:71px;
	padding:0 5px 0 37px;
}

div.topStoryDefault div.topStoryNav li.active,
div.topStoryDefault div.topStoryNav li:hover,
div.topStoryDefault div.topStoryNav li.hover {
	background:url(../gfx/topstory-nav-bg.png) no-repeat 0 -130px;
	color:#fff;
}

div.topStoryDefault div.topStoryNav li h2 {
	padding:10px 0 0 0;
	margin:0;
}

div.topStoryDefault div.topStoryNav li h2 a {
	text-decoration:none;
}

div.topStoryDefault div.topStoryNav li a:link,
div.topStoryDefault div.topStoryNav li a:visited {
	color:#505a78;
}

div.topStoryDefault div.topStoryNav li.active a:link,
div.topStoryDefault div.topStoryNav li.active a:visited,
div.topStoryDefault div.topStoryNav li:hover a:link,
div.topStoryDefault div.topStoryNav li:hover a:visited,
div.topStoryDefault div.topStoryNav li.hover a:link,
div.topStoryDefault div.topStoryNav li.hover a:visited {
	color:#fff;
}


div.topStoryDefault div.topStoryNav li .articleMeta {
	font-size:91.7%;
}

div.topStoryDefault div.topStoryNav li.active .articleMeta {
	color:#fff;
}

/* Full styling */


div.topStoryFull {
	width:819px;
	height:281px;
	padding-bottom: 12px;
	overflow:hidden;
	position:relative;
}

div.topStoryFull .fixedThumb {
	float:none;
}

div.topStoryFull .fixedThumb a {
	width:819px;
	height:281px;
}

div.topStoryFull div.captionTopStory {
	height:auto; /*70px;*/
	width:804px;
	bottom:12px;
}

div.topStoryFull h1 {
	font-size:166.7%;
}

div.topStoryFull h1 a,div.topStoryFull h1 a:hover {
	text-decoration:none;
	color:#fff;
}

div.topStoryFull p  {
	font-size:108.33%;
}

div.topStoryFull .articleTime {
	float:left;	
}

div.topStoryFull .articleTime .separator {
	margin:0 4px;	
}

/* Breaking news styling */

div.topStoryBreaking {
	border: 1px solid #afafaf;
	position: relative;
	margin-bottom: 12px;
}

div.topStoryBreaking .cornerNW,
div.topStoryBreaking .cornerNE,
div.topStoryBreaking .cornerSW,
div.topStoryBreaking .cornerSE {
	background: #fff;
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

div.topStoryBreaking .cornerNW {
	top: -1px;
	left: -1px;
}

div.topStoryBreaking .cornerNE {
	top: -1px;
	right: -1px;
}

div.topStoryBreaking .cornerSW {
	bottom: -1px;
	left: -1px;
}

div.topStoryBreaking .cornerSE {
	bottom: -1px;
	right: -1px;
}

div.topStoryBreaking .holder {
	border: 1px solid #fff;
	padding: 10px;
	width: auto;
	background: url(../gfx/bg-gradient-breaking.png) bottom left repeat-x #fafafa;
}

div.topStoryBreaking h1 {
	font-size: 300%;
	margin:0 0 10px 0;
}

div.topStoryBreaking h1 a {
	display: block;
	padding-left: 9px;
	color: #505a78;
}

div.topStoryBreaking h1 a:hover {
	text-decoration:none;
}

div.topStoryBreaking a.visual {
	float: left;
	width: 295px;
	height: 200px;
	display:block;
	margin-right: 12px;
	overflow:hidden; /* temp protection form bigger image */
}

div.topStoryBreaking .newsUpdates {
	float: left;
	position: relative;
	border: 1px solid #afafaf;
	background: #fff;
	width: 458px;
	min-height: 160px;
	padding: 19px 14px;
}

div.topStoryBreaking .newsUpdates ul li,
div.topStoryBreaking .newsUpdates ul li a {
	color: #646464;
}

div.topStoryBreaking .newsUpdates ul li {
	margin: 0 0 3px 0;
}

div.topStoryBreaking .newsUpdates .cornerNW,
div.topStoryBreaking .newsUpdates .cornerNE,
div.topStoryBreaking .newsUpdates .cornerSW,
div.topStoryBreaking .newsUpdates .cornerSE {
	background: #f7f7f7;
}

div.topStoryBreaking .newsUpdates .cornerSW {
	background: #e7e7e7;
}

div.topStoryBreaking .newsUpdates .cornerSE {
	background: #e7e7e7;
}


/* Link list */

div.linkList ul {
	border-bottom:1px solid #dedede;
	margin-bottom:15px;
	padding-bottom:10px;
	overflow:hidden;
}

div.linkList ul.lastChild {
	border:none;
	padding:0;
	margin:0;
}

/* Profile */

div#userProfile {
	line-height:125%;
}

div#myAccount input[type="text"],
div#myAccount .fieldValue {
	margin-right:20px;
}

div#myAccount .registration input[type="text"],
div#myAccount .registration input[type="password"] {
	margin-right:0;
	width:351px;
}

div#myAccount .registration label {
	text-transform:lowercase;	
}

div#myAccount form.registration {
	margin-top:10px;
}

div#myAccount input[type="text"],
div#myAccount input[type="password"] {
	width:160px;	
}


div#myAccount .hidden {
	display:none;
}

div#myAccount input.active {
	display:inline;
}

div#myAccount a,
.loginActions a {
	color:#006699;
	text-decoration:underline;
}

div#myAccount a:hover,
div#myAccount a:active,
.loginActions a:hover,
.loginActions a:active {
	text-decoration:none;
}

div#myAccount .loginActions,
div#myAccount ul.error  {
	margin-left:10px;
}



div#myAccount .formRow,
div#mySettings .formRow,
div#myPassword .formRow {
	padding: 6px;
	margin: 6px 0;
}

div#myAccount div.formRow.error,
div#myPassword div.formRow.error {
	margin: 0 0 6px 0;
	border: 1px solid red;
	color: inherit;
	font-weight: inherit;
}

div#myAccount div.formRow p.error {
	margin: 0;
}

div#myPassword form.extensiveForm {
	padding: 0;
}

div#mySettings fieldset.registration {
	display: none;
}



div#myFavorites  {
	padding: 0 10px;
}

div#myFavorites  a.remove {
	margin-left:10px;
	text-decoration:underline;
	color:#646E96;
}

div#myFavorites a.remove:hover,
div#myFavorites a.remove:active {
	text-decoration:none;
}

/* Articles */
div.articleContent {
	padding-top: 14px; 
	/*margin-bottom: 150px;*/
	border-top: 1px solid #dcdcdc; 
	line-height: 125%;
}

div.articleContent.advertorial {
	border:none;
	padding-top:0;	
}

div.articleContentSet {
	border-top: 1px solid #dcdcdc; 	
}

div.articleContent h1 span {
	background: url(../gfx/sprite-icons.png) no-repeat;
	padding-right: 29px;
}
div.articleContent h1.photoIcon span {
	background-position: right -346px;
}
div.articleContent h1.videoIcon span {
	background-position: right -459px;
}
div.articleContent h1.updateIcon span {
	background-position: right -569px;
	padding-right: 52px;
}

.articleMeta,.articleMeta a {
	color: #646464;
}

.articleMeta a {
	text-decoration:none;
}

.articleMeta a:hover,
.articleMeta a:active {
	text-decoration:underline;
}

.articleMeta span {
	display:block;
}

.articleMeta a {
	font-weight:normal;
}
 
div.articleMain {
	margin-top: 10px;
}

div.articleMain .articleVisuals {
	float: left;
	margin: 0px 0px 15px 0px;
}

div.articleMain a {
  color: #666699;
  font-weight: bold;
}

div.articleVisuals .activeVisual {
	border: 1px solid #dcdcdc;
	padding: 1px;
}

div.articleVisuals .activeVisual a {
	display:none;	
}

div.articleVisuals .activeVisual a.active {
	display:block;	
}

div.articleVisuals img {
		display:block;
}

div.articleVisuals .articleVisualThumbs {
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 1px;
	white-space: nowrap;
}

div.articleVisuals .articleVisualThumbs ul {
	margin:0;
}

div.articleVisuals .articleVisualThumbs ul li {
	list-style:none;
	display:inline;
}

div.articleVisuals .articleVisualThumbs ul li .articleThumb {
	margin-right:4px;
}

div.articleVisuals .articleVisualThumbs ul li .articleThumb img {
	padding:0;
	border:none;
}

div.articleVisuals .articleVisualThumbs ul li.lastChild .articleThumb {
	margin-right: 0;
}

div.articleVisuals a.viewGallery {
	background: url(../gfx/sprite-icons.png) no-repeat;
	margin-top: 6px;
	padding-left: 21px;
	display: inline-block;
	color: #646e96;
}

div .articleVisuals a.photoIcon {
	background-position: -24px -355px;
}

div.articleVisuals a.videoIcon {
	background-position: -24px -466px;
}

div.articleMain span.quote {
	float: right;
	width: 110px;
	padding: 10px;
	margin: 0 0 10px 10px; 
	font-size: 133.3%;
	font-style: italic;
	text-align: center;
	background: #f0f0f0;
	color: #505a78;
}

div.articleMain div.videoYoutube {
	margin-top: 20px;
	clear: both;
}

/* Article stats */

div.articleStats {
	border-top: 1px solid #dcdcdc;
	padding-top: 11px;
	margin-bottom: 14px;
	color: #646464;
}

div.articleStats a {
	color: #646e96;
}

div.articleStats .articleAuthor {
	margin-top:10px;
}

/* Article functions */

div.articleFunctions {
	border-top: 1px solid #dcdcdc;
	padding: 6px 0px;
}

div.articleContent .articleFunctions ul {
	margin:0;
}

div.articleContent .articleFunctions li  {
	display:inline;
	list-style:none;
	margin-right: 10px;
}

div.articleContent .articleFunctions li a {
	color:#646e96;
}

div.articleContent .articleFunctions li a.active {
	font-weight:bold;	
}
	
/* Article navigation */

div.articleNav {
	border-top: 1px solid #dcdcdc;
	padding: 11px 0px 15px 0px;
}

div.articleNav .prev {
	float: left;
	color: #646464;
}

div.articleNav .next {
	float: right;
	color: #646464;
}


/* Archive */
div.articleArchive {
	padding-bottom: 150px;
}

div.articleArchive .filtering {
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0 15px 235px;
	width: auto;
}

div.articleArchive .filtering ul {
	margin: 0 0 0 -3px;
}

div.articleArchive .filtering ul li {
	float: left;
	padding: 0px 11px;
	line-height: 1em; 
	border-left: 1px solid #000;
}

div.articleArchive .filtering ul li.firstChild {
	border: none;
}

div.articleArchive .filtering form {
	clear: both;
	padding-top: 15px;
}

div.articleArchive .filtering form select {
	margin-left: 7px;
}

div.articleArchive .filtering form input[type="submit"] {
	margin-left: 20px;
}

div.articleArchive .archiveYear {
	border-bottom: 1px solid #dcdcdc;
	padding: 25px 0px;
}

div.articleArchive .archiveYear .year {
	float: left;
	background: url("../gfx/sprite-arrows.png") no-repeat scroll 100% -96px transparent;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	padding-right: 28px;
	margin-right: 23px;
}

div.articleArchive .archiveYear ul {
	float: left;
	width: 500px;
	margin: 0px;
}

div.articleArchive .archiveYear ul li {
	float: left;
	width: 111px;
}

div.articleArchive .archiveYear ul li.disabled {
	color: #dcdcdc;
	background-position: 0 -489px;
}

div.articleArchive .archiveDetail {
	border-bottom: 1px solid #dcdcdc;
	padding: 25px 0px;
}

div.articleArchive .archiveDetail .date {
	float: left;
	background: url(../gfx/sprite-arrows.png) no-repeat scroll 100% -96px transparent;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	width: 180px;
	margin-right: 40px;
}

div.articleArchive .archiveDetail ul {
	float: left;
	width: 360px;
	margin: 0px;
}

div.articleArchive .archiveDetail ul li.sunday {
	margin-bottom: 1em;
}

div.articleArchive .archiveDetail ul li.disabled {
	color: #dcdcdc;
	background-position: 0 -489px;
}

/* Forms */
div#body form .formRow {
	overflow: hidden;
}

div#body form .reminderRequired {
	display: block;
	text-align: right;
}

div#body form .errorRequired {
	border: 1px solid #d22328;
	padding: 3px 9px;
	margin: 0px 14px 2px -10px;
}

div#body form .fieldRequired {
	padding-left: 3px;
}

div#body form label,
div#body form span.label {
	width:165px;
	display:inline-block;
	margin-right:15px;
	vertical-align:0;
	line-height:130%;
}

div#body form div.radioList,
div#body form div.checkboxList {
	display: inline-block;
	vertical-align: top;
}

div#body form label.forRadio,
div#body form label.forCheckbox,
div#body form label.seperator {
	width: auto;
	vertical-align: middle;
}

div#body form label.seperator {
	margin:0 5px;
}

div#body form input[type="radio"],
div#body form input[type="checkbox"] {
	margin-right: 2px;
	vertical-align: -2px;
}

div#body form div.formSubmit {
	text-align: right;
	margin-top:15px;
}

.registration div.formSubmit input {
	margin-right:43px;
}

/* Standalone overview */

div.standaloneOverview {
	margin-bottom: 150px;
	line-height: 130%;
}

div.standaloneOverview .topItem,
div.articleOverview .topItem {
	padding-bottom:15px;	
}

div.topstory.topItem {
	border-bottom:1px solid #DCDCDC;
	padding-bottom:10px;
	margin-bottom:10px;	
}


div.standaloneOverview .topItem h2 {
	color: #505a78;
	font-size: 166.7%;
	margin: 5px 0 10px 0;
}

div.standaloneOverview .topItem p a {
	color: #646e96;
	font-weight: bold;
	font-size: 100%;
}

div.standaloneOverview .topItem .articleThumb,
div.articleOverview .topItem .articleThumb {
	margin: 2px 15px 10px 0px;
}

div.standaloneOverview .banner {
	border-top: 1px solid #dcdcdc;
	text-align: center;
	height:60px;
	padding:10px 0;
}

div.standaloneOverview .banner img {
	display: block;
	margin: 10px auto;
}

div.standaloneOverview ul {
	border-top: 1px solid #dcdcdc;
}

div.standaloneOverview li {
	float: left;	
	width: 294px;
	padding-bottom: 3px;
	margin-top: -1px;
	margin-right: 15px;
	border-top: 1px solid #dcdcdc;
}

div.standaloneOverview li.even {
	margin-right:0;
	clear: right;
}

div.standaloneOverview li h3 {
	color: #505a78;
	margin: 5px 0px;
}

div.standaloneOverview li a {
	color: #646e96;
	font-weight: bold;
	font-size: 100%;
}

div.standaloneOverview li p {
	font-size: 91.7%;
}

div.standaloneOverview li p span {
	font-size: 91.7%;
}

/* Theme overview */

div.themeOverview {
	margin-bottom: 150px;
	line-height: 130%;
}

div.themeOverview .topItem {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 15px;
}

div.themeOverview .topItem h2 {
	color: #505a78;
	font-size: 166.7%;
	margin: 5px 0 10px 0;
}

div.themeOverview .topItem a {
	color: #646e96;
	font-weight: bold;
	font-size: 100%;
}

div.themeOverview .topItem  .articleThumb {
	margin: 2px 15px 10px 0px;
}

div.themeOverview div.widget_index .heading .separator {
	left: 259px;
}

div.themeOverview div.widget_index .content .story {
	width: 238px;
}

div.themeOverview div.widget_index .content .otherStories {
	width: 295px;
}

div.themeOverview div.widget_index .content .storyOnly p.column-1 {
	width: 238px;
}

div.themeOverview div.widget_index .content .storyOnly p.column-2 {
	width: 295px;
}


/* Form page */

div.formPage {
	/*border-top: 1px solid #dcdcdc;
	margin-bottom: 150px;*/
}

div.formPage h1 {
	margin: 14px 0px 8px 0px;
}

div.formPage p.introText {
	padding-bottom: 17px;
	border-bottom: 1px solid #dcdcdc;
}

div.formPage fieldset {
	margin-bottom: 22px;
}

div.formPage fieldset legend {
	display: block;
	font-weight: bold;
}

div.formPage form div.formRow {
	margin: 0 10px 10px 0;
	padding: 0;
}

div#body div.formPage form .errorRequired {
	margin-bottom: 10px;
}

div.formPage input[type="text"],
div.formPage input[type="password"] {
	width: 351px;
}

div.formPage textarea {
	width: auto;
	vertical-align: top;
}

div.formPage div.formSubmit {
	padding-right: 40px;
}


/* Form page success */

div.formPage.successful {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 1em;
}

div.formPage.successful h2 {
	font-size: 100%;
	color: #505a78;
	margin: 1.5em 0 1em 0;
}

div.formPage.successful div {
	margin-bottom: 1em;
}

/* 404 */
div.page404 {
	border-top: 1px solid #dcdcdc; 
	margin-bottom: 150px;
}

div.page404 h1 {
	margin: 14px 0px 9px 0px;
}

div.page404 p.intro {
	color: #646464;
}

div.page404 .widget.search {
	float: none;
	margin-bottom: 21px;
}

#body div.page404 .widget.search form {
	padding: 0px;
}

div.page404 .search input[name=searchString] {
	width: 508px;
}
div.page404 h2 {
	font-size: 100%;
	color: #46506e;
}

/* Weather */
div.weatherDetailed {
	margin-bottom: 150px;
}

/* Begin Weather online fullpage style */

/*
Specifieke styles die gebruikt worden door de weer pagina
*/

#weatherContainer {
	width: 603px;
}

#weatherOverview {
	height: 270px;
	border: 1px solid #ccc;
	border-top: 0px;	
}

#weatherOverview {
	padding: 8px;
	padding-bottom: 0;
}

.weatherDayText {
	padding:3px;
	line-height:1.4em;
}

.weatherDay {
	width: 116px;
	float: left;
	border-left: 1px solid white;
	height: 100%;
}

#weatherDayOne {
	border-left: 0px;
}

.weatherDayTitle {
	background-color: #45496e;
	color: white;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}

.weatherDayText * {
	font-size: 11px;
	
}

.weatherDayTemperatureMinimum {
	font-weight: bold;
	float: left;
}

.weatherDayTemperatureMaximum {
	font-weight: bold;
	float: right;
}

/* End Weather online fullpage style */

/* Pagination based on widget framework */

div.pagination {
	background:url(../gfx/sd-tabs-end.png) no-repeat 100% -60px;
	padding-right:2px;
	margin:15px 0;
	text-align:center;
	line-height:15px;
}

div.pagination div.pagination-left {
	background:url(../gfx/sd-tabs-begin.png) no-repeat 0 -60px;
	height:30px;
}

div.pagination div.pagination-left span.text {
	display: inline-block;
	color: #505a78;
}

div.pagination div.pagination-left span.page-number a,
div.pagination div.pagination-left span.page-number.current-page
	{
	display:inline-block;
	margin:5px 10px 0 0;
	padding:3px 0 0 0;
	background:url(../gfx/sprite-backgrounds.png) no-repeat 0 -726px;
	text-align:center;
	width:20px;
	height:17px;
	vertical-align: 0px;
}

div.pagination div.pagination-left span.page-number.current-page,
div.pagination div.pagination-left span.page-number a.active {
	background:url(../gfx/sprite-backgrounds.png) no-repeat 0 -826px;
	color:#fff;
}

div.pagination div.pagination-left span.page-number.previous-page,
div.pagination div.pagination-left span.page-number.first-page {
	float:left;
}

div.pagination div.pagination-left span.page-number.first-page {
	margin-left:10px;
}

div.pagination div.pagination-left span.page-number.first-page,
div.pagination div.pagination-left span.page-number.last-page,
div.pagination div.pagination-left span.page-number.previous-page,
div.pagination div.pagination-left span.page-number.next-page {
	line-height:11px;
}

div.pagination div.pagination-left span.page-number.next-page,
div.pagination div.pagination-left span.page-number.last-page {
	float:right;
}

/* Custom static pagination */

div.pagination-content .content {
	display:none;
}

div.pagination-content .content.active {
	display:block;
}


/* Search */

div.search.advancedForm {
	margin-bottom:15px;
}

div#advanced-search {
	background: #ffffff url(../gfx/bg-gradient-thema-grey.png) repeat-x 0 100%;
	border:1px solid #afafaf;
	font-size:91.7%;
}

div#advanced-search h2 {
 color:#000;
 font-size:100%;
 font-weight:bold;
 margin:5px 0 0 10px;
}

div#advanced-search div.content-block {
	padding:10px 10px 0 10px;
	border:1px solid #fff;
}


div#advanced-search div.formRow {
	margin:0 0 10px 0;
}


/* Footer */

div#articleFooter {
	background:url(../gfx/body-bg-footer-lc.png) center bottom no-repeat;
	margin-bottom:6px;
	padding-bottom:15px;
}

div#articleFooter .footerContent {
	width:960px;
	margin:0 auto;	
}

div#articleFooter .footerContent .acapLogo {
	float:right;	
}

div#articleFooter .footerContent .siteCopyright {
	color:#666;	
}


div#pageFooter {
	background:#5a5a59 url(../gfx/footer-bg-lc.png) top left repeat-x;
}

div.footerLinks {
	margin: 0 auto;
	padding:20px 27px;
	width: 930px;
}

div.footerLinks .footerColumn {
	float:left;
	margin:0 0 0 30px;
	width:160px;
}

div.footerLinks li {
	background:url(../gfx/sprite-arrows.png) 0 -155px no-repeat;
	padding-left:10px;
	line-height:1.6em;
}

div.footerLinks,div.footerLinks a {
	color:#fff;
}

div.footerLinks h4 {
	font-size:116.7%;
}

/* jQuery tabs */

.ui-tabs .ui-tabs-hide {
     display: none;
}


/***********************************************************
    5. Widgets
***********************************************************/

/* Horizontal menu */

div.widget_menu ul {
	display:block;
}

div.widget_menu ul li {
	display:block;
	float:left;
	margin-right:1em;
}

div.widget_menu ul li.lastChild {
	margin-right:0;
}

/* Partner link bar */

div.widget_partners ul {
	margin: 0;
	padding: 6px 0 0 5px;
	background: url(../gfx/sprite-backgrounds.png) 5px -242px no-repeat;
}

div.widget_partners ul li {
	background: url(../gfx/sprite-backgrounds.png) right -307px no-repeat;
	display: block;
	float: left;
	height: 19px;
	padding: 0 19px 0px 21px;
}


div.widget_partners ul li a span {
	text-indent: -999px;
	overflow:hidden;
	display:block;
}

/* Top search */

div.widget_search.topSearch input[type=text] {
	width:250px;
	/*line-height:22px;*/
	padding:6px 0 6px 3px;
	background:#f5f5f5;
	border:1px solid #dcdcdc;
	float:left;
}

.frontpage div.widget_search.topSearch input[type=text] {
	width:387px;		
}

div.widget_search.topSearch .formRow {
	margin:0;
	padding:0;
	line-height:170%;
}

/* articleList */

div.widget_articleList ul li {
	padding-bottom:12px;
	margin-bottom:6px;
	border-bottom:1px solid #DCDCDC;
	overflow:hidden;
}

div.widget_articleList ul li.banner {
	padding-bottom:2px;	
}

div.widget_articleList .articleTeaser {
	font-size: 91.7%;
	line-height: 1.3em; 
	float:left;
	width:317px;
}

.articleOverview div.widget_articleList .articleTeaser {
	width:485px;	
}

div.widget_articleList ul li .readMore a {
	color: #646e96;
	font-weight: bold;
}

div.widget_articleList ul li h2 {
	background: url(../gfx/sprite-icons.png) no-repeat;
}

div.widget_articleList ul li h2.photoIcon {
	background-position: 0 -369px;
}

div.widget_articleList ul li h2.videoIcon {
	background-position: 0 -480px;
}

div.widget_articleList ul li h2.updateIcon {
	background-position: 0 -593px;
}


/* Sharing widget */
div.widget_shareThis {
	border-top: 1px solid #dcdcdc;
	margin-bottom: 0px;
	color: #646e96;
	font-size: 91.7%;
}
div.widget_shareThis .addthis_toolbox {
	float: left;
	margin-top: 5px;
}
div.widget_shareThis .addthis_toolbox span.txt {
	float: left;
	margin-right: 10px;
}
div.widget_shareThis .addthis_toolbox a {
	margin-right: 3px;
}
div.widget_shareThis .facebookShare {
	float: right;
	margin: 4px 0px 0px 3px;
}

div.widget_shareThis .hyvesRespect {
	float: right;
	margin: 5px 0px 0px 3px;
        width: 167px;
}

a.addthis_button_facebook_like {
  width: 116px;
  margin-top: -1px;
}

a.addthis_button_tweet {
  width: 109px;
  margin: 0px 0px 0px 0px;
}

a.addthis_button_google_plusone {
  width: 75px;
  margin: 0px 0px 0px 0px;
}

a.addthis_counter {
  width: 100px;
  margin: 0px 0px 0px 0px;
}

/* Related items */
div.widget_relatedItems {
	border-top: 1px solid #dcdcdc;
	padding-top: 13px;
	margin: 0px;
}
div.widget_relatedItems .column1 {
	float: left;
	width: 50%;
	min-height:1em; /* fix to make sure 2nd column floats correctly */
}
div.widget_relatedItems .column2 {
	float: left;
	width: 50%;
}


div.widget_relatedItems h2 {
	display: block;
	margin: 0px 20px 4px 0px;
	color: #505a78;
}

div.widget_relatedItems ul {
	margin: 0px 20px 20px 0px;
}

div.widget_relatedItems ul li {
	list-style: none;
}

/* Generic articles */
div.generic-articles.nonpremium > h2 {
    margin-top: 16px;
}

div.generic-articles.nonpremium ul{
    margin: 0px 0px 20px 0px;
}

div.generic-articles.nonpremium li {
    margin: 10px 0px;
    max-height: 89px;
    overflow: hidden;
    list-style: none;
}

div.generic-articles.nonpremium ul .articleThumb {
    width: 124px;
    height: 93px;
}

div.generic-articles.nonpremium ul h2{
    margin: 0px 10px 4px 10px;
    padding-top: 8px;
    font-size: 116.7%;
}

div.generic-articles.nonpremium .leadText{
    margin: 2px 10px;
    display: block;
}

div.generic-articles.nonpremium .plus {
    margin-top: 2px;
}

/* View comments */

div.widget_viewComments {
	overflow: hidden;
	margin-bottom: 9px;
}
div.widget_viewComments h3 {
	margin: 0;
}

div.widget_viewComments h3.writeComment {
	margin-top:15px;
}

div.widget_viewComments h3 a {
	float: right;
	margin-right: 10px;
	color: #000000;
}

div.widget_viewComments h3 select.commentFilter {
	float: right;
	margin: 5px 5px 0 5px;
}

div.widget_viewComments h3 a.saveCommentFilter  {
	float:right;
}

div.widget_viewComments div.comment {
	border-bottom: 1px solid #dcdcdc;
	padding: 0 10px 13px 10px;
	margin-top:13px;
	/*margin-bottom:15px;*/
}

div.widget_viewComments div.comment.lastChild {
	border:none;
	padding-bottom:0;	
}

div.widget_viewComments div.comment a {
	color:#646E96;
}

div.widget_viewComments .commentAuthor {
	display: block;
	margin: 17px 0 5px 0;
	color: #646464;
}

div.widget_viewComments  .violationPlaceholder {
	display:inline-block;	
}

div.widget_viewComments  .violationPlaceholder strong {
	color:#ff0000;
	font-weight:bold;	
}

div.widget_viewComments .violation {
	color: #646e96;
}



div.widget_viewComments .commentModeration {
	display: inline;
	margin: 0 0 0 15px;
}

div.widget_viewComments .commentModeration  li {
	display:inline;
	background:url(../gfx/divider-menu-lc.png) right center no-repeat;
	padding-right:5px;
	margin-right:5px;
}

div.widget_viewComments .commentModeration  li.lastChild {
	background:none;
	margin:0;
	padding:0;
}

div.widget_viewComments .commentModeration  a {
	display: inline-block;
	width: 13px;
	height: 12px;
	outline: none;
	background: url(../gfx/sprite-commenting.png) no-repeat;
}

div.widget_viewComments .commentModeration a.info {
	background-position: 0 0;
}

div.widget_viewComments .commentModeration a.delete {
	background-position: 0 -30px;
}

div.widget_viewComments .commentModeration a.banIp {
	background-position: 0 -60px;
}

div.widget_viewComments .commentModeration a.banIpActive {
	background-position: 0 -182px;
}

div.widget_viewComments .commentModeration a.banProfile {
	background-position: 0 -90px;
}

div.widget_viewComments .commentModeration a.banProfileActive {
	background-position: 0 -213px;
}

div.widget_viewComments .commentModeration a.sendEmail {
	background-position: 0 -120px;
}

div.widget_viewComments .commentModeration a.edit {
	background-position: 0 -150px;
}

div.widget_viewComments div#commentFeedback,
.asyncFeedback {
	padding:5px;	
	border:1px solid #000;
	display:none;
	margin:5px 0;
}

div.widget_viewComments div#commentFeedback.success,
.asyncFeedback.success {
	display:block;
	border-color:#008000;
	color:#008000;
	background-color:#EAFFEA;
}

div.widget_viewComments div#commentFeedback.error,
.asyncFeedback.error {
	display:block;
	color:#FF0000l;
	border-color:#FF0000;	
	background-color:#FFD9D9;
}

div#commentsList .comment form {
	display:none;	
	margin:5px 0;
}

div#commentsList .comment form textarea {
	margin-bottom:5px;	
}


/* Comment widget */

div.widget_writeComment {
	color: #646464;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.widget_writeComment .userInfo {
	margin-top:15px;	
}

div.widget_writeComment .userInfo strong {
	color:#000;	
}

div.widget_writeComment h3 {
	color: #000000;
}

div.widget_writeComment strong {
	color: #000000;
}

div.widget_writeComment textarea {
	width: 598px;
	margin: 15px 0px 12px 0px;
}

div.widget_writeComment a.otherUser {
	color: #646e96;
}

div.widget_writeComment a.commentRules {
	color: #646e96;
	float: right;
	margin-top: 8px;
}

div.widget_writeComment p.commentDelay {
	color:#d22328;
	font-weight:bold;
}

/* Weather widget */

a.widget_weather {
	background-position: 1px 0px;
	background-repeat: no-repeat;
	border-top: 1px solid #dcdcdc;
	margin-bottom: 15px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 100%;
	height:75px;
	display:block;
}

a.widget_weather:hover {
	text-decoration:none;
}

a.widget_weather sup {
	font-size: 55%;
	vertical-align: top;
}

a.widget_weather .temperature {
	display: block;
	margin: 30px 7px 17px 0px;
	font-size: 183.3%;
	text-align: right;
	color: #646464;
}

a.widget_weather .temperature sup {
	font-size: 45%;
	vertical-align: 70%;
	margin: 0px 3px;
}

a.widget_weather .sky {
	display: block;
	color: #646464;
	margin-bottom: 4px;
	padding: 0px 0px 0px 8px;	
}

a.widget_weather .minMax {
	display: block;
	color: #646464;
}

div.widget_search-result div.article.first {
	border-top:1px solid #dcdcdc;
	padding-top:10px;
}

div.widget_search-result div.article {
	border-bottom:1px solid #dcdcdc;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	overflow:hidden;
}

div.widget_search-result div.article p {
	margin-bottom:25px;
}

div.widget_search-result span.resultDateInfo {
	color:#646464;
	font-size:91.7%;
}

div.widget_search-result span.resultDateInfo a {
	color:#646464;
}

/* Poll widget */

div#body div.widget_poll form {
	padding:0;
	margin-top:1em;
}

div#body div.widget_poll form .formRow {
	margin-bottom:5px;	
}

div#body div.widget_poll form input {
	float:left;
}

div#body div.widget_poll form label {
	width:90px;
	margin-right:0;		
	margin-top:1px;
	float:left;
}

div#body div.widget_poll  {
	padding:5px;
	font-size:91.7%;
}

div#body div.widget_poll {
	line-height:1.3em;
}

div#body div.widget_poll form .formRow {
	line-height:1.6em;
}

div#body div.widget_poll .poll-form-bottom {
	margin-top:10px;
}

div#body div.widget_poll .result {
	overflow:hidden;	
	height:14px;
	margin-top:3px;
	border:1px solid #eee;	
	background:#efefef;
}

div.poll div.content ul li div.result div {
	background-color:#646E96;
	margin:1px;	
	height:12px;
}

div#body div.widget_poll ul {
	margin:1em 0;	
}

div#body div.widget_poll ul li {
	margin:0 0 3px 0;	
}


div#body div.widget_poll .pollQuestion {
	font-weight:bold;	
}


/* Social media widget */
div#body div.widget_social ul {
	padding:15px 0 0 10px;
	overflow:hidden;
}

div#body div.widget_social ul li {
	margin:0 9px 0 0;
	float:left;
}

div#body div.widget_social ul li.facebook,
div#body div.widget_social ul li.youtube {
	margin:0;
}
	
div#body div.widget_social ul li a {
	background:url(../gfx/sprite-social-icons.png) no-repeat 0 0;
	width:43px;
	height:46px;
	display:block;
}

div#body div.widget_social ul li.facebook a {
	background-position:-55px 0;
}

div#body div.widget_social ul li.youtube a {
	background-position:-55px -56px;
}


div#body div.widget_social ul li.flickr a {
	background-position:0 -56px;
}


/*  Event widget*/

div#body div.widget_event div.image {
	overflow:hidden;
	position:relative;
	height:100px;
}

div#body div.widget_event div.image  img {
	display:block;
}

div#body div.widget_event div.image span.byline {
	display:block;
	position:absolute;
	bottom:0;
	color:#fff;
	padding:2px 3px 3px 5px;
	line-height:1.4em;
	background:url(../gfx/opacity50-black.png) repeat scroll 0 0;
	width:118px;
}

div#body div.widget_event a.button {
	color:#646e96;
	font-weight:bold;
	display:inline-block;
	margin:4px 5px;
	font-size:91.7%;
}

/* Advertorial widget */ /* contentBox advert */
div#body div.widget_advert div.image {
	text-align:center;
}

div#body div.widget_advert div.image span.byline,
div#body div.widget_advert div.image span.price {
	font-size:91.7%;
	display:block;
	font-weight:bold;
}

div#body div.widget_advert div.image span.price {
	color:#ff0000;
}

div#body div.widget_advert a {
	color:#646e96;	
}

div#body div.widget_advert a.button {
	display:block;
	background:url(../gfx/sprite-backgrounds.png) no-repeat 0 0;
	margin:7px auto;
	width:77px;
	height:20px;
	color:#000;
	text-align:center;
}

/* Frontpage news archive widget */

div.widget_newsArchive {
	padding:10px 20px;
}

div.widget_newsArchive .currentWeek {
	margin:0 0 10px 0;
}

div.widget_newsArchive form select {
	margin-right:5px;
	vertical-align:-2px;
}

/* Login box */

div.widget_loginBox {
	background:url(../gfx/shadow-login.png) no-repeat right bottom;
	width:362px;
	position:absolute;
	right:37px;
	top:43px;
	z-index:10;
	padding:0 8px 8px 0;
	color:#646464;
	display:none;
}

div.widget_loginBox a {
	color:#646464;
}

div.widget_loginBox div.close {
	background:url(../gfx/login-arrow_close.png) no-repeat 0 0;
	float:right;
	margin:-9px 0 0 0;
	width:50px;
}


div.widget_loginBox div.close a {
	display:block;
	width:11px;
	height:11px;
	margin:15px 4px 0 0;
	float:right;
	background:url(../gfx/login-arrow_close.png) no-repeat 0 -39px;
}

div.widget_loginBox div.content {
	background:#fff;
}

div.widget_loginBox form {
	border:1px solid #646e96;
	padding:25px 15px 0 15px;
}

div.widget_loginBox form legend {
	display:none;
}


div.widget_loginBox form div.formRow {
	margin:0 0 10px 0;
	width:330px;
}

div.widget_loginBox form div.formRow input {
	width:199px;
}
div.widget_loginBox form div.formRow input[type="checkbox"] {
	width:auto;
}

div.widget_loginBox form div.formRow input,
div.widget_loginBox form div.formRow label {
	display:inline-block;
}

div.widget_loginBox form div.formRow label {
	width:120px;
	text-transform:lowercase;
}

div.widget_loginBox form div.formRow label.checkbox {
	width:200px;
	margin-left:3px;
}

div.widget_loginBox form div.formRow button {
	background:#646e96;
	color:#fff;
	border:none;
	font-weight:bold;
	padding:2px 5px;
	float:right;
}

div.widget_loginBox ul.loginMenu {
	padding:15px 0; /* margin messes up IE7 rendering */
	margin:0;
	width:330px;
}

ul.loginMenu {
	overflow:hidden;
}

div.widget_loginBox ul.loginMenu li {
	display:block;
	background:url(../gfx/divider-menu-lc.png) no-repeat 100% 2px;
	text-transform:lowercase;	
}

div.widget_loginBox ul.loginMenu li a {
	
}

ul.loginMenu li {
	padding-right:6px;
	margin-left:5px;
	vertical-align:middle;
	float:left;
}

div.widget_loginBox ul.loginMenu li.firstChild {
	margin:0;
}

div.widget_loginBox ul.loginMenu li.authTypeHeader {
	margin-right:5px;
	background:none;
	padding-right:0;
}
div.widget_loginBox ul.loginMenu li.oAuth,
ul.loginMenu li.oAuth {
	background:none;
	margin:0 1px 0 0;
	padding:0;
}

ul.loginMenu li.oAuth a {
	display:block;
	width:21px;
	height:22px;
}

ul.loginMenu li.twitter a {
	background:url(../gfx/sprite-oauth.png) no-repeat 0 0;
}
ul.loginMenu li.facebook a {
	background:url(../gfx/sprite-oauth.png) no-repeat -22px 0;
}
ul.loginMenu li.google a {
	background:url(../gfx/sprite-oauth.png) no-repeat -44px 0;
}


/* Advertorial */

div.widget_advertorial {
	margin-bottom:10px;
}

div.widget_advertorial span.advertorialHeader,
span.advertorialHeader {
	font-size:91.7%;
	background:#646e96;
	float:right;
	display:inline;
	margin:0;
	color:#fff;
	font-weight:normal;
	padding:2px 4px;
    line-height:15px;
}

#article div.widget_advertorial span.advertorialHeader {
	font-size:91.7%;
	background:#646e96;
	float:left;
	display:inline;
	margin:0;
	color:#fff;
	font-weight:normal;
	padding:2px 4px;
    line-height:15px;
}

#article div.widget_advertorial div.content {
	background:#f9f9f9;
	border:1px solid #eeeeee;
	padding:2px 2px 2px 2px;
	clear:both;

}

div.widget_advertorial div.content {
	background:#f9f9f9;
	border:1px solid #eeeeee;
	padding:20px 8px 10px 8px;
	clear:both;

}

div.widget_advertorial div.content p {
	margin:10px 0 0 10px;
	line-height:1.3em;
}

div.widget_advertorial div.content a span.readMore {
	color:#e67000;
	display:block;
	font-weight:bold;
}

/* Rectangle */

div.widget_rectangle {
	margin-bottom:15px;	
}

div.widget_rectangle iframe {
	display:block;	/* get rid off 3 pixel bug */
}

/* Index widget */

div.widget_index {
	position: relative; /* nb this causes serious lay-out prolems in IE7 */
	margin-bottom: 15px;
}

div.widget_index .cornerNW,div.widget_index .cornerNE,
div.widget_index .cornerSW,div.widget_index .cornerSE {
	background: #ffffff;
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

div.widget_index .cornerNW {
	top: 0px;
	left: 0px;
}

div.widget_index .cornerNE {
	top: 0px;
	right: 0px;
}

div.widget_index .cornerSW {
	bottom: 0px;
	left: 0px;
}

div.widget_index .cornerSE {
	bottom: 0px;
	right: 0px;
}

div.widget_index .heading {
	background:url(../gfx/sd-tabs-begin.png) no-repeat 0 -60px;
	font-size:100%;
	font-weight:normal;
	color:#000;
	height: 30px;
	position: relative;
}

div.widget_index .heading .holder {
	width: auto;
	background:url(../gfx/sd-tabs-end.png) no-repeat 100% -60px;
	padding: 5px 6px 0 10px;
	height: 25px;
	line-height: 20px;
}

div.widget_index .heading .head {
	float: left; 
}

div.widget_index .heading .separator {
	position: absolute;
	top: 2px;
	left: 350px;
	width: 0px;
	height: 26px;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #ffffff;
}

div.widget_index .heading .pagination {
	float: right;
	background: none;
	margin: 2px 0 0 0;
	padding: 0;
}

div.widget_index .heading .pagination-left {
	background: none;
}

div.widget_index .heading .pagination-left span.page-number a,
div.widget_index .heading .pagination-left span.page-number.current-page {
	margin:0 0 0 4px;
	padding:1px 0 0 0;
	background:url(../gfx/sprite-backgrounds.png) no-repeat 0 -916px;
	width:17px;
	height:16px;
}

div.widget_index .heading .pagination-left span.page-number.current-page,
div.widget_index .heading .pagination-left span.page-number a.active {
	background:url(../gfx/sprite-backgrounds.png) no-repeat 0 -1004px;
	color:#fff;
}

div.widget_index .content {
	border: 1px solid #aeaeae;
	border-top: none;
	background: #ffffff;
	padding: 0 1px 1px 1px;
}

div.widget_index .content .holder {
	background: url(../gfx/bg-gradient-thema-grey-small.png) #ffffff repeat-x left bottom;
}

div.widget_index .content .story {
	float: left;
	width: 329px;
	padding: 12px 10px 15px 10px;
	border-right: 1px solid #ffffff;
}

div.widget_index .content .story h6 {
	font-size: 116.7%;
}

div.widget_index .content .story h6 a,
div.widget_index .content .story h6 {
	color: #505a78;
}

div.widget_index .content .story .articleThumb {
	background: #ffffff;
	margin-bottom: 10px;
}

div.widget_index .content .story p {
	line-height: 130%;
	margin: 0;
}

div.widget_index .content .otherStories {
	float: left;
	width: 420px;
	padding: 15px 15px 15px 30px;
	margin: 0px;
	border-left: 1px solid #ffffff;
	margin-left: -1px;
}


div.widget_index .content .otherStories li {
	padding-bottom: 9px;
}

div.widget_index .content .otherStories li a {
	color: #4b4b4b;
}

div.widget_index .content .storyOnly {
	padding: 12px 10px 15px 10px;
	overflow:hidden;
}

div.widget_index .content .storyOnly h6 a,
div.widget_index .content .storyOnly h6 {
	color: #505a78;
}

div.widget_index .content .storyOnly p.column-1 {
	float: left; 
	width: 329px;
	margin: 0 40px 0 0;
}

div.widget_index .content .storyOnly p.column-2 {
	float: left; 
	width: 420px;
	margin: 0;
}


/* Index widget custom, extra styling (wanneer de klant eigen kleuren toepast)  */

div.widget_index.custom .heading .separator {
	visibility: hidden;
}

div.widget_index.custom .content {
	border: none;
}

div.widget_index.custom .content .story {
	border: none;
	margin: 0 1px;
}

div.widget_index.custom .content .story .articleThumb {
	margin-right: 13px;
	background: none;
}

div.widget_index.custom .content .story .articleThumb img {
	border: none;
	padding: 0;
}

div.widget_index.custom .otherStories {
	border: none;
	margin: 0px;
}


div.widget_archive {
	margin-bottom:15px;	
}

/* Escenic widgets */

div.pageTools {
	margin:20px 0;	
}

div#emailFormPageTools {
	display:none;	
}

div#emailFormPageTools .blockHeading {
	margin-bottom:0;	
}
	
div#emailFormPageTools form#mailForm {
	padding:10px;	
	background:#F3F3F3;
}

div#emailFormPageTools form#mailForm input[type=text] {
	margin-right:5px;	
}

div#emailFormPageTools form#mailForm .succes {
	margin-left:10px;	
}

/***********************************************************
    6. Widget Framework overrides  
***********************************************************/
	/* Carousel */ /* Article photo carousel specific styling */

div#photoAlbumCarousel {
	height:493px;
}

div#photoAlbumCarousel .scrollable {
	height:49px;
	margin-top:3px;
}

div#photoAlbumCarousel .filmstrip  {
	position:relative;
	width:567px;
	bottom:auto;
	padding:0 5px;
	margin-top:10px;
	left:13px;
}

div#photoAlbumCarousel  .item  img {
	width:62px !important;
	height:45px !important;
}


div#photoAlbumCarousel .scrollable .items div.item img,
div#photoAlbumCarousel .scrollable .items div.item:hover img  {
	padding:0;
	border:0;	
}

div#photoAlbumCarousel div.mainDisplayContainer div.bottomOverlay {
	bottom:-10px;
}

div#photoAlbumCarousel div.mainDisplayContainer div.bottomOverlay h2 {
	font-size:100%;
	font-weight:normal;
}

div#photoAlbumCarousel div.mainDisplayContainer div.bottomOverlay h2 a {
	color:#646464;
}

div#photoAlbumCarousel div.mainDisplayContainer a.playButton {
	display:none;	
}

div#photoAlbumCarousel .scrollable .items div.item {
	margin:0 1px 0 0 !important;
	height:auto;
	width:auto;
}

div#photoAlbumCarousel a.browseFilmstripHorizontal {
	background:#646e96 url(../gfx/sprite-arrows.png) 0 0 no-repeat;
	height:45px;
	width:12px;
	top:0;
}

div#photoAlbumCarousel a.rightFilmstrip,
div#photoAlbumCarousel a.rightFilmstrip:hover {
	background-position:3px -243px;
}

div#photoAlbumCarousel a.leftFilmstrip,
div#photoAlbumCarousel a.leftFilmstrip:hover {
	background-position:3px -193px;
}

/* Frontpage photo carousel specific styling */

div#frontpageCarousel {
	height:200px;
	border-bottom: 1px solid #afafaf;
	margin-bottom:10px;	
}

div#frontpageCarousel div.carousel div.mainDisplayContainer {
	height:121px;
	border:none;
	padding:0;
}

div#frontpageCarousel .scrollable {
	height:121px;
	margin:0;
}


div#frontpageCarousel div.carousel div.filmstrip {
	padding:0;	
	left:0;
}

div#frontpageCarousel .scrollable .items div.item {
	margin:0 7px 0 0 !important;
	height:auto;
	width:auto;
}

div#frontpageCarousel a.browseFilmstripHorizontal,
div#frontpageCarousel a.pauseCarousel {
	background:url(../gfx/sprite-carousel.png) 0 0 no-repeat;
	display:block;
	height:24px;
	width:24px;
	top:131px;
	right:10px;
	text-indent:-1234em;
}

div#frontpageCarousel a.leftFilmstrip {
	right:80px;
	left:auto;
}

div#frontpageCarousel a.pauseCarousel {
	background-position:-11px -66px;
	right:45px;
	position:absolute;
	cursor:pointer;
}

div#frontpageCarousel a.pauseCarousel.active {
	background-position:-12px -280px;
}

div#frontpageCarousel a.rightFilmstrip,
div#frontpageCarousel a.rightFilmstrip:hover {
	background-position:-11px -120px;
}

div#frontpageCarousel a.leftFilmstrip,
div#frontpageCarousel a.leftFilmstrip:hover {
	background-position:-11px -11px;
}

div#frontpageCarousel a.leftFilmstrip.disabled {
	background-position:-11px -175px;
	display:block;
}

div#frontpageCarousel a.rightFilmstrip.disabled {
	background-position:-11px -229px;
	display:block;
}

div.carousel div.mainDisplayContainer,
div.carousel .scrollable .items div.item img {
	border:1px solid #DCDCDC;
	padding:1px;
}

div.carouselGroup  .controller {
	display:none;
}

div.carousel div.mainDisplayContainer {
	overflow:visible;
	padding-bottom:26px;
	height:auto;
	width:auto;
}

div.carousel div.filmstrip_bottom  {
	bottom:-90px;
}

div.carousel .scrollable .items div.item,
div.carousel .scrollable .items div.active,
div.carousel .scrollable .items div.item:hover {
	background:none;
	height:auto !important;
	width:auto !important;
	padding:0;
	border:none;
}

div.carousel .scrollable .items div.active img,
div.carousel .scrollable .items div.item:hover img {
	border:1px solid #646e96;
}

div.carousel div.nav {
	display:none;
}

div.carousel div.mainDisplayContainer div.prevNextButton {
	height:40px;
	width:40px;
}

div.carousel div.mainDisplayContainer div.leftPrevNextButton {
	background:url(../gfx/sprite-arrows.png) 0 -394px;
}

div.carousel div.mainDisplayContainer div.rightPrevNextButton {
	background:url(../gfx/sprite-arrows.png) 0 -314px;
}

div.carousel div.mainDisplayContainer img.mainImage {
	height:auto;
	width:auto;
}


div.carousel div.mainDisplayContainer a.playButton.small,
div.carousel div.mainDisplayContainer a.playButton.large {
	display:none;	/* hide 2nd play button */
}

div.carousel div.mainDisplayContainer div.overlay {
	background:none;
}

div.carousel div.mainDisplayContainer div.overlay p {
	color:#231F20;
}

/* jQuery UI mods */

.ui-widget-header {
	background-color:#646E96;	
}

.ui-datepicker .ui-datepicker-prev {
	background:url(../gfx/sprite-arrows.png) 7px -204px no-repeat;	
}


.ui-datepicker .ui-datepicker-next {
	background:url(../gfx/sprite-arrows.png) 7px -256px no-repeat;
}


/***********************************************************
    7. contentBoxes general
***********************************************************/


div.contentBox h5.blockHeading,
div.alarmBox h5.blockHeading {
    font-weight:normal;
    margin:0;

}

.contentBox .content, .alarmBox .content, .tabPaneGroup .content
{
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.contentBox .content, .tabPaneGroup .content {
    margin-bottom: 20px;
}

div.alarmBox div.content {
    padding:10px 0 0 0;
}

div.alarmBox {
    padding-bottom:15px; /* margin causes problems in IE7 */
}

div.alarmBox div.content {
    height:111px;
    padding:4px;
    overflow:hidden;
    text-align:left;
}

div.alarmBoxGroup,
div.contentBoxGroup {
    width:100%;
    overflow:hidden;
}

div.alarmBoxGroup div.alarmBox,
div.contentBoxGroup div.contentBox {
    width:160px;
    float:left;
}

div.alarmBoxGroup div.alarmBox:first-child,
div.contentBoxGroup div.contentBox:first-child {
    margin-right:16px;
}

/***********************************************************
    8. Print styling (moved to publication-screen.css)  
***********************************************************/


/***********************************************************
    9. Premium article styling
***********************************************************/

div#extra .visualBig { position: relative; line-height: 0; }
 div#extra .visualBig > h1 { color: #505a78; padding: 13px 100px 10px; margin: 0; font-size: 38px; font-weight: normal; }
 div#extra .visualBig > div + h1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); color: #fff; }
 div#extra .visualBig .visualDescription { display: none; }

div#extra .extraContent { width: 754px; margin: 0 auto; color: #666; }
 div#extra .extraContent > p.leadText, div#extra .extraContent > p.introText { font-size: 16px; font-style: italic; line-height: 26px; margin-bottom: 20px; color: #777; }
 div#extra .extraContent div.column-1, div#extra .extraContent div.column-2 { float: left; display: inline; }
 div#extra .extraContent div.column-1 { width: 185px; padding: 0; margin-right: 45px; }
 div#extra .extraContent div.column-2 { width: 504px; font-size: 14px; line-height: 22px; color: #777; }
  div#extra .extraContent div.column-1 h3 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #505a78; }
  div#extra .extraContent div.column-1 .sidebarGroup { margin-bottom: 25px; }
   div#extra .extraContent div.column-1 .sidebarGroup > div.articleInfoGroup { border-bottom: 1px solid #d9d9d9; color: #9f9f9f; font-size: 11px; text-transform: uppercase; padding: 5px 0; }
   div#extra .extraContent div.column-1 .sidebarGroup > div.articleInfoGroup:first-child { border-top: 1px solid #d9d9d9; }
    div#extra .extraContent div.column-1 .sidebarGroup > div.articleInfoGroup a { color: #9f9f9f; }
   div#extra .extraContent div.column-1 .sidebarGroup div.relatedVideo { margin-bottom: 10px; }
    div#extra .extraContent div.column-1 .sidebarGroup div.relatedVideo a { display: block; width: 185px; height: 110px; background-color: #505a78; position: relative; overflow: hidden; }
     div#extra .extraContent div.column-1 .sidebarGroup div.relatedVideo a img { position: absolute; }
     div#extra .extraContent div.column-1 .sidebarGroup div.relatedVideo a:after { content: ''; position: absolute; background: url('../gfx/sprite-carousel.png') 0 -268px; width: 48px; height: 48px; top: 30px; left: 66px; }
    div#extra .extraContent div.column-1 .sidebarGroup ul li { background: none; padding: 5px 0; border-top: 1px solid #d9d9d9; overflow: hidden; text-overflow: ellipsis; }
     div#extra .extraContent div.column-1 .sidebarGroup ul li a { color: #9f9f9f; font-size: 11px; text-transform: uppercase; }
  div#extra .extraContent div.column-2 a, div#extra .extraContent div.column-2 a:hover, div#extra .extraContent div.column-2 a:visited { color: #0a4696; }
  div#extra .extraContent div.column-2 ul li { list-style: disc outside; margin-left: 25px;}
div#plusNoticeExtra { position: relative; display: block; width: 684px; height: 15px; padding: 14px 0 0 70px; margin: 20px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; line-height: 0; color: #9f9f9f; text-transform: uppercase; font-size: 11px; font-weight: bold; background: url('../gfx/premium/lc-plus-big.png') -3px -3px no-repeat; }