/*
/* (CC) Wevolve®, 2010
/* 
/* Feel free to be inspired by this CSS, 
/* see the Creative Commons License (http://creativecommons.org/) 
/* 
/* If you re-use parts or whole of this CSS, 
/* you must include this copyright notice at the start of the file. 
/* 
/* Please contact us for commercial use and to find out 
/* how we can help you with various web-based solutions: 
/* 
/* web: http://wevolve.nl 
/* e-mail: info@wevolve.nl 
/* tel.: +31-(0)74 255 2140 
/*
/* -------------------------------------------------------- */ 


body {
  background: url("../img/image-mainbackground.png") top left repeat-x;
  cursor: default;
  font-size: 83%;
  font-family: Arial, Helvetica, sans-serif;
  min-height: 700px; /* Fix background 100% Konqueror */
}

#page_iframe body {
  background: #fff;
  min-height: 0;
}


/* -------------------- clearfix -------------------- */

.clear {
  min-height:0;
}

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .clear {
  height:1%;
}


/* -------------------- resets -------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, blockquote, pre, form, fieldset, table, th, td, q {
  margin:0; padding:0;
}

.noborder {
  border:0px;
}

.jsEnabled .nojs,
.nocss {
  display:none;
}

a img {
  border:0;
} /* set image border to zero */

a:active, a:focus, input:active, input:focus {
  outline:0; /* remove firefox link border */
}

textarea {
  overflow: auto; /* remove textarea scrollbar in ie */
}

* html table {
  font-size: 100%; /* for IE 5.5 */
}


/* -------------------- structure -------------------- */

#wrapper {
  margin: 0 auto;
  width: 71em;
}

#page_iframe #wrapper {
  width: auto;
  margin: 0;
}


/* -------------------- shade wrapper -------------------- */

#pagewrapper {
  width: 45em;
  margin: 1em 0 0 0;
  background: url("../img/pageshade-content.png") top left;
}

#pageheader {
  background: url("../img/pageshade-top.png") top left no-repeat;
  margin-right: 2em;
  width: 45em;
  height: 20px;
}

#pageheaderShade {
  background: url("../img/pageshade-top.png") top right no-repeat;
  margin-left: 2em;
  height: 20px;
}

#pagecontent {
  width: 41em;
  margin: 0 0 0 2em;
  padding: 0 2em 0 0;
  background: url("../img/pageshade-content.png") top right repeat-y;
  clear:both;
}

#pagefooter{
  background: url("../img/pageshade-bottom.png") bottom left no-repeat;
  width: 45em;
  height: 20px;
}

#pagefooterShadow{
  background: url("../img/pageshade-bottom.png") bottom right no-repeat;
  margin-left: 2.5em;
  height: 20px;
}


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

#header {
  width: 71em;
}

#header-logo {
  float: left;
  display: inline;
  margin: 2.2em 0 0 .8em;
}

#header-logo h1 a {
  background: url("../img/image-logo.png");
  width: 194px;
  height: 47px;
  display: block;
}

#printheader{
  display: none;
}

#header-cloud {
  display: inline;
  float: right;
  margin: 2.3em 1.5em 0 0;
}

#header-cloud h3 {
  background: url("../img/image-slogan.jpg");
  display: block;
  height: 59px;
  width: 205px;
}

/* -------------------- image box -------------------- */

#topbox {
  margin: .6em 0 0 0;
  width: 71em;
}

#navigation {
  margin: 0 0 0 1em;
}

#navigation ul,
#navigation li{
  margin: 0;
  padding: 0;
}

#imagebox {
  background: url("../img/image-boxbg.png") left repeat-x;
  height: 215px;
  width: 71em;
}

#imageboxLeft {
  background: url("../img/image-boxquote.png") left no-repeat;
  float: left;
  height: 215px;
  width: 344px;
}

#imageboxRight {
  background: url("../img/image-boxmancomputer.png") right no-repeat;
  height: 215px;
}

#section_informatie #imageboxRight {
  background: url("../img/image-boxmancan.png") right no-repeat;
  height: 215px;
}

