﻿/* Rightblock */
.rightBlock 
{
    width: 238px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d5d5d5;
}
.rightBlock .header,
.fullBlock .header
{
    color: #1111a0;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.rightBlock .text 
{
    color: #0b1979;
    font-size: 11px;
}
.rightBlock .text p 
{
    margin: 0 0 10px 0;
}
.rightBlock .text a 
{
    text-decoration: underline;
    color: #f60;
}
.rightBlock .text a:hover 
{
    color: #009;
}
.rightBlock .text li 
{
    list-style: none;
    padding: 0 0 0 10px;
    background: url(/include/images/list-style-bullet.gif) no-repeat 0 5px;
    line-height: 17px;
}
.rightBlock .text li a 
{
    text-decoration: none;
    color: #009;
}
.rightBlock .text li a:hover 
{
    color: #f60;
}
.rightBlock .text .phoneNumber {
	color: #999;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0 0 ;
}
.rightBlock .text .phoneNumber input.text {
	border: 1px solid #e3e3e3;
	color: #999;
	font-size: 11px;
	padding: 4px;
	width: 120px;
}
.rightBlock .text .phoneNumber input.error {
	border: 1px solid red;
	display: inline;
	float: none;
}
.rightBlock .text .phoneNumber input.submit {
	background:transparent url(/include/images/phone_button.gif) repeat scroll 0 0;
	border:0 none;
	color:#999999;
	font-size:12px;
	float: none;
	height:22px;
	margin:0 0 0 10px;
	padding:0 0 4px;
	width: 70px;
}
.rightBlock .text .phoneNumber input.submit:hover {
	background:transparent url(/include/images/phone_button_hover.gif) repeat scroll 0 0;
}
/* loggedin */
ul.loggedin
{
		font-size:11px;
		color:#878787;
		list-style:none;
		border-top:1px solid #f85200;
		margin-top:20px;
}
ul.loggedin li
{
		border-bottom:1px solid #f85200;
		padding:3px 0 8px 0;
		font-weight:bold;
}
ul.loggedin li a
{
		color:#878787;
		text-decoration:none;
		margin-left:13px;
}
ul.loggedin li a:hover, ul.loggedin li.active a
{
        color: #f60;
		text-decoration:none;
}

/* banner */
.banner 
{
    position: absolute;
    display: none;
}
/* header */
.pageHeader 
{
    width: 681px;
}
.pageHeader .orangeHeader,
.newsItem .orangeHeader 
{
    color: #fa590a;
    float: left;
    font-size: 20px;
    font-family: Arial, Sans-Serif;
	margin-bottom:5px;
}
.pageHeader.faq .orangeHeader 
{
    margin-bottom: 0px;
}
.pageHeader .blueHeader,
.sideBar .blueHeader
{
    color: #00218a;
    float: left;
    font-size: 15px;
    font-family: Arial, Sans-Serif;
    margin: 5px 0 0 5px;
}

/* fullBlock */
.fullBlock 
{
    width: 681px;
    clear: both;
}
.fullBlock ul 
{
    margin: 0 15px 0 18px;   
}
.fullBlock .leftPart .text ul.advantages
{
    margin-left: 15px;
}

.fullBlock .leftPart 
{
    float:left;
    width: 330px;
}
.fullBlock .orangeHeader 
{
    color: #fa590a;
    float: left;
    font-size: 20px;
    font-family: Arial, Sans-Serif;
    
}
.fullBlock .blueHeader
{
    color: #00218a;
    float: left;
    font-size: 15px;
    font-family: Arial, Sans-Serif;
    margin: 5px 0 5px 5px;
}
.fullBlock .blueHeader.block
{
		display:block;
		clear:left;
		margin:-2px 0 16px 0;
}
.halfBlock .blueHeader span
{
		display:block;
    color: #00218a;
    font-size: 24px;
    font-family: Arial, Sans-Serif;
}
.fullBlock .text,
.newsItem .text,
.sideBar .text
{
    clear: both;
    padding: 0 0 10px 0;
    color: #00248b;
    font-size: 11px;
}
.fullBlock .leftPart .text p,
.fullBlock .rightPart .text p 
{
    margin: 0 0 10px 0;
}
.fullBlock .leftPart .text a,
.fullBlock .rightPart .text a 
{
    color: #f96500;
}
.fullBlock .leftPart .text ul,
.fullBlock .rightPart .text ul
{
		margin-left:23px;
}

.fullBlock .rightPart 
{
    float:right;
    width: 330px;
    overflow: hidden;
}
.fullBlock #flash 
{
    margin: 20px 0 0 0;
}
.fullBlock h2 
{
    color: #009;
    margin: 16px 0 5px 0;
    font-size: 16px;
}
.fullBlock h3 
{
    color: #009;
    margin: 5px 0;
    font-size: 16px;
}
.fullBlock p 
{
    padding: 0 0 10px 0;
    color: #00248b;
    font-size: 11px;
}
.fullBlock li 
{
    color: #00248b;
    font-size: 11px;
}
/* search results */
#site .content .left .searchBlock 
{
		border-bottom:1px solid #eee;
		padding-bottom:6px;
		width: 630px;
}
#site .content .left .searchBlock .header
{
		font-size:14px;
		color:#fa590a;
}
#site .content .left .searchBlock a
{
		display:block;
		color:#f1590a;
		text-decoration:none;
		margin-top:4px;
}
#site .content .left .searchBlock a:hover 
{
		text-decoration:underline;
}

/* halfBlock */
.halfBlock
{
    width: 327px;
    float:left;
    xoverflow: hidden;
    border-bottom: 1px solid #ddd;
		padding-bottom:17px;
}
.halfBlock .image
{
    width: 101px;
    float:left;
}
.halfBlock .text
{
		width: 215px;
    float:left;
    color: #00248b;
    font-size: 11px;
}
.halfBlock .text .header,
.newsItem .text .header,
.article .text .header 
{
    color: #292f85;
    font-weight: bold;
    height: 40px;   
}
.halfBlock .text .header {
	height: 33px;
}
.halfBlock .text a,
.newsItem .text a 
{
    display: block;
    color: #f26522;
}
.halfBlock .text p a,
.newsItem .text p a 
{
    display: inline;
}
.halfBlock .text ul
{
		margin-left:18px;
		margin-right:15px;
}

.halfBlock.alt 
{
    border-bottom: 0;
    border-right: 1px solid #ddd;
    width: 330px;
}
.halfBlock.alt .orangeHeader 
{
    color:#FA590A;
    font-family:Arial,Sans-Serif;
    font-size:20px;
    margin: 5px 0;
}
.halfBlock.alt .orangeHeaderSmall 
{
    color:#FA590A;
    font-family:Arial,Sans-Serif;
    font-size:18px;
}
.halfBlock.alt .orangeHeaderSmallFAQ
{
    color:#FA590A;
    font-family:Arial,Sans-Serif;
    font-size:18px;
    margin: 30px 0 0 0;
}
.halfBlock.alt .orangeHeaderSmaller 
{
    color:#FA590A;
    font-family:Arial,Sans-Serif;
    font-size:14px;
    margin: 0 0 3px 0;
    padding: 10px 0 0 0;
    clear:both;
}
.halfBlock.alt .blueHeader
{
    color:#00218A;
    font-family:Arial,Sans-Serif;
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 10px 0;
}
.halfBlock.alt ol.orangeList 
{
    margin: 0 0 0 20px;
}
.halfBlock.alt .orangeList li
{
    width: 250px;
    margin: 0 0 5px 0;
}
.halfBlock.alt ol.fancyList 
{
    margin: 0 10px 0 0;
}
.halfBlock.alt ol.fancyList li 
{
    margin: 0 0 5px 0;
    list-style-type: none;
}
.halfBlock.alt ol.fancyList li .bullet 
{
    width: 11px;
    height: 14px;
    background-color: #f60;
    color: #fff;
    font-weight: bold;
    display: block;
    float:left;
    padding: 0 0 0 3px;
    margin: 0 5px 0 0;
}

.halfBlock.alt .text 
{
    width: auto;
    clear:both;
}
.halfBlock.alt .text ul.alt 
{
    margin: 15px 0 0 0;
}
.halfBlock.alt .text ul.alt li 
{
    background:transparent url(/include/images/list-style-bullet.gif) no-repeat scroll 0 5px;
    line-height:17px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0 0 0 10px;
}
.halfBlock.alt .text li a 
{
    color:#000099;
    text-decoration:none;
}
/*
.halfBlock.alt .text li a:hover 
{
    color:#f60;
}
*/
.halfBlock.alt a.textLink 
{
    color: #f60;
    font-size: 11px;
}
.halfBlock.alt a.textLink:hover 
{
    color: #009;
}
.halfBlock.alt .questions 
{
    margin: 10px 0 0 0;
}
.halfBlock.alt .question 
{
    margin: 0 10px 5px 0;
    padding: 2px 0 2px 4px;
    overflow: hidden;
}
.halfBlock.alt .question img 
{
    display: block;
    float: left;
    cursor: pointer;
}
.halfBlock.alt .question a 
{
    color: #000;
    background-color: #eee;
    font-size: 11px;
    display: block;
    float:left;
    margin: 0 0 0 15px;
    padding: 3px 10px 4px 10px;
    width: 265px;
}
.halfBlock.alt .question .answer 
{
    font-size: 11px;
    margin: 0 0 0 40px;
    padding: 5px 0 0 0;
    clear:left;
    display: none;
}
.halfBlock.alt .categoryPaging 
{
    clear:both;
    margin: 20px 0 0 0;
    border-top: 1px solid #eee;
}
.halfBlock.alt .categoryPaging a 
{
    color: #f60;
    font-size: 11px;
}
.halfBlock.alt .categoryPaging a.disabled
{
    color: #666;
    text-decoration: none;
}
.halfBlock.alt .categoryPaging a.active
{
    font-weight: bold;
    text-decoration: none;
}

/* news page */
.newsItem
{
		width:447px;
		float:left;
		padding:20px 0 20px 13px;
}
.newsItem ul
{
	padding-left: 15px;
}
.newsItem .orangeHeader
{
		margin-bottom:5px;
}
.newsItem img
{
		margin-bottom:29px;
}
.newsItem .text .header,
.article .text .header
{
		height:auto;
}
.newsItem .date,
.article .date
{
		line-height:1.7;
		color:#d5d5d5;
		font-weight:bold;
		margin-bottom:19px;
}
.article .date {
	margin-bottom:5px;
}
.newsItem p 
{
		margin-bottom:19px;
}
.newsItem .text a { 
		text-decoration:none;
}

/* sidebar */
.sideBar
{ 
		width:230px;
		float:left;
		padding:20px 0 0 10px;
}
.sideBar .blueHeader 
{
		margin:5px 0 23px 0;
		float:none;
}
.sideBar .article
{
		margin:0 9px 10px 0;
		padding-bottom:5px;
		border-bottom:1px solid #e5e5e5;
}
.sideBar .article .text
{
		color:#1111a0;
		padding: 0px;
}
.sideBar a 
{ 
		color:#F96500;
		text-decoration:none;
}
.sideBar a:hover { 
		text-decoration:underline;
}
.sideBar a:visited {}

/* end sidebar */

/* high blocks */
.halfBlock.high 
{
    height: auto;
    border-bottom: 0px;
}
.halfBlock.high .halfBlock
{
    border-bottom: 0px;
}
.high .text p { 
		margin-bottom:10px;
}

/* ---- end high ---*/

/* fullwidth blocks */
.halfBlock.fullWidth .text .header
{
		height:auto;
		padding-bottom:5px;
}
.halfBlock.fullWidth .text 
{
		width: auto;
}
/* ---- end fullwidth ---*/

/* videopreview */
.videopreview {
    float:left;
    height:160px;
    width:119px;
}
.videopreview .vidheader {
    font-weight:bold;
    font-size: 11px;
    color: #292f85;
}
.videopreview .video {
    margin:10px 0 0;
}
.videopreview a 
{
    font-size: 11px;
    display: block;
    color: #f26522;
    text-decoration: none;
}
/* faq page */
.halfBlock.alt .question .answer .orangeHeaderSmall
{
		margin:5px 0 9px 0;
}
.halfBlock.alt .question .answer strong
{
		display:block;
}
.halfBlock.alt .question .answer p strong 
{
		display:inline;
}
.halfBlock.alt .question .answer p 
{
		color:#000;
		margin-bottom:17px;
}
.halfBlock.alt .question .answer ul
{
		margin-left:15px;
		margin-bottom:17px;
}
.halfBlock.alt .question .answer a
{
		color:#f96500;
		background:none;
		margin:0;
		padding:0;
		float:none;
		display: inline;
}
/* action form */
label
{ 
		display:block;
		margin-bottom:3px;
		cursor:pointer;
}
/* type="text" */
input, textarea
{ 
		margin:0;
		padding:2px 8px 2px 6px;
		vertical-align:middle;
}
input.text
{ 
		border:1px solid #bbb;
}
input.disabled
{ 
		color:#999;
}
/* On FOCUS */
input.text:focus
{
		background:#fff;
		border:1px solid #999;
}
/* Buttons */
input.submit,
a.submit
{
		color:#FA590A;
		border:1px solid #bbb;
		padding:3px 5px;
		text-decoration:none;
		font-weight:bold;
		float:left;
}
/* DIV FIELD - Deze zit om alle label+inputs heen. */
div.field
{
		font-size:12px;
		color:#00248B;
		margin:0 0 12px 0;
		clear:both;
		float:none;
		overflow:hidden;
}
.error
{
		color:#f00;
		font-size:11px;
		display:block;
		clear:both;
}
.code
{
		color:#00248B;
		font-size:16px;
		font-weight:bold;
}

/* imagestep */
.imageStep 
{
    float:left;
}
.imageStep img 
{
    border: 1px solid #eee;
}
.imageStep .counter 
{
    width: 19px;
    height: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #f60;
    padding: 0 0 0 6px;
    position: absolute;
    margin: -40px 0 0 155px;
}
.imageStep p 
{
    color: #009;
    font-size: 11px;
}

/* contact form */
.contactform 
{
    margin: 10px 0 20px 15px;
}
.contactform .row {
    clear:left;
    height:24px;
    line-height:24px;
}
.contactform .row .key {
    float:left;
    width:145px;
    color: #009;
    font-size: 11px;
}
.contactform .row .value {
    float:left;
}
.contactform .row .value input, .contactform .row .value textarea {
    width:200px;
    padding: 0px;
    font-size:11px;
    line-height:12px;
}
.contactform .row .value select {
    width:200px;
    font-size:11px;
    line-height:12px;
}
.contactform .row .value .gender input {
    width:auto;
    float:left;
    margin: 1px 0 0 0;
}
.contactform .row .value label {
    margin:0 20px 0 5px;
    font-size: 11px;
    color: #009;
    float:left;
}
.contactform .row .value span 
{
    font-size: 11px;
}
.contactform .row .button 
{
    padding: 10px 0 0 0;
}

/* actiecode popup */
#TB_window h1 {
    color:#FF6600;
    font-size:20px;
    font-weight:bold;
    margin:5px 0 10px;
}
#TB_window .labels {
    float:left;
    width:137px;
}
#TB_window .labels label {
    cursor:pointer;
    float:left;
    margin:0 6px 0 0;
}
#TB_window .labels input {
    float:left;
    margin:0 5px 0 0;
}
#TB_window .example {
    float:left;
}
#TB_window .example strong {
    display:block;
    font-weight:bold;
    margin:10px 0 20px;
}

