/* @override http://www.deruijtermeubel.nl/css/basis.css */

/* algemene instellingen */

img, #header, #zoek, #productDock {
	behavior: url(/pngFix/iepngfix.htc)
}

* {
	font-weight: normaal;
	margin: 0;
	padding: 0
}

html {
	background: url(../images/content/bg.gif) repeat-x scroll;
}

body {
	font-family: Helvetica, Arial, schreefloos;
	font-size: 12px;
	background: url(../images/header/bg.gif) repeat-x scroll;
}

p {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

a {
	color: black;
	outline: none;
}

/* algemene layout */

li.titel {
	text-decoration: underline;
}

span.bigger {
	font-weight: bold;
	font-size: 110%;
}

.smaller {
	font-size: 90%;
}

.right {
	float: right;
}

.topLine {
	border-top-style: solid;
	border-top-width: 1px;
}

nog in te vullen {
	behavior: url(IE6fix/iepngfix.htc)
}

#header {
	height: 150px;
	position: relative;
}

#thema {
	margin-top: 35px;
	height: 54px;
}

#thema a {
	text-decoration: none;
	display: inline;
}

#header ul.woonThema {
	list-style-image: none;
	list-style-type: none;
	background-color: maroon;
	height: 63px;
}

li.modernWonen {
	width: 228px;
	background: silver url(../images/header/modernWonen.jpg) no-repeat left top;
	line-height: 63px;
	height: 63px;
}

#header li {
	display: inline;
}

#header h1 {
	background: url(../images/header/logo.gif) no-repeat scroll left center;
	text-indent: -9999px;
}

#container {
	text-align: left;
}

#content {
	position: relative;
	background-repeat: no-repeat;
	float: left;
	width: 730px;
	height: 461px;
	overflow: auto;
}

#contentNoHeight {
	position: relative;
	background-repeat: no-repeat;
	float: left;
	width: 730px;
	overflow: auto;
}

#contentIndex {
	background-image: url(../images/content/thema/backgrounds/homeBg.jpg);
	height: 461px;
}

#content p {
	line-height: 1.4
}

#content h1 {
	padding-bottom: 5px;
	padding-top: 5px;
}

#contentNoHeight h1 {
	padding-bottom: 5px;
	padding-top: 5px;
}

#content li {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}

#onderContent {
	clear: both;
	width: 100%;
	padding-top: 3px;
	margin: 3px 1px;
	height: 152px;
/

*overflow: hidden;*/
}

.onderContentBlock {
	font-size: 13px;
	background-position: left top;
	background-image: url(/images/onderContent/bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	float: left;
	width: 240px;
	height: 152px;
	margin-right: 3px;
	overflow: hidden;
}

#onderContent img {
	margin: 0;
	padding: 0;
}

#navigation {
	float: right;
	width: 238px
}

#navigation ul {
	list-style-image: none;
	list-style-type: none;
	text-align: center;
}

#navigation li {
	padding-top: 4px;
	margin-top: 2px;
	height: 21px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/images/content/navigatie/naviBg.png);
}

#navigation li:hover {
	padding-top: 4px;
	margin-top: 2px;
	height: 21px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(/images/content/navigatie/naviBg.png);
}

#navigation a {
	text-decoration: none;
	color: black;
	font-size: 14px;
}

#zoek {
	position: absolute;
	top: 116px;
	left: 10px;
}

#zoek span {
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}

#zoek select {
	border-width: 1px;
	width: 150px;
	margin-top: 10px;
	height: 20px;
	background-repeat: repeat-x;
	background: url(/images/zoeken/selectBg.jpg) left bottom;
	font-size: 12px;
	margin-right: 10px;
}

#zoek input {
}

.button {
	margin-top: 10px;
}

.clear {


/* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	width: 100%;
}

a.button {
	background: transparent url(../images/zoeken/bg_button_a.png) no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 20px;
	margin-right: 6px;
	padding-right: 18px;
	/* sliding doors paddin

g */
    text-decoration: none;
}

a.button span {
	background: transparent url(../images/zoeken/bg_button_span.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 3px 0 4px 18px;
}

a.button:active span {
	background-position: bottom left;
	padding: 3px 0 4px 18px;
/* pus

h text down 1px */
}

a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none;
/* hide d

otted outline in Firefox */
}

#footer {
	
}

#footerContent {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}

#footer h1 {
	font-size: 14px;
	padding-bottom: 2px;
}

#footer li {
	list-style-type: none;
	list-style-image: none;
}

#footer a {
	color: white;
}

#informatie {
	font-size: 11px;
}

#informatie ul {
	list-style-type: none;
	list-style-image: none;
	width: 262px;
	border: 1px dotted white;
	padding: 5px;
}

#informatie #info1 {
	text-align: left;
	background: #a3a3a3 url(/images/content/informatie/ingang.jpg) no-repeat 0 bottom;
	color: white;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: auto;
	padding-left: 450px;
	padding-bottom: 5px;
}

#informatie table {
	color: white;
	font-size: 10px;
	padding-bottom: 5px;
	margin-top: 5px;
	border: 1px dotted white;
	padding-right: 5px;
	padding-left: 5px;
	padding: 5px;
	margin-bottom: 5px;
	width: 274px;
	text-align: left;
}

th.first {
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

#informatie #info3 {
	float: left;
	margin-bottom: 20px;
	color: white;
	background: #a3a3a3 url(/images/content/informatie/KC.jpg) no-repeat;
	padding: 5px 5px 5px 450px;
}

