﻿div#container {
  width: 960px;
  margin: 0 auto;
}
div#topnav {
  width: 100%;
  background: #686868;
  height: 30px;
  margin-bottom: 15px;  
}

div#topmenu {
  height: 30px;
  vertical-align: bottom;
}

div#topmenu ul {
  padding:0;
  margin:0;
  margin-left: 40px;
  list-style-type: none;
  float: left;
}
div#topmenu ul li{
  padding:0;
  margin:0;
  float: left;
  width: 157px;
  text-align: center;
  height: 30px;
}

div#topmenu ul li.noselect {
  background: url('/images/framework/topmenu.jpg') bottom left no-repeat;
}

div#topmenu ul li.selected {
  background: url('/images/framework/topmenu_over.jpg') bottom left no-repeat;
}

div#topmenu ul li a{
  line-height: 40px;
  vertical-align: bottom;
  text-decoration: none;
  font-weight: 800;
}

div#topmenu ul li a.on{
  color: #434343;
  font-weight: 800;
}

div#topmenu ul li a.off{
  color: #FFF;
  font-weight: 800;
}

div#logo {
  /*background: url('../images/framework/logo.png') no-repeat;*/
  position: relative;
  float: left;
  height: 75px;
  width: 273px;
  
}
div.logoimg{
  position: absolute;
  left: 0px;
  top: 0px;
}

div.payoff {
  position: absolute;
  left: 2px;
  top: 30px;
}

div#breadcrumb {
  float: left;
  margin-top: 5px;
  padding-left: 92px;
  width: 555px;
  height: 28px;
}

div#menu {
  float: right;
  width: 687px;
  height: 41px;
  z-index: 2000;
}

div#ads {
  float: left;
  height:90px;
  width:728px;
  /*background: url('/images/framework/banner.jpg') top left no-repeat;*/
  margin-top: 20px;
  padding-bottom: 20px;
}
div#feeds {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 20px;
  height:90px;
}

div#twitter{
  line-height: 20px;
  vertical-align: middle;
  height: 30px;
}
div#twitter a{
  line-height: 30px;
  vertical-align: middle;
  color: #595959;
  font-size: 10px;
  height:30px;
}
div#rss {
  height: 30px;
  line-height: 20px;
  vertical-align: middle;
}
div#rss a{
  line-height: 30px;
  vertical-align: middle;
  color: #595959;
  font-size: 10px;
}
div#newsletter{
  line-height: 20px;
  vertical-align: middle;
  height: 30px;
}
div#newsletter a{
  line-height: 30px;
  vertical-align: middle;
  color: #595959;
  font-size: 10px;
  height:30px;
}

div#body {
	clear: left;
	color: #11456c;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	min-height: 240px;
}

div#submenudiv{
  float:left;
  width:310px;
}

div#submenuhead{
  float:left;
  width:100%;
  height: 8px;
  background: url('/images/framework/submenutop.png') bottom left no-repeat;
}
div#submenubody{
  float:left;
  width: 306px;
  margin-left: 1px;
  min-height: 250px;
  border-left: 1px solid #165687;
  border-right: 1px solid #165687;
  background: #3497e0 url('/images/framework/submenucontent.png') top left repeat-x;
}
		
div#submenufooter{
  float:left;
  width:100%;
  background: url('/images/framework/submenubottom.png') top left no-repeat;
  height: 8px; 
}
div#submenuhead_wit{
  float:left;
  width:100%;
  height: 8px;
  background: url('/images/framework/subcontenttop.png') bottom left no-repeat;
}
div#submenubody_wit{
  float:left;
  width: 306px;
  margin-left: 2px;
  min-height: 250px;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  background: #ffffff url('/images/framework/subcontentcenter.png') top left repeat-x;
}
		
div#submenufooter_wit{
  float:left;
  width:100%;
  background: url('/images/framework/subcontentbottom.png') top left no-repeat;
  height: 8px; 
}

div#content{
  width: 642px;
  float:left;
  margin-left:8px;
}

div#contenthead {
   float:left;
   width: 642px;
   height: 6px;
   background: url('/images/framework/contenttop.png') top left no-repeat; 
}

div#contentbody {
   float:left;
   width: 642px;
   
   background: url('/images/framework/contentbody.png') top left repeat-y;
   min-height: 240px;
}
div#contentfooter{
    float:left;
    height: 6px;
    width: 642px;
    background: url('/images/framework/contentbottom.png') bottom left no-repeat;
}


