/* Fonts */
@font-face {
  font-family: 'HandOfSeanRegular';
  src: url('../fonts/handsean-webfont.eot');
  src: url('../fonts/handsean-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/handsean-webfont.woff') format('woff'),
       url('../fonts/handsean-webfont.ttf') format('truetype'),
       url('../fonts/handsean-webfont.svg#HandOfSeanRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.container .HandOfSean { font-family: 'HandOfSeanRegular'; }

/* Structure */
body { background: #dedede url(../images/background_site.png) center repeat-y; color: #333333; margin: 0; padding: 0; }
div#site { margin-top: 0; position: relative; background: #fff url(../images/background_body.png) bottom repeat-x; padding: 20px 40px;}

div#site.homepage table.nieuws { height: 154px; width: 209px; margin: 19px 0 0 0; background: url(../images/background-home-news.png) no-repeat; border: none; }
div#site.homepage table.nieuws td { border: none; padding: 8px 10px 10px 10px; }
div#site.homepage table.nieuws td strong { color: #1C92CB; display: block; margin-bottom: 5px; font-size: 1.2em; }

/* Toolbox */
body .nopadding, body table.nopadding td, body table.nopadding th, body table td.nopadding, body table th.nopadding { padding: 0; }
body .nomargin, body table.nomargin, body table.nomargin td, body table.nomargin th, body table td.nomargin, body table th.nomargin, body div.nomargin { margin: 0; }
body .noborder, body table.noborder td, body table.noborder th { border: none; }

.container table th.padding-top,
.container table td.padding-top { padding-top: 10px; }

.container table.grid { border-right: 1px solid #ddd; border-collapse: collapse; }
.container table.grid thead { background: #ddd url(/core/templates/backend/default/images/background.table.header.gif) repeat-x scroll left top; }
.container table.grid thead tr th { border-color: #ddd; padding: 0.5em; }
.container table.grid tbody { background: #FFF; }
.container table.grid tbody tr td { border-color: #ddd; border-right-style: dashed; padding: 0.5em; vertical-align: middle; }
.container table.grid tbody tr.even td { background: #EDF5FF; }
.container table.grid tbody tr td input { font-family: inherit; font-size: 100%; }

.container table.matrix { border: none; width: 870px; margin-bottom: 40px; }
.container table.matrix tr:nth-child(odd) td { background-color: #fafafa; }
.container table.matrix tr:nth-child(odd) td:nth-child(4) { background: #FFF6E9; }
.container table.matrix td { width: 169px; padding: 10px 0; border-right-style: dashed; text-align: center; vertical-align: middle; }
.container table.matrix tr.noborder td { border-top: none; border-left: none; border-right: none; background: transparent; }
.container table.matrix tr.noborder td.extratd { background: transparent; }
.container table.matrix th { border: none; padding: 0; }
.container table.matrix td:first-child { border-left: 1px solid #ddd; text-align: left; padding-left: 10px; width: auto; }
.container table.matrix td:last-child { border-right-style: solid; }
.container table.matrix td em { font-size: 0.9em; color: #717171; }
.container table.matrix td img { margin-bottom: 0.5em; }

.container table.matrix a.nu-aanvragen { color: #fff; text-decoration: none; font-weight: bold; padding: 7px 10px; font-size: 1.1em; text-transform: uppercase; margin-top: 10px; height: 38px; line-height: 38px; background: url(../images/button-uitproberen.png) top repeat-x;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.container table.matrix a.nu-aanvragen:hover {background: url(../images/button-uitproberen.png) bottom repeat-x;}
.container table.matrix td.extratd a.nu-aanvragen {background: url(../images/pakket-callout-button.png) top repeat-x; }
.container table.matrix td.extratd a.nu-aanvragen:hover {background: url(../images/pakket-callout-button.png) bottom repeat-x;}

.container table.partners { width: 990px; margin-left: -20px; border: 0 none; border-collapse: separate; border-spacing: 20px; }
.container table.partners td { padding: 20px 20px 0 20px; background: #FFF; border: 1px solid #CCC; }

.container table tr.error { border-width: 1px; }
.container table tr.error td,
.container table.grid tbody tr.error td { background-color: #FBE3E4; border-color: #FBC2C4; }
.container table tr.error td a { color: #A92B3A; }

body .left { float: left; }
body .right,
.container a.right { float: right; }
body .nofloat { float: none; }
body .clear { display: block; }
.container .relative { position: relative; }
body .strong { font-weight: bold; font-size: 1.1em; line-height: 1.2em; color: #1C92CB; }
body .bigger { font-size: 1.5em; line-height: 2em; }
body .icon { vertical-align: middle; }
body .information { border: 2px solid #1C92CB; background: #DBE9EF; color: #0D7DB3; padding: 0.8em; }
body .clickable { cursor: pointer; }
body .grey { font-size: 0.9em; color: #6F6F6F; }
body .label-description { font-size: 0.9em; color: #6F6F6F; line-height: 1.2em; }
.container .odd { background-color: #FFF; }
.container .even { background-color: #EDF5FF; }
.container .blue { background-color: #1C92CB; }
.container .bluetext { color: #1C92CB; }
.container .redtext { color: #DC1F22; }
.container table tr.blue td { color: #FFF; } 

.container .shadow {
  -moz-text-shadow: 1px 1px 2px #FFF;
  -webkit-text-shadow: 1px 1px 2px #FFF;
  text-shadow: 1px 1px 2px #FFF;
}

/* Download handleiding PDF */
a.handleiding { display: block; width: 262px; height: 52px; padding: 0; text-decoration: none; background: url(../images/background-button-handleiding.png) no-repeat left top; }
a.handleiding:hover { background-position: left bottom; }

.container a,
.container a:link,
.container a:active,
.container a:visited,
.container a:hover,
.container a:focus { color: #1C92CB; }
.container a:hover { text-decoration: none; }

.container form { margin-bottom: 0; }
.container input,
.container input.text,
.container select,
.container textarea { margin: 2px; font-size: 100%; font-family: inherit; }
.container select,
.container select.select { padding: 0.1em 0.2em 0.2em 0.2em; }
.container input[type=text]:focus,
.container input.text:focus,
.container select:focus,
.container textarea { outline-color: #CAEFFF; }
.container input.checkbox { background: transparent; vertical-align: middle; }
.container a.button,
.container button,
.container button.button { background: #009DD5; color: #FFF; border: none;  }
.container a.button:hover,
.container button:hover,
.container button.button:hover { background: #00B3F0; }
.container label.overTxtLabel { color: #A9A9A9; font-weight: normal; padding-top: 2px; }

.container a.button.green,
.container button.green { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 10px; font-size: 1.3em; height: 40px; line-height: 40px; background: url(../images/button-uitproberen.png) repeat-x; }
.container a.button.green:hover,
.container button.green:hover { background-position: left bottom; }

.container #url_check { height: 30px; text-align: center; line-height: 30px; margin: 4px 8px 8px 0; width: 273px; }
.container #url_check:hover { background: url(../images/button-uitproberen.png) repeat-x left -5px; }

.container a.start-nu-je-webshop { display: block; height: 56px; width: 237px; padding: 0; background: url(../images/background-button-startnujewebshop.png) no-repeat; }
.container a.start-nu-je-webshop:hover { background-position: left -58px; }

/* Disable bluetrip external link icons */
a[href^="http:"], a[href^="http:"]:visited { background-image: none; padding-right: 0px; }

/* Markup text at top in tables (when using images next to text) */
body table td, body table th { vertical-align: top;}
body table { border-collapse: separate; }

/* Markup headers */
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
  color: #000;
  line-height: 1.2em;
  margin-top: 0; 
}
.container h1 { font-size: 1.7em; margin-bottom: 10px; }
#main { margin: 20px 0; }

/**************************************/
/*              HEADER                */
/**************************************/
div#header a.logo {  margin: 10px 0 30px 0; width: 250px; display: block;}
div#section_header p { margin: 0; }

/* Homepage */
div.homepage-viewAction div.top { position: relative; height: 368px; }
div.homepage-viewAction div.top div.meisje { background: url(../images/background-meisje-2.png) no-repeat; height: 281px; width: 200px; z-index: 2; position: absolute; left: 30px; top: 10px; }
div.homepage-viewAction div.top h1.HandOfSean { font-weight: normal; font-size: 2.4em; line-height: 2.3em; width: 670px; margin-left: 270px; }
div.homepage-viewAction div.top div.intro { width: 678px; margin-left: 270px; font-size: 1.3em; line-height: 1.5em; text-align: justify; height: 138px; }

/* Groene balk met USP's
div.homepage-viewAction div.top ul.ticks { width: 680px; height: 90px; padding: 10px 0 15px 230px; margin: 30px 0 10px 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #effad7; background: -moz-linear-gradient(top,  #effad7 0%, #d5e8a7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#effad7), color-stop(100%,#d5e8a7)); background: -webkit-linear-gradient(top,  #effad7 0%,#d5e8a7 100%); background: -o-linear-gradient(top,  #effad7 0%,#d5e8a7 100%); background: -ms-linear-gradient(top,  #effad7 0%,#d5e8a7 100%); background: linear-gradient(top,  #effad7 0%,#d5e8a7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effad7', endColorstr='#d5e8a7',GradientType=0 ); }
div.homepage-viewAction div.top ul.ticks li { width: 220px; font-size: 1.5em; font-style: italic; background: url(../images/success2.png) no-repeat 0 3px; padding-left: 40px; line-height: 1.7em; margin-left: 0; float: left; }
div.homepage-viewAction div.top ul.ticks li.even { width: 360px; }
*/

/* Verkorte aanvraag homepage */
div.homepage-viewAction div.verkorte-aanvraag { position: relative; height: 110px; background: #b5c631; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 15px 5px; }
div.homepage-viewAction div.verkorte-aanvraag h2 { color: #525919; margin-left: 263px; font-size: 3em; font-weight: normal; }
div.homepage-viewAction div.verkorte-aanvraag form { overflow: hidden; height: 47px; }
div.homepage-viewAction div.verkorte-aanvraag input { margin: 0 0 0 10px; padding: 0 6px; font-size: 1.5em; height: 45px; line-height: 45px; border: 0 none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.homepage-viewAction div.verkorte-aanvraag input:focus { outline: none; }
div.homepage-viewAction div.verkorte-aanvraag input.span-1 { display: none; }
div.homepage-viewAction div.verkorte-aanvraag label.overTxtLabel { font-size: 1.5em; padding-top: 10px; }
div.homepage-viewAction div.verkorte-aanvraag img.loader { margin: 0 0 8px 90px; vertical-align: middle; }
div.homepage-viewAction div.verkorte-aanvraag button { position: absolute; right: 15px; bottom: 17px; padding: 0; text-align: center; font-weight: normal; font-size: 1.3em; text-transform: uppercase; margin: 0; width: 195px; height: 45px; line-height: 45px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  background: #ffa431; /* Old browsers */
  background: -moz-linear-gradient(top, #ffa431 1%, #d66500 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa431), color-stop(100%,#d66500)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa431 1%,#d66500 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa431 1%,#d66500 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffa431 1%,#d66500 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffa431 1%,#d66500 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa431', endColorstr='#d66500',GradientType=0 ); /* IE6-9 */
}
div.homepage-viewAction div.verkorte-aanvraag button:hover { 
  background: #f68700; /* Old browsers */
  background: -moz-linear-gradient(top, #f68700 1%, #ac5000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f68700), color-stop(100%,#ac5000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f68700 1%,#ac5000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f68700 1%,#ac5000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68700', endColorstr='#ac5000',GradientType=0 ); /* IE6-9 */
}

div.homepage-viewAction div.verkorte-aanvraag div.error-box { z-index: 99; position: absolute; top: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.homepage-viewAction div.verkorte-aanvraag div.error-box div.message { height: 40px; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; text-align: center;  color: #FFF; 
background: #eb0000; /* Old browsers */
background: -moz-linear-gradient(top, #eb0000 0%, #c70000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb0000), color-stop(100%,#c70000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eb0000 0%,#c70000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eb0000 0%,#c70000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eb0000 0%,#c70000 100%); /* IE10+ */
background: linear-gradient(to bottom, #eb0000 0%,#c70000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0000', endColorstr='#c70000',GradientType=0 ); /* IE6-9 */
}
div.homepage-viewAction div.verkorte-aanvraag div.error-box div.triangle { float: left; width: 0; height: 0; margin: -2px 0 0 80%; border-style: solid; border-width: 15px 15px 0 0; border-color: #c70000 transparent transparent transparent; }

div.homepage-viewAction div.verkorte-aanvraag div.success-message { background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 10px; font-size: 1.9em; height: 47px; line-height: 47px; text-align: center; }

/*div.homepage-viewAction div.top div.twitter-stream { background: url(../images/twitter-bird.png) no-repeat; padding: 0 0 0 40px; margin-left: 220px; font-size: 1.3em; font-style: italic; color: #8A8A8A; height: 25px; overflow: hidden; white-space: nowrap; position: relative; }*/
div.homepage-viewAction div.top div.twitter-stream { padding: 0 0 0 40px; margin-left: 170px; font-size: 1.3em; font-weight: bold; font-style: italic; color: #D76600; height: 25px; overflow: hidden; white-space: nowrap; position: relative; }
div.homepage-viewAction div.top div.twitter-stream a { color: #D76600; }
div.homepage-viewAction div.top div.twitter-stream img.fadeout { position: absolute; right: 0; width: 25px; height: 25px; z-index: 99; }
div.homepage-viewAction div.top div.twitter-stream ul { margin: 0; }
div.homepage-viewAction div.top div.twitter-stream ul li { position: absolute; margin: 0; }

div.homepage-viewAction div.top div.social { position: absolute; height: 70px; width: 200px; right: -23px; top: -10px; }
div.homepage-viewAction div.top div.social div.gplus,
div.homepage-viewAction div.top div.social div.twitter,
div.homepage-viewAction div.top div.social div.facebook { float: left; }
div.homepage-viewAction div.top div.social div.gplus { padding: 10px 10px 0 0; }
div.homepage-viewAction div.top div.social div.twitter { padding: 10px 10px 0 0; }
div.homepage-viewAction div.top div.social div.facebook { padding: 8px 0 0 0; }

div.twitter-widget { width: 61px; }
div.twitter-widget a { display: block; background: url(../images/twitter-sprites.png) no-repeat; }
div.twitter-widget a.followers { height: 35px; line-height: 1em; margin-bottom: 3px; color: #333; font-size: 1.2em; text-align: center; background-position: left -75px; text-decoration: none; padding: 6px 0 0 0; }
div.twitter-widget a.followers:hover { background-position: left -120px; }
div.twitter-widget a.followers span { font-size: 0.6em; color: #44829F; }
div.twitter-widget a.follow { height: 20px; padding: 0; }
div.twitter-widget a.follow:hover { background-position: left -25px; }

div.homepage-viewAction div.top div.testimonials { background: url(../images/background-testimonials.png) no-repeat; float: left; height: 247px; width: 323px; position: relative; margin-left: 9px; }
div.homepage-viewAction div.top div.testimonials div.HandOfSean { font-size: 1.3em; margin: 38px 0 0 35px; }
div.homepage-viewAction div.top div.testimonials a { display: block; position: absolute; right: 15px; bottom: 15px; color: #ada85e; font-size: 0.9em; font-weight: bold; text-decoration: none; }
div.homepage-viewAction div.top div.testimonials a:hover { text-decoration: underline; }
div.homepage-viewAction div.top div.testimonials div.canvas { margin: 25px 10px 0 35px; }
div.homepage-viewAction div.top div.testimonials div.canvas h2 { font-size: 1.2em; color: #604612; }
div.homepage-viewAction div.top div.testimonials div.canvas p { color: #7c5e23; }

div.pakketten { position: relative; }
div.pakketten div.pakket { cursor: pointer; height: 380px; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 260px; margin-right: 13px; padding: 15px 20px; position: relative; background: #01aef1; background: -moz-linear-gradient(top, #01aef1 1%, #0093cc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#01aef1), color-stop(100%,#0093cc)); background: -webkit-linear-gradient(top, #01aef1 1%,#0093cc 100%); background: -o-linear-gradient(top, #01aef1 1%,#0093cc 100%); background: -ms-linear-gradient(top, #01aef1 1%,#0093cc 100%); background: linear-gradient(top, #01aef1 1%,#0093cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aef1', endColorstr='#0093cc',GradientType=0 ); }
div.pakketten div.pakket.middle { width: 282px; }
div.pakketten div.pakket.last { margin-right: 0; }
div.pakketten p { color: #d3f3ff; margin-bottom: 1em; }
div.pakketten h2 { color: #fff; }
div.pakketten a.button { padding: 0px 10px; font-size: 1.2em; text-transform: uppercase; margin: 0; height: 38px; line-height: 38px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; left: 15px; bottom: 27px; 
  background: #ffa431; /* Old browsers */
  background: -moz-linear-gradient(top, #ffa431 1%, #d66500 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa431), color-stop(100%,#d66500)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa431 1%,#d66500 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa431 1%,#d66500 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffa431 1%,#d66500 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffa431 1%,#d66500 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa431', endColorstr='#d66500',GradientType=0 ); /* IE6-9 */
}
div.pakketten a.button:hover {
  background: #f68700; /* Old browsers */
  background: -moz-linear-gradient(top, #f68700 1%, #ac5000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f68700), color-stop(100%,#ac5000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f68700 1%,#ac5000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f68700 1%,#ac5000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68700', endColorstr='#ac5000',GradientType=0 ); /* IE6-9 */
}
div.pakketten img.prijs { position: absolute; right: 15px; bottom: 15px; }
div.pakketten ul { margin: 0; padding: 0; list-style: none; }
div.pakketten ul li { background: url(../images/pakket-list-item.png) 0 50% no-repeat; padding-left: 20px; float: left; line-height: 23px; width: 165px; color: #fff; font-weight: bold; }
div.pakketten .slimmekeus { width: 118px; height: 118px; background: url(../images/slimmekeus-ribbon.png) no-repeat; position: absolute; top: -15px; right: -25px; z-index: 2; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#menu ul { margin: 0; list-style: none; height: 38px; border: 1px solid #ccc; border-right: none; background: url(../images/background_menu.png) top repeat-x;}
div#menu ul li { margin: 0; display: block; float: left; }
div#menu ul li a.first { width: 48px; background: #0094cd url(../images/background-menu-first.png) top repeat-x; }
div#menu ul li a.first:hover { width: 48px; background: #0094cd url(../images/background-menu-first.png) bottom repeat-x; }
div#menu ul li a { border-right: 1px solid #ccc; font-size: 0.9em; line-height: 38px; padding: 0; text-align: center; width: 149px; display: block; float: left; text-decoration: none; margin: 0; color: #333; font-weight: bold; background: url(../images/background_menu.png) repeat-x; }
div#menu ul a:hover,
div#menu ul a:focus { color: #000; background: url(../images/background_menu.png) bottom repeat-x; }
div#menu ul li.current a { color: #000; background: url(../images/background_menu.png) bottom repeat-x; }

/**************************************/
/*               FOOTER               */
/**************************************/
div#footer { background: url(../images/callout-shadow-bottom.png) top center no-repeat; padding: 40px 0; font-size: 11px; }
div#footer .copyright { text-align: center;}
div#footer .column { width: 300px; margin-right: 25px; float: left; color: #666; margin-bottom: 40px; }
div#footer .column.second { width: 240px; margin-left: 60px; }
div#footer .column.third { width: 298px; height: 218px; margin-right: 0; }
div#footer .column.third iframe { overflow: hidden; }
div#footer .column a { font-weight: bold; color: #333; }
div#footer .column h2 { color: #000; font-size: 14px; }
div#footer .column ul { list-style: none; margin: 0; padding: 0; line-height: 24px; }
div#footer .column li { list-style: none; margin: 0; padding: 0; line-height: 24px; }
div#footer .column ul.shoppagina li { background: url(../images/listimg-shoppagina.png) 0 50% no-repeat; padding-left: 25px;}

div.FeedbackCompanyModule div.score { text-align: center; color: #000; font-size: 1.8em; }
div.FeedbackCompanyModule div.stars { text-align: right; margin: 10px 0 0; padding-right: 45px; }
div.FeedbackCompanyModule div.stars img { margin-right: 2px; vertical-align: middle; }
div.FeedbackCompanyModule div.count { text-align: right; padding-right: 47px; font-style: italic; }
div.FeedbackCompanyModule div.review { background: #FFF; font-size: 1.2em; border: 1px solid #CCC; margin-top: 10px; padding: 6px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#footer div.FeedbackCompanyModule div.review a { float: right; color: #666; font-weight: normal; font-style: italic; font-size: 0.9em; padding: 4px 0 0 0; }
div.FeedbackCompanyModule div.author { float: left; font-style: italic; margin-right: 8px; line-height: 2.5em; margin-left: 30px; }
div.FeedbackCompanyModule div.triangle { float: left; width: 0px; height: 0px; margin-top: -1px; border-style: solid; border-width: 15px 15px 0 0; border-color: #FFF transparent transparent transparent; }
div.FeedbackCompanyModule div.footer { margin: 10px 0; }
div#footer div.FeedbackCompanyModule div.footer a { text-decoration: none; font-weight: normal; color: #666; }
div.FeedbackCompanyModule div.footer a img { vertical-align: middle; }

/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
body#tinymce { background: white; }

/* Packages - Register / Package */
div.package { display: inline; width: 215px; float: left; margin: 0; }
div.package div.top { width: 225px; height: 197px; margin: 0; }
div.package div.bottom { width: 225px; height: 23px; margin: 0; }
div.package div.middle { width: 176px; padding: 0 35px 0 17px; height: 215px; margin: 0; position: relative; }
div.package div.middle ul { list-style: none; margin: 0 0 10px 0; }

/* Nifty bullets */
.container div#main div.iziSection div.iziInnerContent ul,
div.form ul { list-style: none; margin-left: 10px; }

.container div#main div.iziSection div.iziInnerContent ul li,
div.package div.middle ul li,
div.form ul li { background: url(../images/bullet_blue.png) no-repeat 0 1px; padding-left: 20px; margin: 0; line-height: 1.7em; }

/* Actie bullet */
div.package div.middle ul li.actie,
div.form ul li.actie { background-image: url(../images/bullet_orange.png); font-weight: bold; color: #F57E20; }

/* Strong bullet */
div.package div.middle ul li.strong,
div.form ul li.strong { font-size: 1em; line-height: 1.7em; } 

/* Package 'Bestel dit pakket!' buttons */
div.package div.middle a.button,
div.package div.middle a.button:focus { border: none; width: 152px; height: 35px; bottom: 0; position: absolute; margin: 0 0 0 12px; display: block; background-position: left bottom; background-repeat: no-repeat; background-color: inherit; padding: 0; }
div.package div.middle a.button:hover { background-position: left top; }
div.package-viewAction div.package div.middle a.button,
div.package-viewAction div.package div.middle a.button:focus { background-position: left top; }
div.package-viewAction div.package div.middle a.button:hover { background-position: left bottom; }

/* Package gratis */
div.gratis div.top { background: url(../images/background-package-top-gratis.png) no-repeat; }
div.gratis div.top.picked { background-image: url(../images/background-package-top-gratis-picked.png); }
div.gratis div.middle { background: url(../images/background-package-middle-gratis.png) repeat-y; }
div.gratis div.middle a.button { background-image: url(../images/button-bestel-gratis.png); }
div.package-viewAction div.gratis div.middle a.button { background-image: url(../images/button-stapover-gratis.png); }
div.gratis div.bottom { background: url(../images/background-package-bottom-gratis.png) no-repeat; }

/* Package basis */
div.basis div.top { background: url(../images/background-package-top-basis.png) no-repeat; }
div.basis div.top.picked { background-image: url(../images/background-package-top-basis-picked.png); }
div.basis div.middle { background: url(../images/background-package-middle-basis.png) repeat-y; padding-left: 21px; }
div.basis div.middle a.button { background-image: url(../images/button-bestel-basis.png); }
div.package-viewAction div.basis div.middle a.button { background-image: url(../images/button-stapover-basis.png); }
div.basis div.bottom { background: url(../images/background-package-bottom-basis.png) no-repeat; }

/* Package extra */
div.extra div.top { background: url(../images/background-package-top-extra.png) no-repeat; }
div.extra div.top.picked { background-image: url(../images/background-package-top-extra-picked.png); }
div.extra div.middle { background: url(../images/background-package-middle-extra.png) repeat-y; padding-left: 29px; }
div.extra div.middle a.button { background-image: url(../images/button-bestel-extra.png); }
div.package-viewAction div.extra div.middle a.button { background-image: url(../images/button-stapover-extra.png); }
div.extra div.bottom { background: url(../images/background-package-bottom-extra.png) no-repeat; }

/* Package geavanceerd */
div.geavanceerd div.top { background: url(../images/background-package-top-geavanceerd.png) no-repeat; }
div.geavanceerd div.top.picked { background-image: url(../images/background-package-top-geavanceerd-picked.png); }
div.geavanceerd div.middle { background: url(../images/background-package-middle-geavanceerd.png) repeat-y; padding-left: 33px; }
div.geavanceerd div.middle a.button { background-image: url(../images/button-bestel-geavanceerd.png); }
div.package-viewAction div.geavanceerd div.middle a.button { background-image: url(../images/button-stapover-geavanceerd.png); }
div.geavanceerd div.bottom { background: url(../images/background-package-bottom-geavanceerd.png) no-repeat; }

/* Picked package banner */
div.picked { width: 950px; height: 40px; background-repeat: no-repeat; margin: 0 0 20px 0; }

div.picked.gratis { background-image: url(../images/picked-banner-gratis.png); }
div.picked.basis { background-image: url(../images/picked-banner-basis.png); }
div.picked.extra { background-image: url(../images/picked-banner-extra.png); }
div.picked.geavanceerd { background-image: url(../images/picked-banner-geavanceerd.png); }

/* Quicklinks */
.container div.quicklink { float: left; width: 262px; height: 150px; padding: 20px; background: #fff; border: 1px solid #ddd; margin-top: 18px; margin-right: 18px; margin-bottom: 0; color: #333; position: relative; cursor: pointer; }
div.quicklink.last { margin-right: 0; }
div.quicklink { width: 240; height: 150px; padding: 1px 20px; margin: 0; background: url(../images/background-quicklinks-middle.png) repeat-y; }
div.quicklink div.strong { font-size: 1.7em; margin-bottom: 0.4em; }
div.quicklink img { right: 10px; bottom: 10px; position: absolute; }
div.quicklink.disabled { color: #949494; }
div.quicklink.disabled .strong { color: #89CAE9; }

/* Promotion links */
div.promotion { display: inline; float: left; width: 430px; margin-top: 12px; margin: 0 10px 0 0; color: #333; cursor: pointer; }
div.promotion.last { margin-right: 0; }
div.promotion div.top { height: 14px; background: url(../images/background-promotion-top.png) no-repeat; }
div.promotion div.middle { height: 60px; padding: 1px 20px; background: url(../images/background-promotion-middle.png) repeat-y; }
div.promotion div.bottom { height: 42px; background: url(../images/background-promotion-bottom.png) no-repeat; }
div.promotion div.middle div.strong { font-size: 1.5em; }
div.promotion div.middle img { display: inline; float: left; margin-right: 1em; margin-bottom: 1em; vertical-align: middle; }

/* Blocks */
div.block { padding: 20px; background: #FFF; border: 1px solid #DDD; margin-bottom: 18px; }
div.block div.strong { font-size: 1.7em; margin-bottom: 0.4em; }

div.block div.banner { border: 1px solid #DDD; padding: 1px; margin-right: 20px; float: left; }
div.block div.banner img { background: #F1F1F1; }
div.block div.embed textarea { height: 70px; color: #888; }

/* Reseller Sales */
div.sale { float: left; width: 262px; height: 150px; padding: 20px; background: #FFF; border: 1px solid #DDD; margin-top: 18px; margin-right: 18px; margin-bottom: 0; color: #333; position: relative; }
div.sale.last { margin-right: 0; }
div.sale.disabled { color: #949494; }
div.sale.disabled .strong { color: #89CAE9; }
div.sale.disabled .strong.red { color: #FD999C; }
div.sale div.strong { font-size: 1.7em; margin-bottom: 0.4em; }
div.sale img { right: 10px; bottom: 10px; position: absolute; }
div.sale div.body { height: 65px; }
div.sale div.progress { position: relative; margin: 10px 0; height: 40px; border: 1px solid #DDD; background: #F1F1F1; }
div.sale div.progress div.bar { height: 40px; background: url(../images/background-progress.png) repeat-x; }
div.sale.disabled div.progress div.bar { background-position: left -40px; }
div.sale div.progress div.percentage { width: 100%; height: 40px; line-height: 40px; font-size: 1.7em; text-align: center; position: absolute; }

table.sale { width: 100%; }
table.sale tr.disabled td { color: #949494; }
table.sale tr.disabled td div.progress div.bar {background-position: left -40px; }
table.sale div.progress { position: relative; margin: 0; height: 20px; border: 1px solid #DDD; background: #F1F1F1; }
table.sale div.progress div.bar { height: 20px; background: url(../images/background-progress.png) repeat-x; }
table.sale div.progress div.percentage { width: 100%; height: 20px; line-height: 20px; font-size: 1.1em; text-align: center; position: absolute; }

/* Buttons */
a#mijnPakketkeuze { background: url("../images/background_login_button.png") repeat-x scroll 0 0 transparent; width: 180px;  border: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.3em; padding: 5px; text-align: center; }
button#mijnWebshop { background: url(../images/button-mijnwebshop.png) no-repeat; width: 169px; height: 34px; border: none; padding: 0; margin: 0; }
button#mijnWebshopLeft { background: url(../images/button-mijnwebshop-left.png) no-repeat; width: 169px; height: 34px; border: none; padding: 0; margin: 0; }
button#mijnGegevens { background: url(../images/button-mijngegevens.png) no-repeat; width: 169px; height: 34px; border: none; padding: 0; margin: 0; }
button#mijnGegevensRight { background: url(../images/button-mijngegevens-right.png) no-repeat; width: 169px; height: 34px; border: none; padding: 0; margin: 0; }
button#mijnAccountLeft { background: url(../images/button-mijnaccount-left.png) no-repeat; width: 154px; height: 34px; border: none; padding: 0; margin: 8px 0 0 0; }
button#mijnAccountRight { background: url(../images/button-mijnaccount-right.png) no-repeat; width: 153px; height: 34px; border: none; padding: 0; margin: 0; }
button#klaar { background: url("../images/background_login_button.png") repeat-x scroll 0 0 transparent; width: 100px;  border: none; padding: 0; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.3em; padding: 5px;text-align: center;}
button#opslaan {height: 32px; background: url(../images/button-uitproberen.png) repeat-x; border: none; color: #FFF;  width: 100px; text-align: center;  font-weight: bold; font-size: 1.3em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
a#profielOverzicht {background: url(../images/background_login_button.png) repeat-x; border: none; color: #FFF;  width: 100px; text-align: center;  font-weight: bold; font-size: 1.3em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#mijnPakketkeuze:hover,
button#mijnWebshop:hover,
button#mijnGegevens:hover,
button#mijnAccountLeft:hover,
button#klaar:hover,
button#opslaan:hover,
a#profielOverzicht:hover { background-position: left bottom; }

div#loading { position: absolute; right: 0; padding-left: 22px; margin: 15px 0 0 0; background: url(/modules/DemoInstaller/templates/default/icons/ajax-loader-blue.gif) no-repeat; font-style: italic; color: #1C92CB; visibility: hidden; }

/* Login box */
div#site div#header div#login { position: absolute; height: 125px; width: 449px; top: 15px; right: 20px; color: #6A5231; padding: 5px 0 5px 15px; font-size: 0.9em; }
div#site div#header div#login form { padding: 4px 0 0 0; margin: 0; }
div#site div#header div#login form div { margin: 0; float: left; height: 22px; margin-bottom: 6px; }
div#site div#header div#login form div.email { margin: 0; padding: 0;} 
div#site div#header div#login form div.password {  }
div#site div#header div#login input.text { border: none; margin: 0; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;  padding: 7px; background: none; font-size: 1.0em; }
div#site div#header div#login input.email { width: 150px; background: #fafafa; border: 1px solid #ddd; margin-right: 10px;}
div#site div#header div#login input.password { width: 150px; background: #fafafa; border: 1px solid #ddd; margin-right: 10px; }
div#site div#header div#login input.checkbox { border: none; outline: none; margin: -1px 2px 3px 2px; padding: 0; vertical-align: middle; font-size: 100%; }
div#site div#header div#login input.inactive { color: #AAA; }
div#site div#header div#login .remember { margin-right: 17px; }
div#site div#header div#login input:focus { outline: none; }
div#site div#header div#login button { background: url(../images/background_login_button.png) repeat-x; border: none; color: #FFF; height: 30px; width: 75px; text-align: center;  font-weight: bold; font-size: 1.0em; }
div#site div#header div#login button:hover { background-position: left bottom; }
div#site div#header div#login a,
div#site div#header div#login a:link,
div#site div#header div#login a:active,
div#site div#header div#login a:visited,
div#site div#header div#login a:hover { color: #6A5231; font-size: 0.9em; padding: 0 0 0 15px; line-height: 2em; margin: 0; }
div#site div#header div#login a:hover { text-decoration: none; }

/* Logggedin */
div#site div#header div#loggedin { position: absolute; background: url(../images/user_group.png) no-repeat 0 5px; width: 310px; top: 20px; right: 0px; color: #666; padding-left:40px; overflow: hidden; }
div#site div#header div#loggedin span.strong { font-size: 1em; }
div#site div#header div#loggedin span.currentPackage { display: block;  font-weight: bold;}
div#site div#header div#loggedin a { color: #01A6E6; }
div#site div#header div#loggedin a.profile { background: url(../images/button.png) no-repeat; border: none; color: #FFF; height: 18px; width: 100px; text-align: center; margin: 2px 0; padding: 2px 0; font-weight: bold; text-decoration: none; }
div#site div#header div#loggedin a:hover { text-decoration: none; }

/* URL check */
span#checkDomain,
span#checkSubdomain { padding-left: 5px; }

/* Form module */
div.FormModule { float: right; width: 500px; }
div.FormModule div.izi-form { width: 425px; }
div.FormModule form label { width: 180px; }

/* DemoInstaller - register / profile edit*/
div#advisorCanvas { position: relative; }
div#advisorCanvas div.form,
div#advisorCanvas div.message,
div#advisorCanvas div.advisor { float: left; display: inline; position: relative; }
div#advisorCanvas div.form,
div#advisorCanvas div.form table { width: 500px; border: none; }
div#advisorCanvas div.form table td { border: none; padding: 0; }
div#advisorCanvas div.form table td.radio { padding-bottom: 4px; }
div#advisorCanvas div.form.success { width: 478px; position: absolute; left: 0; margin: 0; border: 2px solid #C6D880; text-align: center; }
div#advisorCanvas div.form.success img { margin-bottom: 20px; }
div#advisorCanvas div.form.success p { font-size: 1.5em; line-height: 1.5em; }
div#advisorCanvas div.form.success a { color: #264409; }
div#advisorCanvas div.message { visibility: hidden; width: 210px; margin: 0 20px 0 60px; padding-top: 34px; }
div#advisorCanvas div.message div.bottom { background: url(../images/background-advisor-message-bottom.png) no-repeat left bottom; padding: 1px 20px 15px 10px; }
div#advisorCanvas div.message div.step,
div#advisorCanvas div.message div.error { position: absolute; border: none; padding: 16px 0 0 0; margin: 0; background: url(../images/background-advisor-message-top.png) no-repeat; }
div#advisorCanvas div.message div.step a[href^="mailto:"],
div#advisorCanvas div.message div.error a[href^="mailto:"] { background-image: none; padding-right: 0; }
div#advisorCanvas div.message strong { display: block; margin: -5px 0 5px 0; font-size: 1.2em; color: #1C92CB; }
div#advisorCanvas div.message div.success strong { color: #678100; }
div#advisorCanvas div.message div.error strong { color: #8A1F11; }
div#advisorCanvas div.advisor { width: 140px; height: 320px; background: url(../images/background-advisor.png) no-repeat; }

div#advisorCanvas label { margin: 0 0 4px 0; display: block; width: 200px; }
div#advisorCanvas label.radio { padding-left: 18px; width: auto; margin-right: 20px; }
div#advisorCanvas label.radio input { float: left; margin-left: -18px; }
div#advisorCanvas input[type=text],
div#advisorCanvas input[type=password] { width: 280px; margin: 0 2px 4px 0; float: left; }
div#advisorCanvas input[type=checkbox],
div#advisorCanvas input.radio { margin: 0 2px 0 0; vertical-align: middle; }
div#advisorCanvas input[disabled] { background: #E8E8E8; }
div#advisorCanvas select { margin: 0 2px 4px 0; padding: 0.15em; }
div#advisorCanvas input.error,
div#advisorCanvas select.error { border: 1px solid #FB8E7F; background: #FBE3E4; color: #8A1F11; padding: 0.3em 0.4em 0.15em; }
div#advisorCanvas em { display: block; font-size: 0.9em; }

div#advisorCanvas input#field_url_domain { width: 156px; }
div#advisorCanvas input#field_url_subdomain { width: 145px; }
div#advisorCanvas input#field_authcode { width: 100px; margin-left: 10px; }
div#advisorCanvas select#field_tld { width: 60px; }
div#advisorCanvas input#field_password,
div#advisorCanvas input#field_password2 { width: 280px; }
div#advisorCanvas input#field_name_first { width: 100px; }
div#advisorCanvas input#field_name_last { width: 168px; }
div#advisorCanvas input#field_street { width: 235px; }
div#advisorCanvas input#field_street_nr { width: 33px; }
div#advisorCanvas input#field_zipcode { width: 50px; }
div#advisorCanvas input#field_city { width: 126px; }
div#advisorCanvas select#field_country { width: 90px; }
div#advisorCanvas select#field_bank { width: 292px; }

div#advisorCanvas div#typeCompany,
div#advisorCanvas div#countryNL,
div#advisorCanvas div#countryOther { overflow: hidden; margin-bottom: 0; }

div#advisorCanvas div#domainRegister,
div#advisorCanvas div#domainTransfer,
div#advisorCanvas div#domainTransferAuthcode { overflow: hidden; height: 0; margin: 0 0 0 204px; font-style: italic; }
div#advisorCanvas div#domainRegister img,
div#advisorCanvas div#domainTransfer img,
div#advisorCanvas div#domainTransferAuthcode img { vertical-align: middle; margin: 0 2px 2px 0; }

div#advisorCanvas a.toggle_iban_lookup { display: block; position: relative; width: auto; clear: both; padding: 0 8px 4px 0; text-align: right; font-style: italic; }
div#advisorCanvas div#iban_lookup { width: 180px; margin: 0 8px 0 0; position: absolute; left: 560px; bottom: 10px; }
div#advisorCanvas div#iban_lookup img { margin-left: -57px; margin-top: -55px; }
div#advisorCanvas div#iban_lookup div { border: 1px solid #0094ce; padding: 5px 0 0 5px; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
background: #97d6ed; /* Old browsers */
background: -moz-linear-gradient(top, #97d6ed 0%, #35a3cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97d6ed), color-stop(100%,#35a3cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #97d6ed 0%,#35a3cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #97d6ed 0%,#35a3cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #97d6ed 0%,#35a3cc 100%); /* IE10+ */
background: linear-gradient(to bottom, #97d6ed 0%,#35a3cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d6ed', endColorstr='#35a3cc',GradientType=0 ); /* IE6-9 */
}
div#advisorCanvas div#iban_lookup input { width: 156px; margin-bottom: 5px; float: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e8e8e8; outline: none; }
div#advisorCanvas div#iban_lookup a.button { width: 150px; float: none; margin: 0 0 5px 0; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  background: #fda12f; /* Old browsers */
  background: -moz-linear-gradient(top, #fda12f 0%, #d96903 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fda12f), color-stop(100%,#d96903)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fda12f 0%,#d96903 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fda12f 0%,#d96903 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fda12f 0%,#d96903 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fda12f 0%,#d96903 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda12f', endColorstr='#d96903',GradientType=0 ); /* IE6-9 */
}
div#advisorCanvas div#iban_lookup a.button:hover {
  background: #f68700; /* Old browsers */
  background: -moz-linear-gradient(top, #f68700 1%, #ac5000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f68700), color-stop(100%,#ac5000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f68700 1%,#ac5000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f68700 1%,#ac5000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f68700 1%,#ac5000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68700', endColorstr='#ac5000',GradientType=0 ); /* IE6-9 */
}

/* DemoInstaller - Register install */
div.DemoInstallerModule div.register-installAction div.relative { height: 190px; }
div.DemoInstallerModule div.register-installAction div.loading,
div.DemoInstallerModule div.register-installAction div.error { width: 825px; height: 125px; margin: 20px 0 0 0; padding: 20px; font-size: 2em; line-height: 1.3em; position: absolute; }
div.DemoInstallerModule div.register-installAction div.loading { height: 85px; padding-top: 60px; background: #D9F3FF; border: 2px solid #1C92CB; color: #1C92CB; text-align: center; }
div.DemoInstallerModule div.register-installAction div.loading img { vertical-align: middle; margin: 0 10px 0 0; }

/* Comment module */
div.CommentModule div.commentsAction div.comment-child { padding-left: 20px; }
div.CommentModule div.commentsAction div.comment { border-top: none; padding: 0; clear: both; }
div.CommentModule div.commentsAction div.comment div.tip { border-bottom: 10px solid #D7E9F5; border-right: 10px solid #FFF; width: 0; margin-left: 30px; }
div.CommentModule div.commentsAction div.comment div.top { background: #D7E9F5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.CommentModule div.commentsAction div.comment div.top div.name { font-size: 1.1em; color: #009DD5; padding-left: 6px; }
div.CommentModule div.commentsAction div.comment div.top div.number { display: none; }
div.CommentModule div.commentsAction div.comment div.top div.admin-info,
div.CommentModule div.commentsAction div.comment div.top div.admin-info a { color: #009DD5; } 
div.CommentModule div.commentsAction div.comment div.top div.admin-info { padding-left: 10px; font-size: 1em; }
div.CommentModule div.commentsAction div.comment div.top div.admin-info a:hover { text-decoration: none; }
div.CommentModule div.commentsAction div.comment div.text { padding: 10px 0 0; }
div.CommentModule div.commentsAction div.comment div.tools { position: static; float: right; }
div.CommentModule div.commentsAction div.comment div.tools a { color: #009DD5; text-decoration: underline; }
div.CommentModule div.commentsAction div.comment div.tools a:hover { text-decoration: none; }

div.CommentModule div.commentsAction form#add_comment { margin-top: 10px; clear: both; padding-left: 20px; }
div.CommentModule div.commentsAction form#add_comment hr { display: none; } 
div.CommentModule div.commentsAction form#add_comment textarea#comment_text { margin-bottom: 10px; }
div.CommentModule div.commentsAction form#add_comment a.cancel {  color: #FFF; background: #009DD5; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 10px 4px 7px; text-decoration: none; font-weight: bold; line-height: 1.3em; } 
div.CommentModule div.commentsAction form#add_comment a.cancel:hover { background: #00AAE6; }
div.CommentModule div.commentsAction form#add_comment button#comment_submit { float: right; margin: 0 24px 0 10px; }

/* GEKOZEN PAKKET NOTIFICATION */
div.success.pakket { font-size: 1.4em; background: #E6EFC2 url(../images/success.png) 15px 50% no-repeat; padding-left: 50px; }
div.success.pakket strong { color: #000; }

/* PAKKET AANVRAGEN */
.pakket-box { width: 195px; padding: 20px; float: left; margin: 20px -1px 20px 0; border: 1px solid #ddd; height: 490px; position: relative;}
.pakket-box ul { margin: 0; padding: 0;  list-style: none; } 
.pakket-box ul li { background: url(../images/pakket-list-item.png) 0 50% no-repeat; padding-left: 20px; line-height: 26px;  color: #333;  font-size: 1em; }
.pakket-box ul li.strong {color:#01A6E7;}
.pakket-box a.button { position: absolute; left: 35px; padding: 5px 10px; bottom: 20px; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2em;  text-transform: uppercase; margin-top: 10px;  background: url(../images/button-uitproberen.png) top repeat-x;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pakket-box.upgrade-pakket a.button {padding: 8px 20px; left: 55px;}
.pakket-box a.button:hover {background: url(../images/button-uitproberen.png) bottom repeat-x;}
.pakket-box a#extra-aanvraag {background: url(../images/pakket-callout-button.png) top repeat-x; }
.pakket-box a#extra-aanvraag:hover {background: url(../images/pakket-callout-button.png) bottom repeat-x;}
.mijn-keuze {position: absolute; top: 0; right: -20px; background: url(../images/mijn-keuze.png) no-repeat; width: 117px; height: 119px; z-index: 1;}

div.addthis_toolbox { padding-top: 5px; }
