/*
  website/css/default.css
  Dennis Verspuij & Peter van der Meer
  Copyright(c) 2005 SpuyMore Web/Applications

  Globaal stylesheet voor de website
*/

HTML, BODY                  { height: 100%; margin: 0; padding: 0 }
body                        { background-color: #008eb0 }
body, table                 { font: normal 12px/17px Verdana, Arial, sans-serif; color: black }
table, form                 { margin: 0px; padding: 0px; border:0px }
td                          { background: transparent }

p                           { margin: 10px 0px }
ul                          { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../img/bullet.gif') }
hr                          { height: 1px; border: none; background-color: #01bbd6; color: #01bbd6 }


h1,
h2                          { font: bold 20px/22px Arial, Helvetica, sans-serif; margin: 0px 0px 4px 0px; color: #BD1A8D }
h3                          { font-size: 16px; margin: 0px 0px 4px 0px; color: #BD1A8D }
h4                          { font-size: 15px; margin: 0px 0px 0px 0px; color: #BD1A8D }
h5                          { font-size: 12px; margin: 0px 0px 4px 0px; color: #BD1A8D }
h5.lijn                     { margin-top: 8px; padding-top: 8px; border-top: 1px solid #01bbd6 }
h6                          { font-size: 11px; margin: 0px 0px 4px 0px }

.centercolumn.home h1       { font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 20px }
.centercolumn.home h2       { font-size: 14px; font-style: italic }
h1.shop                     { font-size: 11px; font-weight: normal }

.size11                     { font-size: 11px !important }
a                           { text-decoration: none; color: #bd1a8d }
a:hover                     { text-decoration: underline }

.buttonAsLink               { display: inline; height: auto; text-align: left; background-color: transparent; border: none; padding: 0; margin: 0; color: #bd1a8d; cursor: pointer }
.buttonAsLink:hover         { text-decoration: underline }
.small                      { font-size: 11px; line-height: 16px }

input.text,
textarea.text               { border: 1px solid #ffc20e; margin: 1px; padding: 1px; font-size:13px } /* 01bbd6 */
input.checkbox              { color: #ffc20e; position: relative; top: -1px }
select.normal               { margin: 1px }
select.small                { font-size: 10px }
.radio                      { cursor: pointer }

.centerdiv                  { height: 100%; margin: 0 }
.page                       { background-color: #ffffff; width: 976px; min-height: 100% }
TABLE.maintable             { margin: 0 14px 14px }

.ingelogd										{ font-size: 11px; font-weight: bold; color: #01bbd6 }
td.redborder-left           { border-left: 1px solid #DF0081 }
td.redborder-top            { border-top: 1px solid #DF0081 }
td.redborder-right          { border-right: 1px solid #DF0081 }
td.redborder-bottom         { border-bottom: 1px solid #DF0081 }

td.greenborder-left         { border-left: 1px solid #b5dc10 }
td.greenborder-top          { border-top: 1px solid #b5dc10 }
td.greenborder-right        { border-right: 1px solid #b5dc10 }
td.greenborder-bottom       { border-bottom: 1px solid #b5dc10 }

td.yellowborder-left        { border-left: 1px solid #ffc20e }
td.yellowborder-top         { border-top: 1px solid #ffc20e }
td.yellowborder-right       { border-right: 1px solid #ffc20e }
td.yellowborder-bottom      { border-bottom: 1px solid #ffc20e }

td.blueborder-left          { border-left: 1px solid #008eb0 }
td.blueborder-top           { border-top: 1px solid #008eb0 }
td.blueborder-right         { border-right: 1px solid #008eb0 }
td.blueborder-bottom        { border-bottom: 1px solid #008eb0 }


/* HEADER */
.headerrow                  { height: 144px }
.header                     { background: url('../img/headerbg.jpg') no-repeat }

#header-wm A                { display: block; width: 122px; height: 36px; background: url('../img/winkelmand.gif') no-repeat }
#winkelmand-txt             { font-size: 12px; font-weight: bold; color: black; padding: 8px 10px 2px 0; font-family: Arial, Helvetica, sans-serif }

.tabbar                     { height: 32px }
.tabbar TD                  { padding: 0 }
.tabbar A                   { display: block; margin: 0; width: 96px; height: 28px; background-repeat: no-repeat; background-position: 0 3px }

#im-home                    { background-image: url('../img/m-home.gif') }
#im-info                    { background-image: url('../img/m-info.gif') }
#im-contact                 { background-image: url('../img/m-contact.gif') }
#im-aanmelden               { background-image: url('../img/m-mijnbroekie.gif') }
#im-klant                   { background-image: url('../img/m-mijnbroekie.gif') }
#im-shop                    { background-image: url('../img/m-shop.gif') }

.tabbar A:hover             { background-position: 0 0; text-decoration: none }
.tabbar A.sel,
.tabbar A.sel:hover         { background-position: 0 -30px !important }


/*  Horizontal Dynamic Drop Down Menu */
div.hdmenu                  { position: relative }
div.hdmenu div              { position: absolute;
                              width: 150; /* 428px; */
                              display: none;
                              background-color: #ffffff;
                              border-left: 1px solid #008eb0;
                              border-right: 1px solid #008eb0;
                              border-bottom: 1px solid #008eb0;
                              padding: 3px;
                              text-align: left;
                              font-family: Arial, Helvetica, sans-serif
                            }
div.hdmenu div li           {  }
div.hdmenu div li a.sel     { font-weight: bold }
div.hdmenu div#hmenu0       { left: 210px; top: -8px }

/* filters */
.filtercol                  { height: 524px }
#filter SELECT,
#filter OPTION              { width: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
#filter SELECT              { margin: 2px 0 7px }
#filter .zoekheader         { margin: 18px 0 4px }
#filter .zoekbox            { width: 110px; vertical-align: middle; margin: 0 }
#filter INPUT.btn           { width: 25px; vertical-align: middle; margin: 1px 0 1px 4px }
.keurmerk                   { margin: 56px 0 0 }


.bluecorner                 { border-collapse: collapse }
.bluecorner .tl             { width: 10px; height: 10px; background: url('../img/bluecorner-tl.gif') top left no-repeat }
.bluecorner .tr             { width: 10px; height: 10px; background: url('../img/bluecorner-tr.gif') top right no-repeat }
.bluecorner .bl             { width: 10px; height: 10px; background: url('../img/bluecorner-bl.gif') bottom left no-repeat }
.bluecorner .br             { width: 10px; height: 10px; background: url('../img/bluecorner-br.gif') bottom right no-repeat }
.bluecorner .bt             { height: 10px; background: url('../img/bluecorner-bt.gif') bottom left repeat-x }
.bluecorner .tp             { height: 10px; background: url('../img/bluecorner-tp.gif') top left repeat-x }
.bluecorner .md             { border-left: 1px solid #008eb0; border-right: 1px solid #008eb0 }
.bluecorner .lf             { border-left: 1px solid #008eb0 }
.bluecorner .rt             { border-right: 1px solid #008eb0 }

.footer                     { margin-top: 14px }
.footerlinks                { width: 240px; float: right; padding: 7px 0 7px 10px }


.colspacer                  { width: 14px }

/* homepage */
#collecties                 { width: 270px }
#centercolumn               { width: 492px; vertical-align: top }
#mailafriend .zend          { border: none; background-color: white; color: #01bbd6; font-weight: bold; width:41px; cursor:pointer }
#collecties .price          { width:100px; margin: 32px 0px 0px 8px; text-align: center; font-size: 16px; font-family: Arial, sans-serif; font-weight: bold }
#collecties a.aprice,
#collecties a.aprice:visited { color: black; cursor: pointer }
#collecties a.aprice:hover  { text-decoration: none }
#collecties a.aprice IMG    { border: 2px solid #008eb0 }

#collecties .etalagelinks   { clear: both }

#collecties .actie          { font-size: 11px; line-height: 13px; margin: 40px 6px 0 0 }
#collecties .actie IMG      { float: left; margin: 0 5px 30px }

#collectieslist a           { display: block; margin: 2px 0px; }
#collectieslist a:hover     { text-decoration: none }
#categorieenlist a          { display: block; margin-left: 20px; text-indent:-20px }

/* right col links */
.rc-links                   { margin: 50px 0 16px 0; font-size: 9px; color: #008EB0; text-align: center }
.rc-links A                 { display: block; margin: 2px 0 14px }

/*.home .collectielist td.name { padding: 4px 10px }*/
/*.home .homepagetext          { padding: 0px 8px 0px 0px; font-size:11px }*/


/* itemlist  */
#dropdowns                  { width: 100% }
#dropdowns td               { padding: 0px 10px; width: 20%; color: #808284; font: bold 11px Verdana, Arial, sans-serif }
#dropdowns td select        { margin-top: 2px; width: 100% }
.itemlistbg .sorteer        { font: bold 12px Verdana, Arial, sans-serif; color: #808284 }
.itemlistbg a,
.itemlistbg span            { font: bold 12px Verdana, Arial, sans-serif; color: #808284 }
.itemlistbg a:hover         { color: #DF0081; text-decoration: none }
.itemlistbg .navbar         { background-color: #eeeeee; padding: 2px 8px }
.itemlistbg .active         { color: #000000 }

.cat1                       { font-weight: bold }
.cat2                       { font-weight: bold }
.cat3                       { font-weight: bold }

.item .price                { padding: 0px 1px; font: 12px Verdana, Arial, sans-serif; color: black }
.item .price .van           { font: normal 12px Arial, Helvetica, sans-serif; text-decoration: line-through; color: black }
.item .price .voor          { font: bold 12px Arial, Helvetica, sans-serif; color: black }
.item .text                 { padding: 0px 0px 0px 4px }
.photoframe                 { border: 2px solid #008eb0 }
select.maat                 { margin-top: 0px; font-size: 10px }

/*
.actietable                 { background-color: #ffff99; border: 1px solid #ff6666; margin: 12px 0px 0px }
*/


/* Product detail */
#proddetailtxt td           { font-size: 14px; color: #808284 }
#proddetailtxt h1           { margin: 10px 10px 6px 10px  }
/*
#proddetailtxt .backlink a:visited,
#proddetailtxt .backlink a  { font-weight: bold; color:#808284; text-decoration: underline }
*/

/* cart */
.wwlist th                  { font-size: 14px; font-weight: bold; color: #808284 }
.wwlist td                  { font-size: 14px; font-weight: bold }
.wwlist .del                { font-size: 10px }
.wwlist .kortingporto       { font-weight: normal; font-size:12px; padding-right: 10px }
.wwtotaal                   { font-weight: bold; font-size: 16px }
.wwtotaal a,
.wwtotaal a:visited         { color: #808284; font-size: 12px; text-decoration: underline }
.mkbokww                    { clear: both; float: left } 

/* info */
td.infotext                 { padding: 0px 100px 0px 20px; background: white }
ul.infomenu                 { font-family: Arial, Helvetica, sans-serif }
ul.infomenu li              { margin-bottom:6px }
ul.infomenu a.sel           { font-weight: bold }

/* weergave van adressering en overzicht van bestellingen op o.a. bestel.asp en bestelling.asp */
.adressering                { }
.adressering tbody td.label { padding: 0px 4px; background-color: #e7e7e7 }
.adressering td.data        { padding: 0px 10px }
.klant .adressering td.data { padding-left: 0px }
.adressering thead td.data  { font-weight: bold; text-decoration: underline }

.bestelling                 { width: 80% }
.bestelling thead td        { font-weight: bold; text-decoration: underline }
.bestelling tfoot td        { background-color: #e7e7e7; font-weight: bold }
.bestelling .line           { font-size: 2px; border-top: 1px solid black }
.klant .bestelling          { width: 100% }
.klant tfoot td             { background-color: white }

/* aanmelden */
.loginform input.text       { width: 140px }
.loginmsg                   { font-size: 10px }

/* klant */
.klantnummer                { font-size: 11px }
.klantnummer .nr            { color:#008bc6 }
.klant thead.label td,
.klant td.label             { font-weight: bold; background-color: #e7e7e7 }

/* gastenboek */
.berichten tr.even td       { padding: 2px 4px; background-color: #fff7f7; border-style: solid; border-color: #ffe7e7 }
.berichten tr.odd  td       { padding: 2px 4px; background-color: white;   border-style: solid; border-color: #ffe7e7 }
.berichten td.naam          { border-width: 1px 0px 0px 1px; font-weight: bold; font-size: 12px; color: #01bbd6 }
.berichten td.tijdstip      { border-width: 1px 1px 0px 0px; font-size: 11px }
.berichten td.bericht       { border-width: 0px 1px 1px 1px }

/* zoekpagina */
.zoeken .radios input       { cursor: pointer }
.zoeken div input           { position: relative; top: 1px }
.zoeken td                  { padding: 0px 4px }
.zoeken td.col		          { border-right: 1px solid #01bbd6 }
.zoeken td div              { padding: 1px 0px }
.zoeken .input              { cursor: pointer; background-color:#FFFFFF }
.zoeken .inputactive        { cursor: pointer; background-color:#01bbff }
.zoeken td.input,
.zoeken td.inputactive      { height: 87px; padding: 2px 2px 1px 2px }
.zoeken .merk               { margin: 2px; padding:0px; background-color:white; vertical-align: middle }


/*
broekies groen #B5E100
broekies magenta #DF0081
*/