/**********************************************/
/*   GLOBAL Printer Stylesheet file for Payter.com    */
/*   Version: 1.0                             */
/*   november 2006                            */
/*                                            */

html, body{margin: 0px; padding: 0px;}
body {background: #fff url(../img/bg.gif) repeat-x top left; text-align: center; font-family: Arial, Helvetica, Sans-serif; font-size: 70%;}
td {vertical-align: top;}
img {border: 0;}
form {margin: 0;}
h1 {margin: 0; padding: 0;}
h2 {margin: 0; font-style: normal; font-size: 120%; color: #03b5e9;}
hr {width: 480px; margin: 0px; padding: 0px; clear: both;}
fieldset {margin-top: 15px; display: block; border: 0px;}
input, select, textarea {font-family: Arial, Helvetica, Sans-serif; font-size: 8pt;}
legend {font-weight: bold; margin-left: -9px; color: #03b5e9;}
a {color: #03b5e9;}
a:hover {text-decoration: none;}

input:hidden {display: none;}
.logo {display: block;}
.btn, .btnnext, .btnback {display: none;}
.print {display: none;}
.clear {clear: both; display: block; font-size: 1px; line-height: 1px;}
.alt {display: none;}

/* speciale classes voor kleine text aanpassingen; bijv. in aanbiedingen */
.vraag {padding: 7px 0 0 5px;}
.verplicht, .mandatory {float: left; color: #03b5e9; font-weight: bolder; font-size: 1.6em; margin-left: -13px;}
.verplichtnormal, .mandatorynormal {color: #03b5e9; line-height: 24px;}

/* verplicht teken speciaal voor Opwaarderen*/
.verplichtOpwaarderen, .mandatoryOpwaarderen {float: left; color: #03b5e9; font-weight: bolder; font-size: 1.6em; margin: 0;}

/* algemene tekst paragraaf met eventueel begeleidend img */
.introTekst {display: block; }
.introImg {display: block;  float:right;text-align: right; position: relative;}
.introImg img {padding-bottom: 5px; border-bottom: solid 1px #03b5e9;}


.printbtn {display:none;}


#containerBottom,#myPayterFlash,#tickerbar  {display:none;}

.linksLijnen {text-align: left;}
.middenLijnen {text-align: center;}
.rechtsLijnen {text-align: right;}
.floatLeft {float: left;}
.centered {text-align: center;}
.widthMedium {width: 250px;}
.widthLarge {width: 500px;}
.strikethrough {text-decoration:line-through}
.lightBlue {color:#03b5e9;}
.bigText {color:#03b5e9; font-size: 2em;}
.whiteText {color: #fff;}


/* Table display layout
-------------voor enkele hackvrije layout issues-----*/
/*baseclass voor tableCell*/
.divCell{display:table-cell;float:left;}
/*baseclass voor tableRow */
.divRow{display:table-row;float: none;}
/* divRow met logo en globalnav hooghte van 86 zodat menu mooi wordt uitgelijnd*/
.divRowLogo{height: 86px;}

#container {text-align: left; margin: auto; width: 80%;}
#header {display: block;}
#globalnav {display: none;}
#flashdiv {display: none;}
#divFlashNav {display: none;}
#subnav {display:none;}
#content {width: 100%; display: block; clear: both; margin-top: 20px;}
#col1 { float: left; display: block; width: 100%}
#col2 {display: none;}
#contentfooter {display:none;}

#col1_top {margin: 0px; padding: 0px; display: block; }
#col1_content .animatie {display:none;}

/*divRow voor de Content block is om te zorgen dat hij de padding doet table-row heeft dat in ff niet */
.divRowContent{ display:block; padding:0px 20px; height:20px; line-height:18px}
.divRowAlignRight{text-align:right;}
/*divRow voor de title van de Content */
.divRowContentTitle{height:auto; line-height:normal;}
/*divRow voor de Content met lichtblauwe achtergrond */
.divRowContentBlue{background:#dcebf3; border-bottom:solid 1px #fff; width: 321px;}
/*divRow voor de Content speciaal voor aanbiedingen pagina */
.divRowContentArtikelBlue {background:#dcebf3; width: 323px;}
.divRowContentArtikelBlue { _width: 363px; } /* IE4 t/m 6 heeft een andere breedte nodig */
*+html .divRowContentArtikelBlue {width: 361px; } /* IE7 heeft dezelfde breedte als IE4t/m6 nodig met andere aanroep */
.divRowContentArtikel{float: left; width: 250px;}
.divRowContentBetaalmethode {display: block; padding: 0px 20px; line-height: 18px;}

/*baseclass voor cell*/
.divCell{display:table-cell;float:left;}
/*divcell voor GlobalNav*/
.divCellGlobalNav{width:594px;text-align:right;}
/*divcell voor middlecontent width=365-2x10 voor padding en -4px voor border */
.divCellColMiddle{width:341px; margin: 0;}
/*divcell voor blauwe border boven in middlecontent*/
.divCellColMiddleInner{width: 100%; border-top: solid 4px #03b5e9}
/*divcell voor padding in middlecontent table omdat er rows en cells in komen
    -4px voor de border*/
.divCellColMiddleContent{width:100%; text-align:left; display:table;}

/*zijn de divs in de cellContent*/
.divCellContentLeft{width:130px; clear: left;}
.divCellContentMiddle {width: 10px;}
.divCellContentRight{font-weight:bold; clear: right;}
.divCellContentButtonRight{text-align:right;float:right;}
.divCellContentArtikelLeft {width: 100px; padding: 5px;}
.divCellContentArtikelMiddle {width: 145px; padding: 5px;}
.divCellContentArtikelRight {width: 85px; padding: 5px; float: right;}
.divCellContentArtikelButtons {width: 185px; padding: 5px; float: right;}

/* Tables in My.Payter ,zoals in Spaarpunten
--------------------------------------------*/
table {border-collapse:collapse;}
th {background-color: #03b5e9; color: #fff; border: solid 2px #03b5e9; padding: 5px; text-align:center;}
td { border: solid 1px #03b5e9; padding: 2px;}
.breed {width: 150px;}
.small {width: 10px;}
.lineTop {border-top: solid 2px #03b5e9;}

#spaarpunten {width: 500px;}

#transacties {width: 500px;}

#adresboek {width: 265px;}
#adresboek td, th {width: 88px;}
#adresboek input {border: solid 1px #000; width: 65px; font-size: .8em; padding: 0;}
.witteRand {border-color: #fff;}

#forum td {padding: 5px;}
.forumpost {width: 280px;}

#zoekresultaten, #zoekresultaten td, #zoekresultaten tr {border: 0px;}
#zoekresultaten tbody td {padding: 1px 0 0 5px; line-height: 19px; border-bottom: solid 1px #ddd;}
#zoekresultaten thead tr {background-color: #d9e7e9; border: solid 1px #d9e7e9;}
#zoekresultaten thead td {padding: 7px 0 0 5px; border-bottom: solid 1px #ddd; line-height: 20px; height: 20px;}
#zoekresultaten tbody tr {height: 39px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}

#specs {display: block; clear: both; margin-left: 20px; padding-right: 20px;}
#specs table {width: 250px;}
#specs td {width: 125px;}

#producten, #doelgroepen {width: 520px;}
#gebruikersaccounts {width: 320px;}
#producten .active {color: #000; font-weight: bold; text-decoration: none;}
.smallTableCell {width: 100px;}
.largeTableCell {width: 150px;}
.witteRand {border-color: #fff;}
.clickableRow {cursor: pointer;}
.clickableRowOver {cursor: pointer; background: #D9E7E9;}
.selectedRow {background: #D9E7E9 url(../img/selected.gif) 0 1px no-repeat; padding-left: 16px;} 


/* Forms
----------------------------------------*/
.opwaarderen {padding: 10px;}
.opwaarderen input, select {border: solid 1px #03b5e9; font-weight: bold; color: #032b61; padding: 0 0 0 2px; width: 100px;}
.opwaarderen .radio {width: auto; border: 0;}
.opwaarderen label.radio {margin-left: 2px; line-height: 16px; margin-top: 0px;}
.opwaarderen #vervalmaand {width: 41px; padding: 0; margin: 0 3px 0 0;}
.opwaarderen #vervaljaar {width: 60px; padding: 0; margin: 0;}

.cadeau label {width: 160px; float: left; clear: left; margin-top: 5px;}
.cadeau #aanhef {margin-top: 0;}
.cadeau input, select, textarea {width: 200px; border: solid 1px #03b5e9; float: left; margin-top: 5px; font-family: Arial, Helvetica, Sans-serif; font-size: 1em;}
.cadeau fieldset {display: block; clear: both;}
.cadeau legend {font-style: italic;}
.cadeau span.radio input {width: auto; border: 0; clear: none; float: left; margin-top: 0px; margin-left: 2px; height: 28px;}
.cadeau label.radio {margin: -1px 2px; line-height: 16px; _margin-top: 2px;}

.geld label {width: 160px; float: left; clear: left; margin-top: 5px;}
.geld input, select {width: 100px; border: solid 1px #03b5e9; float: left; margin-top: 5px;}
.geld .vraag {line-height: 23px;}
.geld a {margin-left: 0px; _margin-left: -3px;} /* hack om de knop onder het formulier uit te lijnen */

.afleveradres label {width: 160px; float: left; clear: left; margin-top: 5px;}
.afleveradres input, select {width: 100px; border: solid 1px #03b5e9; float: left; margin-top: 5px;}
.afleveradres .vraag {line-height: 23px;}

.nieuwe_thread {width: 255px;}
.nieuwe_thread label {width: 100px; float: left; clear: left; margin-top: 5px;}
.nieuwe_thread input {width: 150px; border: solid 1px #03b5e9; float: left; margin-top: 5px;}
.nieuwe_thread textarea {clear: left; width: 250px;}
.nieuwe_thread .btnNext {float: right; margin-right: 1px;}

/* specifieke faq eigenschappen voor MyPayter; de rest komt uit global.css */
.faq {width: 333px; border-top: 0; background:#fff;}
.faq fieldset {width: 323px;}

/* specifieke myprofile eigenschappen voor MyPayter; de rest komt uit global.css */
.myprofile {background:#ffffff;}

.newproduct {width: 400px;}
.newproduct label {width: 160px; float: left; clear: left; margin-top: 5px;}
.newproduct input, select, textarea, #afbeelding {width: 200px; border: solid 1px #03b5e9; float: left; margin-top: 5px;}
.newproduct select, #afbeelding {width: 204px;}
.newproduct .btnNext {float: right; margin-right: 1px;}

.nieuweactie #korting, .nieuweactie #actiespaarpunten, .nieuweactie #kassacode {width: 84px;}
.nieuweactie textarea, select #afbeelding {width: 202px; font-family:Arial, Helvetica, Sans-serif; font-size: 1em;}
.nieuweactie .tot {width: 23px; text-align: center; line-height: 25px; clear: none; float: left;}
.nieuweactie .error {clear: left; margin-left: 0px;}
.nieuweactie input, select, textarea, #afbeelding {width: 200px; border: solid 1px #03b5e9; float: left; margin-top: 5px;}

#doelgroepprofiel {position: relative; float: left; background: #0d8cb5; width: 371px; margin: 0;}
#doelgroepprofiel label {line-height: 26px; background: #fff; padding-left: 1px; width: 159px; margin: 0 3px 0 0;}
#doelgroepprofiel select {line-height: 26px;}
#doelgroepprofiel .geboortedatumkind {margin-bottom: 3px;}
#doelgroepteller {position: absolute; top: 20px; left: 184px;}
#doelgroepteller {_margin-top: 20px; _margin-left: 184px;} /*IE6 heeft extra margin vanaf links en boven nodig*/
*+html #doelgroepteller {margin-top: 20px; margin-left: 184px;} /*IE7 heeft extra margin vanaf links en boven nodig*/

/* specifieke faq eigenschappen voor MyPayter; de rest komt uit global.css */
.faq {width: 333px; border-top: 0; background:#fff;}
.faq fieldset {width: 323px;}

/* zoek winkels 
--------------------------------------*/
/* opmaak voor de paginadoorloop in de zoekresultaten pagina */
#browsepaginas {width: 493px; background-color: #f0f1f2; text-align: right; line-height: 25px;}
#browsepaginas #browsetrough {margin-right: 10px;}
#browsepaginas #browsetrough a {color: #03b5e9; text-decoration: none;}
#browsepaginas #browsetrough a.active {color: #000; font-weight: bold;}

/* opmaak voor de gevonden winkels vanuit zoekformulier */
#zoekresultaten {width: 493px; border-collapse: collapse; margin: 5px 0 5px 0; _border: solid 1px #ddd;}
#zoekresultaten tbody td {padding: 1px 0 0 5px; line-height: 19px; border-bottom: solid 1px #ddd;}
#zoekresultaten thead tr {background-color: #d9e7e9; border: solid 1px #d9e7e9;}
#zoekresultaten thead td {padding: 7px 0 0 5px; border-bottom: solid 1px #ddd; line-height: 20px; height: 20px;}
#zoekresultaten tbody tr {height: 39px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
#zoekresultaten a {color: #03b5e9;}

/* Login pagina
------------------------------------------*/
#login {width: 750px; margin: 0 auto;}

#login div#header {height: 196px;}
#login div#header img.illustratie {float: left; margin: 10px 0 0 35px;}

#login .innerdiv {width: 353px; height: 200px; background: url("../img/login_bg.gif") no-repeat top left; margin: auto; text-align:left; padding: 15px;}
#login .innerdiv h1 {margin-bottom: 20px; color: #fff;}
#login .innerdiv br {line-height: 22px;}
#login .innerdiv .ipblock {display: block; width:320px; color:#fff; font-weight:bold;}

#login td {border:0;}/* panel wordt in FF gerenderd als table; hiervoor een speciale opmaak */

#login label {float: left; width: 120px; line-height: 18px; font-weight: bold; color: #fff; clear: left;}
#login input {float: left; width: 120px; line-height: 15px; font-size: 1em; height: 18px; margin: 1px 0px 1px 0px; border: solid 1px #032b61;}
#login .btn {line-height: 22px;}

#login .errormsgs {display: block; color: #d40000; line-height: 20px;}
#login .errormsgs span {color: #d40000 !important;background: #dde3eb; clear: left !important; padding: 2px; font-weight: bold;}

#login .checkbox {clear: left; float: left;}
#login .checkbox input {width: auto; margin: 0 2px 0 0; height: 13px; border: 0;}
#login .checkboxlabel {width: auto; clear: right; line-height: 15px; margin: 0;}

#login p {clear: both; display: block; padding-top: 20px;}
#login p a {font-weight: bold; color: #FFF; margin-right:40px;}

/* de links op het login panel */ 
#loginLinks {margin-top: 30px;}
#loginLinks a{font-weight: bold; font-size: 1.1em; color: #FFF; margin-right:40px;}


/* Forms 
---------------------------------------*/
/* dynforms */
.aanmelden .dfDateDay {width: 50px;}
.aanmelden .dfDateMonth {width: 50px;}
.aanmelden .dfDateYear {width: 80px;}
.aanmelden .group10 legend {display: none;}
.aanmelden .group40 legend {display: none;}
.aanmelden .optin label {width: auto; clear: none; line-height: 15px;} 
.aanmelden .optin input {width: auto; height: 13px; clear:left;} 

/* account aanmelden formulier */
.aanmelden, .profiel .contact, .ww_vergeten, .geheimevraag, .faq, .activate {border-top: solid 0px #03b5e9; color: #032b61; margin: 0; padding: 10px; padding-left: 15px; /* height: 100%; width: 478px;*/}
.profiel {border-top: 0; width: 340px; background: #fff;}
.aanmelden fieldset, .profiel fieldset, .nieuweactie fieldset {margin-top: 10px; padding: 0;}
.aanmelden label, .profiel label, .nieuweactie label {clear: left; width: 160px; float: left; margin: 2px 4px 1px 0;}
.aanmelden input, .profiel input, .nieuweactie input, .activate input {float: left; margin: 4px 4px 0 0; width: 200px;}
.aanmelden select, .profiel select, .nieuweactie select {width: 205px; margin-top: 4px;}
.aanmelden .radio, .profiel radio {clear: none; width: auto; margin-left: 2px;}
.aanmelden label.radio, .profiel label.radio { line-height:20px; margin-top: 0px; _margin-top: 5px;}
.aanmelden .straat {width: 141px;}
.aanmelden .plaats {width: 141px;} 
.aanmelden .huisnr {width: 50px;} 
.aanmelden .postcode {width: 50px;}
.aanmelden a, .profiel a {float: left; clear: none;}
.aanmelden .inlineTekst {line-height: 20px; margin: 0px 2px 0px 0px;}
.aanmelden .geboortedatumkind, .nieuweactie .geboortedatumkind {width: 67px; margin-right: 2px;}
.aanmelden .formatTekst {float: left; clear: none;}
.aanmelden table {width: 100%;}
.aanmelden table th {padding: 15px 0 2px 0;}
.aanmelden table td {border-bottom: solid 1px #cecece; padding: 2px 0;}
.remark {color: #03b5e9; line-height: 22px;}
.error {clear: both; color: Red; display: block; padding-left: 165px;}
.errorOptin {clear: both; display: block; padding-left: 24px;}

.aanmelden_small label {clear: left; width: 140px; float: left; margin: 2px 4px 1px 0;}
.aanmelden_small input {float: left; margin: 4px 4px 0 0; width: 165px;}
.aanmelden_small select {width: 170px; margin-top: 4px;}
.aanmelden_small .straat {width: 110px;}
.aanmelden_small .plaats {width: 110px;} 
.aanmelden_small .huisnr {width: 45px;} 
.aanmelden_small .postcode {width: 45px;}
.aanmelden_small .dfDateDay {width: 40px;}
.aanmelden_small .dfDateMonth {width: 40px;}
.aanmelden_small .dfDateYear {width: 65px;}

/* los vinkje voor interesses aanbiedingen */
#persaanbvink { clear: both; width: 100%; margin: 0px; padding: 0px;}
#persaanbvink input { float: left; width: auto; height: 13px;}
#persaanbvink label {width: auto; clear: none; line-height: 16px;}

/* subset voor categorievragen */
.aanmelden .subset, .profiel .subset, .nieuweactie .subset {display: block; margin: 0; padding: 0;}
.aanmelden .subset .a input, .profiel .subset .a input, .nieuweactie .subset .a input {clear: none; float: left; width: 13px; padding: 0; margin-top: 0;}
.aanmelden .subset .a label, .profiel .subset .a label, .nieuweactie .subset .a label {clear: none; float: left; width: 130px; line-height: 20px; margin: 0; padding: 0;}
.aanmelden .subset .a, .profiel .subset .a, .nieuweactie .subset .a {clear: none; float: left; width: 300px;  margin: 0 0 20px 0; padding: 0; line-height: 20px;}
.aanmelden .subset .q, .profiel .subset .q, .nieuweactie .subset .q {clear: none; float: left; width: 150px; margin: 0; padding: 0;}
.aanmelden .subset label.anders, .profiel .subset label.anders, .nieuweactie .subset label.anders {clear: none; width: auto; margin: 0 2px 0 2px;}
.aanmelden .subset input.anders, .profiel .subset input.anders, .nieuweactie .subset input.anders {width: 15px; margin: 0;}
.aanmelden .subset .extrainfo, .profiel .subset .extrainfo, .nieuweactie .subset .extrainfo {clear: left; text-align: right;}
legend.interessecat {cursor: pointer; font-weight: bolder; padding: 0; color: #032b61; display: block; border-bottom: solid 1px #03b5e9; padding: 0 0 2px 2px; margin-bottom: 4px;}
legend.min {padding-left: 15px; background: transparent url(../img/min.gif) 2px -4px no-repeat;}
legend.plus {padding-left: 15px; background: transparent url(../img/plus.gif) 2px -4px no-repeat;}

.profiel input.anders {border: solid 1px #032b61;}

/* aparte instellingen voor akkordvinkje binnen het aanmeldformulier */
.aanmelden #akkoordvinkjes {clear: both;}
.aanmelden #akkoordvinkjes input {margin: 0px; padding: 0px; clear: left; float: left; width: auto; height: 20px;}
.aanmelden #akkoordvinkjes label {margin: 0px 0px 0px 2px; padding: 0px; clear: none; float: left; width: auto; line-height: 20px;}
.aanmelden #akkoordvinkjes a {margin: 3px 0px 0px 2px;}

/* aparte instellingen voor geheimevraag formulier */
.geheimevraag label {clear: left; width: 160px; float: left; margin: 2px 4px 1px 0px;}
.geheimevraag input {float: left; margin: 4px 4px 0 0; width: 200px;}
.geheimevraag select {width: 205px; margin-top: 4px;}

/* aparte instellingen zoekformulier */
.zoeken {float: right; display: block; width: 140px; height: 210px; background: url(../img/grey_gradient_bg.png) top left repeat-x; padding: 10px 5px; text-align: left;}
.zoeken legend {display: none;}
.zoeken label {font-weight: bold;}
.zoeken select, 
.zoeken input {margin: 0px; width: 125px; font-weight: bold;}
.zoeken select {color: #666;}
.zoeken #postcode {width: 130px;}
.zoeken #plaats, #winkelgebied {width: 135px;}
.zoeken #winkelgebied {display: none;}

/* aparte instellingen voor ww_vergetenformulier */
.ww_vergeten label {clear: left; float: left; width: 160px; margin: 4px 0px 4px 0px;}
.ww_vergeten input, select {float: left; clear: right; width: 200px;}
.ww_vergeten select {width: 205px;}

/* aparte instellingen voor ww_vergetenformulier */
.activate label {clear: left; float: left; width: 180px; margin: 4px 0px 4px 0px;}
.activate .error {padding-left: 180px;}

/* aparte instellingen voor faqformulier */
.faq fieldset {border: solid 1px #ddd; padding: 0; margin:0;}

.faq label {width: auto; line-height: 19px; margin: 5px; float: left; font-weight: bold;}
.faq select {width: 190px; margin: 5px 5px 4px 0; float: left; color: #032b61}
.faq input {float: left;}
.faq fieldset .btn {width: auto; float: left; margin:5px 0 4px 0;}

.faq ol {padding: 0 0 0 20px; margin: 0 0 0 8px;}
.faq li {line-height: 18px;}
.faq li a {color: #012a60;}
.faq li a:hover {color: #03b5e9; text-decoration: none;}


/* aparte instellingen voor contactformulier */
.contact {border-top: solid 0px #03b5e9; color: #032b61; margin: 0; padding: 5px 10px 5px 10px; }
.contact textarea {clear: left; width: 365px;}
.contact .verplicht, .contact .mandatory {float: left; color: #03b5e9; font-weight: bolder; font-size: 1.6em; margin: 5px 0px 0px -13px;}
.contact label {clear: left; width: 160px; float: left; margin: 2px 4px 1px 0px;}
.contact fieldset input {float: left; margin: 4px 4px 0 0; width: 200px;}
.contact select {width: 205px; margin-top: 4px;}
.contact .group1 legend, .contact .group1 .verplicht, .contact .group1 .mandatory {display: none;}
.contact .group1 label {font-weight: bold; color: #03b5e9;}
.contact .group1 .error {padding-left: 0;}

/* aparte instellingen voor newsletterformulier */
.newsletter {border-top: solid 0px #03b5e9; color: #032b61; margin: 0; padding: 5px 10px 5px 10px; }
.newsletter textarea {clear: left; width: 365px;}
.newsletter .verplicht, .newsletter .verplichtnormal {display: none;}
.newsletter .mandatory {float: left; color: #03b5e9; font-weight: bolder; font-size: 1.6em; margin: 5px 0px 0px -13px;}
.newsletter label {clear: left; width: 160px; float: left; margin: 2px 4px 1px 0px;}
.newsletter fieldset.group1 { margin-bottom:-30px;}
.newsletter fieldset input {float: left; margin: 4px 4px 0 0; width: 200px;}
.newsletter select {width: 205px; margin-top: 4px;}
.newsletter .group1 legend {display: none}
.newsletter .group1 .error {padding-left: 0;}

/* aparte instellingen voor evaluatieformulier */
.evaluatie {border-top: solid 0px #03b5e9; color: #032b61; margin: 0; padding: 5px 10px 5px 10px; }
.evaluatie textarea {clear: left; width: 365px;}
.evaluatie .verplicht, .evaluatie .verplichtnormal {display: none;}
.evaluatie .mandatory {float: left; color: #03b5e9; font-weight: bolder; font-size: 1.6em; margin: 5px 0px 0px -13px;}
.evaluatie label {clear: left; width: 160px; float: left; margin: 2px 4px 1px 0px;}
.evaluatie .straat {width: 141px;}
.evaluatie .huisnr {width: 50px;}
.evaluatie fieldset.group1 { margin-bottom:-30px;}
.evaluatie fieldset input {float: left; margin: 4px 4px 0 0; width: 200px;}
.evaluatie select {width: 205px; margin-top: 4px;}
.evaluatie .group1 legend {display: none}
.evaluatie .group1 .error {padding-left: 0;}

/* radiobuttons op formulieren */
span.radio {display: block;}
span.radio input {float: left; clear: none; width: auto; margin-left: 2px;}
span.radio label {float: left; clear: none; width: auto;line-height:24px; }
span.radiovertical {   float:left; }
span.radiovertical label { width:250px !important;line-height:20px !important;  }
/* Webshop
----------------------------------------*/
/* categorielijst bovenaan de webshop */
#categorie {width: 480px; display: block; height: 170px; border-bottom: solid  2px #032b61; border-top: solid 2px #032b61; padding: 5px 0;}
#categorie ul {width: 480px; margin: 10px 0px 10px 0px; padding: 0;}
#categorie li {list-style-type: none; float: left; text-align: left; width: 115px; padding: 1px; margin: 0px 15px 10px 15px; background: #03b5e9;}
#categorie li img {display: block;}

#categorie li a {text-decoration: none; color: #fff; font-weight: bold; font-style: italic;}
.categorielink {background: transparent url(../img/arrow_white.gif) right 8px no-repeat; padding: 5px 3px 3px 6px; width: 103px;}

/* opmaak voor het weergeven van een lijst met artikelen */
#artikelen {width: 480px; display: block; margin: 0px; padding: 5px 0;}
#artikelen ul {width: 480px; height: 100%; margin: 0px; padding: 0px;}
#artikelen li {list-style-type: none; float: left; text-align: left; width: 140px; height: 250px; padding: 10px 10px 0px 10px; margin: 0px; border-bottom: solid 2px #03b5e9;}
#artikelen li img {display: block; border-bottom: solid 1px #03b5e9; padding-bottom: 3px;}
#artikelen li {position: relative;}
#artikelen span a {font-weight: bold; color: #032b61;}
.aanbiedinglink {padding-left: 10px; color: #032b61; background: transparent url(../img/arrow_blue.gif) left 2px no-repeat; display: block;}
.productInfo {height: 86px; overflow-y: hidden;}
#artikelen .divBtnNext,
#artikelen .btn {line-height:22px;}
#artikelen .artikelimg, .introImg .artikelimg {position: absolute; border: 0; top: 85px; left: 125px; float: none; z-index:50; cursor: pointer;}

#bestelformulier  {display: block; margin: 0 20px; width: 90%;}

/* prijsstelling in webshop overzichten */
.prijsstelling {display: block;height:33px;border:solid 1px #03b5e9;margin-bottom: 5px;padding:2px;text-align:right;}
.vanprijs		{font-size:1.1em;font-weight: bold;text-decoration:line-through;}
.voorprijs	{color:#03b5e9;font-size: 1.2em;font-weight: bold;}
.mediumText {font-size: 1.2em;}
#artikelen ul li {height: 300px;}



/* POPUP */
.popInfo {display:none;}


/* NIEUWS component */
.newslist {margin:0 0 0 15px;padding:0;}
.newslist li {display:block; width:250px; list-style:none; margin-bottom:10px;padding-left:10px;background: url(../img/arrow_blue.gif) 0 6px no-repeat;}
.newslist li .newstitle {display:block;font-weight:bold;font-size:1.1em;}
.newslist li .newspubdate {color:#999;margin-right:5px;font-weight:bold;}
.newslist li .newsteaser {}

.newsdetail {display:block;width:90%;}
.newsdetail .introduction {font-weight:bold;margin-top:10px;}
.newsdetail .introduction p {display:inline;}
.newsdetail .introduction .newspubdate {display:inline;color:#999;margin-right:15px;font-size:1.1em;}
.newsdetail .text p {display:block;margin:30px 0;}

/* Panels 
----------------------------------------*/
/* algemene instellingen voor panels */
.panel {display:none;}