html,body{
	height:100%;
}
body {
	margin:0px; padding:0px; height:100%;
	font-family: Arial;
	font-size:14px;  /*--- 62.5% = 10px ---*/
	color: #333;
    background: #fbf8f0;
}


h1 { font-size: 1.5em; margin: 0px; padding: 0px; }

h1 {
    color:#337EC1;
    padding: 0;
    font-size: 2em;
    margin-bottom: 0px;
    font-weight: normal;

}

h2 {font-size: 1.3em; color:#60A0DA;}

h3 {font-size: 1.3em; color:#60A0DA;}

a { outline:none;  }

a:link, a:visited, a:active {
    color: #13478F;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.hrefOrig a:link, .hrefOrig a:visited, .hrefOrig a:active, .hrefOrig a:hover {
    color:#13478F;
    font-weight: normal;
    text-decoration:underline;
}


hr {color: #d7d7d7; }

img {padding: 0; }

.textLarge{
	font-size: 1.3em; color:black;
	line-height: 30px;
}

p.testimony {text-align: justify;}

.aLeft  {float:left; border:0px solid red; }
.aRight {float:right; border:0px solid blue; }
.justify {text-align: justify; }

.button {
    color: white;
	background: #13478f;
	padding: 5px;
	border: 1px solid #12458c;
	border-radius: 5px;
	cursor: pointer;
    
}
.button:hover{
	background: #1a58ad;
}

.hipayLogo {
    margin: 30px 0 0 110px;   
}

.text_navy {color: navy; }
.bold { font-weight: bold; }

div.econsult {
    text-align: justify;
    width:98%;
    border:0px solid red;
    background: transparent url(../images/econsult.png) no-repeat right 5px;
}

div.econsultInner {
    text-align: justify;
    width:60%;
}

.default-value{
	font-style: italic;
	color: grey;	
	padding: 3px;
	line-height: 20px;
	height: 20px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- Begin Photo Reading --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

div.photoReading {
    text-align: justify;
    width:98%;
    border:0px solid red;
    background: transparent url(../images/silhouette.jpg) no-repeat right 10px;
}

div.photoReadingInner {
    text-align: justify;
    width:60%;
}

div.photoReading2 {
    text-align: justify;
    width:98%;
    border:0px solid red;
}

div.photoReadingInner2 {
    text-align: justify;
    width:100%;
}

div.imgUploadBox {
    position: relative;
    border: 0px solid red;
    margin: 10px auto;
    vertical-align: bottom;
    width: 370px;
    float: right;
}

div.imageUpload {
    position: relative;
    width: 100%;
    float: left;
}

div.ThumbPreview {
    position: relative;
    border: 1px dotted #CCCCCC;
    min-height: 100px;
    min-width: 100px;
    float: right;
    margin-right: 45px;
}

div.ThumbPreview.loading {
    background: url(../images/loaders/loading.gif) no-repeat 60px 40px;
}

div.ThumbPreview.loading img {display: none; }

div.imageUpload {
    position: absolute;
    bottom: 2px; right: 0;
    margin-right: 0;
}

/*
.myCastleCancelEdit { display: none;}
.objHide { display: none; }
*/
#imageUpload  { cursor: pointer; }
#imageDelete  { display: none; cursor: pointer; }

/* --------------------------------------------------------------------------------------------- */
/* --- End Photo Reading ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

.banner_nl { background-image: url(../images/banner_top_nl.png); background-repeat:no-repeat; background-position:0 0; }
.banner_fr { background-image: url(../images/banner_top_fr.png); background-repeat:no-repeat; background-position:0 0; }

.clear{
	clear: both;
}

/* --------------------------------------------------------------------------------------------- */
/* --- Begin body ---------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

#container {
		display:block;
        margin: 83px auto;
        width: 960px;
		padding:0px;		
		height: 100%;
    	border-radius: 5px 5px 0 0;
    	 -moz-border-radius:  5px 5px 0 0;
		 -webkit-border-radius:  5px 5px 0 0;
}

#container-bg-out{
	background: white;
}

/* --------------------------------------------------------------------------------------------- */
/* --- Begin header ---------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

div.header {
    overflow: hidden;
}

div.topBar{
	width: 100%; height: 10px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#216f96+0,008cd1+100 */
background: #216f96; /* Old browsers */
background: -moz-linear-gradient(left,  #216f96 0%, #008cd1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#216f96), color-stop(100%,#008cd1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #216f96 0%,#008cd1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #216f96 0%,#008cd1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #216f96 0%,#008cd1 100%); /* IE10+ */
background: linear-gradient(to right,  #216f96 0%,#008cd1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216f96', endColorstr='#008cd1',GradientType=1 ); /* IE6-9 */
	
}

div.innerHeader{
	background-image: url(/website/babbellijn/img/header.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 170px;	
}

div.slogan{
	float: right;
	color: black;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
	margin-right: 40px;
	width: 330px;
	text-align: left;
}
div.call-header{
	float: right;
	color: #13478f;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	margin-right: 40px;
	width: 330px;
	text-align: left;
	margin-top: 10px;
	
}
div.call-header img{
	float:left;
}
div.call-header .number{
	float:left;
	margin-left: 10px;
}
div.call-header .number-land{	
}
div.call-header .number-note{
	font-size: 10px;
	margin-top: 2px;
	font-weight: normal;
}
div.call-header .number-note a{
}
div.call-header .number-note a:hover{
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------------------- */
/* --- End header ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/* --- Begin footer ---------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

.footer {
	width:100%;  padding-top:7px; float:left;
	border-top: 1px solid #337EC1;;
    color: black;
    margin:0;
    background-image: linear-gradient(bottom, rgb(200,200,200) 36%, rgb(255,255,255) 72%);
	background-image: -o-linear-gradient(bottom, rgb(200,200,200) 36%, rgb(255,255,255) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(200,200,200) 36%, rgb(255,255,255) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(200,200,200) 36%, rgb(255,255,255) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(200,200,200) 36%, rgb(255,255,255) 72%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, rgb(200,200,200)),
		color-stop(0.72, rgb(255,255,255))
	);
	/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ffffff);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#ffffff)";    
        background-color: #ffffff;
}
.footer .container{
	margin: 0 auto;
	width: 960px;
}
.footer h3{
	color:#337EC1;
	font-size: 16px;
	font-weight: normal;
}
.footer .footer-menu{
	float: left;
	width: 240px;
}
.footer .footer-menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer .footer-menu li{
	padding-top: 5px;
}
.footer .footer-menu li a{
	text-decoration: underline;
	color: black;
}
.footer .footer-menu li a:hover{
	text-decoration: underline;
}
.footer .footer-twitter{
	float: left;
	width: 240px;
}
.footer .footer-social{
	float: left;
	width: 200px;
	margin-left: 40px;
}
.footer .footer-email{
	float: left;
	width: 240px;
}
.footer .footer-note{
	margin-top: 40px;
	text-align: center;	
	font-size: 10px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- End footer ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/* --- Begin menu ---------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

div.menu-navigation {
	height: 40px;
}

div.menu-navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.menu-navigation li{
	float: left;
	margin: 0;
	padding: 0 20px;
	font-size: 14px;	
	line-height: 40px;
	color: #f2f2f2;	
}
div.menu-navigation li:hover{
}

div.menu-navigation li:hover a{
}

div.menu-navigation a{
	color: #0d506d;		
	text-decoration: none;
}
div.menu-navigation a:hover{
	text-decoration: none;
	color: #0d506d;	
}

div.menu-navigation .last{
	border-right: 0px;
}
div.menu-navigation .first{
 	padding-left: 32px;
    	padding-right: 37px;
}


/* --------------------------------------------------------------------------------------------- */
/* --- End menu ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */

#slider{
}
#slider-footer{
	background-image: url(/website/babbellijn/img/kleurstrip.png);
	height:10px;
	background-repeat: no-repeat;
}

.slider-left{
	background-image: url(../img/slides/slide1.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;	
	float: left;	
}
.slider-text .title{
	font-size: 22px;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #1778a8;
}
.slider-text {
	width: 330px;
	margin-left: 20px;
	margin-top: 10px;
	color: black;
}
.slider-right{
	background-image: url(../img/sms_notloggedin.png);
	width: 300px;
	height: 250px;
	float: left;	
	border-bottom: 1px solid #1778a8; 
}
.slider-right-logged-in{
	background-image: url(../img/sms_loggedin.png);
	width: 300px;
	height: 250px;
	float: left;	
	border-bottom: 1px solid #f8a505; 
}
.slider-right .sms-text{
	padding-top: 170px;
	color: #13478f;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 300px;
}
.slider-right .sms-small{
	color: black;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
}


/* --------------------------------------------------------------------------------------------- */
/* --- End Slider ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/* --- End Footer ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/* --- Begin Main ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------- */

.main-container {
	width:100%;
    float: left;   
    background-color: white;   
    overflow: hidden;
    position: relative;
}

#left {
	width:219px;
    float: left;
    border-right: 1px solid #e1e1e1;
    background-image: linear-gradient(left , rgb(255,255,255) 36%, rgb(242,242,242) 72%);
	background-image: -o-linear-gradient(left , rgb(255,255,255) 36%, rgb(242,242,242) 72%);
	background-image: -moz-linear-gradient(left , rgb(255,255,255) 36%, rgb(242,242,242) 72%);
	background-image: -webkit-linear-gradient(left , rgb(255,255,255) 36%, rgb(242,242,242) 72%);
	background-image: -ms-linear-gradient(left , rgb(255,255,255) 36%, rgb(242,242,242) 72%);
	background-image: -webkit-gradient(
						linear,
						left top,
						right top,
						color-stop(0.36, rgb(255,255,255)),
						color-stop(0.72, rgb(242,242,242))
						);   
    padding-top: 20px;
    height: 100%;
    left: 0;
    position: absolute;
        
}

#left h2{
	color: #13478F;
	margin-left: 20px;
}
#left-navigation {
	margin-top: 50px;
}
#left-navigation ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}
#left-navigation li{
	width: 100%;
	border-top: 1px solid #d7d7d7;
}
#left-navigation .last{
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}
#left-navigation li a{	
	color: #13478F;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;	
	padding-left: 20px;	
}


