﻿body {background: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; line-height: 17px;}
td {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; line-height: 17px;}

img {border: 0;}
a {color: #666666; text-decoration: none;}
a:hover {text-decoration: underline;}
ul, ol {clear: both; margin: 0 0 1em 2em; padding: 0 0 0 20px; list-style-position: outside;}

h1 {font-size: 13px; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
h2 {font-size: 11px; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
h3 {font-size: 11px; font-weight: bold; margin: 0; padding:	0;}

#main {float: left;	width: 1000px; background: white;}
#ctrTop {float: left; width: 1000px; height: 132px;}
.header {float: left; width: 1000px; height: 93px;}
.logoGW {float: left; width: 287px; height: 73px; padding: 20px 0 0 20px; border-right: 1px solid #CCCCCC;}
.logoWinkels {float: left; width: 287px; height: 73px; padding: 20px 0 0 20px;}
#ctrContent {float: left; width: 980px; padding: 10px; background: white; color: #333333; overflow: hidden;}
#ctrFooter {float: left; width: 960px; padding: 5px 20px; color: #B3B3B3; font-size: 9px; text-align: right;}
#ctrFooter a {color: #B3B3B3;}


/* main menu */
#nav {display: block; float: left; width: 980px; height: 37px; margin: 0; padding: 1px 0 1px 20px; list-style: none; font-weight: bold; background: url(../media/bg_nav.gif);}
#nav a {display: block; margin: 0; padding: 10px 40px 10px 0; text-decoration: none; color: #333333; -moz-outline-style: none;}
#nav a:hover, #nav a.active {text-decoration: none; color: #CC0000;}
#nav li {float: left;}
#nav li:hover, #nav li:sfhover {float: left; /*clear: both;*/}
#nav ul {display:block;position:absolute;z-index:999;float: left; /*clear: both;*/ width: 190px; margin: 0; padding: 15px 0 0 0; list-style: none; background: transparent url(../media/bg_nav_top.gif) no-repeat top; filter: alpha (opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
#nav li ul {position: absolute; width: 190px; left: -999em;}
#nav li ul a {width: 150px; padding: 5px 20px; background: #B3B3B3; color: #333333; -moz-outline-style: none;}
#nav li ul a:hover, #nav li ul a.active {color: white;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/* global menu */
.navGlobal {float: right; height: 53px; padding: 40px 40px 0 0;}
.navGlobal a {text-decoration: none; padding: 0 20px;}
.navGlobal a:hover {text-decoration: underline;}

/* portal */
.contentTopL {float: left; width: 699px; height: 335px; margin: 0 10px 10px 0; overflow: hidden;}
.contentTopR {float: left; width: 271px; height: 335px; margin: 0 0 10px 0; overflow: hidden;}
.contentBotL {float: left; width: 679px; height: 89px; margin: 0 10px 0 0; padding: 10px; background: #cc0000; color: white; overflow: hidden;}
.contentBotR {float: left; width: 271px; height: 109px; padding: 0; overflow: hidden;}

/* standard */
.contentL {float: left; width: 490px; margin: 0 10px 0 0; overflow: hidden;}
.contentR {float: left; width: 440px; margin: 0 0 0 20px; padding: 10px; overflow: hidden;}

.contentL2 {float: left; width: 440px; margin: 0 10px 0 0; padding: 10px; overflow: hidden;}
.contentR2 {float: left; width: 490px; margin: 0 0 0 20px; overflow: hidden;}

/* catalogus */
.wrapProduct1 {float: left; width: 960px; margin: 10px 0 0 0; padding: 10px; background: #ececec;}
.wrapProduct2 {float: left; width: 960px; margin: 10px 0 0 0; padding: 10px; background: #e9e3d6;}
.productText {float: left; width: 550px; margin: 0 10px 0 0; overflow: hidden;}
.productImageLink {float: left; width: 400px; overflow: hidden; padding: 0 0 5px 0; text-align: right; font-weight: bold;}
.productImage {float: left; width: 400px; overflow: hidden; text-align: right;}

/* merkenselectie */
.contentTop {float: left; width: 960px; margin: 10px 0 0 0; padding: 0;}
.contentBot {float: left; width: 980px; height: 200px; margin: 10px 0 0 0;}
.wrapCollSell {float: left; width: 300px; height: 200px; margin: 0 20px 0 0; padding: 0; overflow: hidden;}
.wrapCollSell ul {clear: both; margin: 0; padding: 0; list-style: none;}
.wrapCollSell ul a {color: #FFFFFF;}
.wrapCollSell ul a:hover {color: #FFFFFF; text-decoration: none;}
.collSellBar {float: left; width: 300px; height: 30px; margin: 0 0 10px 0; padding: 5px 0; clear: both; background: url(../media/bg_butcoll.gif) repeat-x;}
.collSellContent {float: left; width: 280px; height: 130px; margin: 0; padding: 10px; background: #cc0000; overflow: auto;}
.woonwinkels {float: left; width: 350px; height: 200px; margin: 0 20px 0 0; padding: 0; overflow: auto;}
.wwWrapper {float: left; width: 350px;}
.wwName {float: left; width: 200px; margin- right: 10px;}
.wwLocation {float: left; width: 140px;}
.woonwinkelImage {float: left; width: 290px; height: 200px; overflow: hidden;}


