body {background:#888890 url(../images/header-bg.jpg) 0 0 repeat-x; color:White;margin:0;font-family: Arial Narrow;}
body.KMCMSeditor {background:#888890 url(../images/header-x.jpg) 0 0 repeat-x; color:White;margin:0;font-family: Arial Narrow;}
body.sp {background:#888890 url(../images/body-bg.jpg) 0 0 repeat-x;}
p {font-size: 16px;line-height:22px;text-align:justify;}
a {color: Silver;}
a:hover {color:White;}
h1, h2, h3, h4, h5, h6 {color:White;}

#sphead {width:900px; padding:0; margin:0 auto 0 auto;height:177px;border-right:solid 1px White; }
	#sphead img {margin: 10px 10px 0 0;float:right;}
#spmid {position: relative;width:900px; height:335px;margin: 0 auto 0 auto;background: Transparent url(/images/comp2.jpg) 0 35px no-repeat;border-bottom:solid 4px #fff;border-right:solid 1px White;}
#spmid 
	#promo {position: absolute; top:295px; left: 0px;color:White;}
#spbot {width:900px; margin:0 auto 0 auto;text-align:center;border-right:solid 1px White; }
#spbot h1 a {color:White;margin-top:0;margin-bottom:0; letter-spacing:8px;font-weight:normal;text-decoration:none;}
#spbot h1 a:hover {text-decoration:underline;}
#spbot h2 {color:#050531;margin-top:0;margin-bottom:0; letter-spacing:8px;font-weight:normal;text-decoration:none;}

#header {position:relative;width:900px; padding-top:0;height:130px;}
	#header a img {border:0;margin: 10px 10px 0 0;float:right;}
	#header h1 {float:left;color:White;margin-top:10px;margin-bottom:0; letter-spacing:8px;font-weight:normal;}
	#header div.login {position:absolute;bottom:50px;left:2px;font-family:Arial;font-size:12px; font-weight:bold;color:#d85;}
	#header div.login a {color:#d85;}
	#header div.login a:hover {color:White;}

#main {width:900px; padding-top:0px; margin:0 auto 0 auto;border-right:solid 1px White;}

#horizontalmenu {height:40px;}
#breadcrumbs {height: 25px;color:Gray;font-family: Arial; font-size:12px;margin-top:1px;}
	#bcleft {float:left;}
	#bcleft a {color:Black;text-decoration:none;padding-left:25px;background:#7a7a86 url(arrow-right.gif) 0 -0 no-repeat}
	#bcleft a:hover {text-decoration:underline;}
	#bcright {float: right;margin-right:10px;color:White;}
	#bcright a {color:Black;}
	#bcright a:hover {color: White;}
	
#mid {margin-right: 15px;}
#mid table.option {background-color: White; border: solid 2px #050531;width:600px;color:#050531;text-align:left;}
#mid .head {background-color: Silver;font-weight:bold;color:Black;}
#mid .waarde {font-weight:bold;}
#mid .key {color:#222;}
#mid .totaal {background-color:#d85;color:Black; font-weight:bold;}
#mid img.mainimg {border: solid 2px #050531;}

#actie {border-left:solid 4px #D85;padding-left:10px;color: #040531;}
#actie h3 {color: #040531;}
#actie a {color: #040531;}

a.doc {color:#050531;}
a.doc:hover {color:Maroon;}
input.button {background-color: #a52;cursor:pointer;}
input.orderbutton {background-color: Maroon;cursor:pointer; color:White; width:250px; height:40px;margin-left:2px;}
input.navbutton {background-color: Maroon;cursor:pointer; color:White;}
input.cancelbutton {font-size:14px;font-weight:bold;color:White; cursor:pointer; width:180px;height:40px;background:Red url(/images/btn-cancel.gif) no-repeat 4px 9px;}
input.confirmbutton {font-size:14px;font-weight:bold; color:White; cursor:pointer; width:180px;height:40px;background:Green url(/images/btn-ok.gif) no-repeat 4px 9px;}
a img.galery {border:solid 1px #050531;}
a:hover img.galery {border:solid 1px Red;}
.ddconfig {font-size:11px;border: solid 1px #7a7a85;color:Black;}
.text,textarea,.textcenter {font-family:Arial;font-size:12px; border: solid 1px #7a7a85;color:Black;}
.textcenter {text-align:center;}
.textconfig {font-size:11px;border: solid 1px #7a7a85;color:Black;}
.textconfigwm {font-size:11px;border: solid 1px #7a7a85; font-style:italic; color:Gray;}
.textsearch {font-size:16px;border:solid 1px Black;padding:2px;}

a div.th {margin-right:20px; text-decoration:none;height:270px;width:150px;cursor:pointer;position:relative;border:solid 2px #7a7a86;}
a:hover div.th {border:solid 2px #f97;}
a div.th span {position:absolute;bottom:0;left:0;width:150px;}
a div.th span.bg {filter: alpha (opacity=50);-moz-opacity: .50; opacity: .50; -khtml-opacity: 0.5;background-color:Navy;}
a:hover div.th span.bg {filter: alpha (opacity=100);-moz-opacity: 1.00; opacity: 1.00; -khtml-opacity: 1.0;background-color:#f97;}
/*a div.th span.lnk {color:White;left:4px;font-weight:bold;}*/
a div.th span.lnk {color:#fff;font-weight:bold;background-color:#7a7a86;}

a div.tmv {margin-right:20px; text-decoration:none;height:240px;width:240px;cursor:pointer;position:relative;border:solid 2px #7a7a86;}
a:hover div.tmv {border:solid 2px #f97;}
a div.tmv span {position:absolute;bottom:0;left:0;width:240px;}
a div.tmv span.bg {filter: alpha (opacity=50);-moz-opacity: .50; opacity: .50; -khtml-opacity: 0.5;background-color:Navy;}
a:hover div.tmv span.bg {filter: alpha (opacity=100);-moz-opacity: 1.00; opacity: 1.00; -khtml-opacity: 1.0;background-color:#f97;}
/*a div.tmv span.lnk {color:White;left:4px;font-weight:bold;}*/
a div.tmv span.lnk {color:#fff;font-weight:bold;background-color:#7a7a86;}


.highlight img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);-moz-opacity: 0.35;}
.highlight:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}

#footer {clear:both; border-top: solid 3px #7a7a86;font-family: Arial;font-size:12px; color:#040531;padding-bottom:70px; text-align:left;}
#adres {float:left;}
#contact {float:left; margin-left:40px;}
#contact a {color:#040531;}
#uren {float:left; margin-left:40px;}
#btw {float:left; margin-left:40px;}
#koenmichielsen {float:right;padding-bottom:70px;padding-right:10px;font-family: Arial;font-size:12px; color:#040531;}
#koenmichielsen a {text-decoration:none;color:#444;}
#koenmichielsen a:hover {color:White;}

* html #cols {background: transparent url(../images/mid-bg.gif) 0 0 repeat-y;}