div.menu1 li, div.menu2 li {
    padding: 0px 0px;
    margin-left: -17px;
    font-weight: bold;
    
    list-style-image: url(../images/star.png);
}

div.facebook {
    text-align: center;
    margin: 30px 0;
}

div.sms {
    margin: 15px;
    height:67px; width: 105px;
    background-image: url(../images/sms-prijs.png); background-repeat:no-repeat; background-position:5px 0;
}
div.sms_fr {
    margin: 15px;
    height:67px; width: 105px;
    background-image: url(../images/sms-fr.png); background-repeat:no-repeat; background-position:5px 0;
}

#left div.freeCredits {
    margin: 5px 0;
    background-color: yellow;
    font-weight: bold;
}

#left div.freeCredits { /*a:link, #left div.freeCredits a:visited, #left div.freeCredits a:active*/
    text-decoration:none;
    color:red;
}

#content {
	padding-top: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

div.contentTop{
	width:99%; height: 32px;
        padding: 0;
        border: 0px solid blue;
        overflow: hidden;
}

div.contentTop .left{
	width:62%; margin-top: 7px;
        border: 0px solid blue;
        float: left;
        margin-left: 20px;
        overflow: hidden;
}

div.contentTop .left a:link, div.contentTop .left a:visited, div.contentTop .left a:active { 
    font-weight: normal;
    text-decoration:none;
    font-size: 12px;
}
div.contentTop .left a:hover {
    text-decoration: underline;
    font-size: 12px;
}

