@charset "UTF-8";
/* CSS Document */

/* General elements */
body {
	font-family: Verdana, Arial;
	font-size: 70%;
	color: #333;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #EFF6FC url(../images/bg.gif) repeat-x top left;
}
input, select {
	font-family: Verdana, Arial;
	font-size: 100%;
}
a {
	color: #666666;
	/*text-decoration :underline;*/
}

a:hover {
	/*color: #F00;
	text-decoration: underline;*/
}

img {
	border: none;
}
hr {
	border: none; 
	border-bottom: 1px solid #D7E6F4;
	height: 0;
	width: 100%;
	margin: 5px 0px 10px 0px;
}
ul, ol {
	margin: 5px 0;
	padding-left: 0;
}
ul li {
	margin-left: 15px;
	padding-left: 0;
	list-style-image: url(../images/bullet.gif);
}
ol li {
	margin-left: 2.6em;
	padding-left: 0;
}
h1 {
	font-family: Trebuchet MS;
	font-size: 200%;
	line-height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-weight: normal;
	color: #000;
}
h2 {
	font-family: Trebuchet MS;
	font-size: 220%;
	line-height: 100%;
	margin: 10px 0;
	padding: 0;
	font-weight: normal;
	color: #0A7BC2;
}
h3 {
	font-family: Trebuchet MS;
	font-size: 220%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #006293;
}
h4 {
	font-family: Trebuchet MS;
	font-size: 170%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #006293;
	text-decoration: none;
}
h5 {
	font-family: Trebuchet MS;
	font-size: 140%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #006293;
	text-decoration: none;
}
h6 {
	font-family: Trebuchet MS;
	font-size: 140%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #006293;
	text-decoration: none;
}

.wrapper {
	width: 954px;
	margin: auto;
	padding: 0px 15px 0px 15px;
	text-align: left;
	background-color: #FFFFFF;
}
.header {
	height: 130px;
	width: 952px;
	background: url(../images/bg_menu.gif) no-repeat left bottom;
}
.wrapper-left-main, .main-col-home {
	position: relative; 
	float: left;
	width: 742px;
	margin: 6px 5px 0px 0px;
}
.wrapper-left-main-width {
	position: relative; 
	float: left;
	width: 942px;
	margin: 6px 5px 0px 1px;
}
.left-col {
	position: relative; 
	float: left;
	width: 183px;
	margin-right: 37px;
	overflow: hidden;
}
.main-col {
	position: relative; 
	float: left;
	width: 522px;
}
.main-col-width {
	position: relative; 
	float: left;
	width: 722px;
}
.right-col {
	position: relative; 
	float: left;
	width: 206px;
	overflow: hidden;
}
.footer {
	margin-top: 0px;
	height:35px;
	border-top: solid 0px #cccccc;
    text-align: right;
    padding-top: 15px;
	padding-right:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}
.footer a:hover {	
	color: black;
	text-decoration: underline;
}
.footer-main {
    float: right;
    margin-right: 30px;
}
.footer-right {
    float: right;
    width: 220px;
}
.footer a, .footer span {
    color: #666666;
    text-decoration: none;
}
.footer a.top {
    background: url(../images/icn_top.png) no-repeat center right;
    padding-right: 10px;
}

.logo {
    width: 216px;
    height: 98px;
    float: left;
}
a.logo {
	display: block;
	margin: 10px 0;
	width: 162px;
	height: 76px;
	background-image: url(../images/logo_nbcg.gif);
	text-indent: -9999px;
}

.tabcontainer {
position:relative;
	display: block;
	width:600px;
    float: right;
    height: 26px;
}
.tabs {
   float: right;
   margin-top: 12px;
   
}
.tabs li {
   display: inline;
   float: right;
   background: url(../images/bg_tabs.gif) repeat-x left bottom;
   height: 26px;
   padding:0;
   margin: 0;
   
}
.tabs a {
   font-family: Trebuchet MS;
   font-size: 170%;
   line-height: 26px;       padding: 1px 11px 0px 11px;
   color: #FFF;
   text-decoration: none;
}
.tabs .on {
   background: url(../images/bg_tab_l2.gif) no-repeat left bottom;
   margin-left: -8px;
}
.tabs .first .on {
   background: url(../images/bg_tab_l_on.gif) no-repeat left top;
   margin-left: 0;
}
.tabs .off {
   background: url(../images/bg_tab_l_off.gif) no-repeat left top;
   background-color: #999999;
   margin-right: 0px;
}
.tabs .first .off {
   background: url(../images/bg_tab_first_l_off.gif) no-repeat left top;
   background-color: #999999;
}
.tabs .on a {
   background: url(../images/bg_tab_r.gif) no-repeat right top;
   margin-left: 5px;
}
.tabs .off a {
   background: url(../images/bg_tab_r_off.gif) no-repeat right top;
}

