.Observant{}

html
{	
}

body
{
    background-color: #676767;
    height: 100%;
    font-size: 10pt;
    background-image: url(images/background.png);
    background-repeat: repeat;
    background-attachment: fixed;
}
#body
{
    background-color: #ffffff;
}

.main
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    width: 850px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    background-color: #ffffff;
}

.pagepane 
{
    padding: 0px 0px 180px 0px; margin: 0px; border: solid 0px #d3d3d3;
    background-color: #ffffff;
	min-height: 660px;
}

.topissuepane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    float: left;
    width: 340px;
}

.topissuepane .contContent
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    float: left;
    height: 100px;
    overflow: hidden;
}
.topissuepane p
{
    padding: 0px 0px 0px 0px; 
}

.topwrapper
{
    width: 100%;
    clear: both;
}
.logopane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    width: auto;
    width: 510px;
    height: 100px;
    float: right;
    background-color: #ffffff;
}

.menupanewrapper
{
    background-color: #000000;
    height: 35px;
    width: 850px;
    clear: both;
}
.menulinkspane
{
    margin: 0px; border: solid 0px #d3d3d3;
    float: left;
    width: auto;
    padding: 9px 60px 0px 20px;
}
.menulinkspane a, .menulinkspane a:link, .menulinkspane a:visited, .loginpane a.SkinObject
{
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    text-transform: lowercase;
}
.menulinkspane a:hover
{
    color: #b2c5d8;
}
.menupane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    float: left;
    width: auto;
}
.loginpane
{
    padding: 9px 15px 0px 5px;
    width: auto;
    height: auto;
    float: right;
    color: #ffffff;
}
/*
.loginpane a.SkinObject
{
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-Serif;
    letter-spacing: 0.05em;
}
*/


.contentrowwrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    width: 850px;
    background-color: #ffffff;
}

.contentpane
{
    padding: 0px 0px 0px 0px; margin: 0px; 
    width: 340px;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
}

.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; 
    width: 510px;
    float: right;
    overflow: hidden;
    background-color: #ffffff;
}

.home .contentpane
{
    width: 510px;
}

.home .rightpane
{
    width: 340px;
}

#dnn_TopIssuePane,
#dnn_ContentPane,
#dnn_RightPane,
#dnn_TopPane,
#dnn_BottomPane,
#dnn_NewTopicPane
{
    border: solid 0px #d3d3d3!important;
}

.floatclearer
{
    clear: both;
}
.toppane, .bottompane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #d3d3d3;
    width: 850px;
}

.footerpane
{
    margin: 0 auto;
    padding: 0px;
    background-color: #000000;
    height: 30px;
    position: fixed;
    overflow: hidden;
    bottom: 0;
    width: 850px;
    color:#FFFFFF;
    z-index: 201;
 }
 
.footerpane .linkspane
{
    padding: 5px 20px 0px 0px; margin: 0 0 -1px 0; border: solid 0px #d3d3d3;
    float: right;
    background-color: Transparent;
    color:#FFFFFF;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    width: 317px;
}
.footercontent
{
    padding: 5px 0px 0px 15px; margin: 0px; border: solid 0px #d3d3d3;
    background-color: Transparent;
}
.footerpane a, .footerpane a:link, .footerpane a:visited, .footerpane a:hover, .footerpane a:active, 
.footerpane .SkinObject
{
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-decoration: none;
}

 
.footermenu
{
    padding: 0px;
    background-color: #719bba;
    height: auto;
    position: fixed;
    overflow: hidden;
    bottom: 30px;
    width: 150px;
    color:#FFFFFF;
    z-index: 200;
}

.footermenu a:focus, .footermenu a:focus img, .footermenu a:active, .footermenu a:active img
{
    outline: #000000 solid 0px;
}

/*
.footermenu a, .footermenu a:link, .footermenu a:visited, .footermenu a:hover, .footermenu a:active, 
.footermenu .SkinObject
{
    color:#000000;
    display: block;
    width:auto;
    padding: 0px 10px 0px 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    height: 25px;
    overflow:hidden;
}
.footermenu a.odd
{
    background-color: #8baac4;
    color:#ffffff;
}

.footermenu a.even
{
    background-color: #c0cfdf;
    color:#ffffff;
}
.footermenu a:hover
{
    color: #000000;
}

*/