div.contentTop .right{
	width:200px;
        border: 0px solid blue;
        float: right;
}

div.contentTop .right .countryFlag, div.contentTop .right .languageFlag { width: 100%; float: right;}

div.contentTop .right .country_BE {
    height: 32px; width: 32px; float: right; padding-left: 5px; cursor: pointer;
    background-image: url(../images/flags/country_be.png); background-repeat:no-repeat; background-position:0 0;
}

div.contentTop .right .country_FR {
    height: 32px; width: 32px; float: right; padding-left: 5px; cursor: pointer;
    background-image: url(../images/flags/country_fr.png); background-repeat:no-repeat; background-position:0 0;
}

div.contentTop .right .country_NL {
    height: 32px; width: 32px; float: right; padding-right: 5px; cursor: pointer;
    background-image: url(../images/flags/country_nl.png); background-repeat:no-repeat; background-position:0 0;
}

div.contentTop .right .language_FR {
    height: 32px; width: 80px; float: right; cursor: pointer;
    background-image: url(../images/flags/language_fr.png); background-repeat:no-repeat; background-position:0 7px;
}

div.contentTop .right .language_NL {
    height: 32px; width: 80px; float: right; cursor: pointer;
    background-image: url(../images/flags/language_nl.png); background-repeat:no-repeat; background-position:0 7px;
}

div.banners {
    width: 99.9%; height: 70px;
    border: 0px solid red;
    text-align: center;
    margin: 10px 0;
}

div.contentBody {
    width: 99.9%; /*min-height: 526px;*/
    text-align: left;
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 10px;
}

div.contentTitle {
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: left;
}

div.pageContent {
    border-top: 1px solid silver;
    text-align: left;
    overflow: hidden;
}

table.overview_tableborder {
    margin: 20px auto;
    border: 0px solid gray;

}

div.thanksDescription {
    padding: 40px 0 0; width: 99.9%; height: 220px;
    color: navy;
}

div.thanksLink {
    margin-top: 10px;
    margin-bottom: 40px;
}