.tabs .shade {
   background: url(../images/bg_tabs_r.gif) no-repeat right bottom;
   width: 6px;
}


.top-links {
    font-size: 95%;
    height: 50px;
    width: 300px;
    float: right;
    padding-top: 10px;
    color: #666666;
    text-align: right;
}

.top-links ul li {
	display: inline;
	padding: 0px;
	margin: 10px 2px 0px 3px;
	background: #fff;
	height: 30px;
	display: block;
	float: right;
}

.top-links ul .SayIt {
	padding-top: 0px;
}

.top-links a {
    color: #666666;
    text-decoration: none;
}
.top-links span.separator {
    padding: 0px 4px 0px 8px;
	color:#FFFFFF;
}


.topmenu {
    height: 31px;
	width:auto;
    padding-left: 5px;
    color: #FFF;
    clear: left;
	
}
.topmenu ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.topmenu li {
    float: left;
    height: 24px;
    margin: 0px 8px 0px 8px;
    padding: 8px 2px 0px 2px;
    list-style: none;
}
.topmenu li.separator {
    margin: 0;
    height: 16px;
    padding: 8px 0;
}
.topmenu li.active {
	background: url(../images/bg_top_link_active.gif) repeat-x top left;
}


.topmenu a {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
.topmenu li.active a {
	color: white;
}


.content {
    padding-right: 12px; 
}

.content h2, .content h3, .content h4, .content h5, .content h6 {	
	font-family: Verdana, Arial;
	font-size: 120%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #0A7BC2;	
}
	
p.teaser {
    font-weight: bold;
}


.clear {
    clear: both;
}
a.arrow {
    padding-left: 12px;
    background: url(../images/arr_list-red.gif) no-repeat 0px 5px;
}
a.arrow-left {
    padding-left: 12px;
    background: url(../images/arr_link-left.gif) no-repeat center left;
}
a.grey {
    color: #005684;
    font-weight: normal;
    text-decoration: none;
}
a.grey:hover, a.blue:hover, 
a.external:hover, p.more a:hover,
span.back a:hover, p.pagingnav a:hover,
a.archiveurl:hover, .content a:hover {	
	color: black;
	text-decoration: underline;
}
a.archiveurl {
	float: right;
	margin-top: 10px; 
	margin-right: 20px;
}
a.black {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.blue {
    color: #0A7BC2;
    font-weight: bold;
    text-decoration: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.align-right {
    text-align: right;
}

.external {
	padding: 7px 0px 3px 15px;
	background: url(../images/arr_list_active.gif) left no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #0A7BC2;
	display: block;
}
.ext_spec {
	padding-left: 15px;
}

.back {
	background: url('../images/arr_link-red.png') no-repeat left;
	padding: 0px 0 0px 10px;
}

.info .more {
	text-align: right;
}
.info .more a {
	background: url('../images/arr_list-red.gif') no-repeat left;
	padding: 0px 0 0px 10px;
}
.info {
	background-color: #F4F8FC;
	color: #245179;
	width: 510px;
	padding: 0px 0;
	margin: 5px 0;
 	padding-top: 10px;
 	padding-bottom: 10px;	
}

.info span{	
 	padding-left: 13px;
 	padding-right: 13px;
}

.center {
text-align: center;	
}


a.button:hover {
	background-position: left -25px;
}

a.button:hover span {
	background-position: right -25px;
}

.subtitle {
    font-size: 110%;
    color: #2288C8;
    font-weight: bold;
}

/* Left menu */
ul.menu {
    margin: 0;
    padding: 0;
    margin-top: -7px;
    list-style: none;
}
ul.menu li {
    margin: 0;
    border-bottom: solid 1px #CCD9E3;
    padding: 7px 0px 7px 6px;
    list-style: none;
    list-style-image: none; 
}
ul.menu li ul li {
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 0px 4px;
    line-height: 19px;
    border-bottom: 0;
    list-style: none;
    list-style-image: url(../images/arr_list-red1.gif);
}
ul.menu li ul li.active {
    list-style-image: url(../images/arr_list_active.gif);
}
ul.menu li ul li a {
    text-decoration: none;
}
ul.menu li ul li.active a {
    color: #DF134C;
}
ul.menu span.selected {
	font-weight: bold;	
}
ul.menu a.active {
	text-decoration: none;
	font-weight: bold;	
	color: black;			
}
.main-col-home {
	width: 962px;
}

.main-col-home .right-col {
	margin: -5px 0px 0px 5px;
	width: 200px;
	background: #fff;
}

.main-col-home-row1 {
	width: 742px;
	float: left;
	margin-left: -0px ;
}

.main-col-home-row2a {
	float: left;
	width: 493px;
    margin-top: 5px;
	display: block;
}

.main-col-home-row2b {
	margin-top: 5px;
	display: block;
	float: left;
	width: 461px; /*458*/
	height: 364px;
	background: #fff;
}

.random_1a, .random_2a {
	display: block;
	width: 249px; /*227*/
	height: 175px; /*185*/
	float: left;
	padding: 0;
}

.random_1a {
	background-color: #F4F8FC; 
}
.random_1b, .random_2b {
	display: block;
	width: 205px; /*227*/
	height: 182px; /*185*/
	float: left;
}


.random_2a, .random_2b {
margin-top: 5px;
}

.loginbox {
border:1px solid #efefef;
height:200px;
padding-left:10px;
text-align:left;
padding-bottom:10px;
}
html>body .loginbox {
border:1px solid #efefef;
height:163px;
padding-left:10px;
text-align:left;

}

.pht_home_image {
    width: 493px;
    height: 210px;
    float: left;
}

.gradientbox {
    width: 212px;
    height: 196px;
    float: left;
    background: url(../images/bg_block_gradient.gif) top right;
    padding: 14px 14px 0px 23px;
}

/* Latest news */
.latestnewsblock {
    background-color: #E1ECF6;
    float: left;
    margin-bottom: 12px;
display: block;
height: 175px;
    color:  #006293;
	text-decoration:none;

}
.latestnewsblock .latestnewstitle {
    background-color: #006293;
    color:  #FFFFFF;
    font: 135% Trebuchet MS;
    font-weight: bold;
    padding: 0px 0px 1px 20px;
	text-decoration:none;
}
.latestnewsblock ul {
    margin: 0;
    list-style: none;
    clear: both;
    padding: 0px 0px 0px 10px;
    width: 484px;
	text-decoration:none;
	border-bottom: dotted 0px #B4CADC;
}
.latestnewsblock li {
    margin: 0;
    padding: 7px 0px 0px 0px;
    border-bottom: dotted 0px #B4CADC;
    float: left;
    font: 100% Verdana;
	color: #E1ECF6;
    list-style-type: none;
    list-style-image: none;
	text-decoration:none;
}
.latestnewsblock li span.date {
    color: #005684;
	text-decoration:none;
}
.latestnewsblock li.col1 {
    background: url(../images/arr_list_active.gif) 0px 3px no-repeat ;
    width: 120px;
	padding-left: 22px;
	text-decoration:none;
}
.latestnewsblock li.col2 {
    width: 300px;
    
}
.latestnewsblock li.last {
    border-bottom: none;
    background: none;
    margin-left: 2px;
}


.phototextbox {
    width: 493px;
    float: left;
}
.phototextbox .photo {
    width: 490px;
    height: 200px;
    float: left;
border: 0px solid #E0EBF5;
}
.phototextbox .text {
    width: 350px;
    padding: 8px 14px 0px 21px;
    float: left;
}
.phototextbox .text p.phonenumber {
    color: #0A7BC2;
    font: 110% Arial;
    font-weight: bold;
}


.textbox { 
	height: 175px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0;
   
}
.random_1a .textbox {
    /*background-color: #F4F8FC;*/
    margin-left: 0px;
    padding: 0px 20px;
}

.main-col-home-row2b .textbox h5 {
margin-top: 6px;
font-weight: bold;
}


.quicklinks {
    height: 155px;
    margin: 20px 0px 6px 4px; 
    overflow: hidden;
}

.pagequicklinks {
    margin: 25px 0px 9px 3px;
    width: 200px;
}

.quicklinks h4, pagequicklinks h4 {
    margin: 0px 0px 6px 10px;
}

.quicklinks h6, .pagequicklinks h6 {
    margin: 0px 0px 5px 13px;
    font-weight: bold;
}

.quicklinks ul, pagequicklinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.quicklinks ul li, .pagequicklinks ul li {
    margin: 5px 0px 5px 0px;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
.quicklinks ul li a, .pagequicklinks ul li a {
	display: block;	
}


.banner-right {
	text-align: center;
	margin-left:7px;
	height:300px;
	
}

.banner-right-small {
	text-align: center;
}
.banner-right-small a {
	display: block;
	height: 88px;
	margin: 6px 0px;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.main-col-home-row2b .banner-right-small {
	margin: auto;
}


.photobox {
    width: 300px;
    background-color: #E1ECF6;
    padding: 0px 24px 15px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.photobox .photo {
    width: 100px;
    height: 140px;
    float: left;
    margin: 0px 20px 10px 0px;
}
.photobox p {
    padding: 15px 0px 0px 18px;
}
span.required {
	margin-left: 5px;
    color: #CC0000;
}

.form-title span, .form-subtitle span, .form-infobox span {
	display: block;
	padding: 7px 24px 7px 13px;
}
.form-title {
    background: #9FC2E2;
    color: #fff;
    font: 135% Trebuchet MS;
	display: block;
	font-weight: bold;
	width: 510px;
}

.form-subtitle {
    background-color: #A7C7E4;
    color: #245179;
    font: 120% Trebuchet MS;
    font-weight: bold;
}
.form-infobox {
    background-color: #E9F1F8;
    color: #245179;
}
.form-header a {
    color: #245179;
    font-weight: bold;
    font-size: 90%;
}
.form-header ul, .form ul, .faq ul, .form-search ul {
    float: left;
    margin: 0;
    padding: 5px 0px 10px 12px;
}
.form-header ul, .form ul, .form-search ul {
    background-color: #F1F6FB;
}
.form ul {
    border-bottom: solid 1px #FFFFFF;
	display: block;
	width: 100%;
}

.form-description {
    background-color: #5D98CE;
    color: #FFF;
	margin: 0;
	padding: 10px;
}

a.arrow {
    padding-left: 12px;
    background: url(../images/arr_list-red.gif) no-repeat 0px 5px;
}
a.arrow-left {
    padding-left: 12px;
    background: url(../images/arr_link-left.gif) no-repeat center left;
}
a.grey {
    color: #006293;
    font-weight: normal;
    text-decoration: none;
}
a.grey:hover, a.blue:hover, 
a.external:hover, p.more a:hover,
span.back a:hover, p.pagingnav a:hover,
a.archiveurl:hover, .content a:hover {	
	color: black;
	text-decoration: underline;
}
a.archiveurl {
	float: right;
	margin-top: 10px; 
	margin-right: 20px;
}
a.black {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.blue {
    color: #006293;
    font-weight: bold;
    text-decoration: none;
}

.download-link { 
   margin-top:140px;
   margin-left:260px;
   }

.line {
    border-bottom: solid 1px #D7E6F4;
    margin: 5px 0px 14px 0px;
}
.news-navigation {
    line-height: 27px;
}
.news-date {
    display: block;    
    color: #ABABAB;
    margin: 0px 0 4px 0px;
}
.news-title {
    color: #006293;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
    text-decoration: none;
}
.news-readmore {
    margin-bottom: 4px;
}

.years {
	float: right;
	margin-top: -25px;
	/*margin-bottom: 20px;*/
}



/* fixes voor de mouse over button */
.searchbuttons div, .searchbuttons input {
float: left;
}

.years ul, .buttons ul, .pollbox ul {
	margin: 0px;
	padding: 0px;
}

.years ul li, .buttons ul li, .pollbox ul li {
	float: left;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;	
}
.years ul li {margin-right: 10px;}
.buttons ul li {margin-right: 9px;}
.pollbox ul li {margin-right: -2px;}

a.news-title:hover {
	text-decoration: none;
	color: #2288C8;
}