@charset "UTF-8";
/* CSS Document */

* {
	padding:0px; margin:0px;
}
html, body {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333;
	vertical-align:top;
}

.stap10 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#b8262c; }

.p10 { padding:10px; }
.p20 { padding:20px; }
.p30 { padding:30px; }

.content a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ee1b24; text-decoration:none; border-bottom:1px dotted #999999; }
.content a:hover { color:#000000; }

/* Home */
.homerandom {
	width:300px; height:310px;
	padding:5px; display:table; text-align:center;
	background-color:#d7e4d7; border:0px solid #84b680; text-decoration:none
}
.homerandom h2 {
	font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:18px;
	padding:10px; padding-left:0px; font-weight:300; text-decoration:none; border:0px;
}
.homerandom img {
	width:150px; max-height:280px;
	border:0px; margin:0 auto;
	border:5px solid #FFFFFF;
}
.homerandom a { border:0px; text-decoration:none; }
.homerandom .opvaltitel {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px;
	color:#bd1c2b; padding:5px; padding-top:0px; padding-left:25px; padding-bottom:10px;
}

/* Content */
.content {
	width:700px;
	padding:25px; padding-top:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333;
}
.content h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:20px;
	padding:5px; padding-left:0px;
}
/* Contact */
.contact {
	width:800px;
	padding:25px;
}
.contact_1 {
	width:400px;
	float:left;
}
.contact_2 {
	width:380px;
	float:right;
}
.contactform input {
	width:150px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; margin:2px;
	border:1px solid #CCCCCC;
}
.contactform textarea {
	width:240px; height:130px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; margin:2px;
	border:1px solid #CCCCCC;
}
.contactform .formknop {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	padding:4px; height:30px;
}
/* Keukens */
.keukens {
	width:755px; /* 755 */
	padding:5px;
	float:left; display:block;
}
.keukens h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:5px; margin:0px; line-height:40px; padding-top:0px;
}
.keukenstap1, .keukenstap2 {
	width:755px; /* 755 */
}
/* box 1 */
.keukenstap1 .box {
	width:170px; height:215px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none; display:block;
}
.keukenstap1 .box:hover {
	border:1px solid #333333; color:#000000;
}
.keukenstap1 a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px;
	border:1px solid #999999; background-color:#e5e5e5;
	text-decoration:none; margin:2px; color:#333333;
}
.keukenstap1 table {
	margin:5px; margin-top:10px; width:160px; text-align:center;
}

.keukenstap1 .box img {
	max-width:170px; max-height:110px;
	border:0px; 
}
.keukenstap1 .box .img {
	width:170px; height:110px;
	margin-bottom:5px;
}
/* box 2 */
.keukenstap2 a2 {
	width:170px; height:155px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none; display:block;
}
.keukenstap2 a2:hover {
	border:1px solid #333333; color:#000000;
}
.keukenstap2 .blk {
	width:170px; height:175px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none; display:block;
}
.keukenstap2 .blk:hover {
	border:1px solid #333333; color:#000000;
}
.blk .select {
	border:1px solid #000000; background-color:#eeeeee;
}
.blktekst {
	height:42px; display:block;
}
.blkknop {
	color:#3b904f; background-color:#d0ddd3; 
	border:1px solid #3b904f; 
	padding:4px; margin-top:5px; 
	text-decoration:none;
}
.keukenstap2 img {
	max-width:170px; max-height:100px;
	border:0px; 
}
.keukenstap2 .img {
	width:170px; height:100px;
	margin-bottom:5px;
}


/* basis app */
.basisapparatuur .box {
	width:170px; height:200px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none; display:block;
}
.basisapparatuur .box:hover {
	border:1px solid #333333; color:#000000;
}
.basisapparatuur a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px;
	border:1px solid #999999; background-color:#e5e5e5;
	text-decoration:none; margin:2px; color:#333333;
}
.basisapparatuur table {
	margin:5px; margin-top:10px; width:160px; text-align:center;
}

.basisapparatuur .box img {
	max-width:170px; max-height:110px;
	border:0px; 
}
.basisapparatuur .box .img {
	width:170px; height:110px;
	margin-bottom:5px;
}

.select {
	border:1px solid #000000; background-color:#eeeeee;
}
.keukensheader {
	width:959px;
	padding:10px; margin:2px; margin-top:1px; margin-bottom:1px;
	background-color:#000000; display:table;
}
.keukenstotaal {
	width:949px;
	padding:15px; margin:2px; margin-top:0px;
	background-color:#ececec; display:table;
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
}
/* Keukenheadernavigatie */
.htotaal {
	width:700px; float:left;
	margin:10px; padding:5px;
}
.htotaal input {
	width:170px;
	height:30px;
	padding:4px;
}

/* apparatuurlijst */
.gaverderknop { float:right; }
.gaverderknop a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #666666; background-color:#CCCCCC; padding:7px;
	text-decoration:none; color:#333333;
}
.apparatuurlijst {
	width:440px;
	display:table;
	background-color:#e5e5e5;
}
.apparatuurlijst img {
	max-width:200px; height:100px;
	background-color:#FFFFFF;
	padding:5px; border:1px solid #cccccc;
}

.apparatuurlijst table a {
	font-size:12px; color:#b8262c;
	text-decoration:none;
}
.apparatuurlijst table a:hover {
	text-decoration:none; color:#000000;
	border:0px;
}


.apparatuurlijst .appbox {
	width:140px; height:185px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; background-color:#ffffff; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none;
}
.apparatuurlijst .appbox2 {
	width:140px; height:220px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; background-color:#ffffff; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none;
}
.apparatuurlijst .appbox3 {
	width:140px; height:240px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; background-color:#ffffff; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none;
}

