@charset "utf-8";
/* SOLID RETAIL */

/* BODY EIGENSCHAPPEN */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana;
	font-size:12px;
	color:#737373;
	line-height:18px;
	height:100%;
	body:100%;
	background-color:#000;
}

h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
}
/* HYPERLINKS */
a:link,a:active,a:visited{
	text-decoration:none;
	color:#8d1b23;
}
a:hover{
	text-decoration:underline;
	color:#8d1b23;
}
a.link-grijs:link,a.link-grijs:visited{
font-size:12px;
color:#737373;
text-decoration:none;

}
a.link-grijs:hover{
text-decoration:underline;
}
a.link-wit:link,a.link-wit:visited{
font-size:12px;
color:#FFF;
text-decoration:none;

}
a.link-wit:hover{
color:#8e1b22;
}
a.link-rood-klein:link,a.link-rood-klein:visited{
font-size:11px;
color:#8e1b22;
text-decoration:none;

}
a.link-rood-klein:hover{
text-decoration:underline;
}

.tekst-rood{
	color:#8e1b22;

}
.tekst-grijs-klein{
	font-size:11px;

}
.tekst-rood-klein{
	font-size:11px;
	color:#8e1b22;

}
/* DIV INTERFACE STATIC */

#logo{
	position:absolute;
	width:164px;
	height:57px;
	left:50%;
	padding:0;
	margin:0;
	margin:5px auto auto -424px;
	background:url(../images/logo-dutch-wallcoverings.gif) no-repeat;
}
#menu{
	position:absolute;
	width:856px;
	height:30px;
	left:50%;
	padding:0;
	margin:0;
	margin:75px auto auto -428px;
	text-align:right;
	overflow:hidden;
}
ul.menu-buttons {
	display: block;
	margin:0;
	padding: 0;
	list-style-type: none;
	width:779px;
	overflow:inherit;

}
ul.menu-buttons li {
	margin:0;
	display: inline;
	position: relative;
	float: left;
	height: 30px;
	margin-right:5px;

}
#image-top-container{
	position:absolute;
	width:884px;
	height:277px;
	left:50%;
	margin:105px auto auto -442px;
	background:url(../images/bg-image-top.gif) no-repeat;
}
#image-top{
	margin:0;
	padding:0;
	width:856px;
	height:228px;
	margin-left:14px;
	margin-top:14px;
}
#choose-language{
	margin:0;
	padding:0;
	width:850px;
	height:20px;
	right:0px;
	padding-top:8px;
	margin-left:14px;
	text-align:right;
	color:#8e1b22;
	font-size:11px;
	visibility:hidden;
}
#container{
	position:absolute;
	width:884px;
	left:50%;
	margin:397px auto auto -442px;
}

#content-container {
	width:673px;
	float:left;
}

#content-container-verkoopadressen {
	width:884px;
	float:left;
}

#content-vlak-top-1 {
	float:left;
	width:673px;
	height:40px;
	background:url(../images/bg-content-top.gif) no-repeat;
}

#content-vlak-top-1-verkoopadressen {
	float:left;
	width:884px;
	height:40px;
	background:url(../images/bg-content-verkoopadressen-top.gif) no-repeat;
}

#content-vlak-1 {
	float:left;
	width:673px;
	background:#121212;
}

#content-vlak-1-verkoopadressen {
	float:left;
	width:884px;
	background:#121212;
}

#tekst-content-vlak-1 {
	float:left;
	padding-left:12px;
	width:649px;
	min-height:100px;
}

#tekst-content-vlak-1-verkoopadressen {
	float:left;
	padding-left:12px;
	width:860px;
	min-height:100px;
}

#content-vlak-bottom-1 {
	float:left;
	width:673px;
	height:10px;
	background:url(../images/bg-content-bottom.gif) no-repeat;
	padding-bottom:12px
}

#content-vlak-bottom-1-verkoopadressen {
	float:left;
	width:884px;
	height:10px;
	background:url(../images/bg-content-verkoopadressen-bottom.gif) no-repeat;
	padding-bottom:12px
}

