﻿*{
    margin:0;
    padding:0;
}

img{
    border:none;
}

body{
    text-align:center;
    background:#C6E9F2;
    font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size:12px
}

.container{
    margin-left:auto;
    margin-right:auto;
    width:800px;
    text-align:left;
    position:relative;
    background:#FFF;
    clear:both;
}

.header{
	float:left;
	width:800px;
	height:100px;
	background:url(../images/bg_header.jpg) no-repeat;
}

.header a{
   text-decoration:none;
}

.header h1 a span{
   visibility:hidden;
}

.header h1 a{
   height:100px;
   width:267px;
   display:block;
}

.nav{
	float:left;
	height:64px;
	width:800px;	
	padding:1px 0 0 0;
	background:url(../images/bg_nav.jpg) no-repeat;
}

.nav a{
   text-decoration:none;
}

.nav .nav_l{
	float:left;
	position:relative;
	width:266px;
	height:64px;
	margin:0 1px 0 0;	
}

.nav .nav_r{
	float:left;
	position:relative;
	width:533px;
	height:64px;
}

*html .nav .nav_r{
	overflow:hidden;
}

.nav .nav_r ul{
	width:433px;
	height:32px;
	margin:0;
	padding:0;
	list-style:none;	
}

.nav .nav_r ul li{
	display:inline;
	width:auto;	
	height:32px;
	margin:0;
	padding:0;
}

.nav .nav_r ul li a{
	height:32px;
	width:auto;
	margin:0;
	padding:0 10px;
	color:#949286;
	font-weight:bold;
	line-height:32px;
	font-size: 14px;
}

.nav .nav_r .language{
	position:absolute;
	right:0;
	top:0;
	height: 32px;
	width: 100px;
	padding: 0;
	margin: 0;	
}

.nav .nav_r .language img{
	margin: 10px 10px 10px 68px;
}

.nav .nav_r .normal_mid_header{
   float:left;
   height:32px;
   color: #7A7B7F;
   font-size: 16px;
   line-height:32px;
   padding-left:14px;
   position:relative;
}

.mid{
    float:left;
    margin:1px 0 0 0;
    background:url(../images/bg_mid.jpg) repeat-y;
}

.information{
   float:left;
   width:266px;
   margin:0 1px 0 0;
   padding:0;
   color:white;
   font:12px;
}

.information .leftImage,
.information .rightImage{
	float:left;
	height:100px;
	width:133px;
	margin:0;
	padding:0;
}

.information .secondaryContent{
	float:left;
	height:auto;
	width:236px;
	margin:0;
	padding:15px;
}

.information .secondaryContent p{
	line-height:15px;
	color:#FFF;
    font-size:12px;
    padding-bottom:5px
}

.information .secondaryContent ul{
	line-height:15px;
	color:#FFF;
    font-size: 12px;
    padding-bottom:5px;
    padding-left:15px
}

.information .secondaryContent li{
	padding-bottom:0px
}

.information .secondaryContent a{
    color: #F0E6DA;
}

.content2{
   float:left;
   width:533px;
   height:auto;
   margin:0;
   padding:0;
}

*html .content2{
	overflow: hidden;	
}

.content2 .mainContent2{
	float:left;
	width:513px;
	min-height:270px;
	height:auto !important;
	height:270px;
	margin:0;
	padding:10px;
}

.content2 .mainContent2 .languages{
	float:left;
	width:513px;
	height:32px;	
}

.content2 .mainContent2 .languages a{
	display:inline;
	margin:5px;
}

.content2 .mainContent2 table,
.content2 .mainContent2 #NewTransaction{
	float:left;	
	position: relative;
	width:513px;
	height:auto;
	margin:0;
	padding:0;
}

.content2 .mainContent2 table table{
	margin:10px 0 0 0;
}

.content2 .mainContent2 #NewTransaction .left{
	float:left;
	width:250px;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
}

.content2 .mainContent2 #NewTransaction .countryListHolder{
	margin: 0 0 1px 0;	
}

.content2 .mainContent2 #NewTransaction .center{
	float:left;
	width:175px;
	height:auto;
	margin:0;
	padding:0;
}

.content2 .mainContent2 #NewTransaction .right{
	float:left;
	width:75px;
	margin:34px 0 0 7px;
}

*html .content2 .mainContent2 #NewTransaction .right
{
	position: absolute;
	top: 15px;
	right: -5px;
}

.content2 .mainContent2 #NewTransaction .errorList{
	float:left;
	margin:10px 0 0 0;
}

.content2 .mainContent2 #transactionText{
	float:left;
	display:block;
	width:513px;
	margin:10px 0 0 0;	
}

.blueTitle{
	position:absolute;
	width:242px;
	height:32px;
	top:32px
}

.blueTitle p{
	line-height:32px;
	color:#FFF;
	padding-left: 15px;
	font-size: 16px;
}

#tellafriend{
	position:absolute;
	right:0;
	top:10px;
	height:64px;
	width:100px;
	overflow: hidden;
}

