@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; }
img { border:0px;}
.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:360px;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;}
/* aanbiedingslider */
#aanbiedingslider ul, #aanbiedingslider li{margin:0;padding:0;list-style:none;}
#aanbiedingslider {border:1px solid #84b680;}
#aanbiedingslider, #aanbiedingslider li{ /* define width and height of container element and list item (slide)list items must be the same size as the slider area*/ width:310px;height:260px;overflow:hidden; }
#aanbiedingslider li{ }		
#aanbiedingslider li h2{ margin:0 20px;padding-top:20px;}	
#aanbiedingslider li p{ margin:20px;}				
span#prevBtn{}
span#nextBtn{}
/* 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:7px;float:left; display:block; background-color:#fff;}
.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:175px; height:225px;margin:2px; padding:2px;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.knop { width:70px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px;border:1px solid #999999; background-color:#e5e5e5;text-decoration:none; margin:1px; color:#333333;}
.keukenstap1 table {margin:0px; 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 span { width:170px; height:120px; float:left; }
/* box 2 */
.keukenstap2 a2 {width:170px; height:155px;margin:3px; padding:0px;border:0px 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:190px;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:40px; display:block;}
/*
.blkknop {color:#3b904f; background-color:#d0ddd3; border:1px solid #3b904f; padding:4px; margin-top:5px; text-decoration:none;}
*/
.blkknop {color:#3b904f; border:0px solid #3b904f; padding:0px; margin-top:0px; 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.knop { width:70px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px;border:1px solid #999999; background-color:#e5e5e5;text-decoration:none; margin:1px; 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:#a0c2a9;}
.keukennav_kop {width:210px; height:40px;background-image:url(../img/uwsamenstelling.png); background-position:top; background-repeat:no-repeat;border-bottom:1px solid #FFFFFF; background-color:#e5e5e5;}
.keukennav_bottom {width:210px; height:40px;background-color:#a0c2a9;background-image:url(../img/nav_bottsom.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:#82a88c;}
.nav1 img {max-width:80px; max-height:60px;border:1px solid #ccc;}
.nav1
.standaardapp {width:750px; height:200px;background-color:#e5e5e5;}
/* topmenu */
.topmenu {width:750px; height:50px;float:left;}
.topmenu a { padding:0px; margin:5px; margin-right:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; border:0px solid #999999; background-color:#CCCCCC; color:#333333;}
/*
.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:16px; padding-left:10px; color:#fff; font-weight:bold; 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:760px; 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;}
/* samenstellen knop */
.stickersamenstellen {position:absolute; top:195px; right:0px; z-index:10000;}
/* home knop keuken samenstellen */
.links { width:275px; float:left; height:340px; margin-left:5px; background-color:#fff; }
#roze_vlak {float:left;width:240px;height:205px;background: url(images/roze_vlakniet.jpg) no-repeat; margin-top:20px;font-family:arial;font-size:14px;line-height:22px;color:#333	;}
#roze_vlak h2 {font-family:arial;font-size:16px;line-height:22px;color:#000;font-weight:bold;margin:0px;padding:0px;}
.knopkeukenshome { width:250px; height:80px; line-height:60px; background-color:#FF0000; color:#FFFFFF; float:left; padding:0px; margin:5px; text-decoration:none; font-size:14px; }