div#footer {
  color: #FFF;
  margin: 10px auto 0;
  text-align: center;
  width: 960px;
  height: 50px;
  background: url('/images/framework/footer_bg.png') top left no-repeat;
  color:#999999;
  font-size:11px;
  line-height:18px;
  padding-top: 8px;
  float: left;
  vertical-align: middle;
}

/*START MENU*/
ul#mainMenu {
 z-index: 2000;float:right; padding:0; margin:0; list-style-type: none; font-family: Arial; font-size: 16px;
}

ul#mainMenu li {
z-index: 2000;float:left; position:relative;  margin: 0; padding: 0;
}  

ul#mainMenu li a, ul#mainMenu li a:visited {
z-index: 2000;font-weight: 800; display:block; text-decoration:none; height:41px; color:#FFF; padding-left:15px; padding-right:15px; line-height:41px; background: url('/images/framework/menu.png') repeat-x; 
}

ul#mainMenu li ul {
z-index: 2000;visibility:hidden; position:absolute; top:0; left:0; overflow:hidden;  border: 1px solid #94acc0; padding:0px; background-color: #FFF:
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
ul#mainMenu li:hover a,
ul#mainMenu li a:hover {
z-index: 2000;font-weight: 800;  color:#FFF; text-decoration:none; border:0;    background: url('/images/framework/menu_over.png') repeat-x;
}

ul#mainMenu li.firstLi a,
ul#mainMenu li.firstLi a {
font-weight: 800;  color:#FFF; text-decoration:none; border:0;    background: url('/images/framework/menu_first.png') top left repeat-x; z-index: 2000;
}   

ul#mainMenu li.lastLi a,
ul#mainMenu li.lastLi a {
z-index: 2000;font-weight: 800;  color:#FFF; text-decoration:none; border:0;    background: url('/images/framework/menu_last.png') top right repeat-x; 
}


ul#mainMenu li.firstLi:hover a,
ul#mainMenu li.firstLi a:hover {
z-index: 2000;font-weight: 800;  color:#FFF; text-decoration:none; border:0;    background: url('/images/framework/menu_first_over.png') top left repeat-x; 
}
ul#mainMenu li.lastLi:hover a,
ul#mainMenu li.lastLi a:hover {
z-index: 2000;font-weight: 800;  color:#FFF; text-decoration:none; border:0;    background: url('/images/framework/menu_last_over.png') top right repeat-x; 
}

ul#mainMenu li ul li {
  z-index: 2000;
  float:none;
  position:relative;
  padding:0;
  border-top: 1px dashed #7abbeb;
  margin: 0;
  background: #FFF;
}

ul#mainMenu li.lastLi ul li.subLi a {
  background: #FFF;
  color: #7abbeb;
} 

ul#mainMenu li.lastLi ul li.subLi a:hover{
  background: #7abbeb;
  color: #FFF;      
}
ul#mainMenu li ul li, ul#mainMenu li.lastLi ul li {
  z-index: 2000;
  float:none;
  position:relative;
  padding:0;
  border-top: 1px dashed #7abbeb;
  margin: 0;
  background-color: #FFF:
}

ul#mainMenu li ul li.firstSubLi, ul#mainMenu li.lastLi ul li.firstSubLi {
  z-index: 2000;
  float:none;
  position:relative;
  padding:0;
  border: 0;
  margin: 0;
  background-color: #FFF;
}

ul#mainMenu li ul li ul li.firstSubLi {
  z-index: 2000;
  float:none;
  position:relative;
  left: 200px;
  padding:0;
  margin: 0;
  background-color: #FFF;
} 

ul#mainMenu li ul li ul li {
  z-index: 2000;
  float:none;
  position:relative;
  left: 200px;
  padding:0;
  border-top: 1px dashed #7abbeb;
  margin: 0;
  background-color: #FFF;
}