#tellafriend a{
	display: block;
	height: 64px;
	width: 100px;
}

.content{
   float:left;
   width:502px;
   padding: 15px 15px 45px 15px;
}

.bottom
{
	float: left;
	width: 800px;
	height: 103px;
	margin: 1px 0 0 0;
	padding: 0;
	background: url(../images/bg_bottom1.jpg);
	background-repeat: repeat-y;
}

.bottom .bottom_l
{
	float: left;
	width: 266px;
	height: 103px;
	margin: 0 1px 0 0;
	position: relative;
}

*html .bottom .bottom_l
{
	overflow: hidden;	
}

.bottom .bottom_r
{
	float: left;
	width: 533px;
	height: 103px;
	margin: 0;
}

.footer{
	float:left;
	clear:both;
	margin:1px 0 0 0;
	background:url(../images/bg_mid.jpg);
	height:23px;
	width: 799px;
}

.footer ul{
	height:23px;
	width:799px;
	text-align:right;
}

.footer ul li{
   display:inline;
   height: 23px;
   margin: 0 10px 0 0;
}

.footer ul a{
	color:#7F7F74;
    font-size:10px;
    line-height:23px;
	text-decoration:none;
}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix{
	display: inline-block;
}
 
html[xmlns] .clearfix{
	display: block;
}
 
* html .clearfix{
	height: 1%;
}

/*******************************************************************************************/

.contentBanner {display: block; left: 282px; margin-left: -15px; width: 533px; 
bottom: 24px; 
*bottom:23px;
position: absolute; height: 113px}
.textballon{
  background:url(../images/textballon.gif) no-repeat;
  display: block;
  position: absolute;
  top: 80px;
  right:10px;
  width:130px;
  height:120px;
}
.textballon span{
  visibility:hidden;
}

.mainContent {display: block; padding-bottom:20px;}





.mainContent p{
	line-height:15px;

        font-size: 12px;padding-bottom:5px
}



.mainContent ul{
	line-height:15px;

        font-size: 12px;padding-bottom:5px;padding-left:15px
}

.mainContent li{
padding-bottom:0px
}

.mainContent h3{
	line-height:15px;
color:#029FC8;
        font-size: 16px;padding-bottom:10px
}


.mainContent a{
	line-height:15px;
color:#029FC8;
        font-size: 12px;padding-bottom:5px
}



p.msg_head span{
	line-height:15px;
color:#029FC8;
        font-size: 14px;font-weight:bold;padding-left:5px
}




/*
  Q & D
*/


.onderbanner{
   background:url(../images/tipslink.jpg) no-repeat;
   display:block;
   height:113px;margin-left:-15px;
   width:533px;position:absolute;bottom:23px;left:282px;
   text-decoration:none;
}

.onderbanner span{
   visibility:hidden;
   text-decoration:none;
}

.reken_tool{
   background:url(../images/reken_tool.jpg);
   height:206px;margin-left:-10px;
   position:relative;
}

.dropdown1{
   position:absolute;
   top:13px;
   left:110px;
   width:130px;
}

.dropdown2{
   position:absolute;
   top:42px;
   left:110px;
   width:130px;
}

.dropdown3{
   position:absolute;
   top:13px;
   left:345px;
   width:130px;
}

.btnVergelijken{
   top:73px;
   left:175px;
   position:absolute;
}

.btnZoek{
   top:43px;
   left:478px;
   position:absolute;
}

.overzicht{
   font:10px;
   color:#7E7C73;
   list-style:none;
   width:210px;
   top:87px;
   left:278px;
   position:absolute;
}

.overzicht li{
   float:left;
   width:100px;
}

/* +====================================================
   +
   +     aanbieders
   +
   +====================================================
*/
.aanbiedersbg{
   background:url(../images/aanbiedersbg.jpg);
   height:105px;
   width:800px;
}
h2.aanbieders{
   background:url(../images/aanbieders.jpg);
   border-bottom:1px solid white;
   width:256px;
   margin:-10px -25px 10px -25px;
   height:32px;
}

h2.aanbieders span{
   visibility:hidden;
}

.aanbieders_mid_header{
   background:url(../images/aanbieders_mid_header.jpg) no-repeat;
   height:32px;margin:-15px;margin-bottom:0px;
   border-bottom:1px solid white;

}

.aanbieders_overview{
font:10px;
background:url(../images/aanbieders_bg.gif) -16px 0 repeat-y;height:315px;
}
.aanbieders_overview dt{
    float:left;
    padding:10px;padding-left:0;
    width:120px;
    clear:left;
}
.aanbieders_overview dd{
  float:left;
  padding:10px;
  width:300px;
  margin-left:10px;
  height:60px;
  
}
.aanbieders_overview dt{

}
/* +====================================================
   +
   +     links
   +
   +====================================================
*/
.titleleft{
   background:url(../images/linksbg.jpg);
   height:105px;
   width:800px;
}
h2.links2{
   background:url(../images/links.jpg);
   border-bottom:1px solid white;
   width:266px;
   margin:-10px -25px 10px -25px;
   height:32px;
}