#section_profiel #imageboxRight {
  background: url("../img/image-boxmancan2.png") right no-repeat;
  height: 215px;
}

#section_contact #imageboxRight {
  background: url("../img/image-boxmanrope2.png") right no-repeat;
  height: 215px;
}

#section_faq #imageboxRight {
  background: url("../img/image-boxlaptop.png") right no-repeat;
  height: 215px;
}


#page_home #imagebox {
  background: url("../img/image-boxbigbg.png") left repeat-x;
  height: 265px;
}

#page_home #imageboxLeft {
  background: url("../img/image-boxtext.png") left no-repeat;
  width: 344px;
  height: 265px;
}

#page_home #imageboxRight {
  background: url("../img/image-boxmancomputer.jpg") right no-repeat;
  height: 265px;
}

/* -------------------- signup -------------------- */
#signupContainer{
  margin: 1.5em 0 0 0;
}

#stappen{
  float: left; display: inline;
  margin: .7em 0 0 1em;
  width: 20em;
}

h2.title-stappen{
  color: #d9104e;
  font-family: "Myriad Pro", Arial;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.3em;
}

#stappen ol{
  margin: 1em 0 0 0;
  padding: 0;
}

#stappen li{
  height: 24px;
  list-style: none;
  font-family: "Myriad Pro", Arial;
  font-size: 1.5em;
  color: #24a3c8;
  padding: 0 0 0 1.7em;
  margin: 0 0 .3em 0;
}

#stappen ol li.first{
  background: url(../img/image-bulletstap1.png) no-repeat 0 50%;
}

#stappen ol li.second{
  background: url(../img/image-bulletstap2.png) no-repeat 0 50%;
}

#stappen ol li.third{
  background: url(../img/image-bulletstap3.png) no-repeat 0 50%;
}


/* ---------- home form ---------- */
#signup{
  float: right;
  background: url(../img/image-formcontainerBg.png) repeat-x;
  margin: 0;
  height: 11.5em;
  width: 49em;
}

#signuparrow{
  float:left; display:inline;
  padding:0; margin:0;
  
  background: url(../img/image-formcontainerLeft.png) no-repeat;
  height: 11.5em;
  width: 4em;
  
}

#signupform{
  background: url(../img/image-formcontainerRight.png) top right no-repeat;
  margin: -.4em 0 0 0;
  padding: 4.5em 0 0 0;
  height: 8em;
}

.signupformRow{
  clear: left;
  float:left; display:inline;
}

.signupformRow label{
  font-family: "Myriad Pro", Arial;
  font-size: 1.4em;
  color: #d9104e;
  text-align: right;
  width:7em;
  float:left; display:inline;
  padding: 0 .5em .5em 0;
}

#signupformcontainer{
  float:left; display:inline;
}

.signupformRow input{
  float: left; display: inline;
}

#signupformSubmit{
  margin: 1.2em 0 0 2em;
  float:left; display:inline;
}


/* -------------------- page -------------------- */

#page {
  width: 71em;
}

#containerLeft {
  float:left;
  margin-left:.3em;
  margin-top:2.2em;
  min-height:20em;
  width:252px;
}

#containerRight {
  float: right;
  margin-top: 2.2em;
  min-height: 20em;
  width: 45em;
}


/* -------------------- inschrijfbox -------------------- */

#inschrijfbox {
  background: url('../img/image-mancomputer.png') no-repeat left center #FFF;
  border: 1px solid #c9c9c9;
  cursor: default;
  height: 16.4em;
  width: 21.7em;
}

#inschrijftitel {
  background: url("../img/image-inschrijftitelBg.png");
  height: 3.9em;
  line-height: 4em;
  margin-top: 12.6em;
  text-align: center;
  width: 21.7em;
}

#inschrijftitel a {
  color: #FFF;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: -0.02em;
  text-decoration: none;
}

#inschrijftitel a:hover {
  text-decoration: underline;
}

#listbox {
  margin: 2em 0 0 .1em;
  width: 21.7em;
}