#content-vlak-top-2{
	float:left;
	width:673px;
	height:40px;
	background:url(../images/bg-content-top.gif) no-repeat;
}
#content-vlak-2{
	float:left;
	width:673px;
	background:#121212;
}
#tekst-content-vlak-2{
	float:left;
	padding-left:12px;
	width:649px;
}
#content-vlak-bottom-2{
	float:left;
	width:673px;
	height:10px;
	background:url(../images/bg-content-bottom.gif) no-repeat bottom #121212;
	padding-bottom:12px;
}
#footer{
	width:884px;
	height:50px;
	float:left;
	background:#121212;
	margin-top:16px;
}
#footer-tekst{
	width:864px;
	height:30px;
	float:left;
	margin-top:6px;
	margin-left:10px;
	text-align:left;
}
#footer-tekst ul {
	display: block;
	margin:0;
	padding: 0;
	list-style-type: none;
	width: 864px;
	height:20px;
	overflow:hidden;
}
#footer-tekst ul li {
	margin:0;
	padding:0;
	display: inline;
	position: relative;
	float: left;
	margin-right:15px;
}
#footer-copyright{
	width:864px;
	height:30px;
	float:left;
	margin-top:6px;
	margin-left:10px;
	text-align:left;
}

/* KOLOM RECHTS */
#kolom-rechts-container{
	width:199px;
	float:right;
}
#kolom-rechts-top-1{
	float:left;
	width:199px;
	height:40px;
	background:url(../images/bg-column-right-top.gif) no-repeat;
}
#kolom-rechts-content-1{
	float:left;
	width:199px;
	background:#121212;
}
#tekst-kolom-rechts-1{
	float:left;
	padding-left:12px;
	width:175px;
}
#kolom-rechts-bottom-1{
	float:left;
	width:199px;
	height:10px;
	background:url(../images/bg-column-right-bottom.gif) no-repeat;
	padding-bottom:12px;
}
#kolom-rechts-top-2{
	float:left;
	width:199px;
	height:40px;
	background:url(../images/bg-column-right-top.gif) no-repeat;
}
#kolom-rechts-content-2{
	float:left;
	width:199px;
	background:#121212;
}
#tekst-kolom-rechts-2{
	float:left;
	padding-left:12px;
	width:175px;
}
#kolom-rechts-bottom-2{
	float:left;
	width:199px;
	height:10px;
	background:url(../images/bg-column-right-bottom.gif) no-repeat;
	padding-bottom:12px
}
#naar-verkoopadressen{
	width:175px;
	height:16px;
	float:left;
	margin-bottom:2px;
	text-align:left;
}
.form-login {
	margin:0;
	padding:0;
	width:175px;
	height:19px;
	border:none;
	background:url(../images/bg-input-login.gif) no-repeat;
	color:#666666;
	font-size:12px;
	text-indent:4px;
	margin-bottom:10px;
}
#login-lost-password{
	width:153px;
	height:16px;
	float:left;
	margin-bottom:2px;
}
#btn-login-submit{
	width:22px;
	height:16px;
	float:right;
	margin-bottom:0px;
}
#menu-sub-pages{
	position:absolute;
	padding:0;
	margin:0;
	width:649px;
	height:30px;
	left:50%;
	margin:410px auto auto -432px;
	overflow:hidden;
	z-index:100;
}
ul#menu-sub-pages-buttons {
	display: block;
	margin:0;
	padding: 0;
	list-style-type: none;
	width: 649px;
	overflow:inherit;

}
ul#menu-sub-pages-buttons li {
	margin:0;
	display: inline;
	position: relative;
	float: left;
	height: 30px;
	margin-right:5px;

}
#tekst-sub-pages{
	padding:0;
	margin:0;
	width:649px;
	overflow:inherig;
	float:right;
	margin-top:9px;
}

#tekst-sub-pages-verkoopadressen {
	padding:0;
	margin:0;
	width:860px;
	overflow:inherig;
	float:right;
	margin-top:9px;
}

