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

@import url("nav.css");



/* Global 
------------------------------------------*/
html, body{margin:0px;padding:0px;height:100%;width:100%;}
body {background:#6fcbf2 url('../img/bg_repeat.gif') repeat-x top center;text-align:center; font-family: Arial, Helvetica, Sans-serif; font-size: 70%;}
table {empty-cells:hide;}
td {vertical-align: top;}
img {border: 0;}
form {margin: 0px;padding:0px;background: url('../img/ronding_top.gif') no-repeat top center;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0; font-style: normal; font-size: 120%; color: #03b5e9;}
h3 {margin: 0 0 5px 0; font-style: normal; font-size: 130%; color: #0164A9;}
hr {width: 480px; margin: 0px; padding: 0px; clear: both; height:1px; color:#d5d5d5;}
fieldset {margin-top: 15px; display: block; border: none;}
input, select, textarea {font-family: Arial, Helvetica, Sans-serif; font-size: 8pt;}
legend {font-weight: bold; margin-left: -9px; color: #03b5e9;}
a {color: #03b5e9; outline:none;}
a:hover {text-decoration: none;}

input:hidden {display: none;}
/*logos moeten aan de bovenkant gealigned worden  */
.logo{position:absolute;left:40px;height:146px; top:20px;z-index:10;}

.clear {clear: both; display: block; font-size: 1px; line-height: 1px; height:1px;}
.alt {display: none;}

/* speciale classes voor kleine text aanpassingen; bijv. in aanbiedingen */
.vraag {float: left; 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;}
.verplichttext {font-size: 1.0em; font-weight:normal;  color: #03b5e9;margin-left: -9px;}
.verplichtstar {font-size: 1.6em; font-weight:bold; }

/* 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; clear:both;margin-left: 20px;}
.introImg {display: block; float: right; text-align: right; position: relative;}
.introImg img {padding-bottom: 5px; border-bottom: solid 1px #03b5e9;}

/* print button */
.printbtn {display:block;float:right; width: 125px;padding: 20px 30px 0px 10px;}
.printbtn a {font-weight:bold; color:#0164a9;text-decoration:none;margin:-15px 0 0 5px;padding-left:15px; background:url(../img/icon_print.gif) 0 2px no-repeat;}
.printbtn a:hover {color:#03b5e9;}

.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;}

/* speciale body als er geen background is, zoals bijvoorbeeld popUp */
.bodyNo {background: #fff; text-align: left;}


/* 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;}

/* overall class btn met een links en rechts uitgelijnde button variant */
.btn {font-size: 1.0em; border-right: solid 1px #000; border-bottom: solid 1px #000; text-decoration:none; color:#FFF; background: url("../img/bg_btn.png"); font-weight: bold; padding: 2px 5px 2px 7px; margin: 2px; line-height: 11px;}
a.btn {display:inline-block;padding-top:4px;}

input.btn {border: 0;}

.divBtnBack {display:block;float: left;}
.divBtnNext {display:block;float: right;}

/* buttons div om ze onder aan een pagina over het geheel uit te lijnen */
#divButtonContainer {width: 480px; text-align: left; margin-top: 10px; line-height:20px;}
#divButtonContainer #divPrintText {display: table-cell; float: left; padding: 0px 135px 0px 135px; margin: 2px;}



/* Structure 
----------------------------------------*/
#container {background:url('../img/bg_gradient.png') repeat-y top left;width: 825px; margin: 0 auto; padding:0px ; top:0; text-align: left; }
#containerBottom { background-color: #6fcbf2; width: 825px; height: 41px;}
#header {width:795px;background: #fff url(../img/bg.gif) top left repeat-x;display:block;height: 212px; text-align: right; margin:0px 15px; padding:0px; position: relative;}
#tickerbar { background: #FFFFFF url('../img/bg_ticker.gif') no-repeat center center;height:24px; text-align:center;line-height:23px;}
#tickerbar a{ color:#FFFFFF; font-weight: bold; text-decoration:none; margin:0px 30px;}
#tickerbar a:hover{ color:#6FCBF2; }
#content {position:relative;background-color:#fff;color: #012a60; width: 795px; display: block; clear: both; margin: 0px 15px 0px 15px; padding:0px;}
#col1 {width: 507px; float: right; display: block; margin: 1px 15px 0 0; padding: 0;}
.borderPxOuter {border: solid 0px #e3e3e3;}
.borderPxInner {border: solid 0px #cdcdcd;}
.borderPxNoTop {border-top: 0;} 
#col1_content {width: 503px; height: 100%; padding: 5px;}
#col2 {width: 240px; float: left; display: block; clear: right;}

#myPayterFlash { position:absolute;width:250px; height: 60px; left:378px;margin-top:65px; border-right: 1px solid #D7D8D8;}
#myPayterFlash a,#myPayterFlash h3 { margin-right:10px;}
#myPayterFlash a { text-decoration: none; font-weight:bold;}
#myPayterFlash a:hover {color: #0164A9; }

#divFlashNav {text-align: center; margin-left:-1px;}
#col1_top {margin: 0; padding: 0;width: 490px; height:297px;  text-align: center;border-bottom: solid 1px #ddd; }
#col1_top a {margin:0;padding:0;}
#col1_top img {margin:0;padding:0; margin-bottom:-3px;}
#col1_top object {margin-bottom:-3px;}
#col1_kern {margin: 10px; width: 470px;}
#col1_kern li { list-style-position:inside; margin-left:5px;font-size:11px;}
#col1_kern li a { font-size:11px;  }

#col1_kern  #youtube {display:block; float:right; }
#col1_kern  #youtube .caption { display:block; clear:both; width:470px; background-color:#eee; padding-left:5px; margin-bottom:10px; font-size:0.9em;}
#activate.eureka {margin-left:-10px;}

/* Contentfooter
---------------------------------------*/
#contentfooter {width: 497px; height: 54px; text-align: center; display: block;}
#contentfooter ul {height: 54px; background: transparent url(../img/nl_contentfooter.gif) no-repeat top left; margin: 0; position: relative;}
#contentfooter li {list-style: none; position: absolute; top: 0; margin: 0; padding: 0;}
#contentfooter li,
#contentfooter a  {height: 54px; display: block;}
#contentfooter li a {text-indent: -9999px;}

#footerwat		{left: 7px; width: 157px;}
#footerhoe	{left: 168px; width: 160px;}
#footerwaar		{left: 331px; width: 160px;}

#footerwat a:hover 	{background: transparent url(../img/nl_contentfooter.gif) -7px -54px no-repeat;}
#footerhoe a:hover {background: transparent url(../img/nl_contentfooter.gif) -168px -54px no-repeat;}
#footerwaar a:hover 	{background: transparent url(../img/nl_contentfooter.gif) -331px -54px no-repeat;}

#footerwat a.active 	{background: transparent url(../img/nl_contentfooter.gif) -7px -54px no-repeat;}
#footerhoe a.active 	{background: transparent url(../img/nl_contentfooter.gif) -168px -54px no-repeat;}
#footerwaar a.active 	{background: transparent url(../img/nl_contentfooter.gif) -331px -54px no-repeat;}

/* 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 {position:relative;width: 750px; margin: 0px auto;z-index:99;}

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

#login .innerdiv {width: 353px; height: 200px; background: #70cbf2 url("../img/login_bg.gif") no-repeat top center; margin: auto; text-align:left; padding: 140px 15px 15px 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 {display:block; line-height:12px;padding:3px 6px; margin-top:4px;}

#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 {display:block;margin-top: 30px;}
#loginLinks a{font-weight: bold; font-size: 1.1em; color: #FFF; margin-right:40px;}

.LblAfmelden { width: auto !important; margin-right: 2px !important;}

/* 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;  position:relative; /* 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; width:auto;}
.errorOptin {clear: both; display: block; padding-left: 24px;}

.aanmelden_small {border:0;background:#fff;}
.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;}

.input50 {width: 50px;}
.input100 {width: 100px;}

/* kleine POPUP popInfo voor info na questionmark klik */
.popInfo {position:absolute;top:100px !important;left:250px !important;z-index: 99; display: none; width: 250px;  }
.popInfoShadowContainer {position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px;}
.popInfoShadowContainer .shadow2,
.popInfoShadowContainer .shadow3,  
.popInfoShadowContainer .popInfoBorder {position: relative; left: -1px; top: -1px;}
.popInfoShadowContainer .shadow1 {background: #F1F0F1;}
.popInfoShadowContainer .shadow2 {background: #DBDADB;}
.popInfoShadowContainer .shadow3 {background: #B8B6B8;}
.popInfoShadowContainer .popInfoBorder {border: solid 1px #999;}
.popInfoShadowContainer .popContent {position: relative; border-top: solid 4px #03b5e9; padding: 5px; background: #fff;}
.popInfoShadowContainer .popContent p {margin: 0 0 5px 0; }
.closePopInfo {position: relative; float: right;}

/* productImage specifiek */
#popInfoProductImage  {width: 300px;}

/* BIZ/wachtwoord vergeten specifiek */
#popInfoWWVergeten  {margin-top:175px;}

/* adresboek POPUP */
#adresboek {position: absolute; margin: 100px 0 0 45px;  z-index: 99; width: 325px; height: 300px; display: none;}
#adresboek iframe {width: 400px; height: 300px; overflow-x: hidden;}
#adresboek .popInfoShadowContainer {width: 402px;}

/* accounts POPUP */
#accounts {position: absolute; margin: 100px 0 0 45px;  z-index: 99; width: 455px; height: 200px; display: none;}
#accounts iframe {width: 450px; height: 200px; overflow-x: hidden;}
#accounts .showPopUpMedium {width: 352px;}

/* adres heeft ander hoogte */
#adres {width: 440px; height: 360px;}
#adres iframe {width: 435px; height: 360px;}

/* Flash melding */
#popupwrapper {display:none;z-index:88;width:100%;min-height:100%;height:100% !important;height:100%;position:absolute;top:0;left:0;background:#fff;opacity: .8;filter: alpha(opacity=80);}
#popInfoFlashNotice {top:0;left:0;width:100%;height:100%;text-align:left;}
#popInfoBorderFlash {margin:200px auto;width:270px;background:#B8B6B8;padding:2px;}
#popInfoFlashNotice .showPopUpMedium {background:#fff;}
#popInfoFlashNotice .showPopUpMedium h2 {margin-top:10px;}

/* grote POPUP */
#payterinfo, #algemenevoorwaarden {position: absolute; margin: 100px 0 0 45px;  z-index: 99; width: 505px; height: 400px; display: none;}
#payterinfo iframe, #algemenevoorwaarden iframe {width: 500px; height: 400px; overflow-x: hidden;}
.showPopUpLarge, .showPopUpMedium {display:block;padding: 0 10px 10px 10px; margin: 0; background:#fff; border-top: solid 4px #03b5e9;}
.showPopUpLarge .closePopInfo, .showPopUpMedium .closePopInfo {margin-top: 10px;}
.showPopUpLarge {width: 452px;}
.showPopUpMedium {width:250px;}
.showPopUp input {height: 13px; margin: 1px 3px 1px 1px; }

/* popUp Eureka */
.layOver {position:absolute;top:200px !important;left:50% !important;width: 500px;margin-left:-250px;z-index: 99; display: none;}
#layOverEureka {background:#fff;border:solid 1px #d5d5d5;padding:15px;text-align:left;}

/* ***** */


/* 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 {margin-bottom: 4px;cursor: pointer;}
legend.interessecat span {display: block;width:350px;  font-weight: bolder; color: #032b61; border-bottom: solid 1px #03b5e9; padding: 0 0 2px 2px; }
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;}
.subset input { background-color: #fff; }

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

/* etenendrinken subset krijgt hier een eigen indeling 
.aanmelden #etendrinken .a label, .profiel #etendrinken .a label, .nieuweactie #etendrinken .a label {width: 270px;}
.aanmelden #etendrinken .a label.anders, .profiel #etendrinken .a label.anders, .nieuweactie #etendrinken .a label.anders {width: auto; }
*/

/* 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;}
.activate input {font-family: Arial, Helvetica, Sans-serif; font-size: 8pt;width: 120px;}
.activate select {margin-top:4px;}

/* aparte instellingen voor faqformulier */
.faq table td {border:0;}

.faq fieldset {border: solid 0px #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;}
.feelgoodies {background:#fff;text-align:right;margin:-1px; padding-top:2px;}

/* 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;}

/* specifieke Powered by balk */
div.poweredbyFG {display:block; clear:both; background:transparent; text-align:right; padding: 10px 20px 0 0;}

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


/* 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;}
.vanprijs2		{font-size:1.1em;font-weight: bold;text-decoration:none;}
.voorprijs	{color:#03b5e9;font-size: 1.2em;font-weight: bold;}
.mediumText {font-size: 1.2em;}
#artikelen ul li {height: 300px;}


/* 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 {padding: 0; margin-bottom: 3px; display: block; float: right;}

/* losse panels opmaak */
#mijnpayter {width: 233px; height: 127px;}
#mobielbetalen {width: 233px; height: 127px;}
#aanbiedingen {width: 233px; height: 127px;}

/* de voortgang die tijdens het aanmelden rechts op de pagina wordt getoond */
#aanmeldproces {float: right; margin: 0; padding: 0; display: block; width: 233px; height: 157px;}

.back { background: url('../img/arrow_back.gif') no-repeat left 4px;  padding-left:10px;margin-left:-10px;margin-top:-32px;position:absolute; text-decoration:none; font-weight:bold; }
.back:hover { text-decoration:underline;}

/* nieuws-panel HOME */
#reclamepanel .newslist li { width:207px;}
#reclamepanel #nieuws_kop { margin-left:12px;margin-bottom:3px; margin-top:1px;}
#reclamepanel .newslist {}
#reclamepanel .newslist .newspubdate { font-weight:normal; }
#reclamepanel .newslist .newstitle { font-weight:normal; font-size:11px; }
#reclamepanel .newslist li { background-position:left 18px; }