#listbox ul {
  list-style-type: none;
}

#listbox span {
  background: url("../img/image-mogelijkhedenRoundLinks.jpg") top left no-repeat;
  display: block;
  padding: .8em 0 0.8em .8em;
}

#listbox h3 {
  color: #FFFFFF;
  background: url("../img/image-mogelijkhedenRoundRechts.jpg") top right no-repeat #22a2c6;
  background-color: #22a2c6;
  margin: 0 0 .1em 0;
  padding: 0 0 0 0;
  width: 21.7em;
  font-size:1em;
}

#listbox ul li {
  background-color: #22a2c6;
  margin: 0 0 1px 0;
  padding: .5em .4em .5em 1em;
  color: #FFFFFF;
  text-decoration: none;
  font-size:.85em;
}


/* -------------------- main navigation -------------------- */

#ul-main {
  float: left;
  display: inline;
  list-style-type: none;
  margin-top: 0.1em;
}

#ul-main li {
  float: left;
  display: inline;
  padding: 0;
  margin:0 .1em 0 0;
}

#ul-main a,
#ul-main strong {
  background: url('../img/image-buttonUp.jpg') 100% 0 no-repeat;
  display: block;
  padding: 0 .8em 0 0;
  text-decoration: none;
  font-weight: normal;
}

#ul-main a:hover,
#ul-main .onpath strong {
  background: url('../img/image-buttonDown.jpg') 100% 0 no-repeat;
}

#ul-main a span,
#ul-main strong span{
  background: url('../img/image-buttonUp.jpg') 0 0 no-repeat;
  display: block;
  padding: .5em 0 .44em 1em;
  color: #FFF;
  font-size: .9em;
  text-transform: uppercase;
}

#ul-main a:hover span,
#ul-main .onpath a,
#ul-main .onpath a span,
#ul-main .onpath strong span {
  background-image: url('../img/image-buttonDown.jpg');
}


/* -------------------- login navigation -------------------- */

#ul-login {
  float: right;
  list-style-type: none;
  margin-right: .6em;
  display: inline;
  margin-top: .05em;
}

#ul-login li {
  float: left;
  height: 1.98em;
  display: inline;
  padding: 0;
  margin:0 1em 0 0;
}

#ul-login a {
  background: url('../img/image-buttonLoginUp.jpg') 100% 0 no-repeat;
  display: block;
  padding: 0 .8em 0 0;
  text-decoration: none;
}

#ul-login a:hover {
  background: url('../img/image-buttonLoginDown.jpg') 100% 0 no-repeat;
}

#ul-login a span {
  background: url('../img/image-buttonLoginUp.jpg') 0 0 no-repeat;
  display: block;
  padding: .5em 0 .5em 1em;
  color: #FFF;
  font-size: .9em;
  text-transform: uppercase;
}

#ul-login a:hover span {
  background: url('../img/image-buttonLoginDown.jpg') 0 0 no-repeat;
}


/* -------------------- localnav -------------------- */

#localnav {
  width:252px;
  margin: 0 0 0 .1em;
}

#localnav ul {
  padding: 0; margin:0;

  font-size:1.1em;
  list-style-type:none;
}

#localnav ul ul {
  padding:.1em 0 .4em 1em; 
  margin:0;
  font-size:.9em;

  list-style-type:none;
}

#localnav li {
  padding: .1em 0;
}

#localnav a,
#localnav strong {
  background: #FFF;
  display:block;
  padding:.4em; margin:0;
  
  font-weight:normal;
  text-decoration:none;
  border-left:1px solid transparent;
  color: #5cbcd4;
}

#localnav a:hover,
#localnav strong { 
  border-left:1px solid #5cbcd4;
}


/* -------------------- visuals -------------------- */

#visuals { margin:4em 0 0 0; }

#visuals a img { margin:0 0 2em 0; }


/* -------------------- form.standardform -------------------- */

form.standardform,
div.standardform,
.chooseBankForm {
  margin:1em 0;
}