/* smsBlock */
.smsBlock {
	clear: both;
	padding: 10px 0;
}
.smsBlock .header {
	color:#1111A0;
	font-size:11px;
	font-weight:bold;
}
.smsBlock .text {
	color:#1111A0;
	float: none;
	font-size:11px;
}
.smsBlock .text .smsNumber {
	color: #999;
	font-weight: bold;
	margin: 5px 0 0;
}
.smsBlock .text .smsNumber input.text {
	border: 1px solid #e3e3e3;
	color: #999;
	font-size: 11px;
	float: none;
	padding: 4px;
	width: 120px;
}
.smsBlock .text .smsNumber input.error {
	border: 1px solid red;
	display: inline;
	float: none;
}
.smsBlock .text .smsNumber input.submit {
	background:transparent url(/include/images/phone_button.gif) repeat scroll 0 0;
	border:0 none;
	color:#999999;
	font-size:12px;
	float: none;
	height:22px;
	margin:0 0 0 10px;
	padding:0 0 4px;
	width: 70px;
}

/* new homepage */
.homeContent #buttons {
	position: absolute;
	list-style-type: none;
	top: 30px;
	right: 40px;	
}
#buttons li {
	display: block;
	width: 257px;
	height: 49px;
	text-indent: -4000px;
	cursor: pointer;
}
#button1 {
	background: url(/include/images/homepage/knoppen.png) no-repeat 0 0;
}
#button2 {
	background: url(/include/images/homepage/knoppen.png) no-repeat 0 -52px;
}
#button3 {
	background: url(/include/images/homepage/knoppen.png) no-repeat 0 -104px;
}
#buttons li#button4 {
	display:none;
}
#button1:hover {
	background: url(/include/images/homepage/knoppen_hover.png) no-repeat 0 0;
}
#button2:hover {
	background: url(/include/images/homepage/knoppen_hover.png) no-repeat 0 -52px;
}
#button3:hover {
	background: url(/include/images/homepage/knoppen_hover.png) no-repeat 0 -104px;
}

