html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/*REGULAR COMMANDS */
html{ height:100%; width:100%; background:white url(/images/frontend/nbg.png) repeat-x; }
body{ height: 100%; min-height: 100%; margin:0; padding:0; color:#474747; font-size:12px; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; text-decoration:none; color: #666666; }
body a{ text-decoration:none; color:#2d81a8;}
body a:hover{text-decoration:none; color:#2d81a8;}
.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.0em;}
.black { color: black;}
.blue { color: blue; }
.brown { color: brown; }
.green { color: green; }
.greenbig { color: green; font-size: 15px; font-weight: normal;}
.grey { color: grey; }
.orange { color: orange; }
.purple { color: #800080; }
.red {color: red;}
/* Container */
#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }
#container #inner{ position:relative; width:1000px; margin:0 auto; }
/* Header */
#container #header { height: 135px;}
#container #header #logo { float:left; height: 135px; margin-left: 4px; }
#container #header #logo #logoimage { float: left; }
#container #header #logo #tagline { float: left; margin-top: 60px; color: #00ADEE; font-weight: normal; font-family: Verdana; }
#container #header #logo #tagline strong { font-size: 35px; font-weight: bold; }
#container #header #logo #tagline span { padding-top: 0px; font-size: 12px; float: right; color: #666666; }
#container #header #yellownavigation { float: right; background-image: url(/images/frontend/yellownavigation.png); background-repeat:no-repeat; width: 525px; height: 28px; padding-top: 2px; font-size: 12px;}
#container #header #yellownavigation a { color: #666666; font-weight: normal; }
#container #header #yellownavigation li, form, input { display:inline;}
#container #header #title { padding: 65px 20px 0px 0px; margin-left: 500px; font-size: 18px; font-weight: bold; color: #666666;}
#container #header #title span { color: #FF9900; font-size: 15px; font-weight: bolder; }
#container #header #title strong {color: #FF0000; font-size: 20px; }
#container #header #title small a { font-size: 10px; color: #666666; text-decoration: none;}
#container #header #title #clubname-wrap form { margin-left: 0px;}
#container #header #title a { text-decoration: underline; }
#container #header #title .blue { color: blue;}
#container #header #title .brown { color: brown;}
#container #header #title .grey { color: grey;}
#container #header #title .yellow { color: yellow;}
#container #header #title .green { color: green;}
#container #header #title .orange { color: orange; }
#container #header #title .purple { color: purlple; }
#container #header #title .red { color: red;}
#container #header #title .black { color: black; }
/* Left */
#container #left { float: left; width: 240px; line-height: 1.8em; font-size: 12px; font-weight: normal;}
#container #left #shoutbox { background-image: url(/images/frontend/shoutbox.png); background-repeat:no-repeat; width: 240px; height: 170px; }
#container #left #shoutbox p { padding: 24px; font-size: 21px; color: #666666; font-family: Trebuchet MS;}
#container #left #nagivation a { color: #666666; margin-left: 15px; font-weight: normal; font-family: Verdana;}
#container #left #nagivation a:hover { color: #FF9900;}
#container #left #nagivation li { border-bottom: 1px solid #FFFF33; background-image: url(/images/frontend/navigationarrow.png); background-repeat:no-repeat; }
#container #left #nagivation .selectedmainmenu { border-bottom: 1px solid #FFFF33; background-image: url(/images/frontend/navigationarrowmainorange.png); background-repeat:no-repeat; }
#container #left #nagivation .submenu li { margin-left: 10px; font-size: 12px; }
#container #left #nagivation .submenu .selectedmenu { border-bottom: 1px solid #FFFF33; background-image: url(/images/frontend/navigationarroworange.png); background-repeat:no-repeat; color: #FF9900;}
#container #left #nagivation .submenu .selectedmenu a { color: #FF9900; }
/* Middle */
#container #middle { float: left; width: 540px; margin-left: 5px; margin-right: 5px; margin-top: 12px; }
#container #middle .indexproduct h2 { font-size: 14px; font-weight: normal; color: #666666; margin-top: 5px; }
#container #middle .indexproduct img { margin-left: 20px;}
#container #middle .indexproduct p { margin-left: 5px; width: 230px; font-size: 11px;}
#container #middle .indexproduct .product1 { width: 240px; margin-bottom: 5px; float: left; border: 1px solid #FF9900; padding-bottom: 5px; margin-left: 25px; margin-top: 5px;}
#container #middle .indexproduct .product2 { width: 240px; margin-bottom: 5px; float: left; border: 1px solid #FF9900; padding-bottom: 5px; margin-left: 10px; margin-top: 5px;}
#container #middle #breadcrumbs { width: 735px; font-size: 11px; }
#container #middle #breadcrumbs ul { }
#container #middle #breadcrumbs li { display: inline;}
#container #middle #breadcrumbs li a { color: #666666; }
#container #middle #breadcrumbs li a:hover { color: red; }
#container #middle #popupindexsmall { width: 525px; height: 130px; font-size: 14px; line-height: 1.2em; color: #666666; margin-bottom: 5px; margin-top: -10px; font-weight: bold;}
#container #middle #popupindexsmall .popupindexsmallnormal { background-image: url(/images/frontend/popupindexsmall.png); width: 525px; height: 130px; margin-left: 5px; background-repeat: no-repeat; }
#container #middle #popupindexsmall .popupindexsmallnormal a { color: #FFFFFF; }
#container #middle #popupindexsmall .popupindexsmallnormal #popupindexsmallone { width: 135px; color: white; padding-top: 47px; padding-left: 35px; float: left; }
#container #middle #popupindexsmall .popupindexsmallnormal #popupindexsmalltwo { width: 130px; color: white; padding-top: 47px; padding-left: 41px; float: left; }
#container #middle #popupindexsmall .popupindexsmallnormal #popupindexsmallthree { width: 120px; color: white; padding-top: 47px; padding-left: 50px; float:left;}
#container #middle .orangebrick { background-color: #FF9900; width: 540px; line-height: 1.5em;}
#container #middle .orangebrick .orangebrickcontent { padding: 5px; }
#container #middle .orangebrick .orangebrickcontent h1 { color: white; font-size: 20px; margin-left: -5px;}
#container #middle .orangebrick .orangebrickcontent p { color: white; font-size: 17px; }
#container #middle .shortcuts { margin-left: 15px; }
#container #middle .shortcuts select { width: 240px; margin-top: 15px; margin-left: 10px;}
#container #middle .bluebrick { background-color: #EFFAFE; margin-bottom: 12px; }
#container #middle .bluebrick p, ul, form { margin-left: 5px; }
#container #middle .bluebrick h2 { color: #666666; font-size: 24px; margin-top: 5px; }
#container #middle .bluebrick .pagination li { display:inline; }
#container #middle .bluebrick .optionrow .optionrowleft { float: left;}
#container #middle .bluebrick .optionrow {color: #00ADEE; font-size: 20px;}
#container #middle .bluebrick .optionrow span { margin-left: 10px; }
#container #middle .blueshopbrick { background-color: #EFFAFE; margin-top: 5px; line-height: 18px; border-bottom: 1px solid #FF9900; padding-top: 5px; padding-bottom: 5px;}
#container #middle .blueshopbrick h2 { margin-left: 5px; font-size: 15px; color: #00ADEE;}
#container #middle .blueshopbrick h3 { font-size: 15px; color: #00ADEE;}
#container #middle .blueshopbrick p { margin-left: 5px; margin-bottom: 5px; }
#container #middle .blueshopbrick ul li { margin-left: 20px; list-style-type: circle; }
#container #middle .blueshopbrick strong { font-weight: bold; }
#container #middle .blueshopbrick .optionrow { margin-top: 5px; }
#container #middle .blueshopbrick .optionrow .optionrowleft { float: left; margin-left: 10px; }
#container #middle .blueshopbrick .optionrow .optionrowleft small { font-size: 8px; text-decoration: underline;}
#container #middle .blueshopbrick .optionrow .optionrowleft img { border: 1px solid #FF9900;}
#container #middle .blueshopbrick .optionrow p { padding-left: 135px; padding-right: 10px; line-height: 1.3em; color: #666666; }
#container #middle .blueshopbrick .optionrow .optionrowright { float: right; padding-right: 10px; }
#container #middle .blueshopbrick .optionrow strong { font-size: 13px; color: #00ADEE;}
#container #middle .whiteshopbrick { margin-top: 12px; line-height: 18px; }
#container #middle .whiteshopbrick p { line-height: 18px; }
#container #middle .whiteshopbrick strong { font-weight: bold; }
#container #middle .whiteshopbrick h1 { font-size: 20px; margin-bottom: 5px; font-weight: bold; margin-left: -5px; }
#container #middle .whiteshopbrick h2 { font-size: 16px; margin-bottom: 5px; font-weight: bold; margin-left: 0px; }
#container #middle .whiteshopbrick .pinboardmessage hr { border: 1px dotted ; }
#container #middle .right { float: right; margin-bottom: 1px;}
#container #middle .nieuwsitems { font-size: 12px; }
#container #middle .nieuwsitems li.whitebg { background-color: #F2F2F2; margin-left: 0px; line-height: 2em; }
#container #middle .nieuwsitems ul li { background-color: white; margin-left: 0px; line-height: 2em;}
/* Right */
#container #right { float: left; width: 200px; margin-top: 12px;}
#container #right .frontpagebutton { cursor:pointer; border:outset 1px #00ADEE background:white; color:#00ADEE; font-weight:bold; padding: 1px 2px; width: 150px; }
#container #right .greybrick { background-color: #F2F2F2; margin-bottom: 15px; line-height: 1.7em; font-size: 12px; padding-bottom: 5px;}
#container #right .greybrick a { color: #666666; }
#container #right .greybrick a:hover { color: #FF9900; }
#container #right .greybrick h3 { color: #00ADEE; font-size: 17px; }
#container #right .greybrick p { margin-left: 7px; }
#container #right .greybrick strong { font-weight: bold; }
#container #right .greybrick .inlinelis { margin-left: 10px; margin-top: 10px; width: 150px;}
#container #right .greybrick .keurmerk li { margin-left: 10px; margin-bottom: 10px; }
#container #right .greybrick #newsletter table { }
#container #right .whitebrick { background-image: url(/images/frontend/subdomainwhitebg.png); }
#container #right .whitebrick .whitebrickinner { padding: 10px; }
#container #right .whitebrick .whitebrickinner h3 { color: black; font-size: 20px; margin-left: -3px;}
#container #right .whitebrick .whitebrickinner strong { font-size: 20px; }
#container #right .whitebrick .whitebrickinner #clubsaldo { background-image: url(/images/frontend/subdomainsaldo.png); background-repeat: no-repeat; }
#container #right .whitebrick .whitebrickinner #clubsaldo p { padding-top: 9px; padding-left: 43px; font-size: 25px;}
#container #right .greenbrick { background-image: url(/images/frontend/mailafriend.png); background-repeat: no-repeat; line-height: 1.5em; height: 125px; }
#container #right .greenbrick .mailfriends { margin-left: 40px; padding-top: 10px; color: white; font-size: 16px;}
#container #right .greenbrick .mailfriends p { margin-top: 5px; margin-left: -20px; margin-bottom: 13px; color: #666666; font-weight: bold; font-size: 13px; width: 170px;}
#container #right .greenbrick .mailfriends a { color: #666666; }
#container #right .greenbrick p { margin-top: 5px; margin-left: 7px; color: #666666; font-weight: bold; width: 190px;}
/* Middle big */
#container .middlebig { float: left; width: 740px; margin-left: 5px; margin-right: 5px; margin-top: 12px; }
#container .middlebig #breadcrumbs { width: 735px; font-size: 13px; }
#container .middlebig #breadcrumbs ul { margin-left: 0px;}
#container .middlebig #breadcrumbs li { display: inline;}
#container .middlebig #breadcrumbs li a { color: #666666; }
#container .middlebig #breadcrumbs li a:hover { color: red; }
#container .middlebig .shortcuts { margin-top: -5px; }
#container .middlebig .shortcuts select { width: 230px; line-height: 1.5em; font-family: Trebuchet MS; margin-top: 15px;}
#container .middlebig .shoptoggle { display: none; }
#container .middlebig .orangebrickbig { background-color: #EFFAFE; width: 740px; margin-top: 5px; border-bottom: 1px solid #FF9900; line-height: 1.5em;}
#container .middlebig .orangebrickbig .orangebrickcontentbig { margin-left: 5px; margin-bottom: 5px; margin-left: 10px; line-height: 1.5em;}
#container .middlebig .orangebrickbig .orangebrickcontentbig h1 { margin-left: -5px;}
#container .middlebig .orangebrickbig .orangebrickcontentbig p { line-height: 1.5em; margin-top: 5px; }
#container .middlebig .bluebrick { background-color: #EFFAFE; margin-top: 10px; line-height: 1.5em; border-bottom: 1px solid #FF9900; width: 740px;}
#container .middlebig .bluebrick p, form, ul, ol, table { margin-left: 5px; }
#container .middlebig .bluebrick h2, h1, h2 a, h3 { color: #00ADEE; font-size: 17px; padding-left: 5px; padding-top: 5px; }
#container .middlebig .bluebrick h3 { font-size: 18px; padding: 5px; }
#container .middlebig .bluebrick strong { font-weight: bold; }
#container .middlebig .bluebrick .bannertable td { border-bottom: 1px solid #00ADEE; border-right: 1px solid #00ADEE; padding-left: 5px;}
#container .middlebig .bluebrick .bannertable strong { color: #00ADEE; font-size: 15px;}
#container .middlebig .bluebrick .pagination li { display:inline; margin-left: 5px; }
#container .middlebig .bluebrick .couponform { padding: 5px; }
#container .middlebig .bluebrick .shopform { padding: 5px;}
#container .middlebig .bluebrick .shopform table { width: 100%;}
#container .middlebig .bluebrick .shopform .red { color: red;}
#container .middlebig .bluebrick .shopform .green { color: green;}
#container .middlebig .bluebrick .optionrow { width: 740px; margin-top: 5px; }
#container .middlebig .bluebrick .optionrow h2 { margin-top: 10px; }
#container .middlebig .bluebrick .optionrow .optionrowleft { margin-left: 10px; margin-bottom:10px; width: 125px; float:left;}
#container .middlebig .bluebrick .optionrow .optionrowleft img { border: 1px solid #FF9900;}
#container .middlebig .bluebrick .optionrow .optionrowleft small { font-size: 10px; text-decoration: underline;}
#container .middlebig .bluebrick .optionrow .optionrowmiddle { width: 380px; margin-bottom:10px; float: left; }
#container .middlebig .bluebrick .optionrow .optionrowmiddle a { font-size: 11px;}
#container .middlebig .bluebrick .optionrow .optionrowright { width: 200px; margin-bottom:10px; margin-left: 10px;float: left;}
#container .middlebig .bluebrick .optionrow strong { font-size: 13px; color: #00ADEE; margin-left: 1px;}
#container .middlebig .bluebrick .optionrow p { margin-left: 5px; color: #666666}
#container .middlebig .bluebrick .searchtable { margin-left: 0px; margin-top: 5px; }
#container .middlebig .productrow { width: 740px; margin-top: 10px; font-size: 11px; margin-left: 10px;}
#container .middlebig .productrow h2 { margin-bottom: 5px; color: #00ADEE; font-size: 15px;}
#container .middlebig .productrow h3 { font-size: 15px; color: #00ADEE; margin-left: 0px;}
#container .middlebig .productrow p { margin-left: 5px; width: 215px; line-height: 1.5em; }
#container .middlebig .productrow .image img { margin-left: 20px; width: 200px; height: 200px; overflow: hidden; margin-top: 5px; margin-bottom: 5px;}
#container .middlebig .productrow strong {margin-left: 5px;}
#container .middlebig .productrow .product1 { width: 235px; margin-bottom: 5px; float: left; border: 1px solid #FF9900; padding-bottom: 5px; }
#container .middlebig .productrow .product2 { width: 235px; margin-bottom: 5px; float: left; border: 1px solid #FF9900; padding-bottom: 5px; margin-left: 5px;}
#container .middlebig .productrow .product3 { width: 235px; margin-bottom: 5px; float: left; border: 1px solid #FF9900; padding-bottom: 5px; margin-left: 5px;}
#container .middlebig .popular { font-size: 17px; color: #00ADEE; margin-top: 5px;}
#footer { width:100%; margin-top: 10px; margin-bottom: 5px;}
#footer p { padding-top: 10px; text-align: center;}