/*---- menu styles ----*/
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#7788B4;
  }
a  {color:#D1D7E6;}
img {display:block; border:0px;}
h1  {font-size:18px; color:#000000; margin:10px 0px 10px 0px; }
h2  {font-size:14px; color:#FFFFFF; margin:6px 0px 6px 0px; }
h3  {font-size:12px; color:#FFFFFF; margin:4px 0px 4px 0px;}
p {margin:4px 0px 14px 0px;}
div#box {
  margin: 0px auto 0px auto;
  height:auto;
  width:771px;
  overflow:hidden;
  /*padding-bottom:40px;*/
  background-image:url(../images/background_maintemplate.gif);
  background-position:center;
  background-repeat:repeat-y;
  }
a#logo {
  background-color:#FFFFFF;
  width:220px;
  float:left;
}
div#left-bar {
  background-color:#FFFFFF;
  float:left;
  width:220px;
  overflow:hidden;
  }
div#print {overflow:hidden;}
div#left-bar p {
  margin:0px;
  padding:0px;
}
div#left-bar-home {
  width:631px;
  float:left;
  overflow:hidden;
  }
div#left-bar-home p {
  margin:0px;
  padding:0px;
}
div#tekst-midden {
  float:left;
  height:365px;
  background-color:#7688B3;
}
div#bclink {
  margin:0px auto 0px auto;
  width:771px;
  text-align:center;
}
div#text-onder-plaatje {
  font-size:13px;
  font-weight:bold;
  word-spacing:3px;  
  color:#DFAE2D;
  width:180px;
  padding:20px 20px 20px 20px;
}
div#text-onder-plaatje-home p {
  line-height:14px;
  font-size:0.95em;
}
div#text-onder-plaatje-home p.tips {
  margin-top:4px;
  margin-bottom:-10px;
  float:right;
}
div#text-onder-plaatje-home {
  font-size:13px;
  font-weight:bold;
  word-spacing:3px;
  color:#FFFFFF;
  padding:15px 25px 15px 25px;
  background-color:#7788B4;
  width:337px;
  float:left;
}
div#text-onder-plaatje-home a {
  color:#FFFFFF;
  text-decoration : none;
}
div#text-onder-plaatje-home a:hover {  
  text-decoration : underline;
}
div#logo {
  width:244px;
  float:left;
  background-color:#FFFFFF;
}
div#bewustlenen{
  width:771px;
  margin-top:-40px;
  display:block;
  float:left;
}
div#mid-bar {
  float:left;
  width:411px;
}
div#titel-home {
  height:70px;
  width:631px;
  background-color:#7788B4;
  font-family:Arial, Helvetica, sans-serif;
  font-size:34px;
  color:#782A80;
  text-align:center;
  padding:10px 0px 20px 0px;
  }
div#titel {
 /* background-color:#DFAE2D;  twee keer?? */
  position: relative;
  background-color:#E4B72E;
  text-align:left;
  padding:0 10px 7px 15px;
  float:left;
  width:386px;
  height:93px;
  }
div#titel h1 {
	position: absolute;
	bottom: 0;
	width: 366px;
	margin: 0;
	padding: 0;
	color: #782984;
	font-size: 24px;
	font-weight: bold;
}
div#bespaartip {
  font-weight:400;
  font-size:16px;
  word-spacing:5px;
  }
div#main-home {
  padding:0px;
  width:631px;
  background-color:#7688B3;
  background-color:#7788B4;
  float:left;
  display:block;
  }
div#main {
  float:left;
  width:381px;
  padding:15px;
  overflow:hidden;
}
div#main #flashkaart {
	float		: left;
	padding		: 0;
	margin		: 0;
}
div#main #gemeentes {
	float		: left;
	padding		: 0;
	margin		: 0;
}
span.BrightContentLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:9px;
  padding:3px;
  margin:2px 0px 2px 0px;
  COLOR: #ffffff;
  background-color: #119AEC;
}
/* ***************menu *********************/
div#right-menu-bar {
  float:left;
  width:140px;
  font-weight:bold;
  font-size:11px;
  padding-top:10px;
  margin-top:-100px;
  }
