body { margin: 0; padding: 0; background-color: #d0cabc; font: /*11px*/ 12px /*Trebuchet MS,*/ Arial, Verdana, sans-serif; color: #694F3C; }

td, th, div { /*font-size: 11px;*/ font-size: 12px; }
p {	margin-top: 0; margin-bottom: 15px; line-height: 16px; }

a,
ul li a { color: #694F3C; }
a:hover { color: #481B2B; }

ul { margin: 0; padding: 0 0 0 30px; list-style: disc; }
li { line-height: 16px; }

img { border: 0; }

h1 { margin: 0 0 8px 0; font-size: 20px; color: #694F3C; text-transform: uppercase; line-height: 24px; }
h2 { margin: 0; padding: 5px 0 5px 0; font-size: 16px; text-transform: uppercase; }
h3 { margin: 0; padding: 10px 0 5px 0; font-size: 13px; text-transform: uppercase; }
h4 { margin: 0; padding: 5px 0 5px 0; font-size: 11px; }

small {	font-size: 9px; }

.clearboth { clear: both; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* home
----------------------------------------------------------------- */

#box { height: 400px; }

#center { position: absolute; left: 0; top: 50%; width: 100%; min-width: 422px; margin-top: -220px; text-align: center; }
 
#main { position: relative; width:778px; height: 350px; margin: 70px auto 0 auto; background: url(/images/bg-home.gif) no-repeat top; }

#logohome { position: absolute;	top: -103px; left: 187px; z-index: 10; }

#sfeer { position: absolute; top: 5px; left: 187px; }

#enter { position: absolute; bottom: 85px; right: 25px; width: 160px; text-transform: uppercase; letter-spacing: 1px; text-align: right; }
#enter a { display: block; margin: 0 0 5px 0; color: #CDB87C; text-decoration: none; }
#enter a:hover { color: #F4F1E9; }

#slogan { position: absolute; top: -15px; left: 352px; color: #4B1724; font-size: 15px; text-transform: uppercase; }

#adresHome { position: absolute; left: 20px; bottom: 20px; width: 740px; /*color: #4B1724;*/ color: #594F4A; text-transform: uppercase; font-size: 10px; text-align: center; }
#adresHome a { /*color: #4B1724;*/ color: #594F4A; }
#adresHome span { margin: 0 0 0 50px; font-size:10px; }

/* header
----------------------------------------------------------------- */

#wrapper { position: relative; }

#header { position: relative; /*width: 754px;*/ width: 954px; height: 103px; margin: 0 auto; background: url(/images/bg_offer_02.gif) no-repeat right; }

#logo {	margin: 15px 0 0 10px; vertical-align: top; }

#flash,
#flash img {position: absolute; /*left: 180px;*/ left: 230px; top: 0; margin: 0 0 0 8px; }

#taalkeuze a { color: #CEB592; font-size: 10px; text-decoration: none; }
#taalkeuze a.active,
#taalkeuze a:hover { color: #B47F56; }

#path { margin: 25px 0 20px 0; color: #8B8586; }
#path a { color: #8B8586; }

#offer { position: absolute; top: 15px; left: 650px; /*width: 135px;*/ width: 270px; font-size: 15px; color: #CDB87C; vertical-align: top; text-transform: uppercase; font-weight: bold; /*line-height: 15px;*/ text-align: justify; }

.itemoffer { position: relative; top: 8px; font-size: 14px; font-weight: normal; color: #fff; text-transform: none; }
.itemoffer a { font-size: 12px; color: #fff; }

/* content 
----------------------------------------------------------------- */

#content { position: relative; /*width: 754px;*/ width: 954px; margin: 0 auto; background: url(/images/bg-algemeen.gif) repeat-y bottom #d0cabc; }
#contentbottom { height: 22px; background: url(/images/bottom-content_02.gif) no-repeat 9px -10px; }

#inhoud { float: left; /*width: 564px;*/ width: 714px; margin: 0 0 10px 0; }

#tekst { padding: 0 0 10px 20px; line-height: 15px; }
#tekst table td { vertical-align: middle; }

.generaltext { /*width: 350px;*/ width: 500px; margin: 0; text-align: justify; vertical-align: top; }

.layout {clear: both; /*width: 525px;*/ width: 675px; text-align: justify; vertical-align: top; }
.layout p { padding: 5px 0 0 0; }
.layout ul li { padding: 0 0 5px 0; }

#instructions { /*width: 520px;*/ width: 670px; margin: 15px 0 15px 0; border: 1px solid #D8D3C8; line-height: 16px; }
#instructions td { padding: 5px 10px 5px 10px; line-height: 20px; }

#product { /*width: 525px;*/ width: 675px; }
#productSamples { /*width: 525px;*/ width: 675px; margin-bottom: 15px; border-bottom: 2px dotted #A7988D; padding-bottom: 10px; }
.productSample { float: left; width: 165px; padding-bottom: 15px; }
.productSample p { clear: left; margin: 0; }
#productSpecs { clear: both; /*width: 525px;*/ width: 675px; margin-bottom: 15px; border-bottom: 2px dotted #A7988D; }

.lijn { margin: 10px 0 10px 0; border-bottom: 2px dotted #A7988D; }

.stains { width: 120px; font-weight: bold; }

#zoek { color: #3B251F; font-size: 12px; }
#zoek .veld { padding-top: 10px; }

.box { height: 370px; }

.general { float: right; margin: 0; padding: 5px 15px 5px 0; }

.partners li { padding: 4px 0; }
.partners a { font-size: 14px; }

/* schaduw 
----------------------------------------------------------------- */

.alpha-shadow { float: left; margin: 0; background: url(/images/shadow.gif) no-repeat bottom right; }
.alpha-shadow div { padding: 0px 5px 5px 0px; background: url(/images/shadow2.png) no-repeat left top; }
.alpha-shadow img { display: block; background-color: #fff; border: 1px solid #fff; }

.box .alpha-shadow img { border: none; }

#zoomPic { clear: left; width: 321px; text-align: right; }

/* einde schaduw
----------------------------------------------------------------- */

#dropdown { overflow: hidden; width: 100%; margin: auto; padding: 20px 0 0 0; }
#dropdown h2 { margin: 0 0 10px 0; padding: 0; }
#dropdown a { font-weight: bold; font-size: 14px; }
#dropdown ul { padding: 5px 5px 5px 30px; }
#dropdown li { line-height: 18px; }

#products { float: left; display: block; width: 300px; margin: 0 0 10px 0; font-weight: normal; }
#products .active { color: #8D2154; }
#products2 { float: right; display: inline; width: 300px; margin: 0 90px 10px 0; }

.pos { width: 100%; margin: auto 0; vertical-align: top; text-align: center; }

.pijltjes { text-decoration: none; font-size: 15px; }

#tekst #contactform td { padding: 2px; }
#tekst #contactform input { width: 300px; }
#tekst #contactform input.zip { float: left; width: 60px; }
#tekst #contactform input.city { float: right; width: 225px; }
#tekst #contactform input.submit { width: auto; }
#tekst #contactform textarea.question { width: 300px; }

/* navigatie
----------------------------------------------------------------- */

#navigatie { float: left; /*width: 184px;*/ width: 234px; margin: 0; padding: 50px 0 80px 3px; }
#navigatie ul { /*width: 177px;*/ width: 227px; margin: 0 0 0 8px; padding: 0; }
#navigatie li { /*width: 177px;*/ width: 227px; list-style: none; }
#navigatie li a { display: block; /*width: 157px;*/ width: 207px; padding: 7px 0 7px 20px; border-bottom: 2px dotted #8C827F; color: #CDB87C; /*font-size: 13px;*/ font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#navigatie li a:hover { background-color: #69594B; background-image: none; color: #fff; }
#navigatie li.active { border-bottom: 2px dotted #8C827F; background-color: #77685A; }
#navigatie li li.active { border: none; }
#navigatie li li.active a,
#navigatie li li.active a:hover { padding: 4px 0 4px 38px; }
#navigatie li.active a { border: none; background: none; color: #fff; }
#navigatie li.active li a { /*width: 138px;*/ width: 188px; padding: 4px 0 4px 38px; background: none; line-height: 15px; /*font-size: 11px;*/ font-size: 13px; color: #2E2418; }
#navigatie #sitemap { position: absolute; bottom: 32px; padding: 0 0 0 20px; color: #CDB87C; }
#navigatie #sitemap a { background: none; line-height: 16px; font-size: 11px; color: #CDB87C; text-transform: uppercase; }
#navigatie #sitemap a:hover { color: #fff; }
#navigatie li li.active a { background-color: #827467; color: #fff; }
#navigatie li li a:hover { color: #E7E1D3; }
#navigatie li li.active a:hover { color: #fff; }
#navigatie ul ul { margin: 0; padding-bottom: 5px; background: none; }
#navigatie img { left: 0; margin-top: 25px; }

#navtop { position: absolute; top: -22px; left: 7px; /*width: 181px;*/ width: 231px; height: 37px; background: url(/images/top-nav2.gif) no-repeat; }
#navbottom { height: 20px; }

/* collection
----------------------------------------------------------------- */

.col_item { display: block; float: left; width: 161px; margin: 20px 10px 0 0; font-size: 15px; text-decoration: none; }
.col_item img { margin: 0; padding: 0; }
.col_item span { display: block; padding: 10px 0; color: #fff; text-align: center; }
.col_item .baseline { font-size: 12px; }
#paper { margin: 20px 0 0 0; }
#sisal span { background-color: #C4B701; }
#cocos span { background-color: #E79800; }
#wool span { background-color: #CD003D; }
#paper span { background-color: #7E1348; }

/* productgroep
----------------------------------------------------------------- */

#preview { position: absolute; left: 268px; z-index: 12; visibility: visible; overflow: hidden; /*width: 500px; clip: rect(0px, 500px, 100px, 3px);*/ width: 650px; clip: rect(0px, 650px, 100px, 3px);}
#previewzonderjava { width: 685px; }
#preview a img,
#previewzonderjava a img { margin: 0 0 0 3px; border: 3px solid #F0E9D6; }

#big_preview { display: inline; margin: 0 0 0 12px; }
#big_preview a { display: block; /*cursor: pointer;*/ }
#big_preview_zonderjava { margin: 0; }

.subtitelproduct { position: absolute; top: 11px; left: 5px; width: 75px; line-height: 10px; text-align: left; }
.subtitelproduct a { text-decoration: none; }

#pijl_rechts { float: right; margin: 0 10px 0 0; padding: 0 0 0 5px; }
#pijl_rechts img { padding: 30px 5px 0 0; }
#pijl_links { float: left; padding: 0 5px 0 0; }
#pijl_links img { padding: 30px 5px 0 0; }

#productenlijst { height: 100px; margin-right: 0; }

#productpreview { width: 685px; }

.stalen img {	padding: 0 2px 0 0; }

#productfiche { width: 270px; margin-left: 10px; font-weight: bold; border: 1px solid #D8D3C8; font-size: 10px; }
#productfiche .data { /*width: 90px;*/ width: 122px; }
#productfiche td { padding: 4px; line-height: normal; border: 1px solid #DCD1B9; vertical-align: middle; }

.oneven { background-color: #DCD1B9; }

.pictostaal img { display: block; padding: 0 0 3px 10px; }

#icons { margin: 20px 0 0 10px; }
#icons img { padding: 0 3px 3px 0; }
.gutCode,
.gutSmall,
.twoIcons { position: relative; }
.gutCode span,
.gutSmall span,
.twoIcons span { position: absolute; }
.gutCode span { top: 12px; left: 13px; width: 60px; color: #f0e9d6; }
.gutSmall span { top: 41px; left: 5px; width: 42px; }
.twoIcons span { top: 69px; left: 2px; width: 70px; font-size: 10px; text-align: center; }

#selectborders img,
#selectproduct img,
#selectresult img { margin: 10px 0 10px 0; }

#selectborders { position: absolute; top: 193px; /*left: 210px;*/ left: 260px; }
#selectborders ul { margin: 0; padding: 0; list-style-type: none; }

#selectproduct { position: absolute; top: 193px; /*left: 415px;*/ left: 475px; }
#selectproduct ul { margin: 0; padding: 0; list-style-type: none; }
#selectproduct div { float: right; }

#selectresult { position: absolute; top: 190px; /*left: 620px;*/ left: 690px; width: 100px; }

#popup { position: relative; width: 500px; margin: 0 auto; text-align: left; }
#popup img { position: absolute; top: 91px; }
#popup a { position: absolute; top: 600px; left: 200px; }

#imgresult { position: absolute; top: 127px; left: 0; }
#imgresultborder { position: absolute; top: 127px; left: 0; }
#imgquality { position: absolute; top: 180px; left: 0; background-image: url(/images/borders/stukjetapijt.gif); }
#imgcollection { position: absolute; top: 180px; left: 0; }

#viewdetail { clear: both; position: absolute; top: 325px; /*left: 620px;*/ left: 690px; }
#viewcollection { margin-bottom: 10px; }
#viewcollection .col_item { margin-top: 10px; }
#viewcollection a img { /*width: 103px; margin: 20px 18px 0 0;*/ padding: 0; }

#topbutton { position: absolute; right: 20px; bottom: 20px; }

.view { float: right; margin: 0 0 20px 0; font-weight: bold; font-size: 14px; text-decoration: none; }

/* switch
----------------------------------------------------------------- */
#switch { position: relative; float: left; width: 604px; height: 613px; /*display: inline;*/ margin: 2px 0 0 0; padding-top: 5px; /*border-bottom:#F9F9F9 2px solid;*/ }
#switch img { position: absolute; top: 5px; left: 0;  border: #fff 2px solid; }
#switch img.koffer { border: none; }

/* footer
----------------------------------------------------------------- */

#footer { clear: both; /*width: 744px;*/ width: 944px; height: 42px; margin: 0 auto; padding: 0 0 0 4px; }
#footer p { float: left; margin: 0; padding: 5px 0 10px 5px; font-size: 10px; /*color: #fff;*/ color: #594F4A; text-transform: uppercase; }
#footer p#language { width: 50px; padding-left: 30px; }
#footer a { /*color: #694F3C;*/ color: #594F4A; }
#footer a.active { font-weight: bold; text-decoration: none; }
#footer p#duo { float: right; margin-right: 5px; }
#footer img { float: left; }

#footer ul { float: left; margin: 0 20px 0 0; list-style-type: none; }
#footer ul li { float: left; color: #594F4A; }
#footer ul li span { padding: 0 5px; color: #594F4A; }
#footer ul li a { color: #594F4A; }
#footer ul li.active a,
#footer ul li a:hover,
ul#languages li { text-decoration: none; }
ul#languages { margin: 5px 0 0 0; }
ul#languages li { margin: 0 5px; text-transform: uppercase; }