@charset "UTF-8";

/* ////////////////////////////////////////////////// */
     
	/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ////////////////////////////////////////////////// */
     
	 /* FONT: PT Sans*/

@font-face {
	font-family: 'PTSansRegular';
	src: url('PTS55F-webfont.eot');
	src: local('☺'), url('PTS55F-webfont.woff') format('woff'), url('PTS55F-webfont.ttf') format('truetype'), url('PTS55F-webfont.svg#webfontmBFaK3EM') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ////////////////////////////////////////////////// */
     
	/* ALGEMEEN */

body {overflow-y: scroll; font: 14px 'Arial', sans-serif; background: #fff url('/img/background.jpg') no-repeat center 200px; background-attachment: fixed; padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}
html {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}	 

.clr {clear: both;}
.flt_rgt {float: right;}
.flt_lft {float: left;}

.print {display: none !important;}
.no_print {display: block !important;}

#map {width: 100%; height: 400px; border:  1px solid #fff; outline: 5px solid #ccc;}
#map span {display: none;}
.adres {}
.route {}

/* ////////////////////////////////////////////////// */

	/* HEADER */

header {display: block; width: 970px; margin: 0 auto; padding: 0 10px 0 10px; background: rgb(204, 204, 204); background: rgba(204, 204, 204, 0.6); position: relative;}

#banner {width: 950px; height: 270px; background: url('/img/banner-background.jpg') no-repeat; border-left: 10px solid #fff; border-right: 10px solid #fff; border-bottom: 10px solid #fff;}

#col1-layout #banner {height: 170px;}
#col2-layout #banner {height: 170px;}

h1#logo a {display: block; width: 224px; height: 53px; position: absolute; top: 73px; left: 48px; text-decoration: none;}
h1#logo span {font-size: 0; line-height: 0; text-indent: -10000px;}

#logo-idealstandard {position: absolute; top: 31px; right: 20px;}

nav {display: block; height: 31px; background: #fff; width: 950px; z-index: 20; position: relative;}

.headnav ul, .headnav ul * {margin: 0; padding: 0; list-style: none;}
.headnav ul {line-height: 1.0; background: #000; margin: 0 auto; width: 950px; height: 30px;}
.headnav ul ul {position: absolute; top: -999em; width: 200px;}
.headnav ul ul li {width: 100%;}
.headnav ul li:hover {visibility: inherit;}
.headnav ul li {float: left; position: relative;}
.headnav ul a, .headnav ul a:link, .headnav ul a:visited {font: 0.9em 'PTSansRegular', sans-serif; padding: 7px 20px 0 20px; height: 23px; color: #fff; border-right: 1px solid #000; text-decoration: none; display: block; position: relative; background: #1c232a; background: -webkit-gradient(linear, left top, left bottom, from(#1c232a), to(#050a0e)); background: -moz-linear-gradient(top,  #1c232a,  #050a0e);}
.headnav ul a:hover {background: #2b353f; background: -webkit-gradient(linear, left top, left bottom, from(#2b353f), to(#0e1822)); background: -moz-linear-gradient(top,  #2b353f,  #0e1822);}
.headnav ul ul a, .headnav ul ul a:link, .headnav ul ul a:visited {font-size: 0.8em;}
.headnav ul li:hover ul, .headnav ul ul li.sfHover ul {left: 0; top: 2.1em; z-index: 99;}
.headnav ul li:hover li ul, .headnav ul li.sfHover li ul {top: -999em;}
.headnav ul li li:hover ul, .headnav ul li li.sfHover ul {left: 10em; top: 0;}
.headnav ul li li:hover li ul, .headnav ul li li.sfHover li ul {top: -999em;}
.headnav ul li li li:hover ul, .headnav ul li li li.sfHover ul {left: 10em; top: 0;}
#sitemap, #search {float: right;}
#sitemap a, #search a, #sitemap a:link, #search a:link, #sitemap a:visited, #search a:visited {background: none; padding: 7px 10px 0 10px;}
#sitemap a, #sitemap a:link, #sitemap a:visited {padding: 8px 10px 0 10px; height: 22px;}
#sitemap a:hover, #search a:hover {background: #1c232a; background: -webkit-gradient(linear, left top, left bottom, from(#1c232a), to(#050a0e)); background: -moz-linear-gradient(top,  #1c232a,  #050a0e);}

.jcarousel-skin-vs .jcarousel-direction-rtl {direction: rtl;}
.homeslider {position: absolute; top: 170px; right: 20px; }
.jcarousel-skin-vs .jcarousel-container-horizontal {width: 510px; background: #fff; padding: 10px 0 9px 10px; border-left: 20px solid #cc071e;  border-bottom: 1px solid #e2e2e2;}
.jcarousel-skin-vs .jcarousel-clip-horizontal {width: 510px; height: 80px;}
.jcarousel-skin-vs .jcarousel-item {width: 80px; height:  80px; position: relative;}
.jcarousel-skin-vs .jcarousel-item-horizontal {margin: 0 5px 0 0;}
.jcarousel-skin-vs .jcarousel-direction-rtl .jcarousel-item-horizontal {margin: 0 10px 0 0;}
.jcarousel-skin-vs img {vertical-align: middle; display: block; position: absolute; bottom: 0;}

.homeslider-title {font-size: 3.4em; text-transform: uppercase; color: #fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.4); width: 390px; padding: 20px 10px 0 10px; height: 80px; display: block; position: absolute; top: 170px; left: 20px; cursor: pointer; text-shadow: 2px 2px 2px #444; font-family: 'PTSansRegular', Arial, sans-serif;}

.homeslides {z-index: 10; display: none;}
.homeslider-title {display: none;}

/* ////////////////////////////////////////////////// */

	/* CONTENT */

section#contentwrap {display: block; width: 970px; margin: 0 auto 10px auto; padding: 0 10px 10px 10px; background: rgb(226, 226, 226); background: rgba(226, 226, 226, 0.6);}

#wrapcontent {background: #fff;}

#home-layout #wrapcontent #content {width: 715px; float: right; padding: 10px 10px 0 10px; min-height: 300px;}
#home-layout #wrapcontent aside {width: 215px; float: left; display: block; margin: 0 0 0 10px; min-height: 300px;}

#col2-layout #wrapcontent #content {width: 685px; float: left; padding: 10px 10px 0 10px; min-height: 300px;}
#col2-layout #wrapcontent aside {width: 235px; float: right; display: block; margin: 0 0 0 10px; padding: 10px 10px 0 10px; min-height: 300px;}

#col1-layout #wrapcontent {width: 970px; padding: 10px 0 0 0;}

article.text {display: block; margin: 0 0 15px 2px;  font-size: 90%;}
.text p {line-height: 21px; margin: 0 0 10px 0;}
#col1-layout #wrapcontent .text {margin: 0 10px 10px 12px;}
.text a {color: #cc071e; font-style: italic; text-decoration: none;}
.text a:hover {text-decoration: underline;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {color: #cc071e; font-family: 'PTSansRegular', Arial, sans-serif;}
.text h1 a, .text h2 a, .text h3 a, .text h4 a, .text h5 a, .text h6 a {font-style: normal;}
.text h1 {font-size: 2.2em; text-transform: uppercase;}
.text h2 {font-size: 2.0em; text-transform: uppercase;}
.text h3 {font-size: 1.4em;}
.text h4 {font-size: 1.2em;}
.text h5 {font-size: 1em;}
.text h6 {font-size: 1em;}
strong.head {font-size: 1.6em; color: #cc071e; margin: 0 0 0 4px; font-family: 'PTSansRegular', Arial, sans-serif;}
.text ul {margin: 10px 0 10px 20px; list-style-type: square; line-height: 22px;}
.text ul li {padding: 0 0 0 4px;}
.text ol {margin: 10px 0 10px 24px; line-height: 22px; list-style-type: decimal;}
.text table {margin: 10px 0; width: 100%;}
.text td {background: #f2f2f2; border: 2px solid #fff; padding: 2px 4px;}
.text hr {color: #ccc; background: #ccc; border: 0; height: 1px; margin: 10px 0;}
.text .fancybox img {float: right; margin: 0 0 10px 20px;}

.action {width: 47%; float: left; text-align: center;}
.action a {font-style: normal;}
.action .fancybox img {float: none; margin: 0 0 10px 0;}

#news article {width: 337px; float: left; padding: 0 20px 0 0; margin: 20px 0 0 0;}
#news a {font-style: normal; color: #000;}
#news img {float: right; position: relative;}
#news span {font-style: italic; color: #cc071e;}
#news span:hover {text-decoration: underline;}

.news {margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
p.date {margin: 0; color: #666; font-style: italic;}
.news a {display: block; font-style: normal; color: #000;}
.news a:hover {text-decoration: none;}
.news img {float: right; margin: 0 0 0 20px; border: 5px solid #fff;}
.news img:hover {border: 5px solid #f2f2f2;}
.news span {font-style: italic; color: #cc071e;}
.news span:hover {text-decoration: underline;}

#bottom-links {clear: both; border-bottom: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; background: #cc071e; background: -webkit-gradient(linear, left top, left bottom, from(#cc071e), to(#8e0213)); background: -moz-linear-gradient(top,  #cc071e,  #8e0213); padding: 10px; text-align: center;}
#bottom-links li {display: inline;}
#bottom-links a {font: 1em 'PTSansRegular', Arial, sans-serif; color: #fff; text-decoration: none; margin: 0 0 0 14px; border-right: 1px solid #8e0213; padding: 0 15px 1px 0; line-height: 10px;}
#bottom-links a:hover {color: #000;}
#footer-sitemap a {padding: 0 0 1px 0; border: 0;}

.productserie {display: block; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;}
.productserie img {float: right; margin: 0 0 0 10px;}
.productserie a {font-style: normal; color: #000;}
.productserie a:hover {text-decoration: none;}
.productserie a h3 {color: #cc071e;}
.productserie a:hover h3 {text-decoration: underline;}

#rightmenu {padding: 0 0 10px 0; margin: 10px 5px 20px 4px;}
#rightmenu li {}
#rightmenu a {display:  block; text-decoration:  none; padding: 10px 10px 8px 10px; font-style: normal; color: #000; background: #e2e2e2; background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#f2f2f2)); background: -moz-linear-gradient(top,  #e2e2e2,  #f2f2f2); border: 1px solid #fff; cursor: pointer;}
#rightmenu a:hover {background: #cc071e; background: -webkit-gradient(linear, left top, left bottom, from(#cc071e), to(#8e0213)); background: -moz-linear-gradient(top,  #cc071e,  #8e0213); text-decoration: none; color: #fff;}

.red {color: #cc0000; font-weight: bold;}
#rightmenu a:hover .red  {color: #fff;}

.paging {margin: 10px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; line-height:  10px; padding: 7px 10px; color: #cc071e;}
.paging a {margin: 0 5px; background: #ccc; padding: 1px 4px 0 4px; text-decoration: none; color: #666;}
.paging a:hover {background: #cc071e; color: #fff;}
.paging .paginas {margin: 0 5px 0 0; color: #666;}

address {font-style: normal;}

.faq-article h3 {font-size: 1.3em; color: #000; font-weight:  normal; padding: 0 0 0 16px; background: url('/img/arrow-closed.jpg') no-repeat; cursor: pointer;}
.faq-article h3.active {color: #cc071e; background: url('/img/arrow-open.jpg') no-repeat; cursor: default;}
.faq-article div {display: none;}

#groups {width: 250px; float: left; margin: 0 0 10px 0; padding: 0; list-style: none;}
#groups li {padding: 0;}
#groups a {display: block; padding: 4px 10px; font-style: normal; color: #000; background: #e2e2e2; background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#f2f2f2)); background: -moz-linear-gradient(top,  #e2e2e2,  #f2f2f2); border: 1px solid #fff; cursor: pointer;}
#groups a:hover {background: #cc071e; background: -webkit-gradient(linear, left top, left bottom, from(#cc071e), to(#8e0213)); background: -moz-linear-gradient(top,  #cc071e,  #8e0213); text-decoration: none; color: #fff;}
#groups a.active {font-weight: bold;}
#downloads {width: 685px; float: left; margin: 0 0 0 10px;}
#downloads a {width: 200px; display: block; font-style:  normal; color:  #000; float: left; margin: 0 10px; padding: 0 10px 0 0; border-right: 1px solid #ccc;}
#downloads a:hover {text-decoration: none; color: #cc071e;}
.download-img {float: left; margin: 0 10px 0 0; font-size: 0.8em; text-align: center;}
#downloads .third {margin: 0 10px; padding:  0; border-right: 0; width: 203px;}
#downloads hr {margin: 0 0 20px 0;}
#downloads p {margin: 0;}

.text a.knop {width: auto; padding: 5px 10px; float: left; margin: 10px 5px; position:  relative; left:  -5px; display: inline-block; color: #fff; font-weight: normal; font-style: normal; font-size: 12px; text-align: center; background: #cc071e; background: -webkit-gradient(linear, left top, left bottom, from(#cc071e), to(#8e0213)); background: -moz-linear-gradient(top,  #cc071e,  #8e0213); border: 1px solid #fff; position: relative; top: 10px;}
.text a.nofloat {float: none;}
.text a.knop:hover{text-decoration: none; background: #e2e2e2; background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#f2f2f2)); background: -moz-linear-gradient(top,  #e2e2e2,  #f2f2f2); color: #666; border: 1px solid #ccc;}

.frame {width: 945px; height: 600px;}

strong.onderdelenblad {display: block;}
strong.onderdelenblad a {color: #cc071e; line-height: 30px;}
strong.onderdelenblad a:hover {text-decoration: none;}

.column {width: 30%; float: left; margin: 0 12px 10px 12px;}

#action a {color: #000; font-style: normal;}
#action a span {color: #cc071e; font-style: italic; text-decoration: none;}
#action h3 {font-size: 1.1em; border-top: 1px solid #ccc; padding: 10px 0 0 0; text-align: center;}
#action img {margin: 12px auto;}

/* ////////////////////////////////////////////////// */

	/* FORMULIER */	

form {margin: 10px 0;}
fieldset {background: #fafafa; padding: 10px; border: 1px solid #ccc; margin: 0 0 10px 0;}
legend {color: #cc071e; font-size: 1.4em; font-weight: bold; padding: 0 10px;}
label {width: 200px; display: inline-block; vertical-align: top;}
textarea, input {font: 12px 'Arial', sans-serif; background: #fff url('/img/background.jpg') no-repeat center 200px; background: #fff; border: 1px solid #e2e2e2; padding: 4px; width: 200px;}
textarea:focus, input:focus {border: 1px solid #ccc;}
.send-button {width: auto; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background: -moz-linear-gradient(top,  #999999,  #666666); color: #fff; font-size: 1.1em; padding: 4px 10px; cursor: pointer;}
.send-button:hover {background: #cc071e; background: -webkit-gradient(linear, left top, left bottom, from(#cc071e), to(#8e0213)); background: -moz-linear-gradient(top,  #cc071e,  #8e0213);}
.radio-check {border: 0 !important; width: 15px !important; background: none !important;}
span.error {vertical-align: top; font-weight: bold; color: #cc071e; margin: 0 0 0 10px;}
#cpc {width: 42px; margin: 0 10px 0 0;}
#cplace {width: 138px;}

#searchform {display: none; position: absolute; top: 20px; right: 20px; padding: 0 5px 5px 5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6);}
#searchform input {width: 150px; font-size: 0.9em;}
#searchform .send_btn {width: 20px; font-weight: bold; background: none; border: 0; color: #fff; cursor: pointer; font-size: 1.8em; font-family: 'Arial'; position: relative; top: 2px;}

/* ////////////////////////////////////////////////// */

	/* FOOTER */

footer {display: block; position: relative; clear: both; width: 990px; margin: 0 auto; text-align: center;} 

footer address {font: 0.9em Arial, sans-serif; color: #000; text-shadow: 1px 1px 0 #fff; letter-spacing: 0.3pt;}
footer span {margin: 0 10px;}
footer a, footer a:link, footer a:visited {color: #000; text-decoration: none;}
footer a:hover {text-decoration: underline;}

#webdeveloper {font: 0.7em Arial, sans-serif; color: #000; text-shadow: 1px 1px 0 #fff; letter-spacing: 0.3pt; margin: 20px 0; display: inline-block;}

/* ////////////////////////////////////////////////// */

	/* FANCYBOX */	

#fancybox-loading {position: fixed;	top: 50%; left: 50%; height: 40px; width: 40px;	margin-top: -20px; margin-left: -20px; cursor: pointer;	overflow: hidden; background: transparent; z-index: 1104; display: none;}
#fancybox-loading div {position: absolute; top: 0; left: 0;	width: 40px; height: 480px;	background: transparent url('/img/fancybox.png') no-repeat;}
#fancybox-overlay {position: fixed;	top: 0;	left: 0;  bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap {position: absolute;	top: 0;	left: 0; margin: 0;	padding: 20px; z-index: 1101; display: none;}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF;}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px;	height: 30px; background: url('/img/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox_error {color: #444; font: normal 12px/20px Arial;}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0;}
#fancybox-img {width: 100%;	height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative; width: 100%; height: 100%;	border: none; display: block;}
#fancybox-title {position: absolute; bottom: 0;	left: 0; font-family: Arial; font-size: 12px; z-index: 1102;}
.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333;}
.fancybox-title-outside {padding-top: 5px; color: #FFF;	text-align: center;	font-weight: bold;}
.fancybox-title-over {color: #FFF; text-align: left;}
#fancybox-title-over {padding: 10px; background: url('/img/fancy_title_over.png'); display: block;}
#fancybox-title-wrap {display: inline-block;}
#fancybox-title-wrap span {height: 32px; float: left;}
#fancybox-title-left {padding-left: 15px; background: url('/img/fancybox.png') no-repeat -40px -130px;}
#fancybox-title-main {font-weight: bold; line-height: 29px;	background: url('/img/fancybox-x.png') 0px -36px; color: #FFF;}
#fancybox-title-right {padding-left: 15px; background: url('/img/fancybox.png') no-repeat -55px -130px;}
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/img/blank.gif');	z-index: 1102; display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico {background: url('/img/fancybox.png') -40px -30px;}
#fancybox-right-ico {background: url('/img/fancybox.png') -40px -60px;}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;	right: 20px;}
div.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0;	z-index: 1001;}
div.fancy_bg_n {top: -18px;	width: 100%; height: 18px; background: url('/img/fancybox-x.png');}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px;	height: 18px; background: url('/img/fancybox.png') -55px -92px;}
div.fancy_bg_e {right: -13px; height: 100%;	width: 13px; background: url('/img/fancybox-y.png') -13px 0px;}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -55px -110px;}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: url('/img/fancybox-x.png') 0px -18px;}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -110px;}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px;	background: url('/img/fancybox-y.png');}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -92px;}