.homeContent .item {
	width: 321px;
	float: left;
	margin: 20px 0 0 10px;
}
.homeContent .rightItem {
	width: 270px;
	height: 140px;
	margin: 0;
	padding: 20px 0 0 20px;
	border-left: 1px solid #d5d5d5;
}
.homeContent .item h2 {
	font-size: 16px;
	color: #0b1979;
	margin: 0 0 10px 0
}
.homeContent .item p {
	font-size: 11px;
	color: #0b1979;
}
.homeContent .item .link {
	color: #ff6600;
	font-size: 11px;
	margin: 10px 0 0;
	display: block;
}

.homeContent .item li 
{
    list-style: none;
    padding: 0 0 0 10px;
    background: url(/include/images/list-style-bullet.gif) no-repeat 0 5px;
    line-height: 17px;
    font-size: 11px;
}
.homeContent .item li a 
{
    text-decoration: none;
    color: #0b1979;
}
.homeContent .item li a:hover 
{
    color: #f60;
    text-decoration: underline;
}
.homeContent .item .phoneNumber {
	color: #0b1979;
	font-size:11px;
	font-weight:bold;
	margin:10px 0 0;
}
.homeContent .item .phoneNumber input.text {
	border:1px solid #E3E3E3;
	color: #0b1979;
	font-size:11px;
	padding:4px;
	width:120px;
}
.homeContent .item .phoneNumber input.submit {
	background:transparent url(/include/images/phone_button.gif) repeat scroll 0 0;
	border:0 none;
	color:#999999;
	float:none;
	font-size:12px;
	height:22px;
	margin:0 0 0 10px;
	padding:0 0 4px;
	width:70px;
}
.homeContent .item .phoneNumber input.error {
    clear: none;
    display: inline;
    border: 1px solid #ff0000;
}
.walletBlock {
	margin: 10px auto 0;
	width: 237px;
}
.walletBlock h2 {
	background: url(/include/images/walletBlockHeader_bg.gif) no-repeat bottom left;
	color: #1111a0;
	font-style: italic;
	font-size: 15px;
	font-weight: normal;
	width: 237px;
	height: 23px;
	padding: 10px 0 0 10px;
}
.walletBlock h2 a {
	width: 195px;
	display: block;
	text-decoration: none;
	color: #1111a0;
	height: 22px;
	float: left;
	line-height: normal;
}
.walletBlock h2 span {
	width: 22px;
	height: 22px;
	background:transparent url(/include/images/walletBlockArrow_img.png) no-repeat scroll top right;
	display: block;
	float: left;
}
.walletBlock p {
	color: #1111a0;
	font-size: 11px;
	margin: 10px 0 0 10px;
}
.walletBlock .phoneNumber {
	background: url(/include/images/walletBlockItem_bg.gif) no-repeat bottom left;
	color: #1111a0;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	padding: 0 0 20px 10px;
}
.walletBlock .phoneNumber input.text {
	border:1px solid #E3E3E3;
	color:#999999;
	font-size:11px;
	padding:4px;
	width:148px;
}
.walletBlock .phoneNumber input.error {
	border: 1px solid #ff0000;
	color: #ff0000;
	clear: none;
	display: inline;
}
.walletBlock .phoneNumber input.submit {
	background:transparent url(/include/images/walletBlockArrow_img.png) repeat scroll 0 0;
	border:0 none;
	color:#999999;
	float:none;
	font-size:1px;
	height:22px;
	margin:0 0 0 10px;
	padding:0 0 4px;
	width:22px;
}