/* -------------------------------------------------
Version : 1.4
Author : Tremani
Email : info@tremani.nl
Website : http://tremani.nl
Client : Colorware (http://www.colorware.eu)
---------------------------------------------------- */
body { font:69%/1.5em "Verdana", Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; width:100%; height:100%; background-color:#56545a; background-image:url(../img/bg.gif); background-repeat:repeat-x; text-align:center;}
* html body { line-height:1.45em;}
div { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, fieldset, address { background-color:transparent; list-style:none; border:none; }
img {border:0;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0.5em auto 0.45em auto; }
h1 + h2 {margin:-0.5em auto 1.2em auto;}
h1 {font-size:181%; line-height:1.23em; margin:0.5em auto 0.45em auto; }
/* h2 {font-size:140%; line-height:1.24em; color:#3184C8; margin:0.75em auto 0.75em auto;} */
h2 {font-size:140%; line-height:1.25em; margin:1.00em auto 0.85em auto;}
h2 + p {margin-top:-0.4em;}
h3 {font-size:110%; line-height:1.25em; margin:0.85em auto 0.85em auto;}
h3 + p {margin-top:-0.4em;}
h4 {font-size:100%; margin-bottom:-0.4em; }
h5 {font-size:100%;}
h6 {font-size:90%;}
p { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 105%; letter-spacing: 0.04em;}
a {text-decoration:underline; color:#0c9dea; background-color:transparent; text-decoration:none;}
a:hover {color:#13132f; background-color:transparent;}
/* SITE SPECIFIC ----------------------------------------------------------- */
#outer-wrapper {margin:0 auto; padding:0 10px; width:955px; text-align:left; background:url(../img/bg-repeater.png) repeat-y 0 0; }
#inner-wrapper {width:955px; background:url(../img/bottom-site2.png) no-repeat bottom center; min-height:600px; position: relative;}
/* Bovenbalk ----------------------------------------------------------- */
#header {margin:0 -10px; padding:0; position:relative; height:112px; width:975px; background:url(../img/header.png) no-repeat 0 0;}
* html #header {position:static;}
#header #click a {display:block; width:226px; height:84px; position:absolute; top:0px; margin-left:10px;}
#header-xtras {margin:8px 0 0 735px; padding:0; position:absolute; height:18px; width:250px;}
#header-xtras a#lang-en, #header-xtras a:active#lang-en {text-indent:-5000px; display:block; height:18px; width:26px; background:url(../img/btn-lang-en.gif) no-repeat 0 0; float:left; margin:0 2px 0 0;}
#header-xtras a#lang-en:hover {background-position:0 -18px;}
#header-xtras a#lang-en:active {background-position:0 -36px;}
#header-xtras a#lang-en.current {background-position:0 -18px;}
#header-xtras a#lang-nl, #header-xtras a:active#lang-en {text-indent:-5000px; display:block; height:18px; width:26px; background:url(../img/btn-lang-nl.gif) no-repeat 0 0; float:left; margin:0 2px 0 0;}
#header-xtras a#lang-nl:hover {background-position:0 -18px;}
#header-xtras a#lang-nl:active {background-position:0 -36px;}
#header-xtras #searchbutton, #header-xtras #searchbutton:active {display:block; height:18px; width:26px; background:url(../img/btn-search.gif) no-repeat 0 0; float:left; margin-left:-7px; border:none;}
#header-xtras #searchbutton:hover {background-position:0 -18px;}
#header-xtras #searchbutton:active {background-position:0 -36px;}
#header-xtras #searchfield { font-size:10px; display:block;/* height:12px;*/ width:136px; background:url(../img/bg-searchbox.gif) no-repeat 0 0; float:left; margin:0; padding:3px; border:none;}
/* Col-1 & Navigatie -------------------------------------------------------------- */
#col-1 {width:228px; float:left; display:inline; margin:0 20px 0 0; position:relative; }
#col-1 #mainnav {width:228px; margin:0; padding:0; text-align:left;}
* html #mainnav li {height:20px; margin:0; padding:0;}
#mainnav li a,
#mainnav li a:visited {display:block; margin:0; padding:0; position:relative; width:228px; height:27px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 -27px; overflow:hidden;}
#mainnav li a:hover {background-position:0 0;}
#mainnav li a:active {background-position:0 -54px;}
#mainnav li a.current {background-position:0 0; font-weight:bold;}
#mainnav #btn-1, #mainnav #btn-1 a, #mainnav #btn-1 a:active { background-image:url(../img/btn-home.gif); z-index:100;}
#mainnav #btn-2, #mainnav #btn-2 a, #mainnav #btn-2 a:active { background-image:url(../img/btn-products.gif); z-index:90;}
#mainnav #btn-3, #mainnav #btn-3 a, #mainnav #btn-3 a:active { background-image:url(../img/btn-support.gif); z-index:80;}
/*#mainnav #btn-4, #mainnav #btn-4 a, #mainnav #btn-4 a:active { background-image:url(../img/btn-buy.gif); z-index:70;}*/
#mainnav #btn-4, #mainnav #btn-4 a, #mainnav #btn-4 a:active { background-image:url(../img/btn-press-media.gif); z-index:60;}
#mainnav #btn-5, #mainnav #btn-5 a, #mainnav #btn-5 a:active { background-image:url(../img/btn-contact.gif); z-index:60;}
#mainnav #submenu-1 {width:228px; margin:0; padding:0; background:#adaeb2; }
#mainnav #submenu-1 li {margin:0; padding:0; font-size:12px; line-height:1.2em; }
#mainnav #submenu-1 li a,
#mainnav #submenu-1 li a:visited {position:relative; height:auto; width:188px; color:#000; margin:0; padding:3px 10px 5px 30px; background:#ccc; text-indent:0px; border-top:1px #fff solid !important; cursor:pointer; }
#mainnav #submenu-1 li a.current {background:#ccc; cursor:pointer; background:#ccc url(../img/arrow-nav3.png) no-repeat right center; }
#mainnav #submenu-2 {width:228px; margin:0; padding:0; background:#adaeb2; color:#fff;}
#mainnav #submenu-2 li {margin:0; padding:0; font-size:12px;}
#mainnav #submenu-2 li a,
#mainnav #submenu-2 li a:visited {position:relative; height:auto; width:168px; color:#fff; padding:3px 10px 5px 50px; background:#999; text-indent:0px; }
#mainnav #submenu-2 li a.current {background:#999 url(../img/arrow-nav3.png) no-repeat right center;}
#mainnav li #submenu-2 li:first-child a,
#mainnav li #submenu-2 li:first-child a:visited {border-top:1px solid #fff !important; }
#mainnav li #submenu-2 li:last-child a,
#mainnav li #submenu-2 li:last-child a:visited {border-bottom:none !important;}
.noborder {border:none}
/* EH BEGIN 12-12-2008 */
#mainnav #submenu-3 {width:228px; margin:0; padding:0; background:#adaeb2; color:#fff;}
#mainnav #submenu-3 li {}
#mainnav #submenu-3 li a,
#mainnav #submenu-3 li a:visited {position:relative; width:148px; color:#666; margin:0; padding:3px 10px 5px 70px; text-indent:0px; background:#fff; }
#mainnav #submenu-3 li a.current {background:#fff url(../img/arrow-nav4.png) no-repeat right center; cursor:pointer; color:#666;}
/* I don't understand why this is needed? */
#mainnav #submenu-1 li a:hover, #mainnav #submenu-2, li a:hover {color:#fff; background:#0C9DEA url(../img/arrow-nav3.png) no-repeat right center; }
#mainnav #submenu-1 li a:active, #mainnav #submenu-2 li a:active {color:#fff; background:#adaeb2; text-decoration:none;}
#mainnav #submenu-1 li.selected a, #mainnav #submenu-2 li.selected a {font-weight:bold; cursor:default !important; background:#000 !important;}
#inner-wrapper #col-2 div em a {background-image:none;}
/* Col-2 & Content ----------------------------------------------------------- */
#col-2 {width:460px; float:left; display:inline; margin:0 0 20px 0;}
#col-2 .mainbanner {width:460px; height:167px; margin-bottom:20px; padding:0; display:block;}
#col-2 .news-item {width:460px; border-bottom:1px solid #b1afb3; padding:0; margin-bottom:20px; position:relative;}
#col-2 .news-item .link_more,
#col-2 .news-item .link_more:visited {width:41px; height:18px; background:url(../img/btn-more.gif) no-repeat 0 0; margin:-17px 0 0 420px; display:block; text-indent:-9999px;}
#col-2 .news-item .link_more:hover {background-position:0 -18px;}
#col-2 .news-item .link_more:active {background-position:0 0;}
#col-2 .news-item,.text,p {margin:0 0 20px 0;}
.text ul, .intro ul { list-style:square; margin: 1.12em 0px 1.12em 40px; padding:0;}
.text ul li, .intro li { list-style:square; display: list-item; margin:0; padding:0;}
.text ul li { margin-bottom: 0.5em; font-family: Tahoma, Verdana, Arial; font-size: 105%; letter-spacing: 0.04em; }
/* Col-3 & Banners left ------------------------------------------------------ */
#col-3 {width:228px; float:right; display:inline; margin:0; }
#col-3 .banners-left {width:228px; display:block; padding:0; margin:0 0 8px 0;}
#col-3 .banners-left a {padding:0; margin:0;}
#col-3 .banners-left2 {width:228px; height:112px; display:block; padding:0; margin:-7px 0 8px 0;}
#col-3 .banners-left2 a {padding:0; margin:0;}
/* Footer & Footer text ------------------------------------------------------ */
#footer {width:955px; height:17px; position:relative; margin:0 auto; background:url(../img/footer.png) no-repeat 0 0; }
#footer span {color:#bdbbc0; font-size:10px; margin-top:10px; }
#footer span#footer-links {font-weight:bold; float:left; margin-left:10px;}
#footer span#footer-links a {color:#bdbbc0;}
#footer span#footer-copyrights {float:right; margin-right:10px;}
/*---- Standaard extra's ---*/
.float-r {float:right; display:inline; margin: 0 0.5em 1em 1em;}
.float-l {float:left; display:inline; margin: 0 1em 1em 0em; }
.clearer {clear:both;}
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
/*---- Header styling ---*/
.sIFR-active h1 {visibility: hidden; text-align:left; line-height:1em; /* padding-right:0px;*/}
.sIFR-active h2 {visibility: hidden; text-align:left; line-height:1.25em; font-size:140%;}
/* EH Add-ons/Extra's */
#btn-8 {visibility:hidden;}
#newsletter_messages { }
.mail_error_message {color:#E5007C; border:2px solid #E5007C; margin:30px 0 20px 0px; padding:0 8px 8px 8px; line-height:1.2em; width:440px;}
.mail_succes_message {color:#0D9EEA; border:2px solid #0D9EEA; margin:30px 0 20px 0px; padding:0 8px 8px 8px; line-height:1.2em;}
.mail_error_message h4 {background:#E5007C url(../img/error-warning.png) no-repeat 6px center; margin:0 -8px 8px; color:#fff; padding:4px 0 4px 20px;}
.mail_succes_message h4 {background:#0D9EEA url(../img/icon-approved-ticked-klein.png) no-repeat 6px center; margin:0 -8px 8px; color:#fff; padding:4px 0 4px 20px;}
.news_header {list-style-type:none!important; list-style:none;}
/* EH Add-ons/Extra's */
/* Contact form ----------------------------------------------------------- */
.submit_form {width:460px; background-image:url(../img/form-bg.png); background-repeat:repeat-x; text-align:left;}
* html #formulier { padding:9px;}
#formulier legend {font-size:150%; /*color:#000;*/ line-height:18px; display:block; !important; padding:0; margin:0; float:left;}
* html #formulier legend {margin-left:-8px; float:left;}
*:first-child+html #formulier legend {margin-left:-8px;}
#formulier input {position:relative; height:13px; width:250px; padding:4px; margin:0 0 6px 0; border:none; font-size:11px; color:#555; background:#ececeb url(../img/input-bg2.png) no-repeat -1px -1px; line-height:16px;}
#formulier input:hover,
#formulier input:focus {color:#000; }
#formulier textarea {position:relative; width:250px; height:60px; padding:4px; margin:0; border:none; font-size:11px; color:#555; background:#ececeb url(../img/textarea-bg2.png) no-repeat -1px -1px; overflow:hidden;}
* html #formulier textarea {overflow:hidden;}
#formulier textarea:hover,
#formulier textarea:focus {color:#000;}
#formulier input.submit_button {position:relative; cursor:pointer; height:23px; width:140px; padding:0; margin:0; border:none; font-size:11px; color:#fff; background:#56545A;}
* html #formulier input.submit_button {padding:2px 0 4px 0;}
*:first-child+html #formulier input.submit_button {padding:3px 0 3px 0;}
#formulier input.submit_button:hover,
#formulier input.submit_button:focus,
#formulier input.submit_button.over,
#formulier input.submit_button.over:focus { background:#47454A;}
#formulier input.submit_button:active,
#formulier input.click { background:#000;}
#formulier #cv {height:20px; font-size:11px; color:#555; line-height:16px;}
.index .intro {padding-left:15px; min-height:188px;}
* html .index .intro {height:188px;}
/* .news-item li {margin:2em 0; padding-bottom:.3em; border-bottom:1px solid #dfdfdf;} */
/*
p.news-body {margin:0 0 0 0;}
span.datum {padding-right:.5em; font-weight:bold;}
span.readmore_label {margin:-3em 0 1em 0; position:relative;}
p.readmore {margin:-1em 0 2em 0; position:relative;}
*/
/* EH 09/10/2008 Add-ons */
.position_outdated {background:#E8E8E8; border:1px solid #211458; }
.position_outdated_text {background:#E8E8E8; padding:10px;}
#leftbanner {margin-top:auto; width:228px;}
/* DKE 10/12/2008 Add-ons */
#form h3 {margin:0; padding:9px;}
#form #types {float:left; padding:0; margin:0; width:100px;}
#form #types li {padding:2px; margin:0 0 4px 0; height:23px;}
#form #fields {float:right; padding:0; margin:0; width:275px;}
#form #fields li {padding:2px; margin:0;}
.left-banner {width:220px; height:82px; margin:20px 0 0 0; padding:0; position:relative;}
/* Home page introduction block */
#home-product-intro {
clear: both;
border: 1px solid #f0f0f0;
padding: 2px;
overflow:hidden;
}
#home-product-intro img {
float: left;
}
#home-product-text {
float: right;
width: 210px;
height: 180px;
font-size: 14px;
line-height: 18px;
padding: 0px 0px 5px;
text-align: center;
font-weight: 700;
}
#home-product-text ul {
list-style: none;
padding: 0;
margin: 15px 0 0;
}
#home-product-text li {
background: #f0f0f0;
margin: 0px;
padding: 2px;
}
#home-product-text .list-header {
background: #e0e0e0;
}
#home-product-text li a {
display: block;
width: 210px;
font-size: 11px;
padding: 0;
margin: 0;
}
#home-product-text li a:hover {
color: white !important;
background: #333333;
}
#home-product-controls {
float: right;
clear: right;
width: 210px;
overflow:hidden;
background: #e0e0e0;
}
#home-product-controls a {
float: right;
font-size: 14px;
padding: 4px 13px;
font-weight: 700;
color: #13132f;
}
#home-product-controls a.left {
float: left;
}
#home-product-controls a.right {
float: right;
}