table, tr, TABLE, TR
{
    padding: 0px; margin: 0px; border: solid 0px #d3d3d3;
}


.searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover, .searchpane a:active 
{
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-Serif;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.DummyClass {}

p
{
    padding: 0 0 5px 0; margin: 0px; border: solid 0px red;
}
h1, h2, h3
{
	font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 140%;
    color: #719ab9;
    text-align: left;
}
h1
{
    font-size: 24px;
}
h2
{
    font-size: 16px;
}
h3
{
    font-size: 12px;
    font-weight: bold;
    color: #04019E;
}


.Head, .SubHead, .SubSubHead
{
	font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 125%;
    color: #333333;
    text-align: left;
}
.SubHead, .SubSubHead
{
    font-size: 12px;
}


.Normal, p, a, a:link, a:visited, a:hover, a:active, .contentpane li, .CommandButton
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #444444;
}
a, a:link, a:visited, a:hover, a:active
{
    color: #660000;
    text-decoration: underline;
}
a:hover, a:active
{
    color: #0041E2;
    text-decoration: underline;
}
a img
{
    border: solid 0px #000000;
}

/*b, strong
{
    color: #04019E;
}*/

UL
{ margin-left: 15px }


UL LI
{
    list-style-type: disc;
}

UL LI LI
{
    list-style-type: circle;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


/* print skin styles */


/*  NavMenu styles start here */

#nav 
{
    float: left; 
    margin: 0px;
    border: 0px solid #000000;
}
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active
{
    color:#FFFFFF;
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    text-transform: lowercase;
}
#nav li li a:link, #nav li li a:visited, #nav li li a:hover, #nav li li a:active
{
	background-image: none;
}

#nav ul 
{
    margin: 0; padding: 0; 
    background-color: Transparent;
    border: 0px solid #CCC; 
}
#nav li 
{
    position: relative; 
    list-style: none; 
    margin: 0;
    float: left; 
    width: auto; 
    line-height: 1em;
    height: auto;
    z-index: 100;
    padding: 9px 0px 0px 0px;
}
#nav li:hover a:hover,
#nav li.iehover a:hover
{
    color: #b2c5d8;
}
#nav li li:hover, #nav li li.iehover, #nav li:hover, #nav li.iehover, #nav li.SelectedTab 
{
}
#nav li a 
{
    display: block; 
    padding: 0px 5px 0px 5px;
    text-decoration: none; 
    width: auto;
    border-left: solid 1px #ffffff;
}
#nav li.firstitem a
{   
    border-left: solid 0px #ffffff;
}

#nav>ul a {width: auto;}
#nav ul ul {position: absolute; width: 160px;
  display: none;}
#nav ul ul li {border-bottom: 0px solid #CCC;}
#nav ul.Level0 li:hover ul.Level1, 
#nav ul.Level1 li:hover ul.Level2, 
#nav ul.Level0 li.iehover ul.Level1, 
#nav ul.Level1 li.iehover ul.Level2 {display:block;}

#nav ul.Level1 {top: 32px; left: 0px;}

#nav ul.Level2 {top: 0px; left: 160px;
  border-top: 0px solid #CCC;}
  
#nav li li
{
    width: 160px;
}
#nav li li li 
{
    width: 160px;
}
/* without these styles hover does not work for nested submenu items in IE6/IE7 */
#nav li li {background: url(images/spacer.gif) no-repeat scroll top left;}




/* uit portals */

body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{font-family: Arial, Helvetica, sans-serif;color:black}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:13px; line-height:17px}
h1, h2, h3, h4, h5, h6 {line-height:normal}
h1, h3, h4, h5, h5 p, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


/*-------------- article styles --------------*/
.artikelcompleet
{
    text-align: left;
    padding: 0px 0px 5px 0px;
    clear: both;
    margin-top: 0px;
    margin-bottom: 75px;
}

.artikeltekst
{
    margin-left: 20px;
}


.articlemaincontent
{
    padding: 0 10px 0 0px;
}