.apparatuurlijst .appbox a, .apparatuurlijst .appbox a img, .apparatuurlijst .appbox a:hover, .apparatuurlijst .appbox a:hover img {
	text-decoration:none; border:0px; color:#333333;
}
.apparatuurlijst .appbox2 a, .apparatuurlijst .appbox2 a img, .apparatuurlijst .appbox2 a:hover, .apparatuurlijst .appbox2 a:hover img {
	text-decoration:none; border:0px; color:#333333;
}
.apparatuurlijst .appbox2 .knop {
	width:80px; padding:2px; margin:15px;
	float:left; margin-left:25px;

	border:1px solid #666666; background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	text-decoration:none; color:#000000;
}
.apparatuurlijst .appbox2 .knop:hover {
	width:80px; padding:2px; margin:15px;
	float:left; margin-left:25px;

	border:1px solid #666666; background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	text-decoration:none; color:#000000;
}

.apparatuurlijst a:hover {
	border:1px solid #000000;
}
.apparatuurlijst .img {
	width:140px; height:110px;
	margin-bottom:5px;
}
.apparatuurlijst img {
	max-width:140px; max-height:110px;
	border:0px; 
}

.infoproduct {
	padding:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
}
.infoproduct img {
	max-height:200px;
	margin:5px; margin-left:0px;
	border:0px;
}

/* Validation */
.valid { 
	border:1px solid #93c1de !important;
}
.invalid { 
	border:1px solid #C32525 !important;
}

/* bestellijst */
.bestellijst {
	width:700px; margin:20px;
}
.bestellijst img {
	max-width:200px; height:100px;
	background-color:#FFFFFF;
	padding:5px; border:1px solid #cccccc;
}
.bestellijst td {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	padding:3px; border-bottom:1px solid #e5e5e5; margin:2px;
}
.bestellijst a {
	text-decoration:none; border:0px;
}

.bestelform b {
	font-size:14px;
}

.stap10 {
	width:850px; padding:10px;
}
.bestelform input, .bestelform select {
	width:130px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:2px;
	border:1px solid #cccccc;
}
.bestelform {
	padding:10px;
}


/* KEUKENNAV */
.keukennav {
	width:210px;
	float:right; display:block;
	background-color:#e0bfc0;
}
.keukennav_kop {
	width:210px; height:40px;
	background-image:url(../img/nav_header.jpg); background-position:top; background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF; background-color:#e5e5e5;
}
.keukennav_bottom {
	width:210px; height:40px;
	background-color:#FFFFFF;
	background-image:url(../img/nav_bottom.jpg); background-position:left top; background-repeat:no-repeat;
}

.nav1 {
	width:210px;
	display:table;
}
.nav1 a {
	width:200px;
	padding:5px; padding-left:5px; line-height:20px;
	border-bottom:1px solid #ffffff; color:#333333;
	float:left; text-align:left; vertical-align:top;
	text-decoration:none;
}
.nav1 a:hover {
	background-color:#e3a4a6;
}
.nav1 img {
	max-width:80px; max-height:60px;
	border:1px solid #c59fa0;
}

.standaardapp {
	width:750px; height:200px;
	background-color:#e5e5e5;
}

.topmenu {
	width:750px; height:50px;
	float:left;
}
.topmenu a {
	padding:5px; margin:5px; margin-right:10px; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none;
	border:1px solid #999999; background-color:#CCCCCC; color:#333333;
}
/* overzicht */
.overzicht {
	float:left; padding:10px;
	width:890px;
}
.overzicht a {
	width:155px; height:180px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none;
}
.overzicht a:hover {
}
.overzicht img {
	max-width:140px; max-height:110px;
	border:0px; margin-bottom:5px;
}
.overzicht .hhnavhead {
	width:150px;
	text-align:center; padding:0px; margin:0px;
}



.overzicht_tabel {
	width:880px;
	margin:10px;
	float:left;
}
.overzicht_tabel td {
	padding:4px; margin:1px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}
.overzicht_tabel img {
	max-height:65px; max-width:90px;
	border:0px;
}
.overzicht_tabel td b {
	font-size:14px; font-weight:400; line-height:20px;
	padding:5px; padding-left:0px; float:left; color:#b8262c;
}
.overzicht_tabel a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	text-decoration:none; border:0px;
}

.tabel_keuzes {
	margin:10px; margin-bottom:20px;
	padding:0px; padding-bottom:12px; float:left;
	border-bottom:3px solid #b4c6d3; 
}
.tabel_keuzes a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c03c42;
	text-decoration:none; border-bottom:1px dotted #c03c42;
}
.tabel_keuzes a:hover {
	text-decoration:none; border-bottom:1px solid #333333; color:#333333;
}
.tabel_keuzes img {
	border:0px; max-height:40px; max-width:100px;
}

.hhnav {
}
.hhnavhead {
	width:195px; height:25px; line-height:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	color:#b8262c; text-align:left;
}
.hhnav a {
	width:205px; height:110px;
	margin:3px; padding:5px;
	border:1px solid #CCCCCC; background-color:#eeeeee; color:#333333;
	float:left; text-align:center; vertical-align:top;
	text-decoration:none;
}
.hhnav a:hover {
	border:1px solid #000000;
}
.hhnav .img {
	width:160px; height:100px;
	margin-bottom:5px;
}
.hhnav img {
	max-width:140px; max-height:110px;
	border:0px; 
}

.totaalprijs {
	width:748px; height:40px;
	border-bottom:1px solid #FFFFFF; background-color:#e5e5e5 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; line-height:40px; padding-right:20px;
	margin-bottom:5px; text-align:right;
}
.totaalprijs b {
	color:#3b904f;
}