div#right-menu-bar a {
  display:block;
  text-decoration:none;
  color:#C5B1D2;
  margin:5px 0px 1px 0px;
  padding:3px 4px 1px 10px;
  width:120px;
}
div#right-menu-bar a:hover {color:#F2DDFF;}
div#right-menu-bar a.activePage {
  font-size:10px;
  font-weight:bold;
  color:#FFFFFF;
  margin:1px 0px 1px 0px;
  padding:2px 0px 2px 17px;
}
div#right-menu-bar a.tools {color:#DFAE2D;}
div#right-menu-bar a.tools:hover {color:#F9CA62;}
div#right-menu-bar a.activePageTools {color:#F9CA62;}
div#right-menu-bar a.activePageTools:hover {color:#F9CA62;}
div#right-menu-bar a.activePageTools-submenu {color:#F9CA62;}
div#right-menu-bar a.tools-submenu {
  font-size:10px;
  color:#DFAE2D;
  margin:1px 0px 1px 0px;
  padding:2px 2px 2px 17px;
  background-image:url(resources/images/bgimagesubmenu.gif);
  background-position:top;
  background-repeat:no-repeat;
}
div#right-menu-bar a.tools-submenu:hover {color:#F9CA62;}
div#right-menu-bar a.submenu {
  font-size:10px;
  font-weight:bold;
  color:#C5B1D2;
  margin:1px 0px 1px 0px;
  padding:2px 0px 2px 17px;
  background-image:url(resources/images/bgimagesubmenu.gif);
  background-position:top;
  background-repeat:no-repeat;
}
div#right-menu-bar a.submenu:hover {color:#FFFFFF;}
/*************** contactform ****************/
div.postcode {
  margin-bottom:10px;
  float:left;
  width:361px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
}
div.postcode input {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
}
div.adresarea {
  float:left;
  width:187px;
  line-height:18px;
}
div.contact-form {
  float:right;
  width:165px;
  background-color:#E4B72E;
  padding:5px 2px 5px 5px;
}
div.contact-form label,div.contact-form input {
  display: block;
  width: 80px;
  float: left;
  margin-bottom: 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
}
div.contact-form label {
  text-align: left;
  width: 66px;
}
div.contact-form span.validator {
  margin:0px;
  padding:0px;
}
div.contact-form label#uitzondering {
  text-align: left;
  width: 150px;
  padding-right: 20px;
}
div.contact-form br {
  clear: left;
}
/********** Berekenings formulier *************/
div.berekenformulier label,div.berekenformulier input, div.berekenformulier select {
  display: block;
  float: left;
  margin-bottom: 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: right;
}
div.berekenformulier label {
  width: 230px;
  padding-right:5px;
  /*margin-right:3px;*/
}

div.berekenformulier input,div.berekenformulier select  {
  width: 100px;
}
div.berekenformulier h3 {
  margin:0px;
  padding:0px;
}
div.berekenformulier hr {
  height:1px;
  color:white;
  margin:0px;
  padding:0px;
}

div.berekenformulier input.resultaat {
  margin:1px;
  background-color:#E5B72E;
  border:1px solid #E5B72E;
  font-weight:bold;
}
div.berekenformulier input.eindresultaat {
  font-size:13px;

}
div.berekenformulier input.calculatie-veld {
  margin:1px;
  margin-bottom:1px;
  background-color:#E5B72E;
  border:1px solid #E5B72E;
}
/*
div.berekenformulier input.berekenautokosten {
    border:0px;
        background-color: #782A80;
        text-decoration: none;
        width: 150px;
        text-align: center;
    color:#FFFFFF;}*/

div.berekenformulier input.berekenaflos {
  border:1px solid white;
  background-color: #782A80;
  text-decoration: none;

  text-align: center;
  color:#FFFFFF;
  padding:3px;
}


div.berekenformulier span.validator {
  margin:0px;
  padding:0px;
}
/*div.berekenformulier input.uitzondering {float:right;}*/
div.berekenformulier br {
  clear: left;
}
div.berekenformulier div.autokosten {
  width:210px;
  padding-left:20px;
  }
div.berekenformulier div.autokosten  h3 {
  text-align:right;
  padding-bottom:3px;
}

div.berekenformulier div.autokosten input {
  width: 60px;
}
div.berekenformulier div.autokosten label {
  width: 130px;
}

/**********button style *********/
.button   {
    border:1px solid #5D5745;
    border:0px;
        background-color: #B79428;
        text-decoration: none;
        width: 150px;
        text-align: center;
    color:#000000;
}

div#mybutton {
    float:right;
    margin-right:3px;
    margin-top:5px;
 }
 
/********** leenscan *********/

div#PartnerPlaceholder,
div#PartnerGrossMontlyIncomePlaceholder, 
div#UpToMinimumPlaceholder,
div#OverMinimumPlaceholder,
div#NoArrearsPlaceholder,
div#NoCreditRequestPlaceholder,
div#CalculationPlaceholder,
div#Question2Placeholder,
div#Question3Placeholder,
div#Question4Placeholder,
div#Question5Placeholder
{
	display: none;
}

.checkboxOption
{
	display:block;
	margin: 3px 3px 3px 10px;
}

.checkboxOption input[type='radio']
{
	vertical-align: middle;
	float:left;
}

.checkboxOption label
{
	margin-left: 25px;
	display: block;
}

div#informationDialog
{
	display: none;
	width: 350px;
	padding: 5px;
	text-align: center;
	background-color: #E4B72E;
	color:#782984;
	font-weight: bold;
}

.questionDefault
{
	position: relative;
	width: 383px;
	height: 400px;
}

.questionDefault h2,
.questionDefault h3
{
    color: #000000;    
}

div.questionDefault .hotButton
{
	font-weight: bold;
}

.questionNavigation
{
	position: absolute;
	bottom: 0px;
	right: 5px;
}

.checkboxOption
{
	height:20px;
	display: block;
}

.activeQuestion
{
	float: left;
	width: 90px;
	padding: 2px;
	margin-bottom: 10px;
	font-weight: bold;
	color: white;
	border-bottom: 2px solid white;
}

.inactiveQuestion
{
	float: left;
	width: 90px;
	padding: 2px;
	margin-bottom: 10px;
	color: black;
	border-bottom: 2px solid black;
}

.actionButton
{
  font-size: 110%;
  border:1px solid white;
  background-color: #782A80;
  color:#FFFFFF;
}

.warning
{
	color:#AD0000;
	font-weight: bold;
	padding-left: 15px;
	display:none;
}