html {width:100%;height:100%;  
	background: #001a53 url('../img/rilly-achtergrond-schoonmaken-oppervlak_2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

* {padding:0;margin:0;border:0;font-family:Arial,Helvetica,Verdana;color:#15284e;}

body {font-size:62.5%;line-height:1.4;overflow-y:scroll;background:#ccc;}

h1 {font-size:2.6em;line-height:1.1em;margin:1em 0;}
h2 {font-size:1.5em;margin-top:1.5em;}
h3 {font-size:1.8em;}
h4,h5 {font-size:1.7em;}
p {font-size:1.4em;}
hr {height:1px;}

.cl {clear:both;}
.flr {float:right;}
.flf {float:left;}
.ctr {text-align:center;}
.t_r {text-align:right;}
.false {display:none;}


/* globale instellingen */
.c1 {color:#15284e;} /* Hacom blauw */
.c2 {color:#000627;} /* extra donker blauw */
.c3 {color:#6c79ac;} /* lichter blauw */
.c4 {color:#dee1e6;} /* extra licht blauw */
.c5 {color:#6399c2;} /* ondersteunend blauw (cyaan achtig) */
b.c6 {color:#080;} /* groen OK */
b.c7 {color:#d30613} /* rood ERROR */

.w120 {width:120px;}
.w160 {width:120px;}
.w200 {width:200px;}
.w400 {width:400px;}
.w100p {width:100%;}

.r6 {  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
   border-radius: 6px;}
	
.r9 {  
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
   border-radius: 9px;}


.tab1 {display:inline-block;width:80px;}

.h_cond{
  font-family: "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed",  "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "TeXGyreHerosCnRegular", Arial,sans-serif;
  font-stretch:condensed;font-weight:200;}
	
/* lay-out structuur */
#pageholder {position:absolute;height:100%;width:960px;left:50%;margin-left:-480px;background:#fff;}
#header     {position:absolute;top:0;width:960px;left:50%;margin-left:-480px;background:#fff;height:460px;}
#content    {margin-top:460px;padding:20px 195px 40px 342px;min-height:360px;border-bottom:1px solid #e8e8e8;background:#fff;}


/* header */
#lang {position:absolute;top:8px;right:0;}
#lang a {display:inine-block;padding-left:26px;margin-right:8px;font-size:14px;line-height:24px;color:#999;text-decoration:none;}
#lang a {opacity:0.6;}
#lang a.act, #lang a:hover {opacity:1;}
#lang a.nl {background:url(../img/nl.gif) no-repeat;}
#lang a.fr {background:url(../img/fr.gif) no-repeat;}

#display {position:relative;margin-top:40px;height:380px;background:#000627;}
#display img {position:absolute;z-index:0;}

#contact    {position:absolute;top:0;right:150px;}
#contact a {color:#fff;text-decoration:none;}
#contact a:hover {color:#6399c2;}
#header_content {position:absolute;left:342px;top:100px;width:350px;height:214px;}
#header_content * {color:#fff;}
#header_content ul {padding-left:17px;}
#header_content h3 {font-size:3em;line-height:1em;font-weight:bold;}
#header_content h4 {font-size:1.4em;}
#header_content ul {padding-left:17px;font-size:1.4em;}
#header_content #but_box {position:absolute;width:100%;bottom:0;height:62px;}
#header .prodlink {position:absolute;bottom:0;left:60px;height:280px;width:200px;}

#header #button_webshop {position:absolute; display:block; right:0; top:12px;}
#header #button_webshop img {position:relative;}

/* advertentie */
#header #tip {position:absolute;left:1px;top:408px;display:block;width:320px;height:92px;}

/* buttons */
#header .buttons {position:absolute;top:70px;right:0;}
#header .buttons a{display:block;float:right;clear:both;width:auto;background:#fff;margin:4px 0;padding:4px 24px;text-align:right;font-size:1.4em;line-height:1.1em;font-weight:bold;color:#00a0e0;text-decoration:none;}
#header .buttons a span{font-size:0.85em;font-weight:200;color:#000;}
#header .buttons a:hover{margin:0;padding:8px 24px 8px 32px;color:#f00}


/* footer */
#footer {clear:both;position:relative;padding:15px 0 12px 160px;background:#fff;font-size:1.15em;color:#000;}
#footer a {text-decoration:none;color:#6399c2;}
#footer a:hover {color:#15284e;}
.linkout,.linkout a {color:#aaa;}
.linkout {font-size:0.8em;}
#footer .hacom {position:absolute;left:20px;top:10px;}

/* menus */
#menu {position:relative;margin-top:-60px;left:325px;width:635px;}
#menu:hover {color:#9ebe37;}
#menu ul {position:relative;list-style-type: none;}
#menu ul li {position:relative;}
#menu a {display:block;text-decoration:none;color:#c88c00;}
#menu .act b,
#menu a:hover b {font-weight:bold;color:#d30613;}
#menu a:hover {color:#d30613;}
#menu .menukop{ 
  float:left;
	height:45px;	
	padding:6px 16px 0 16px;
	border-left:1px solid #fff; 
	font-size:18px; line-height:1.05; color:#6399c2; white-space:nowrap;}
#menu .menukop:last-child{ border-right:1px solid #fff; }
#menu .act,
#menu .menukop:hover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(75%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 75%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
#menu .menukop:active{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 25%, rgba(255,255,255,0.25) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.25))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 25%,rgba(255,255,255,0.25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 25%,rgba(255,255,255,0.25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 25%,rgba(255,255,255,0.25) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 25%,rgba(255,255,255,0.25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40ffffff',GradientType=0 ); /* IE6-8 */

}

/* breadcrumbs */
.bc,.bc a,.bc em {color:#888;font-size:1.2em;line-height:1em;}
.bc a {text-decoration:none;}
.bc a:hover {color:#ccc;}


/* content */
.kolom400 {width:384px;margin:0 8px;float:left;}
.kolom800 {width:784px;margin:0 8px;clear:both;}
#content strong, #content .va h2{font-weight:bold;font-style:italic;color:#6399c2;}
#content ul {padding-left:17px;font-size:1.3em;margin-bottom:1em;}
#content p {margin-bottom:1em;}
#content .quote {margin-left:20px;}

#content .va {overflow:hidden;position:relative;margin-top:0.5em;padding-bottom:0.5em;border-bottom:1px solid #e8e8e8;}
#content .va:last-child {border:0;}
#content .va h2 {font-size:1.3em;background:url(img/ui-faq-arrow-right.gif) 0 5px no-repeat;padding-left:14px;cursor:pointer;margin-top:0;}
#content .va h2:hover {color:#15284e;}
#content .va h2.open {background:url(img/ui-faq-arrow-down.gif) 0 5px no-repeat;}
#content .va p {margin-top:0;padding-left:14px;font-size:1.25em;}

#content .toe {font-size:0.8em;}

#content .dealer {font-size:1.2em;border:1px solid #dee1e6;padding:0.5em 1em;width:320px;}
#content .dealer{font-size:1.2em;border:1px solid #dee1e6;padding:0.5em 1em;width:320px;}
#content .dealer .tel {padding-left:20px;background:url(tmc_1/tel.png) no-repeat;}
#content .dealer .map {padding-left:20px;background:url(tmc_1/map.png) no-repeat;}
#content .dealer .proef {padding-left:20px;background:url(tmc_1/info.png) no-repeat;}




/* kantlijn */
.naastcontent,.naastcontent2 { float:left;width:240px;margin-left:-260px;margin-top:-36px;text-align:center;font-size:0.85em;line-height:1.1em; }
.naastcontent2 { margin-left:-256px; }
.naastcontent a,.naastcontent a b,.naastcontent2 a,.naastcontent2 a b {text-decoration:none;color:#6399c2;}
.naastcontent a:hover, .naastcontent a:hover b,.naastcontent2 a:hover, .naastcontent2 a:hover b{ color:#15284e; }
.naastcontent2 .tip {clear:both;;left:0;display:block;margin-bottom:20px;text-align:left;font-size:1.4em;line-height:1.1em;}
.naastcontent2 .tip .icon {float:left;width:40px;height:60px;overflow:hidden;}
.naastcontent2 .tip .icon img{position:relative;height:40px;}
.naastcontent2 .tip .icon.bureaustoel img {margin-left:-132px;}
.naastcontent2 .tip .icon.tapijt img {height:30px;margin-left:-130px;}
.naastcontent2 .tip .blok {background:#6399C2;color:#fff;padding:0 4px;}
.naastcontent2 .tip:hover:after {content:" \3E \ lees verder";display:block;position:absolute;margin-left:40px;color:#6399C2;}

.afb_kant{float:left;margin-top:-2em;margin-left:-320px;width:320px;}
.afb_kant i {display:block;padding:0 40px 0 12px; }

.kant {float:left; font-size:0.85em; color:#999;}
.kant p{font-size:1.3em; color:#999;padding:6px;}
.kant.w120 {margin:20px 0 0 -240px;}
.w120 .product {width:118px;border:1px solid #e8e8e8;}


/* formulieren */
/* fieldset.nadruk { background:#15284e;} */
form {font-size:1.2em;margin-top:1em;width:100%;}
fieldset {margin-top:0.5em;}
fieldset .set {margin-top:0.25em;}
label {float:left;width:20em;margin-left:-21em;text-align:right;padding-top:.25em;}
/*label.error {display:none;margin-left:0;width:99%;padding-left:.5em;text-align:left;color:#d30613}*/
label.check {float:right;width:14em;text-align:left;margin-right:-15em;color:#6399c2;}
label.check span{color:#6399c2;}
input,textarea {padding: .1em;}
input[type="text"],textarea {border: 1px solid #15284e;width:100%;}
input[type="radio"] {}
input[type="submit"] {background:#15284e;color:#fff;padding:0.25em 1em;margin-top:0.25em;}
input[type="submit"]:hover, input[type="submit"]:focus {background:#000627;color:#6399c2;}
textarea {height:120px;font-size:1.2em;}
input:focus,textarea:focus,select:focus{background:#dee1e6;}
span.error {display:none;}



/* aankleding */
#back_left {position:fixed;top:0;left:50%;margin-left:-510px;width:40px;height:100%;}
#back_right {position:fixed;top:0;left:50%;margin-left:470px;width:40px;height:100%;}
#milieu {position:absolute;top:8px;left:50%;margin-left:-478px;display:none;}
#zomertip {position:absolute;top:420px;left:50%;margin-left:-400px;width:160px;display:block;z-index:999;text-align:center;}