form.standardform fieldset,
.chooseBankForm  fieldset {
  padding:0; margin: 2em 0 0 0;

  border:1px solid #9ebd2e;
  background: #FEFFFF;
}

form.standardform legend,
.chooseBankForm legend  {
  padding:0; margin:0 0 0 .5em;
}

form.standardform legend span,
.chooseBankForm legend span {
  display:block;
  padding:.25em 1em; margin:0;

  color:#fff;
  font-size:1.1em;
  background:#9ebd2e;
}

form.standardform label,
div.standardform label {
  clear:left;
  float:left; display:inline;
  padding:0 1em 0 0;
  width:14em;

  text-align:right;
  font-weight:normal;
}

form.standardform span{
  color: #333;
}

.chooseBankForm label {
  clear:left;
  float:left; display:inline;
}

form.standardform h4,
div.standardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;

  width:18em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

#contents form.standardform p,
#contents form.standardform div.formfield,
#contents div.standardform p,
#contents div.standardform div.formfield {
  margin:1em;
  clear:left;
}

#contents form.standardform .required {
  background:url("../img/asterisk.png") 95% 0 no-repeat;
}

form.standardform p.message {
  padding:.25em .5em;
}

form.standardform .attention label,
form.standardform .attention h4 {
  background:url("../img/asterisk.png") 98% 0 no-repeat;
}

form.standardform .asterisk {
  padding:0 0 0 1em;

  background:url("../img/asterisk.png") 0 0 no-repeat;
}

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

form.standardform li input, 
form.standardform li label {
  float:none;

  line-height:1.4em;
}

form.standardform .inputgroup {
  padding:0; margin:0 0 0 15em; 
}

form.standardform .inputgroup label {
  float:none;
  display:inline;
  width:auto;
  padding:0;
  margin:0;
  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  font-family: Arial, Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
}

form.standardform .formfield input.error,
form.standardform .formfield select.error,
form.standardform .formfield textarea.error {
  border:1px solid #c00;
}

/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password,
form.standardform textarea {
  width:24em;
  padding:0.2em;
}

/* same for selectbox but without padding */
form.standardform select {
  width:24.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea {
  overflow:auto;
}

form.standardform small {
  display:block;
  margin:.5em 0 0 19.5em; /* margin + fontsize compensation */ 
  width:31em;

  color:#666;
}

#coupon small.error {
  margin-left: 0;
  width: auto;
}

form.standardform small.error {
  color:#c00;
}

form .inputgroup small {
  margin:0; /* reset margin for small */ 
}

form .formfooter{
  margin: 1em 0 0 0;
}

form.standardform .formfooter small{
  margin: 0 0 0 2em;
  display: inline;
}

/* ----- div.formfeedback ----- */

#formfeedback {
  padding: .2em 2px .2em 22px;
  margin: 1em 0;
}

#loginbox #formfeedback { /* loginbox break fix */
  padding: .2em 4px .2em 26px;
}

#page #formfeedback p {
  margin: 0;
  padding: 0;
}

#formfeedback strong {
  font-weight: normal;
}

#formfeedback.success {
  border: 1px solid #9f6;
  background: #cfa url('../img/form-success.png') no-repeat 3px 50%;
}

#formfeedback.notice {
  border: 1px solid #9fb7ff;
  background: #cde9ff url('../img/form-notice.png') no-repeat 3px 50%;
}

#formfeedback.warning {
  border: 1px solid #ffbb50;
  background: #faffb0 url('../img/form-warning.png') no-repeat 3px 50%;
}

#formfeedback.error {
  border: 1px solid #f99;
  background: #fee url('../img/form-error.png') no-repeat 3px 50%;
}

#loginbox #formfeedback.error { /* loginbox break fix */
  border: 1px solid #f99;
  background: #fee url('../img/form-error.png') no-repeat 5px 50%;
  line-height: 0.9em;
}


/* ----- div.standardform ----- */

#page div.standardform .fieldset {
  padding:0; margin:2em 0 0;
  
  border:1px solid #9ebd2e;
  background: #FEFFFF;;
}