div.thanksLink a:link, div.thanksLink a:hover, div.thanksLink a:visited, div.thanksLink a:active {
    font: bold 1.8em verdana; color: red; background-color: yellow;
    text-decoration: none
}

div.smsContent {
    padding: 20px 0 0; width: 99.9%; min-height: 220px;
    background-image: url(../images/sms.png); background-repeat:no-repeat; background-position :right 5px;
    margin-bottom: 40px;
}

div.floatLeftSms{
	float: left;
}
div.floatLeftSmsText{
	float: left;
	padding-left: 10px;
	line-height: 40px;
	font-size: 24px;
	color: #223E55;
}

div.noSMS {
    text-align: center;
    width: 92%;
    border: 0px solid red;
}

div.smsConditions {
    font-size: 12px;
    text-align: justify;
}
div.noSMS {
    text-align: center;
    width: 92%;
    border: 0px solid red;
}

div.smsConditions {
    font-size: 12px;
    text-align: justify;
}

div.chatContent {
    padding: 20px 0 0; width: 99.9%; min-height: 220px;
}

div.teletextContent {
    padding: 20px 0 0; width: 99.9%; min-height: 220px;
}

div.consulentContent {
    padding: 20px 0 0; width: 99.9%; min-height: 220px;
    text-align: left;
}

div.methodContent {
    padding: 20px 0 0; width: 99.9%; min-height: 220px;
}

div.zender {
    width: 300px; height: 50px;
    border: 0px solid gray;
}

div.zenderContent {
    padding: 15px 0;
    float: left;
}

div.zenderImage {
    float: right;
}

div.creditsTitle {
    height: 20px;
}

div.bankcards_be { background: url(../images/bankcards_be.png) no-repeat right 10px; }
div.bankcards_nl { background: url(../images/bankcards_nl.png) no-repeat right 10px; }
div.bankcards_fr { background: url(../images/bankcards_fr.png) no-repeat right 10px; }

div.creditsContent {
    width: 99.9%;
    padding: 0 0 0 0px;
    min-height: 200px;
}

.creditsContent a{
   text-decoration: underline;
}

div.creditsContent li {
    list-style-type: decimal;
    padding-top: 10px;
}


div.freeConsult {
    padding: 20px 0 0;
    margin: 0 auto 0;
    width: 350px;
    text-align: center;
}

table.creditsOrder {
    margin: 20px 0;
    width: 95%;
}

.bbd td, th {
  border-bottom: 1px dotted #A3A4A7;
  text-align: left;
  padding: 7px;
}

td.center, th.center {
    text-align: center;
    
}