/* HOMEPAGE */
ul#nieuwe-producten-homepage {
	display: block;
	margin:0;
	padding: 0;
	list-style-type: none;
	width: 675px;
	overflow:inherit;
	margin-left:-27px;
}
ul#nieuwe-producten-homepage li {
	margin:0;
	display: inline;
	position: relative;
	float: left;
	width:140px;
	height:140px;
	margin-top:12px;
	margin-left:28px;
}
.nieuwe-producten-homepage-tekst{
	margin:0;
	padding:0;
	margin-top:6px;
	float:left;
	width:140px;
	height:15px;
	text-align:center;
}

/* PRODUCT OVERZICHTEN */
ul#products-overview {
	display: block;
	margin:0;
	padding:0;
	list-style-type: inline;
	width: 649px;
	overflow:inherit;

}
ul#products-overview li {
	margin:0;
	padding:0;
	display: inline;
	position: relative;
	float: left;
	width:649px;
	height: 139px;
	border:solid 1px #737373;
	margin-top:12px;
}
.image-product-overview{
	padding:0;
	margin:0;
	width:140px;
	height:119px;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
	float:left;
}
.teksten-product-overview{
	padding:0;
	margin:0;
	width:479px;
	height:123px;
	margin-right:10px;
	margin-top:10px;
	overflow:hidden;
	float:right;
}
.header-product-overview{
	padding:0;
	margin:0;
	width:479px;
	height:18px;
	overflow:hidden;
	float:right;
	margin-top:-4px;
}
.product-naam-product-overview{
	padding:0;
	margin:0;
	width:290px;
	height:18px;
	overflow:hidden;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
.verkoopadviesprijs-product-overview{
	padding:0;
	margin:0;
	width:189px;
	height:20px;
	overflow:hidden;
	text-align:right;
	font-weight:bold;
	float:right;
}
.omschrijving-product-overview{
	padding:0;
	margin:0;
	width:479px;
	height:92px;
	overflow:hidden;
	float:right;
	overflow:hidden;
	margin-top:-1px;
}
.bottom-content-product-overview{
	padding:0;
	margin:0;
	width:479px;
	height:18px;
	overflow:hidden;
	margin-top:1px;
	float:right;
}
.verkoopadressen-product-overview{
	padding:0;
	margin:0;
	width:239px;
	height:18px;
	overflow:hidden;
	text-align:left;
	font-weight:bold;
	float:left;
}
.specificaties-product-overview{
	padding:0;
	margin:0;
	width:240px;
	height:18px;
	overflow:hidden;
	text-align:right;
	font-weight:bold;
	float:right;
}
#pagenumbers-product-overview{
	padding:0;
	margin:0;
	width:649px;
	height:20px;
	overflow:hidden;
	text-align:center;
	margin-top:10px;
	float:right;
}

/* PRODUCT PAGE */
#product-header{
	padding:0;
	margin:0;
	width:649px;
	height:18px;
	overflow:hidden;
	float:right;
	margin-top:9px;
}
#product-naam{
	padding:0;
	margin:0;
	width:349px;
	height:18px;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
#product-back {
	padding:0;
	margin:0;
	width:300px;
	height:18px;
	text-align:right;
	float:right;

}
#product-images-uitleg-container {
	margin:0;
	padding: 0;
	width: 649px;
	overflow:hidden;
	float:left;
}
#product-images {
	margin:0;
	padding: 0;
	width: 503px;
	overflow:inherit;
	float:left;
}
#product-image {
	margin:0;
	padding: 0;
	width: 300px;
	height:255px;
	margin-top:5px;
	float:left;
	border: solid 1px #747474;

}
#product-thumbnails-container {
	margin:0;
	padding: 0;
	width:186px;
	height:255px;
	margin-top:5px;
	float:right;
	overflow:hidden;

}
ul#product-thumbnails {
	display: block;
	margin:0;
	padding: 0;
	list-style-type:none;
	width:205px;
	height:255px;
	overflow:hidden;
}
ul#product-thumbnails li {
	margin:0;
	padding:0;
	display:inline;
	position:relative;
	float:left;
	width:50px;
	height:50px;
	border:solid 1px #737373;
	margin-bottom:15px;
	margin-right:15px;
	cursor:pointer;
}
#product-uitleg{
	padding:0;
	margin:0;
	width:132px;
	margin-top:2px;
	text-align:left;
	float:right;
	font-size:11px;
	line-height:14px;
}
#product-tekst{
	padding:0;
	margin:0;
	width:649px;
	margin-top:7px;
	text-align:left;
	float:left;
}
/* DISTRIBUTEURS */
#accordion {
	padding:0;
	margin:0;
	width:649px;
}
h3.toggler {
	cursor:pointer;
	border:0;
	padding:0;
	font-size: 12px;
	border-bottom:dashed #737373 1px;
	height:20px;
}

