@charset "utf-8";
* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #000000;
}
img {
	border: 0px;
}
#wrapper {
	margin: auto;
	width: 996px;
}
#header {
	background: transparent url(/img/header.gif) repeat-y scroll 0 0;
	height: 126px;
	width: 980px;
	font: 12px "century gothic";
	color: #FFFFFF;
	text-align: right;
	padding-right: 18px;
}
#header a {
	text-decoration: none;
	color: #FFFFFF;
}
#header a:hover, a:active {
	text-decoration: underline;
	color: #ffffff;
}
#logoflashdropdown {
	height: 250px;
	position: absolute;
	z-index: 10000000000;
	margin-left: 15px;
}
#menu {
	background: transparent url(/img/balk.gif) repeat;
	height: 29px;
	width: 871px;
	font: 12px "century gothic";
	padding-left: 125px;
}
#menu P {
	font: 12px "century gothic";
	color: #FFFFFF;
}
#menulinks {
	float: left;
}
#menu a {
	text-decoration: none;
	line-height: 31px;
	height: 29px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
}
#menu a:hover{
	color: white;
	text-decoration: none;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #6d4885;
}
#tabelcontainer {
	background-color: #222222;
	min-height: 425px;
	width: 996px;
	padding-bottom:20px;
	float:left;
}
#tabel_1 {
	margin-top: 15px;
	margin-left: 1px;
	padding-top: 1px;
	width: 60px;
	min-height: 280px;
	float: left;
}
#tabel_2 {
	font: 12px "century gothic";
	font-weight: 400;
	color: #AAAAAA;
	margin-left: 10px;
	margin-top: 18px;
	padding-top: 3px;
	width: 435px;
	min-height: 377px;
	float: left;
}
#tabel_2 h1 {
	font: 13px "century gothic";
	font-weight: 800;
	color: #ffffff;
	margin-top: 0px;
}
#tabel_3 {
	margin-left: 8px;
	margin-top: 21px;
	padding: 4px;
	width: 220px;
	min-height: 367px;
	float: left;
	background: black;
	border: 1px solid black;
	font: 12px "century gothic";
	font-weight: 400;
	color: #989898;
	overflow: hidden;
}
#tabel_3 p {
	font: 14px "Times New Roman", Times, serif;
	color: #989898;
	margin-left: 10px;
	margin-right: 10px;
}
#tabel_3 h1 {
	font: 16px "Times New Roman", Times, serif;
	font-weight: bold;
	color: #ffffff;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#tabel_4 {
	background-color: #000000;
	margin-left: 8px;
	margin-top: 18px;
	width: 222px;
	min-height: 380px;
	float: left;
	margin-right: 18px;
}
#tabel_4 h1 {
	font: 10px "century gothic";
	font-weight: 800;
	color: #000000;
}
#tabel_header_4 {
	font: 13px "century gothic";
	padding-left: 167px;
	color: #FFFFFF;
	font-weight: 800;
	padding-top: 3px;
	background: transparent url(/img/header-news.png);
	width: 55px;
	height: 20px;
}
#tabel_content_4 {
	background: transparent url(/img/news-background.gif);
	font: 12px "century gothic";
	color: #989898;
	font-weight: 400;
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	width: 196px;
	min-height: 343px;
}
#tabel_content_4 a {
	text-decoration: none;
	color: #FFFFFF;
}
#tabel_content_4 a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer {
	background: #222222;
	margin: auto;
	padding-top: 6px;
	height: 30px;
	width: 996px;
	font: 12px "century gothic";
	color: #666666;
	float:left;
}
#searchdiv {
	margin-top: 105px;
	float: right;
}
.textbox {
	font-size: 10px;
	color: #000000;
	border: none;
	background: transparent url(/img/textbox.png);
	height: 18px;
	width: 113px;
	padding-left: 30px;
	padding-top: 3px;
}
#search {
	float: right;
	margin: 0 auto;
}
.searchbutton {
	font-size: 10px;
	width: 20px;
	height: 22px;
	background: transparent url(/img/go.png);
	border: none;
	margin-right: 18px;
	margin-top: 3px;
	padding:4px;
}
/*
textarea,input {
	background: url(bg.png);
	border: 1px solid #555555;
	color: #FFFFFF;
	font: 12px "century gothic";
	margin-top: 10px;
}
*/