ul#mainMenu li ul li ul li.firstSubLi a, ul#mainMenu li ul li.firstSubLi ul li.firstSubLi a, ul#mainMenu li.firstSubLi ul li.firstSubLi ul li.firstSubLi a {
  z-index: 2000;
  font-size: 14px; 
  display:block;  
  background:#FFF; 
  text-decoration:none; 
  color:#7abbeb; 
  height:auto; 
  line-height:1.5em; 
  padding:5px 5px 5px 15px; 
  width:113px;    
  background-color: #FFF; 
  margin:0;  
} 
ul#mainMenu li ul li ul li.firstSubLi a:hover, ul#mainMenu li ul li.firstSubLi ul li.firstSubLi a:hover, ul#mainMenu li.firstSubLi ul li.firstSubLi ul li.firstSubLi a:hover {
  background: #7abbeb;
  color: #FFF;
} 
ul#mainMenu li ul li ul li a{
 z-index: 2000;
  font-size: 14px; 
  display:block; 
  background:#FFF; 
  text-decoration:none; 
  color:#7abbeb; 
  height:auto; 
  line-height:1.5em; 
  padding:5px 5px 5px 15px; 
  width:113px;    
  background-color: #FFF; 
  margin:0;  
}
ul#mainMenu li ul li ul li a:hover {
  background: #7abbeb;
  color: #FFF;
}

ul#mainMenu li ul li:hover,  ul#mainMenu li.lastLi ul li:hover {
  margin: 0;    z-index: 2000;
}

ul#mainMenu li:hover ul,
ul#mainMenu li a:hover ul,
ul#mainMenu li.lastLi a:hover ul {
  list-style-type: none; 
  visibility:visible; 
  padding:0; 
  height:auto; 
  position:absolute; 
  top:41px; 
  left:-1px;  
  overflow:visible;
  z-index: 2000;   
  background-color: #FFF:
}

ul#mainMenu li:hover ul li a,
ul#mainMenu li a:hover ul li a,
ul#mainMenu li.lastLi a:hover ul li a {
  z-index: 2000;
  font-size: 14px; 
  display:block; 
  background:#FFF; 
  text-decoration:none; 
  color:#7abbeb; 
  height:auto; 
  line-height:1.5em; 
  padding:5px 5px 5px 15px; 
  width:113px;    
  background-color: #FFF; 
  margin:0; 
}

ul#mainMenu li:hover ul li ul,
ul#mainMenu li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  top:0; 
  left:134px; 
  height:auto; 
                                
  z-index: 2000;
  background: #FFF;
  width: 134px;
}

ul#mainMenu li:hover ul li a:hover,
ul#mainMenu li a:hover ul li a:hover,
ul#mainMenu li.lastLi a:hover ul li a:hover {
  visibility: visible;
  z-index: 2000;color:#FFF; 
  text-decoration:none;   
  background-color: #7abbeb;
}
ul#mainMenu li:hover ul li:hover ul,
ul#mainMenu li a:hover ul li a:hover ul {
  z-index: 2000;
  visibility:visible; 
  position:absolute; 
  top:0; 
  color:#FFF; 
  height:auto;   
  margin:0;
  padding: 0;
}

ul#mainMenu li:hover ul li:hover ul li,
ul#mainMenu li a:hover ul li a:hover ul li{
  z-index: 2000;  
  height:auto; 
  line-height:1.5em; 
  width: 134px;
  visibility: visible;
  left: 0;
}
ul#mainMenu li:hover ul li:hover ul li a,
ul#mainMenu li a:hover ul li a:hover ul li a {
  z-index: 2000;
  font-size: 14px; 
  display:block; 
  background:#FFF; 
  text-decoration:none; 
  color:#7abbeb; 
  height:auto; 
  line-height:1.5em; 
  padding:5px 5px 5px 16px; 
  background-color: #FFF; 
  margin:0;
}

ul#mainMenu li:hover ul li:hover ul li:hover a,
ul#mainMenu li a:hover ul li a:hover ul li a:hover {
  background:#7abbeb; 
  color: #FFF; 
}

/*END MENU*/
a.footer  {
  color:#999999;
  font-size:11px;
  text-decoration:underline;
}
div#footerMenu {
  width: 960px;
  color:#999999;
  font-size:11px;
  float: left;
}

div#footerMenu a {
  color:#999999;
  font-size:11px;
  text-decoration:underline;
}

#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0; .
   color:#999; 
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
   color:#999; 
   padding-top: 3px;
}
#breadcrumb ul li a{
   color:#999; 
}


div#frame {
  float: left;
}

div#selector{
  float: left;
  height: 287px;
  width: 584px;
  margin-bottom: 10px;
}

div#righttopBanner {
  float: left;  
  height: 287px;
  width: 360px;
  margin-left: 10px;                      
  margin-bottom: 10px;
}

div#contenthome {
  float: left;
  width: 584px;
}