#footerCopyright {
	padding-bottom: 5px;
	padding-top: 5px;
}

#container {
	width: 975px;
	margin: 0 auto;
}

/* index */

#slideshowButtons {
	top: 421px;
	position: relative;
	background: url(../images/content/slideshowButtonsBg.png) no-repeat;
	height: 40px;
}

.actief {
	padding-left: 10px;
	background: url(../images/content/slideshowButtonsActief.png) no-repeat;
	margin-left: -2px;
	height: 63px;
	width: 165px;
	padding-top: 28px;
	float: left;
	margin-top: -21px;
}

.buttonGlass2 {
	float: left;
	margin-top: 4px;
}

.buttonGlass3 {
	padding-left: 27px;
	float: left;
	margin-top: 4px;
}

.buttonGlass4 {
	padding-left: 73px;
	float: left;
	margin-top: 4px;
}

.buttonGlass5 {
	padding-left: 59px;
	float: left;
	margin-top: 4px;
}

/* productDetail */

.productDetail {
	position: absolute;
	display: none;
	top: 45px;
	left: 20px;
	width: 670px;
	padding: 10px;
	background: url(../images/content/productDetail.gif) no-repeat scroll;
}

.productDetail img.productFoto {
	position: absolute;
	top: 10px;
	left: 0px;
}

.productDetail .detailSluiten {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #202020;
	color: #ffffff;
}

.productDetail .detailSluiten a {
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	font-size: 12px;
}

.productDetail .detailSluiten a:hover {
	color: #000000;
	background-color: #ffffff;
}

.productDetail .thumbholder {
	clear: left;
}

.productDetail .productFotoThumb {
	margin-right: 10px;
	border: 1px solid #fff;
	vertical-align: bottom;
}

.productDetail img.activeThumb {
	border: 1px solid #f00;
}

/* thema */

#productDock {
	position: absolute;
	/* 	bottom: -100px; */
	bottom: 0px;
	left: 0px;
	padding-right: 5px;
	padding-left: 7px;
	width: 725px;
	/*
	background-repeat: no-repeat;
	background-image: url(/images/content/productDetail/dock.gif);
	background-position: 0px 2px;
	*/
	height: 115px;
}

#productDock #leftarrow {
	position: absolute;
	background: url('/images/content/productDetail/Arrow-Left.gif');
	background-position: 0px 0px;
	top: 35px;
	left: 15px;
	height: 46px;
	width: 46px;
}

#productDock #rightarrow {
	position: absolute;
	background: url('/images/content/productDetail/Arrow-Right.gif');
	background-position: 0px 0px;
	top: 35px;
	right: 25px;
	height: 46px;
	width: 46px;
}

#productDock #openDock, #productDock #closeDock {
	position: absolute;
	top: -21px;
	left: 322px;
	width: 84px;
	height: 21px;
}

#productDock #dockContent {
	position: absolute;
	top: 15px;
	left: 65px;
	height: 105px;
	overflow: hidden;
}

#productDock #dockInnerContent {
	position: absolute;
	top: 0px;
	left: 0px;
}

#productDock #dockContent a {
	position: absolute;
	top: 10px;
	margin: 0px;
}

#productDock #closeDock {
	display: none;
}

#iFrame {
	margin-left: 75px;
}

.merken {
	text-align: center;
	float: left;
}

.merkenOphanging1 {
	margin-left: 135px;
	float: left;
}

.merkenOphanging2 {
	margin-left: 85px;
	float: left;
}

.boxed {
	
}

#contentBackgrounds {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 730px;
	height: 461px;
	overflow: hidden;
}

#leftCollum {
	position: relative;
	float: left;
	width: 335px;
	height: 260px;
}

#rightCollum {
	float: right;
	width: 305px;
}

div.centreer {
	min-height: 10em;
	display: table-cell;
	vertical-align: middle;
}

.imgMargin {
	margin: 5px;
}

.koopzondag ul {
	list-style-type: none;
	list-style-image: url(none);
	list-style-position: inside;
}

.koopzondag {
	margin-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-left: 10px;
	position: relative;
	left: 5px;
	border-color: #7f7f7f;
	border-width: 1px;
	border-style: dotted;
	background-color: #d7d7d7;
	float: left;
	width: 200px;
}

.koopzondag h3 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#kaart {
	margin-bottom: 20px;
}

.forms {
	background-color: #FFFFFF !important;
	border: 1px solid grey !important;
	margin: 3px 0;
	padding: 4px;
}

fieldset#contact{
	border-style: none;
	border-width: 0px;
	width: 430px;
}

#contactForm {
	width: 500px;
}

#contact label {
	clear: left;
	float: left;
	font-weight: bold;
	height: 20px;
	margin-right: 15px;
	text-align: right;
	width: 80px;
	padding-top: 10px;
}

#contact #submit {
}

#nietsgevonden {
	margin-top: 50px;
}

#ophanging {
	margin-left: 135px;
}

#video {
	margin-left: 130px;
	width: 486px;
	margin-top: 25px;
}

#video a {
	margin: 5px;
	float: left;
	text-decoration: none;
}

#folder {
	float: left;
	margin-top: 10px;
}

/*slideshow metamorfose*/

#slideshow-container { 
width:310px;
height:208px;
position:relative;
float: left;
padding-left: 5px;
margin-top: 5px;
}

#slideshow-container img {
 display:block;
 position:absolute;
 top:0;
 left:0;
 z-index:1; 
 }
 
 /*page corner met twitter*/
  #corner-ad {
      display: block;
      height: 120px;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 115px;