#page div.standardform .legend {
  padding:0; margin:-0.5em 0 2em 0;
  font-size:1.1em;
  color:#fff;
}

#page div.standardform .legend span {
  padding:.25em 1em; margin:0 0 0 .5em;
  background:#9ebd2e;
}

div.standardform dl {
  clear:both;
  padding:0 0 1em 0; margin:0;
  
  list-style-type:none;
  min-height:0;   /* IE7 clearfix */
}

div.reactionfield dl {
  clear:both;
  padding:0 0 1em 0; margin:0;
  
  list-style-type:none;
  min-height:0;   /* IE7 clearfix */
}

* html div.standardform dl { height: 1px; }

div.standardform dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

div.reactionfield dt {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:14.5em;

  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}


div.standardform dd {
  padding:0; margin:0 0 0 19em;

  line-height:1.4em;
  font-weight:bold;
}

div.reactionfield dd {
  padding:0; margin:0 0 0 16em;

  line-height:1.4em;
  font-weight:bold;
}

div.standardform dd:after { 
  content: "."; /* fix positioning for empty dd */
  visibility: hidden;
}

div.standardform dd ul {
  list-style-position: inside;
}

div.standardform li input {
  clear:left;
  float:left; display:inline;
  padding:0 .5em; margin:0;
  width:18em;

  font-weight:normal;
  line-height:1.4em;
  text-align:right;
}

p.forgotpassword{
  display: inline;
}

form.aanmelden{
  margin: 1em 0 0 0;
}


/* ----- div.loginform ----- */

form.loginform{
}

#newuser{
	width: 17.5em;
  float: left;
}

#contents form.loginform .required {
  background:url("../img/asterisk.png") 95% 0 no-repeat;
}

form.loginform span.title{
	font-size: 1.2em;
  font-weight: bold;
  display: block;
}

form.loginform label{
	clear: both;
  color: #333;
  width: 7em;
  display: block; float: left;
  margin: .3em 0 .7em 0;
}

#containerRight form.loginform p{
	margin: .5em 0 .7em 0;
}

form.loginform .forgotpassword{
	clear: both;
	float: left;
  margin: .3em 0 0 0;
}

form.loginform input.text,
form.loginform input.password {
  width: 12em;
  font-family: Arial, Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size: 1em;
}

form.loginform .formfield{
	width: 21.5em;
    margin: 0 0 .7em 0;
}

form.loginform .formfooter {
  margin: 0;
  width: 19.3em;  /* = width formfield - margin van inputs */
}

form.loginform input.error {
  border: 1px solid #ff0000;
}

#containerRight form.loginform small.error{
  padding: .4em 0 .4em 0;
  margin: 0 0 0 9em;  /* indent van formfield */
  color: #FF0000;
  display: block;
}

#loginbox{
	float: left;
  width: 23em;
  border-right: 1px #e9f0f1 solid;
  margin: 0 4em 0 0;
}

#containerRight #loginformContainer p {
  margin: .3em 0;
}

#loginformContainer h4{
	font-size: 1.2em;
  font-weight: bold;
  display: block;
}

h4.hasaccount{
	color: #23a2c8;
}

h4.isnew{
	color: #99bc24;
}

.loginsubmit{
	float: left; display: inline;
	margin: 0 0 0 2.7em;
}

.registersubmit{
	float:  right;
}

#containerRight form.loginform p.loginbutton {
  background:transparent url(../img/image-buttoninloggen.png) no-repeat scroll 0 0;
  padding:0 0em 0 1em;
  display:inline; float: right;
  margin:0 0 0 2.7em;
}

#containerRight p.loginbutton input {
  background:transparent url(../img/image-buttoninloggen.png) no-repeat scroll 100% 0;
  padding: 0 1em 0 0;
  margin:0;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;

  border:0 none;
  color:#FFFFFF;
  display:block;
  font-size:1em;
  text-decoration:none;
  cursor: pointer;
}