.creditsFootnote {
    color: brown;
    font-size: 1.2em;
    font-weight: bold;
}
/* --------------------------------------------------------------------------------------------- */
/* --- End Main -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- */
/* --- Begin Consults Data --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

#consultsData {
    margin-top: 30px;
    padding: 0; width: 99.9%;
    border: 0px solid red;
    overflow: hidden;
}

#consultsDataChat {
    margin-top: 30px;
    padding: 0; width: 99.9%;
    border: 0px solid red;
    overflow: hidden;
}

#consultsDetailData {
    margin-top: 30px;
    padding: 0; width: 99.9%;
    border: 0px solid red;
    overflow: hidden;
    display : none;
}

div.consultContainer0 {
    width: 31%; 
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
    border: 0px solid blue;
    overflow: hidden;
    max-height: 245px;

}

div.consultContainer1 {
    width: 31%; 
    margin-bottom: 10px;
    margin-left: 15px;
    float: left;
    border: 0px solid blue;
    overflow: hidden;
    max-height: 245px;
}

div.consultChatContainer {
    width: 99.9%; min-height: 150px;
    margin-bottom: 0px;
    float: right;
    border: 0px solid red;
    overflow: hidden;
}

div.consultChatContainerLeft {
    width: 48%;
    margin: 0px 0px;
    float: left;
    border: 0px solid blue;
    overflow: hidden;
}

div.consultChatContainerRight {
    width: 48%;
    margin: 5px 0px;
    padding: 10px 0;
    float: right;
    border: 0px solid blue;
    overflow: hidden;
}


div.consultContainerGreen {  border-radius: 3px; border: 3px #008cd2 solid; min-height: 290px;}
div.consultContainerRed { border-radius: 3px; border: 3px #008cd2 solid;  min-height: 290px;}
div.consultContainerOrange { border-radius: 3px; border: 3px #008cd2 solid;  min-height: 290px;}

div.consultStatusGreen{ margin-right: 15px;
					    margin-top: 5px;
					    padding: 2px;
					    text-align: center; 
					    width: 100px; float: right; background-color: green;  -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 5px; color: white;}
div.consultStatusRed{   margin-right: 15px;
					    margin-top: 5px;
					    padding: 2px;
					    text-align: center;width: 100px; float: right; background-color: red;  -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 5px; color: white;}
div.consultStatusOrange{   margin-right: 15px;
					    margin-top: 5px;
					    padding: 2px;
					    text-align: center;width: 100px; float: right; background-color: orange;  -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 5px; color: white;}

div.consultHeader {
    height: 15px;
    padding: 5px 5px;
    font-size: 1.2em; font-weight: bold;
}
.consultHeaderGreen { color: #43a41d; }
.consultHeaderRed { color: red; }
.consultHeaderOrange { color: orange; }

div.consultHeaderGreen { color: #43a41d; float: left; }
div.consultHeaderRed { color: red; float: left; }
div.consultHeaderOrange { color: orange; float: left; }

div.consultMain {
	margin-top: 5px;
    
    padding: 0px;
}
div.consultPicture{
    width: 25%;
    padding: 5px;
    float: left;
}
div.callStatusGreen{
	border: 3px solid #43a41d;
	border-radius: 2px;
	color: #43a41d;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
div.callStatusRed{
	border: 3px solid red;
	border-radius: 2px;
	color: red;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
div.callStatusOrange{
	border: 3px solid orange;
	border-radius: 2px;
	color: orange;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.consultPictureGreen{
	border: 3px solid #43a41d;
	border-radius: 2px;
}
.consultPictureRed{
	border: 3px solid red;
	border-radius: 2px;
}
.consultPictureOrange{
	border: 3px solid orange;
	border-radius: 2px;
}

div.consultContent {
    height: 150px; 
    width: 66%;
    margin-left:5px;
    float: left;
    padding: 5px;
    font-size: 12px;
    color: #337EC5
}

.chatButtonHolder{
	font-weight:bold;
	line-height: 30px;
	text-decoration: underline;
}

.consultContent a {
    color: blue;
    float: left;
    padding-top: 5px;
    padding-right: 10px;
}

div.consultFooter {
    padding: 5px 5px;
    color: black;
    text-align: right;
    font-size: 12px;
}
.consultFooter .big{
	font-size: 14px;
	font-weight: bold;
}
.consultFooter img{
	
}
.consultFooter .large{
	font-size: 32px;
	font-weight: bold;
}
.consultFooter .small{
	font-size: 9px;
}

div.consultFooterLeft {
    width: 50%;
    float: left;
    font-size: 1.2em; font-weight: bold;
}
div.consultNote {
    text-align: center; height: 30px; width: 97%;
    padding: 10px;
    border: 0px solid red;
    font-size: 11px;
    font-style: italic;
}

div.consultFooterRight {
    width: 50%;
    float: right;
	padding: 8px;
}
    
div.consultFooterRight a{
   color: blue;
}
    


div.consultNotAvailable {
    height: 30px; width: 99.9%;
    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

div.consultBanner {
   width: 99.9%; height: 50px;
   border: 0px solid red;
   overflow: hidden;
   background-color: white;
   border-top: 8px solid white;
   text-align: center;
}

div.consultChatBanner {
   width: 99.9%; height: 50px;
   border: 0px solid red;
   overflow: hidden;
   background-color: white;
   margin-bottom: 6px;
}

div.consultInfoBox{ 
}
div.consultInfoTitle {

}

div.consultInfoContainer {
    width: 100%;
    border: 1px #337EC1 solid;
    border-radius: 3px;
    overflow: hidden;
    padding: 5px;
}

div.consultInfoHeader {
    height: 35px;
    padding: 2px;
    font-size: 1.2em;
    font-weight: bold;
    border: 0px solid blue;
    overflow: hidden;
}

div.consultInfoPicture {
    width: 80px;
    padding: 5px;
    float: left;
    border: 0px solid blue;
}
div.consultInfoContent {
	width: 650px;
    margin-left: 20px;
    float: left;
    padding: 5px;
    border: 0px solid blue;
}

div.consultInfoFooter {
    height: 20px;
    padding: 5px;
}

/* --------------------------------------------------------------------------------------------- */
/* --- End Consults Data ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/* --- Styled Forms -----------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------- */

fieldset {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid orange;
    background-color: #f6fefe;
    font-size: 12px;
    text-align: justify;
    max-width: 660px;
}

legend {
    color:#337EC1;
    color:#cc0000;
    color:#f89825;
    padding: 0 5px;
    font-size: 1.8em;
    margin-bottom: 0px;
}