.publicatieDatum {font-size:12px; line-height:12px; float:left; color:#696969; margin:0px; vertical-align:bottom; padding-top:2px}

.artikelenlijst, .artikelenlijstnieuws
{
    text-align: left;
    width: auto;
    padding: 5px 0 0px 0px;
    border-bottom: solid 0px #999999;
}
.normal p {line-height:16px }
h1 {margin-top:0px !important}
h1, h1 a, h1 a:link, h1 a:hover, h1 a:hover, h1 a:active {font-family: arial, 'sans serif' !important;font-size: 30px !important;line-height:34px !important; font-weight: normal!important;text-decoration: none !important;color:#719BBA !important;}
h4 {font-weight:bold !important}
h5, h5 p, .lead, .lead div, .lead p
{
    font-size:12px;
    font-style:italic;
    padding-right: 10px;
    font-weight:bold;
}
img {border:0 !important}
.author 
{
    font-weight:bold;
    font-size:12px; 
    float:right;
    padding-right: 10px;
    margin-top:10px;
}
.author_little_square {height:11px;width:11px;margin-right:10px;background-color:black;float:left}
.chapeau {font-size:14px; font-style:italic}
.ptt_clear {clear:both}
.ptt_enclosure 
{
    margin-right:6px;
    width:165px;
    height: auto; 
    float:left;
}
.ptt_enclosure_rubriek 
{
    margin-right: 6px;
    float:left;
    margin-bottom:10px;
    width:205px; /* important for ie6 */
}
.ptt_enclosure_rubriek_wrapper
{
    padding-left: 6px;
    margin-top:6px;
}

.ptt_rubriek {background-color:#8BABC4;height:25px;margin-left:25px; padding-top:4px}
.ptt_rubriek a, .ptt_rubriek a:link, .ptt_rubriek a:hover, .ptt_rubriek a:visited, .ptt_rubriek a:active {font-family:arial, helvetica, Sans-Serif;font-size:16px;font-weight:normal;line-height:18px; color: white; text-decoration:none;padding-left:7px}
.ptt_image {width:165px;height:110px;overflow:hidden;background-color:#D6DFE8}
.ptt_title 
{
    height:52px;
    background-color:#D6DFE8;
    padding: 2px;
    overflow:hidden; 
    vertical-align:middle 
}
.ptt_title a, .ptt_title a:link, .ptt_title a:hover, .ptt_title a:visited, .ptt_title a:active {font-family:arial, helvetica, Sans-Serif;font-size:12px;font-weight:normal;color:Black; text-decoration:none}
.ptt_image_rubriek {width:205px;height:109px;overflow:hidden;background-color:#D6DFE8;}
.ptt_title_rubriek {height:50px;background-color:#D6DFE8;width:201px;overflow:hidden; vertical-align:middle;padding:2px}
.ptt_title_rubriek a, .ptt_title_rubriek a:link, .ptt_title_rubriek a:hover, 
.ptt_title_rubriek a:visited, .ptt_title_rubriek a:active {font-family:arial;font-size:12px;line-height:14px;font-weight:normal;color:Black; text-decoration:none}

.ppt_pagelist_link 
{
    background-color:#719BBA; 
    height:22px;
    vertical-align:middle;
    width:145px;
    padding-top: 3px;
}
.ppt_pagelist_alternate {background-color:#C1CFDE}
.ppt_pagelist_link, .ppt_pagelist_link a, .ppt_pagelist_link a:link, .ppt_pagelist_link a:hover, .ppt_pagelist_link a:visited, .ppt_pagelist_link a:active {padding-left:5px;font-family:arial, helvetica, Sans-Serif;font-size:16px;line-height:normal;font-weight:normal;color:white;text-decoration:none}
.selected .ppt_pagelist_link a, .selected .ppt_pagelist_link a:link, .selected .ppt_pagelist_link a:hover, .selected .ppt_pagelist_link a:visited, .selected .ppt_pagelist_link a:active {color:Black !important;}

.ArticlesFrontPage 
{
    padding-left: 10px;
    padding-right: 10px;
/*    width:340px;
    height:219px; */
    overflow:hidden;
}

.ArticlesInnerpage
{
    padding-left: 10px;
    padding-right: 10px;
/*    width:340px; 
    height:260px;*/
    overflow:hidden;
}


.FrontPageMoreNews {margin-left:10px;line-height:16px }

.home .ArticlesFrontPage 
{
    height:219px;
}

.ArticlesFrontPage {margin:0px;vertical-align:bottom; line-height:16px }
.ArticlesFrontPage a, .ArticlesFrontPage a:link, .ArticlesFrontPage a:hover, .ArticlesFrontPage a:visited, .ArticlesFrontPage a:active{font-size:12px;text-decoration:none; color:#719BBA}
.ptt_newslist_itemcontainer a, .ptt_newslist_itemcontainer a:link, .ptt_newslist_itemcontainer a:hover, .ptt_newslist_itemcontainer a:visited, .ptt_newslist_itemcontainer a:active{font-family: arial, helvetica, sans-serif;font-size:14px;text-decoration:none; color:#719BBA;vertical-align:bottom}
.ptt_little_square {height:13px;width:13px;margin-right:10px;background-color:#719BBA;float:left}
.selected .ptt_newslist_itemcontainer .ptt_little_square {height:13px;width:13px;margin-right:10px;background-color:black !important;float:left}
.ptt_NewsList {}
.ptt_NewsListItem {}
.ptt_NewsListAltItem {}
.ptt_lead 
{
    height:34px; 
    font-size:13px; 
    line-height:16px; 
    overflow:hidden;
    margin-bottom:5px;
}

.ptt_lead div, .ptt_lead div p {margin:0px}
.ptt_newslist_itemcontainer {padding-bottom:5px; line-height:16px; }
.artikelfoto 
{
    width: 510px;
    margin: 0px;
}
.fotobijschrift 
{
    text-align:right;
    font-size:10px; 
    font-weight:bold;
    padding-right: 5px;
}
.fotobijschrift a, .fotobijschrift a:link, .fotobijschrift a:visited, .fotobijschrift a:hover, .fotobijschrift a:active
{
    font-size:10px; 
    font-weight:bold;
}
.lead {margin-bottom:20px}
.kader 
{
    width:220px;
    padding: 5px;
    margin-left:10px;
    float:right;
    margin-top:-5px;
    margin-bottom:5px;
    background-color:#C1CFDE;
}

.naschrift {padding-top:30px;font-size:10px}
.CoverArticle 
{
    background-color:#8BABC4;
/*    width:340px; */
    color:White;
    height:90px; 
    margin-bottom:10px;
    padding: 5px 5px 0px 10px;
    overflow:hidden;
}
.CoverArticle a, .CoverArticle a:link, .CoverArticle a:visited, .CoverArticle a:hover, .CoverArticle a:active {color: White; text-decoration:none;font-size:18px;line-height:20px}
.coverarticle_lead {margin-top:7px; height:50px; font-size:11px; line-height:16px; overflow:hidden;}
.rubriekheader
{
    background-color: #B3C5D7;
    height: 90px;
    padding: 7px 5px 0px 10px;
    margin-bottom: 10px;
}
.rubriekheadertitel 
{
    color: White; 
    text-decoration:none;
    font-size:24px; 
    font-weight: normal; 
    line-height:28px
}
.rubriekheaderomschrijving {font-size:10px}

.innerpageMore {margin-top:15px;margin-left:10px}

.specialslisting
{
    margin: 10px 30px 0px 10px;
}

.frontpageIssue {width:340px;height:100px; background-color:#769eba; vertical-align:top}
.frontpageND {text-align:center; width:140px}
.frontpageNummer, .frontpageNummer a, .frontpageNummer a:visited, .frontpageNummer a:active, .frontpageNummer a:hover, .frontpageNummer a:link
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 80px;
    color: White;
    font-weight: bold;
    line-height: 80px;
    letter-spacing: 0.05em;
    text-decoration:none;
}
.frontpageDatum 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: White;
    font-weight: bold;
    line-height: 13px;
    letter-spacing: 0.05em;
}

.FrontPageImage
{
	float:right;
	margin-top:-92px
}

#paartltjes p {margin-bottom:5px!important}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
a.jqModal, a.jqModal:link, a.jqModal:visited, a.jqModal:active, a.jqModal:hover {color:#8BABC4; font-weight:bold}
 
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }


/* in order to clean up word mess... */
.articlemaincontent p font, .articlemaincontent div font, MsoNormal
{
font-family: Arial, Helvetica, Sans-Serif !important;
font-size:13px !important; 
color: black !important;
line-height:17px!important;}

/*hide newsarticles header */
.NewsArticles div h1 {display:none}
.NewsArticles div div h1 {display:inline}