#containerRight p.aanmeldbutton {
  padding: 0;
  margin: 0 0 1em 0;
  height: 20px;
}

#containerRight p.aanmeldbutton a,
#containerRight p.aanmeldbutton a:hover {  /* voor IE6 */
  text-decoration: none;
}

p.aanmeldbutton a {
  background:transparent url(../img/image-buttonaanmelden.png) no-repeat scroll 0 0;
  padding: 0 0 0 1em;
  margin: 0;

  display:inline; float: right;
  text-decoration: none;
}

* html p.aanmeldbutton a {
  width: 1px;
}

p.aanmeldbutton a span {
  background:transparent url(../img/image-buttonaanmelden.png) no-repeat scroll 100% 0;
  padding: 0 1em 0 0;
  display: block;
  height: 20px;

  color: #FFFFFF;
  font-size: 1em;
  line-height: 20px;  /* height of image */
  vertical-align: middle;
  cursor: pointer; /* voor IE */
}

.asterisk {
  padding:0 0 0 1em;
  background:url("../img/asterisk.png") 0 0 no-repeat;
}

/* ----- image cropping ----- */

.inputgroup .editImageLink-js {
  margin-left: 1em;
}

#page_iframe form {
  margin: 0;
}

#cropArea {
  float: left;
  margin-right: 1em;
  border: 1px solid #ccc;

  height: 230px;
  overflow: auto;
}

#cropArea img {
  vertical-align:bottom; /* delete extra bottom margin */
}

#cropPreview {
  overflow: hidden;
  border: 1px solid #ccc;
}

/* -------------------- businesscard -------------------- */

.businesscard {
  padding: 1em 1em 0 1em;
  line-height: 1.4em;
}

#companylogo{
  float: left;
  width: 10em;
}

#companyinfo{
  color: #333;
  margin-left: 10em;
}

#companyinfo p{
  margin:0;
}

#companyinfo h2{
  margin: 0;
  padding: 0;
}

#personal{
  margin: 2em 0 0 0;  
  color: #333;
}

#personal a{
  color: #38aed5;
}


#personal h3{
  margin: 0.3em 0 0 0;
  padding: 0;
  color: #333;
  font-size: 1.1em;
  font-weight: normal;
}

#pasfoto{
  float: left;
  width: 10em;
}

#personalinfo{overflow:hidden;margin: 0 0 0 10em;}
#personalinfo .contact{padding:.75em 0 .25em 0;}

#sociallinks{overflow:hidden;float:left;display:inline;padding:0;margin:0;}
#sociallinks li{float:left;display:inline;padding:0;margin:0 .4em 0 0;}
#sociallinks a{overflow:hidden;border:0;vertical-align:bottom;}
#sociallinks a img{border:0;vertical-align:bottom;}

#businesscardEdit{
  display: block;
  background: url(../img/button-bewerkLeft.png) top left no-repeat;
  float:right;
  height:2em;
  margin:1em .2em 0 0;
  width:9em;
  
  text-align: center;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
}

#businesscardEdit :hover{
  text-decoration: underline;
}

#businesscardEdit span{
  display: block;
  background: url(../img/button-bewerkRight.png) top right no-repeat;
  height: 2em;
  padding: .3em 0 0 0;
  color: #FFF;
}

.hrgrey{
  height: 1px;
  background-color: #999;
  border: 0;
  margin: 1.5em 0 1.5em 0;
}

#detailinfo dt{
  clear:both; margin:0;
  width:7.5em;   
  color: #333;
  
  color: #d9104e;
  font-weight: bold;
  text-align: right;
}

#detailinfo dl dd{  
  color: #333;
  float:left; display:inline;
  padding:0em; margin:-1.4em 0 1em 10em;
}


/* -------------------- facturen overzicht -------------------- */
.table-facturen{
  text-align: left;
  margin: 1em 0 0 0;
  width: 100%;
  background: #fff;
  font-size: .9em;
}

.table-facturenHeading th{
  color: #dd2961;
  padding: .5em;
}

.table-facturen td{
  padding: .5em;
  color: #333;
}