legend.gray {color: #999; }

form { margin:0; padding:0; }


form ul, form ul li {
	margin:0;
	padding:0;
	list-style:none;
}

form ul li label {
	display:block;
	margin:10px 0px 3px 0px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ;
	color:#337EC1;
	color:#cc0000;
	letter-spacing: 1px;
}

.ecForm tr.display_none {
    display: none;
}

.ecForm tr.display_block {
    display: block;
}

input.text, textarea {
	background: url('../images/field_shadow.gif') no-repeat 0 0;
	padding:2px;
	border:1px solid #CCCCCC;
	color:#666666; background-color:#FFFFFF;
	font:1em Verdana, Arial, Helvetica, sans-serif;
   width: 320px;
}

input.textField, textarea.textField {
    border:1px solid #CCCCCC;
}

input.text, textarea.text {
    border:1px solid #CCCCCC;
}

input.textFocus, textarea.textFocus { background-color:#FCFEF6; border-color:#86C986; color:#333333; }
input:focus, textarea:focus { background-color:#FCFEF6; border-color:#86C986; color:#333333; }


input.content textarea.content {
	width:650px;
}



select { padding:0; }

input.text {
    /*needed for jQuery*/
}
input.textLogin {
	padding:2px;
	color:#666666; background-color:#FFFFFF;
	font-size: 2em;
}

input.textNormal, textarea.textNormal, select.textNormal {
	padding:2px;
	color:#666666; background-color:#FFFFFF;
	font-size: 1.2em;
}


input.textModalWindow, textarea.textModalWindow, select.textModalWindow {
	width:294px; padding:2px;
	border:1px solid #CCCCCC;
	color:#666666; background-color:#FFFFFF;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

select.textModalWindow {
	width:299px;
}


td.label {width:150px;}

.check { float:right;}


.blueButton{
	color: #008cd2;
	background: white;
	padding: 8px;
	border: 1px solid #008cd2;
	border-radius: 2px;
	cursor: pointer;
}
.orangeButton{
	width: 200px; margin-top: 2px; margin-bottom: 5px;
	color: white;
	background: orange;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.blueButton:hover{
	color: black;
	border: 1px solid black;
}


.orange {
	color: #fef4e9;	
	padding: 10px;
	font-size: 20px;
	cursor: pointer;
	border: solid 1px black;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


/* --------------------------------------------------------------------------------------------- */
/* --- Consults ---------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------- */

TABLE
{
    MARGIN: 0px auto
}
.kolom
{
    WIDTH: 239px
}

.kolom2
{
    WIDTH: 450px
}

.text
{
    WIDTH: 150px;
    COLOR: #000
}
TD
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
}
TD.image
{
    WIDTH: 80px
}
TD.image IMG
{
    WIDTH: 80px
}

td.info {
		font-size:12px;
}

.UT_beschikbaar
{
    BACKGROUND-COLOR: #ccf0de
}
.UT_ingesprek
{
    BACKGROUND-COLOR: #f6abab
}
.boxnr
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px
}
.agentnaamUT_beschikbaar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: green
}
.agentnaamUT_ingesprek
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red
}
.meerinfo A
{
    FONT-SIZE: 12px;
    COLOR: #000
}
.lastrow
{
    MARGIN-BOTTOM: 10px
}
.vrijetabelrij
{
    BORDER-TOP: black thin solid;
    BORDER-LEFT: black thin;
    BORDER-BOTTOM: black thin solid
}

/*--- JQuery ToolTip - Last Update 20110223 ----------------------------------*/

.tooltip {
    display:none;
    background:transparent url(../images/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
}

/*--- JQuery Errors Form Validator - Last Update 20111010 --------------------*/

#errors {
	/*background-color:#163356;*/
	color:#fff;
	width:100%px;
	padding:20px 0 0 5px;
	margin:5px auto;
	display:none;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;			
*/
 }

/* title */
#errors h2 {
	margin:-5px 0;
	color:Red;
}

div .alert2 {
    color: red;
    font-weight: bold;
    padding: 20px 0 0 5px;
}

div .alert {
    display: none;
    color: red;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 0 0 5px;
}

div .info {
    display: none;
    color: green;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 0 0 5px;
}
.error{
	color: red;
}
.clear{
	clear: both;	
}
#popupBack{
	background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    z-index: 99;
}

#chatPopup{
	display: none;
	left: 50%;
	padding: 3px;
	margin-left: -270px;
    position: absolute;
    top: 20%;
    z-index: 100;
    width: 600px;
    min-height: 300px;
    border: 3px solid white;
    background: #272727;
    background-image: linear-gradient(bottom, rgb(61,61,61) 34%, rgb(39,39,39) 67%);
	background-image: -o-linear-gradient(bottom, rgb(61,61,61) 34%, rgb(39,39,39) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(61,61,61) 34%, rgb(39,39,39) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(61,61,61) 34%, rgb(39,39,39) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(61,61,61) 34%, rgb(39,39,39) 67%);	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.34, rgb(61,61,61)),
		color-stop(0.67, rgb(39,39,39))
	);
	border-radius: 5px;    
}
#chatPopup .content{
	padding: 10px;	
}