h2.links2 span{
   visibility:hidden;
}

.links_mid_header{
   background:url(../images/links_mid_header.jpg) no-repeat;
   height:32px;margin:-15px;margin-bottom:0px;
   border-bottom:1px solid white;

}
/* +====================================================
   +
   +     tips2
   +
   +====================================================
*/

/*
.tipsbg{
   background:url(../images/tipsbg.jpg);
   height:105px;
   width:800px;
*/     
}
h2.tips2{
   background:url(../images/tips.jpg);
   border-bottom:1px solid white;
   width:266px;
   margin:-10px -25px 10px -25px;
   height:32px;
}

h2.tips2 span{
   visibility:hidden;
}

.titleRight{
   background:url(../images/tips_mid_header.jpg) no-repeat;
   height:32px;margin:-15px;margin-bottom:0px;
   border-bottom:1px solid white;

}
/* +====================================================
   +
   +     results
   +
   +====================================================
*/
.resultsbg{
   background:url(../images/resultsbg.jpg);
   height:105px;
   width:800px;
}
h2.results{
   background:url(../images/result.jpg);
   border-bottom:1px solid white;
   width:266px;
   margin:-10px -25px 0px -25px;
   height:32px;
}

h2.results span{
   visibility:hidden;
}

.mid_header{
   background:url(../images/result_mid_header.jpg) no-repeat;
   height:32px;
   margin:-15px;
   margin-bottom:0px;
   border-bottom:1px solid white;
   color: #7A7B7F;
   font-size: 16px;
   line-height:32px;
   padding-left: 14px;
}

.normal_onder_header {
   position:relative;
   width:519px; 
   float:left;
   height:32px;
   margin:0px;
   border-bottom:1px solid white;
   color: #7A7B7F;
   font-size: 16px;
   line-height:32px;
   padding-left: 14px;
   background:url(../images/tips_mid_header.jpg) no-repeat;
}

table{
	margin:10px 0;
}

.table1{
	width:270px;
	float:left;
}
table td{
	width:125px;
}

.table2{
	width:230px;
	float:left;
}

.table2 td.c1{
	width:150px;
}

.tdOverruler{
    width: 250px;
    padding-right: 20px;
}


.tdOverruler{
	line-height:15px;

        font-size: 12px;
}

.tdOverruler2{
    width: 166px;
    padding-right: 20px;
}

.mainContent li{
    margin-left: 15px;
}

.tdRight{
	width: 350px;
}

/* +====================================================
   +
   +     Picasa Web Album
   +
   +====================================================
*/

.albumList { list-style-type: none; padding: 10px; text-align:center;}
.albumList li { display:inline; padding-left:5px; }
.photoTitle { margin-bottom: 5px; color:#73704D; font-size: 10px; text-align:center;}

/* +====================================================
   +
   +     E-Kerst-card 
   +
   +====================================================
*/

.question{
	color: #189DC0;
	margin-top: 5px;
}
.question a {
	color: #189DC0;font-weight:bold;
	
}
.area{
	width: 272px;
	height: 110px;
}

/* +====================================================
   +
   +     Jeremy
   +
   +====================================================
*/

*{padding:0;margin:0;}

fieldset {margin-top:10px; border: 0;padding: 2px; color:#333333; }
fieldset input{margin-bottom:5px;}
fieldset select{margin-bottom:5px;}
fieldset option{text-indent:2px;}
fieldset span { font-size:12px;} 
br{clear:both;}

fieldset label{width:130px;float:left; padding-top:2px;}

ul.errorList li { color:#01A0C7; display: none; }
ul.errorList li:before {color:#FFBE00;  font-weight: bold; content: "Fout:" }

.requiredField{color: #003399;}
.formError{background-color: #EEEEEE; border: 1px solid #FF0000; }

.errorMessage:before {color:#FFBE00;font-weight:bold;content:"Fout:" }
.errorMessage {color:#01A0C7; display:block;}

.successMessage{color: #003399; }

.euro { color:#01A0C7; font-weight: bold; font-size:16px; position: relative; top: -5px;  }
.active { visibility: visible; }
.inactive { visibility: hidden; }
.bankTitle {color: #7a7b7f;font-weight: bold; font-size: 14px; width: 200px}
a.tdOverruler2 {color:black; text-decoration:none}

.english{
   position:absolute;
   top:95px;
   right:20px;
}

.english span{
   visibility:hidden;
}

.midLanden{
    float:left;
    background:url(../images/bgmidLanden.gif) repeat-y;
	font:11px;
}

.bottom .bottom_l img{
padding:0px
}

.submitButton {

padding-left:5px;}




.mainContent2 a{color: #189DC0;font-weight:bold;}


.rechtsOnderContent {
padding-left:20px;
}