.table-facturen .pdficon{
  background: url('../img/pdficon.gif') no-repeat 0 50%;
  padding: .5em .5em .5em 1.8em;
}


/* -------------------- bekijk factuur -------------------- */

#invoicepreview p.invoiceintro,
#invoicepreview p.invoiceaddress {
  padding: 0;
  margin: 0 0 3em 0;
}

.table-bekijkfactuur{
  font-size: .9em;
  text-align: left;
  width: 100%;
  color: #333;
  margin: 0 0 0 -.4em;
}

.table-bekijkfactuur .underline{
  border-bottom: 1px solid #333;
}

.table-bekijkfactuur .right{
  text-align: right;
}


/* -------------------- coupon -------------------- */

#coupon{
  margin: 2em 0 0 0;
}

fieldset #coupon{
  margin: 1em 0 1em .6em;
}

#couponTrigger{
  background: #24a3c8;
  width: 23em;
  padding: .5em;
  color: #fff;
  font-weight: bold;
  font-size: .8em;
}

fieldset #couponTrigger{
  background: #24a3c8;
}

#coupon #couponTrigger a {
  color: #fff;
}

#couponFormfield{
  background: #F8F8F8;
  padding: 1em;
  margin: .4em 0 0 0;
  width: 29.5em;
}

.jsEnabled #couponFormfield {
  display: none;
}

.jsEnabled #coupon.open #couponFormfield {
  display: block;
}


/* -------------------- choosebank -------------------- */

#page .chooseBankForm p.intro {
  /* Klik op een van de ... */
  margin: 1em;
  padding: 0;
}

#page .standardform p.intro {
  /* u heeft gekozen voor iDEAL / uw bestelling is klaargezet. */
  margin: 1em;
  padding: 0;
}

.chooseBankForm dl{
  margin: 2em 1em 1em 2.5em;
  float: left;
}

.chooseBankForm dt{
  font-weight: bold;
}

.chooseBankForm dd{
  margin: .2em;
}

.paymethod {
  clear: both;
  width: 17em;
}

.paymethod input {
  position: absolute;
  margin: 0 0 0 -100em;
  visibility: hidden;
}

.paymethod label{
  display: block;
}

.paymethod .active img{
  border: 3px solid  #23A2C8;
}

.paypalfooter {
  margin: 1em 0 1em 0;
  text-align: center;
}



/* -------------------- ideal -------------------- */

.formfield label{
  color: #333;
}


/* -------------------- reactie veld -------------------- */
.reactionfield{
  margin: 2em 0 0 0;
  color: #333;
}


/* -------------------- zoekbox -------------------- */

#simplesearch {
  position: relative;
  float: right;
  display: inline;
}

.overlabel {
  float: left;
  padding-right: .5em;
}

.jsEnabled .overlabel {
  float: none;
}

#simplesearch input.searchtext {
  border: 0;
  margin: 0;
  padding: 0;
  padding: 0;
  color: #333;
  height: 18px;
  width: 13em;
}

#simplesearch .simplesearchBorder {
  position: relative;
  display: inline-block;  /* fixes IE7 */

  padding: 3px 38px 4px 6px;  /* outer height: 23px */
  height: 18px;
  background: url('/resources/img/search-boxborder.png') 0 0 no-repeat;
}


#simplesearch #searchbutton {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 23px;
}

.jsEnabled .overlabel {
  position: absolute;

  top: 3px;
  left: 6px;
  z-index: 1;
  color: #999;
  cursor: text;
}

.jsEnabled #advancedsearch {
  display: none;
}

.jsEnabled #advancedsearch.open {
  display: block;
}

#advancedsearch {
  margin: .4em 0 0 0;
  padding: 1em 1em 1em 2em;
  background: #FBFBFB;
}

#advancedsearch .formfield{
  padding: .3em 0 .3em 0;
}

#advancedsearch .formfield label{
  width: 12em;
  display: inline; float: left;
}

#advancedsearch .formfield input{
  display: inline; float: left;
}