/* chat */
#chatPopup .content .chatCreditBox{
	background: white;
	width: 210px;
	height: 75px;
	color: black;	
	border: 2px solid #ffb400;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;	
	font-weight: bold;
}
#chatPopup .content .chatCreditBox .credits{
	line-height: 45px;
	font-size: 24px;
	font-weight: bold;
	color: #ffb400;
}
#chatPopup .content .chatConsultPicture{
	border: 2px solid white;
	border-radius: 5px;	
	float: left;
}
#chatPopup .content .chatConsultName{
	float: left;
	margin-top: 20px;
	padding-bottom: 5px;
	width: 160px;
	color: white;
	font-size: 18px;
	border-bottom: 4px solid white;
		
}
#chatPopup .close{
	background: url("../images/login_panel/bt_close.png") no-repeat scroll right 0 transparent;
	color: white !important;
	line-height: 20px !important;
	padding-right: 25px;
	display: block;
}

#chatPopup .content .infoContent{
	background: white;
	background-image: linear-gradient(bottom, rgb(229,229,229) 27%, rgb(255,255,255) 62%);
	background-image: -o-linear-gradient(bottom, rgb(229,229,229) 27%, rgb(255,255,255) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(229,229,229) 27%, rgb(255,255,255) 62%);
	background-image: -webkit-linear-gradient(bottom, rgb(229,229,229) 27%, rgb(255,255,255) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(229,229,229) 27%, rgb(255,255,255) 62%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(229,229,229)),
		color-stop(0.62, rgb(255,255,255))
	);
	border-radius: 5px;
	width: 100%;
	min-height: 120px;
	color: black;
	font-size: 11px;
	text-align: center;
}
#chatPopup .bigButton{
	line-height: 60px;
	color: white;
	font-family: Arial;
	font-size: 18px;
	border: 1px solid white;
	border-radius: 5px;
	height: 60px;
	cursor: pointer;
	
	background: rgb(13,62,177);
	background-image: linear-gradient(bottom, rgb(13,62,177) 9%, rgb(91,129,253) 62%);
	background-image: -o-linear-gradient(bottom, rgb(13,62,177) 9%, rgb(91,129,253) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(13,62,177) 9%, rgb(91,129,253) 62%);
	background-image: -webkit-linear-gradient(bottom, rgb(13,62,177) 9%, rgb(91,129,253) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(13,62,177) 9%, rgb(91,129,253) 62%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, rgb(13,62,177)),
	color-stop(0.62, rgb(91,129,253))
);
}
#chatPopup .bigButton:hover{
	background: rgb(13,62,177);
}