.colorExtraDiv { float:left; margin:0px 10px 10px 0px; padding:5px; width:108px; height:105px; background-color:#FFF; border:1px solid #cbcbcb; }
.colorExtraDiv span { display:block; width:108px; height:30px; text-align:center; }


* Stap 1: Materiaalkeuze */
#twoCenterBlocks { float:left; padding:0px 0px 0px 115px; width:460px; height:240px; }
#twoCenterBlocks #leftCenterBlock { float:left; padding:0px 20px 0px 0px; width:220px; height:240px; text-align:center; }
#twoCenterBlocks #rightCenterBlock { float:left; width:220px; height:240px; text-align:center; }

/* Stap 2: Kleurkeuze */
.pricegroupDiv { float:left; margin:0px 0px 20px 0px; width:880px; display: block;}
.pricegroupDiv .colorDiv { float:left; margin:0px 10px 10px 0px; padding:10px; width:108px; height:160px; background-color:#FFF; border:1px solid #cbcbcb; display: block; }
.pricegroupDiv .colorDiv span { display:block; width:108px; text-align:center; }
.pricegroupDiv .colorDiv a { color: blue; margin-top:2px;}
.pricegroupDiv .colorDiv a:hover { color: #990066; margin-top:2px;}



/* Stap 3: Keukenopstelling */
.opstellingDiv { float:left; width:160px; margin:20px 20px 20px 20px; }
.opstellingFirst { margin-left:0px; }

/* Stap 4: Afmetingen */
#afmetingenDiv { float:left; width:700px; }
#afmetingenDiv #afmetingImgDiv { float:left; width:350px; height:350px; }
#afmetingenDiv #afmetingImgDiv #afmetingRelativeDiv { float:none; position:relative; }
#afmetingenDiv #afmetingImgDiv #afmetingRelativeDiv .afmetingInputDiv { float:none; position:absolute; }
#afmetingenDiv #afmetingImgDiv #afmetingRelativeDiv .afmetingInputDiv input { width:24px; height:16px; line-height:16px; border:1px solid #333; }
#afmetingenDiv #afmetingTextDiv { float:left; width:330px; margin-left:20px; }

/* Stap 5: Randafwerkingen */
#edgeDiv { float:left; width:700px; }
#edgeDiv #edgeImgDiv { float:left; width:350px; height:350px; }
#edgeDiv #edgeImgDiv #edgeRelativeDiv { float:none; position:relative; }
#edgeDiv #edgeImgDiv #edgeRelativeDiv .edgeInputDiv { float:none; position:absolute;}
#edgeDiv #edgeTextDiv { float:left; width:330px; margin-left:20px; }

#edgeDiv #edgeThumbDiv { float:left; width:350px; }
#edgeDiv #edgeThumbDiv .edgeTypeDiv { float:left; margin-right:16px; width:75px; height:115px; text-align:center; }
#edgeDiv #edgeThumbDiv .edgeTypeDivLast { margin-right:0px; }
#edgeDiv #edgeThumbDiv .edgeTypeDiv img { margin-bottom:5px; }

/* Stap 6: Uitsparingen */
.sinkDiv { float:left; margin:0px 10px 10px 0px; padding:10px; width:108px; height:154px; background-color:#111111; border:1px solid #cbcbcb; text-align:center; }

/* Stap 7: Plinten / Rugwanden */
#plintenDiv { float:left; margin:0px 155px; width:394px; }
#plintenDiv #plintenLeftDiv { float:left; margin-right:20px; padding:10px; width:165px; height:157px; border:1px solid #cbcbcb; background-color:#FFF; }
#plintenDiv #plintenRightDiv { float:left; padding:10px; width:165px; height:157px; border:1px solid #cbcbcb; background-color:#FFF; }

/* Stap 8: Offerte */
#offerteLeft { float:left; width:360px; }
#offerteRight { float:left; width:340px; }
#offerteRight img { border:none; }

#offerteTable { width:350px; border-collapse:collapse; border:none; margin:0px 0px 15px 0px; padding:0px; }
#offerteTable th { padding:2px; color:#FFF; background-color:#937BAB; text-align:right; }
#offerteTable tr.offerteTableFooter { font-weight:bold; border-top:1px solid #937BAB; }
#offerteTable tr:nth-child(odd) { background-color:#FFF; }
#offerteTable td { padding:2px; }
#offerteTable .alignRight { text-align:right; }
#offerteTable th.kostenpost { text-align:left; width:265px; }
#offerteTable td.euro { width:10px; }
a.kleurkeuze {
text-decoration:underline;
}