/* -------------------- visitekaartjes overzicht -------------------- */

.businesscardTable{
  width: 100%;
  margin: 1em 0 1em 0;
}

.businesscardTable th{
  text-align: left;
  color: #2f2f2f;
  padding: .4em .4em .4em 0;
  border-bottom: 1px #000000 solid;
}

#containerRight .businesscardTable th a{
  color: #2f2f2f;
}

.businesscardTable td{
  text-align: left;
  vertical-align: top;
  color: #333;
  padding: .4em .4em .4em 0em;
}

.businesscardTable th a img{
  margin: 0 0 0 .4em;
}

.businesscardTable .firstcolumn{
  padding: .4em .4em .4em .3em;
  width: 15em;
}

.businesscardTable .citycolumn{
  width: 8em;
}

#containerRight .businesscardTable td a{
  color: #333;
}

.businesscardTable tr.odd{
  text-align: left;
  background: #f5f5f5;
}

.businesscardTable tbody tr:hover,
.businesscardTable tbody tr.hover {
  background: #e9fafd;
  cursor: pointer;
}

.jsEnabled #containerRight .businesscardTable tbody a:hover {
  text-decoration: none;
}

.datefield{
  width: 5em;
}

.pagenav{
  list-style-type: none;
  margin: 1em 0 0 0;
}

.pagenav li{
}

.pagenav .previous{
  margin: 0 .3em 0 .3em;  
  float: left;
  z-index: 1;
  position: relative;
}

.pagenav .next{
  margin: 0 .3em 0 .3em;  
  float: right;
  z-index: 1;
  position: relative;
}

.pagenav .navcount{
  width: 41em;
  position: absolute;
  text-align: center;
  color: #999999;
  z-index: 0;
}

.pagenav-nolinks .navcount {
  position: static;
}

/* -------------------- text styles -------------------- */

.pagetitle {
  color: #da114e;
  font-size: 1.5em;
  letter-spacing: -0.05em;
}

#containerRight h1,
#fancyboxAjaxContents h1{
  color: #da114e;
  font-size: 1.5em;
  letter-spacing: -0.05em;
  margin: 0 0 .7em 0;
}

#containerRight h2{
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
}

#containerRight h3{
  color: #444;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  padding: 0em 0 .3em 0;
}

#containerRight p {
  font-size: 0.9em;
  line-height: 1.6em;
  color: #333;
  margin: 0;
  padding: 0 0 1em 0;
  text-align:left;
  text-decoration:none;
  text-indent:0;
}

.businesscardTitle{    
  color: #da114e;
  font-size: 1.3em;
}

#containerRight a{
  color: #24a3c8;
  text-decoration: none;
}

#containerRight a:hover{
  text-decoration: underline;
}

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

#footer {
  border-top: 1px solid #CCC;
  margin: 1.5em .4em .5em .4em;
}

#footerLeft {
  float: left;
  padding: .5em 0 0 0;
  font-size: 0.8em;
  color: #999;
}



/* -------------------- footernav -------------------- */

#footerRight ul{
  list-style-type: none;
  display: inline;
} 

#footerRight ul li{
  display: inline;
}

#footerRight a{
  color: #999;
  text-decoration: none;
} 

#footerRight a:hover{
  text-decoration: underline;
}


/* -------------------- realisation -------------------- */

#realisation {
  line-height: 2em;
}

#realisation a.webton, a.wevolve{
  color: #999;
  text-decoration: none;
  display: inline;
}

#realisation a.webton:hover, a.wevolve:hover{
  text-decoration: underline;
}

#realisation dt {
  display:inline;
  float:left;
  margin:0;
  padding:0;
}

#realisation dd {
  display:inline;
  float:left;
  margin: 0 0 0 .5em;
  padding:0;
}

#realisation dd:hover {
  display:inline;
  float:left;
  margin: 0 0 0 .5em;
  padding:0;
}

#footerRight {
  float: right;
  padding: .5em 0 0 0;
  font-size: 0.8em;
  color: #999;
}