div#contenthomehead {
  float: left;
  height: 7px;
  width: 586px;
  background: url('/images/framework/homehead.png') top left no-repeat;
}
div#contenthomebody {
  float: left;
  min-height: 868px;
  width: 586px;
  background: url('/images/framework/homecontent.png') top left repeat-y;
}
div#contenthomefooter {
  float: left;
  height: 7px;
  width: 586px;
  background: url('/images/framework/homebottom.png') bottom left no-repeat;
}
div#rightbar {
  float: left;
  width: 360px;
  margin-left: 10px;
}

div.bannerHead {
  float: left;
  width: 365px;
  height: 5px;
  background: url('/images/framework/bannerhead.png') top left no-repeat;
}

div.bannerContent, div.bannerContent3 {
  float: left;
  width: 345px;
  min-height: 257px;
  background: url('/images/framework/bannercontent.png') top left repeat-y;
  padding:15px;
  color: #12466D;
  
}

div#bannerContent2 {
  float: left;
  width: 325px;
  height: 277px;
  padding-left: 17px;
  padding-right: 20px;
  background: url('/images/framework/bannercontent.png') top left repeat-y;
  
}
div.bannerContent3, div.bannerContent2 a {
	padding-top: 10px;
	color: #12466D;
	text-decoration: none;
}


div.bannerFooter {
  float: left;
  width: 365px;
  height: 5px;
  background: url('/images/framework/bannerbottom.png') bottom left no-repeat;
  margin-bottom: 10px;
}
div.block2 {
  line-height: 145%;
  border-bottom: 1px #7abbeb dashed;
  float:left;
  margin-top: 5px;
}

div.artTitle {
  float:left;
  width: 100%;
  color: #12466d;
  font-size: 18px;
  font-weight: 800;
  padding:0;
  margin:0;
}
div.artTitle a {
  color: #12466d;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  padding:0;
  margin:0;
}

div.artText{
  float:left;
  height: 107px;
  width: 462px;
}

div.artText2{
  float:left;
  height: 107px;
  width: 402px;
}

div.artTextSingle {
  float:left;
  clear: both; 
  width : 100%;
}
div.artImg {
  float:left;
  width: 150px;
  height: 119px;
  padding-left:  5px;
  padding-top:  5px;
  background: url('/images/framework/thumb_kader.png') top left no-repeat; 
}

ul#submenu {
  margin:5px 0 0;
  width: 280px;
}

ul#submenu li {
  background:url("/images/framework/dotted_bg.gif") repeat-x scroll 0 100% transparent;
  color:#FFFFFF;
  height:25px;
  line-height:23px;
  list-style-type:none;
  width:100%;
}

ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:active  {
  color:#FFFFFF;
  text-decoration:none;
}
ul#submenu li a:hover {
  background:url("/images/framework/arrow.gif") no-repeat scroll 1px 4px transparent;
  color:#11456C;
  font-weight:bold;
  padding:0 0 0 12px;
  text-decoration:none;
}
hr {
	border:0px;
	border-bottom: 1px dashed;
	color: #7ABBEB;
	height: 50%;
}

h1.headerH1{
  font-family: Trebuchet MS, Tahoma;
	font-size: 10px;
	line-height: 1em;
	color: #646464;
	font-weight: normal; 
}

h2.headerH2{
  font-family: Trebuchet MS, Tahoma;
	font-size: 10px;
	line-height: 2.2em;
	color: #646464;
	font-weight: normal; 

}
h2.sub{
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px;
	color: #11456C;
	line-height: 18px;
	font-weight: bold;
}


h1.artHeader {
  font-family: Trebuchet MS, Tahoma;
	font-weight: 800;
  font-size: 20px;
	line-height: 1em;
	color: #11456C;
}

h2.title {
	font-family: Trebuchet MS, tahoma;
	font-weight: 800;
  font-size: 28px;
	line-height: 1em;
	color: #11456C;
	font-weight: normal; }
	
h2.klein, h1.klein {
	font-weight: 800;
	font-family: Tahoma;
	font-size: 18px;
	line-height: 1em;
	padding: 0;
	margin: 0;
  color: #11456C;
  margin-bottom: 10px;
	
}

h2.homeRight {
  font-weight: 800;
	font-family: Tahoma, Trebuchet MS;
	font-size: 17px;
	line-height: 1em;
	padding: 7px 0px 2px 0px;
	color: #11456C;
}
  	
h2 {
	font-weight: 800;
  font-family: Trebuchet MS, Tahoma;
	font-size: 28px;
	line-height: 1em;
	color: #11456C;
	padding: 0;
	margin: 0;
	
	font-weight: normal; }