div.element {
	margin:0;
	padding:0;
	padding-left:26px;
	margin-top:-10px;
	margin-bottom:-10px;
}

blockquote {
	padding:0px;
}
.distributor-flag {
	padding:0;
	margin:0;
	width:16px;
	height:11px;
	text-align:left;
	float:left;
	margin-top:4px;
	margin-right:10px;
	margin-bottom: 2px;
}
.distributor-land{
	padding:0;
	margin:0;
	width:623px;
	height:18px;
	text-align:left;
	float:right;
}


/* SIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:14px;
}




/* MODx: Ditto */

.ditto_page,
.ditto_currentpage {
	margin-right: .2em;
}



/* Autocompleter */
ul.autocompleter-choices
{
	position: absolute;
	margin: 0;
	padding:0;
	list-style: none;
	border: 1px solid #7c7c7c;
	border-left-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #ddd;
	background-color: #fff;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index: 50;
	background-color: #fff;
}

ul.autocompleter-choices li {
	position:	relative;
	margin:	-2px 0 0 0;
	padding: 0.2em 1.5em 0.2em 1em;
	display: block;
	float: none !important;
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.5em;
}

ul.autocompleter-choices li.autocompleter-selected {
	background-color: #444;
	color: #fff;
}

ul.autocompleter-choices span.autocompleter-queried {
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
	color: #9FCFFF;
}

input.autocompleter-loading {
	background-image: url(../images/spinner.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}


/* Login */

form#loginform,
form#loginreminder {
	padding: 0;
	margin: 0;
}

form#loginform input#username,
form#loginform input#password,
form#loginreminder input#txtwebemail {
	border: 1px solid black;
	margin-top: 5px;
}

form#loginform input#chkbox {
	padding: 0;
	margin: 0;
	border: 1px solid black;
	margin-top: 5px;
}


/*
		Cropper
*/

div.crop-title,
div.crop-desc,
div.crop-input,
img.crop-info,
div.crop-text,
input.crop-submit {
	float: left;
}

div.crop-title,
div.crop-desc,
div.crop-text,
input.crop-submit {
	clear: both;
}

div.crop-title {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}

div.crop-title.first {
	margin-top: 0;
}

div.crop-desc,
div.crop-input {
	margin-top: 5px;
	padding-left: 10px;
	line-height: 25px;
}

div.crop-desc {
	width: 130px;
}

div.crop-input input,
div.crop-input textarea {
	width: 400px;
	border: 1px solid #737373;
}

div.crop-input textarea {
	height: 125px;
}

img.crop-info {
	margin-top: 6px;
	cursor: pointer;
	margin-left: 10px;
}

div.crop-text {
	line-height: 21px;
	color: white;
	width: 420px;
	margin-left: 150px;
	padding: 0 5px 0 5px;
	background-color: #737373;
}

div.crop-text a {
	color: blue;
}

input.crop-submit {
	border: 1px solid #737373;
	background-color: #EFEFEF;
	color: #8d1b23;
	height: 30px;
	width: 400px;
	margin-left: 150px;
	margin-top: 25px;
	cursor: pointer;
	font-weight: bold;
}