.phoneNumberSlide{
	color: white;
	height: 75px;
	width: 100%;
	float: left;
	background-image: linear-gradient(bottom, rgb(18,69,140) 40%, rgb(27,88,174) 88%);
	background-image: -o-linear-gradient(bottom, rgb(18,69,140) 40%, rgb(27,88,174) 88%);
	background-image: -moz-linear-gradient(bottom, rgb(18,69,140) 40%, rgb(27,88,174) 88%);
	background-image: -webkit-linear-gradient(bottom, rgb(18,69,140) 40%, rgb(27,88,174) 88%);
	background-image: -ms-linear-gradient(bottom, rgb(18,69,140) 40%, rgb(27,88,174) 88%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, rgb(18,69,140)),
		color-stop(0.88, rgb(27,88,174))
	);
		/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b58ae, endColorstr=#12458d);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b58ae, endColorstr=#12458d)";    
        background-color: #12458d;
        
    margin-bottom: 10px;
}
.phoneNumberSlide .call-box{
  	color: white;
    float: right;
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    width: 340px;
    padding-top: 15px;
}
.phoneNumberSlide .call-box img{
	float:left;
}
.phoneNumberSlide .call-box .number{
	float:left;
	margin-left: 10px;
}
.phoneNumberSlide .call-box .number-land{
	float: left;
	margin-left: 10px;
}
.phoneNumberSlide .call-box .number-note{
	font-weight: normal;
	font-size: 10px;
}
.phoneNumberSlide .call-box .number-note a{
	color: white;
}
.phoneNumberSlide .call-box .number-note a:hover{
	text-decoration: underline;
}
.smsprijstext{
	font-size: 10px;
	width: 200px;
	text-align: center;
}
.link-logo a{
    height: 150px;
    float:left;
    width: 450px;
    z-index: 11;
    position: absolute;
}
.relatedLink{
	float: left;
	width: 180px;
	 padding-top: 7px;
    width: 160px;
}
.headerBox a{
	color: #13478f;
}
.headerBox a:hover{
	color: black;
}
.headerBoxLogin{
	background: none repeat scroll 0 0 white;
    border: 2px solid #337EC1;
    color: black;
    height: 50px;
    margin-left: 590px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 7px;
    border-radius: 5px;
    width: 345px;
}
.headerBoxEmail{
	background: none repeat scroll 0 0 white;
    border: 1px solid #337EC1;
    border-radius: 2px;
    color: black;
    margin-left: 649px;
    padding: 2px;
    line-height:25px;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 305px;
}
.headerBoxEmail a{
	color: #13478f;
}
.headerBoxCode{
	background: white; 
	border-radius: 2px; 
	width: 155px;
	border: 1px solid #337EC1; 
	position:absolute; color: black; 
	text-align: center; 
	top: 9px; 
	padding: 5px;
	margin-left: 649px;
}
.headerBoxCredits{
	background: white; border-radius: 2px;
	width: 128px;
	padding: 5px; 
	border: 1px solid #337EC1; 
	position:absolute; color: black; text-align: center;
	top: 9px; 
	margin-left: 820px;
}
.headerBoxValue{
	font-size:18px; 
	color: #337EC1;
	padding-top: 3px;
	font-weight: bold;
}
.headerBoxTitle{
	font-weight: bold;
	line-height: 14px;
}
.voordelentabel td {
    line-height: 25px;
    padding: 5px;
}
.accountRedenBox{
	padding: 15px;
}
.accountRedenBox img{
	width: 16px;
}

.profileForm{
	background-color: rgb(242, 242, 242);
}
.profileForm .holder{
	float: left;	
	padding: 15px;
}

.profileForm input{
	padding:  3px;	
	width: 200px;
	border: 1px solid #CCCCCC;
}
.profileForm select{
	margin-right: 5px;	
	padding: 5px;
	border: 1px solid #CCCCCC;	
}
.profileForm .label{
	line-height: 30px;
	width: 200px;
	font-weight: bold;
}

#triqui_container {
    width: 100%;
    position: fixed;
    bottom: 0;
}
 
#floor_ad{
    background-color:white;;
    border-top:1px solid black;
    height: 100px;
    text-align:center;
    display:none;
    color: black;
}
#floor_ad_content{
	margin: 0 auto;
	width: 960px;
}
 
#floor_ad_close {
    cursor: pointer;
    text-decoration: underline;
}
.paymentOption{
	width: 250px;
	float: left;
	background: white;
	margin: 10px;
	min-height: 200px;
	cursor: pointer;
	text-align: center;
}
.paymentOption h2{
	font-size: 1.3em;
}
.paymentOptionHolder{
	margin: 0 auto;
	width: 600px;
}
.smsInfoHolder {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    float: left;
    margin: 10px;
    min-height: 250px;
    padding: 20px;
    width: 40%;
}
.smsInfoHolder a{
	text-decoration: underline;
}
.smsInfoBox{
	width: 65%;
	padding: 10px;	
	background: white;
	margin: 0 auto;
	min-height: 50px;
	text-align: left;
	font-size: 14px;
	color: #223E55;
}
.smsInfoBox h2{
	text-align: center;
}
.smsOption{
	width: 44%;
	float: left;
	background: white;
	margin: 10px;
	min-height: 180px;
	cursor: pointer;
	padding: 10px;
}
.smsOption h2{
	font-size: 1.3em;
}
.smsOptionHolder{
	margin: 0 auto;
	width: 100%;	
	text-align: center;
	font-size: 14px;
	color: #223E55;
	line-height: 30px;
}
.smsOptionTextHolder{
margin-top: 15px; font-size: 20px;
}
.smsOptionCode{
	color: green;
	font-weight: bold;
}

.no-phone-link{
	font-size: 12px;
	text-decoration: underline !important;
	color: #337EC1 !important;
}

.boxshadow{
	-moz-box-shadow: 0 0 15px #ccc;
	-webkit-box-shadow: 0 0 15px #ccc;
	box-shadow: 0 0 15px #ccc;
}

.foto-border{
	border: 1px solid #ccc;
}

.consultContactBox{
	float: left;
	width: 28%;
	margin: 1%;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	min-height: 200px;
	
}
.homepageBlock a{
	text-decoration: underline;
}
.profielPart1{
	float: left;
	width: 320px;
}
.profielPart2{
	float: left;
	width: 350px;
}