h3 {
  font-weight: 800;
	font-family: Trebuchet MS, tahoma;
	font-size: 20px;
	line-height: 1em;
	margin-left: 12px; 
	color: #FFFFFF;
	font-weight: normal; }

h2.popRight {
  font-weight: 800;
	font-family: Trebuchet MS, tahoma;
	font-size: 20px;
	line-height: 1em;
	padding: 7px 0px 2px 0px;
	color: #11456C;
}

h4.klein {
	
	font-family: Trebuchet MS, tahoma;
	font-size: 20px;
	line-height: 1em;
	padding: 7px 0px 2px 0px;
	color: #11456C;
	font-weight: normal; }
	
h2.featureTitle, a.featureTitle{
  text-align: left;
	font-family: Trebuchet MS, tahoma;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-left: 18px;
	color: #FFFFFF;
	font-weight: 800;
}	

h5 {
	
	font-family: Trebuchet MS, tahoma;
	font-size: 25px;
	margin: 210px 0px 0px 0px;
	line-height: 1em;
	text-align: center;
	color: #FFFFFF;
	font-weight: 800; 
}

h6 {
	font-family: Trebuchet MS, tahoma;
	text-align: left;
	font-size: 40px;
	line-height: 1em;
	color: #FFFFFF;
	margin-left: 18px;
	font-weight: 800; 
}

div.archiveLeft {
  width: 50%;
  float:left;
  height: 54px;
  vertical-align: bottom;
  line-height:54px;
}
div.archiveRight {
  width: 50%;
  float:right;
  text-align: right;
  height: 54px;
  line-height:54px;
  vertical-align: bottom;
}

a.archiveLink {
  color: #3497e0;
  text-decoration: none;
}

a.archiveLink:hover {
  text-decoration: underline;
}

div.cat {
  background-color: #3497e0;
  width: 90px;
  height: 15px;
  font-size: 10px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: center;
  vertical-align: middle;
  line-height: 15px;     
}

div.cat2 {
  background-color: #3497e0;
  width: 90px;
  height: 15px;
  font-size: 10px;
  color: #FFF;
  margin-bottom: 15px;
  text-align: center;
  vertical-align: middle;
  line-height: 15px;
  float: left;
  clear: left;
}

div.cat a{
  text-decoration: none;
  font-size: 10px;
  color: #FFF;
}

div.cat2 a {
  text-decoration: none;
  font-size: 10px;
  color: #FFF;
  font-weight: 800;
}
td.kader {
  background: url('/images/framework/kader.jpg') top left no-repeat;
  vertical-align: top;
  width: 87px;
  height: 78px;
  padding: 5px;
  padding-left: 6px;
  padding-right: 4px;
}

td.tekst {
  background: #f6f6f6;
  color: #696969;
  font-size: 10px;
  line-height: 14px;
  width: 215px;
  padding: 5px;
}

td.head, td.head a {
  color: #19639c;
  font-size: 12px;
  font-weight: 800;
}


div.leftTag {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 7px;
  height: 122px;
  background: url('/images/articles/lefttag.gif') right top no-repeat;
}

div.rightTag {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 7px;
  height: 122px;
  background: url('/images/articles/righttag.gif') left top no-repeat;
}

div.contentTag {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 122px;
  width: 608px;
  background: #d6e3ed;
}
div.containLeft {
  float:left;
  margin-left: 14px;
  margin-top: 40px;
  width:350px;
}
div.containAddThis {
  float:left;
  clear:both;
}

div.containFaceBook {
  width: 350px;
  height: 80px;
  float: left;
}

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}
div.containAddThis2 {
  float: left;
  margin-left: 34px;
  margin-top: 30px;
}
div.containAddThis2 .addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

div.containAddThis2 .addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

input[type="text"].homeinput {
  width: 200px;
}

input[type="text"].homeinput:hover {
  border: 1px #0E7A6F solid;
}
td.tdLeft {
  padding-right: 20px;
  font-weight: 800;
}
td.tdRight {
  padding-bottom: 15px;
}
table.mailingTable {
  margin-top: 20px;
}

td.tdError{
  color: #F00;
  font-size: 11px;
}

/* aparte regel voor uls in text artikel*/

div.artTextSingle ul {
  padding-left: 28px
}
input[type="text"].bmitext {
  width: 75px;
}
input[type="submit"].bmibtn {
  background-color: #3497e0;
  color: #FFF;
  border: 0px;
}

div#lbIframe {
	border:0;
}
