/*------------  RESET------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td {
margin: 0px; padding: 0px; }

a img {
border:none;
}

/*------------  Globale reset. * zorgt ervoor dat dit gebeurt op alle selectors. ------------------------------------------------*/
* {

z-index: 1;
}

/*------------  Body/HTML  ------------------------------------------------*/

html, body {
height: 100%;
}
body {
color: #000;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 12px;
line-height: 16px;
text-align:left;
background:url(grafix/bg_body.png) top center no-repeat #FFF;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;
height: 100%;
width:100%;
}

/*------------  Opmaak  ------------------------------------------------*/

h1 {
font-size: 16px;
margin-bottom:10px;
color:#26235A;
}

h2 {
font-size: 14px;
margin-bottom:8px;
color:#26235A;
}



p {
margin-bottom:10px;
}

td {
font-size: 12px;
line-height: 16px;
vertical-align: top;

}

.kop {
font-size: 16px;
color: #F67811;
font-weight: bold;
margin-bottom: 10px;
}
.kopzwart {
font-size: 14px;
color: #555;
font-weight: bold;
margin-bottom: 10px;
}
a:link, a:active, a:visited {
color: #341E5C;
font-weight:bold;
text-decoration: none;
}
a:hover {
color: #5E5C85;
}


/*------------  Clearfix  ------------------------------------------------*/

.clearfix:after { /*Dit is een fix voor 100% hoogte. Zorg ervoor dat deze stijl er altijd is.*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#push { /*Dit is een fix voor Opera browser. Dit zorgt ervoor dat de tekst niet onder de footer doorloopt. Belangrijk is om deze hoogte iig dezelfde hoogte te geven als de footer*/
height:31px;
clear:both;
}

/*------------  Container  ------------------------------------------------*/
#container {
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -31px;
text-align:left;
}

/*------------  Header  ------------------------------------------------*/

#header {
height: 110px;
position: relative;
z-index: 1px;
max-height: 110px;

}
#header img {
float:left;
}

/*----------------------------------------------------------------------------------------------------------------------------*/
div#sidemenu{
margin-top: 19px;
overflow:hidden;
}


/*------------  Columns  ------------------------------------------------*/
#content {
width: 780px;
float: left;
padding-top: 15px;
margin-left: 15px;
height: auto !important;
}
#content p {
margin-bottom:10px;
}
#content ul {
margin:10px 0 10px 25px;
}
#main {
margin-bottom:30px;
}
.box {
border:1px solid #3C3B61;
width:378px;
float:left;
margin:0 10px 10px 0;
}
.box h1 {
display:block;
height:26px;
line-height:26px;
color:#FFF;
font-size:16px;
padding-left:5px;
margin:0 0 10px 0;
background:url(grafix/bg_navi.jpg) repeat-x;
}
.box h2 {
color:#000;
font-size:12px;
padding-left:5px;
}

/*------------  Left Column  ------------------------------------------------*/
#left{
width: 185px;
margin-top: 0px;
float: left;
}

/* Side menu */
#nav, #nav ul /* All lists */ {
padding: 0;
margin: 0;
list-style: none;
}
#nav li /* All list items */ {
position : relative;
width: 180px;
}
#nav li ul  { /* second-level lists */
display: none;
}
#nav li ul li {
border-bottom : 1px dashed #495582;

padding:0px;

}
#nav li a  /* All submenu items */ {
width: 180px;
display : block;
text-decoration : none;
text-align: left;
font-size: 8pt;
}
#nav li ul li a /* All sub items */ {
padding-top: 3px;
padding-bottom: 3px;
display:block;
width: 180px;
font-size: 8pt;
}
#nav li ul li a:hover /* Sub item, mouseover */ {
background-color : #a4a3c0;
color: #ffffff;
font-size: 8pt;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
font-size: 8pt;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
font-size: 8pt;
}
.sidemain /* Main items, with cool background */ {
background-image: url(grafix/menu/sidebackground.gif);
background-repeat: no-repeat;
height: 56px;
padding-left: 10px;
}
.sidemain_open /* Opened main item */ {
background-image: url(grafix/menu/background_open.gif);
}
.sidemain_closed /* Opened main item */ {
background-image: url(grafix/menu/background_closed.gif);
}
a.sidemain, a.sidemain:link, a.sidemain:active, a.sidemain:hover, a.sidemain:visited  /* Main item links */ {
color: #ffffff;
font-size: 15px;
font-weight: bold;
}
.sidemainspan /* Span */ {
line-height:26px;
height: 56px;
display: block;
font-size: 15px;
width:170px;
overflow:hidden;

}


#left embed{
}
#left object{
margin-top: 0px;
}

/*------------  Navigatie  ------------------------------------------------*/
#siteNavigation {
background:url(grafix/menu/background.gif) repeat-x;
height:26px;
padding-left: 45px;
font-size: 0px;
line-height: 26px;
}
#topmenu ul {
height: 26px;
float:left;
font-size: 0px;
line-height: 26px;
}
#topmenu li {
height: 26px;
float:left;
list-style-type: none;
font-size: 0px;
line-height: 26px;
}
#topmenu li a {
height: 26px;
float:left;
font-size: 0px;
line-height: 26px;
}

/* Top right menu */
#topright {
float:right;
width:240px;
padding: 0px;
margin-top: 20px;
}
#topright ul  {
float:left;
z-index: 1;
width: 120px ;
list-style:none;
}
#topright ul li  {
width: 110px!important;
width: 120px ;
height:24px;
line-height:24px;
color: #341E5C;
font-weight:normal;
text-decoration: none;
display:list-item;
border-bottom:1px solid #3C3B61;
padding-right:5px;
padding-left:5px;
}
#topright ul li  a {
font-weight:normal;
}
#toplist2 {
text-align:right;
}

/* menu geselecteerde taal*/
#current_language{
padding-left:5px;
padding-top:5px;
}
#main_current_language{
height:24px;
border-bottom: solid #3C3B61 1px;
}
#current_language a, #language_list a, #current_language td{
font-weight:normal;}
#current_language td.taal{
font-size: 12px;
color: #341E5C;
width: 196px;
border: 0;
}
#current_language td.vlag{
width: 30;
border: 0;
}
#current_language td.vlag img{
width: 20;
height: 14;
}
#current_language td.pijltje{
	width: 15px;
background: url(/grafix/arrow_bottom_right_2.gif) no-repeat;
border: 0;
}

/* menu geselecteerde taal*/
#language_list{
display: none;
position: absolute;
top: 44px;
right: 0px;
border: solid #3C3B61 1px;
background-color: white;
z-index: 1290;
}
#language_list table{
border-spacing: none;
}
#language_list td{
padding-top:2px;
padding-bottom:2px;
border: 0;
}

#language_list td.taal{
font-size: 12px;
font-weight:bold;
color: #341E5C;
width: 203px;
}
.odd_row{
background:#e2e1ed;
}
#language_list td.vlag{
width: 30px !important;
width: 35px;
padding-left:5px;
}
#language_list td.vlag img{
width: 20px;
height: 14px;
}


#subNavigation {
height: 26px;
background:#DF9A7C;
padding-left:20px;
}
#subNavigation ul, #subNavigation ul li {
float: left;
list-style: none;
}
#subNavigation li a:link, #subNavigation li a:active, #subNavigation li a:visited {
height: 26px;
line-height: 26px;
float:left;
display: block;
border-right: 1px solid #AB863B;
color: #535377;
text-decoration: none;
font-weight:normal;
font-size: 12px;
padding:0 5px 0 5px;
}
#subNavigation li a:hover, #subNavigation li a.topmenu_bottom_active {
background:#FFD2BF;
}

/*-------------------- Footer ----------------------------------------*/
#footer {
height: 31px;
padding-top:5px;
clear:both;
width: 1005px;
background:url(grafix/bg_footer.jpg) repeat-x #FFF;
text-align:right;
color: #555;
margin: 0 auto;
text-align: left;
}
#footer ul {
display: inline;
}
#footer ul li {
display: inline;
font-size: 10px;
}
#footer ul.left{
float: left;
}
#footer ul.right{
text-align: right;
float: right;
}


/*-------------------- Zoekmachine ----------------------------------------*/
#search_box  {
float:right;
width: auto;
height: 20px;
padding-right: 5px;
}
#search_box img  {
padding-right: 5px;
}

#search_form {
float:right;
margin-top: 3px;
line-height: 0px;
font-size: 0px;
height: 20px;
}
#search_box #searchquery {
float: left;
padding: 0px;
height:19px;
line-height:19px;
margin: 0px 0 0 4px;
border:none;
width: 165px;
color:#9C9C9C;
background: #fff;
}
#search_box #submit {
padding-top: 0px;
margin-bottom: 0px !important;
margin-left: 8px;
border: none;
}

.count {
float:left;
margin-right:4px;
padding-left:26px;
background:url(/grafix/bullet_searchresult.gif) no-repeat left;
}
.searchresult {
height:24px;
line-height:24px;
border-bottom:1px solid #EAEAEC;
}

/* Searchresults */
.searchinfo /* Contains number of results (on page and total) */ {
background-image: url(grafix/menu/background.gif);
background-repeat: repeat-x;
height: 26px;
padding: 5px;
color: #ffffff;
margin-bottom: 10px;
text-align: center;
}
.searchresult /* Single search result (div) */ {
border-bottom: 1px solid #535377;
margin-bottom: 2px;
padding-bottom: 2px;
}
.searchresultcount /* Increasing number of result */ {
width: 20px;
float: left;
}

/* Linked products & projects */
.linked_stuff /* container */ {
border: 1px solid #0D0889;
width: 378px;
vertical-align: top;
overflow: hidden;
margin-top: 10px;
}
.link_projects, .link_products /* Inner divs */ {
width: 363px;
padding: 5px;
height: inherit;
overflow: hidden;
float: left;
}
.link_downloads {
width:378px;
padding: 5px;
height: inherit;
overflow: hidden;
float: right;
height:100%
}

/*----------------------------------------------------------------------------------------------------------------------------*/
/* Styles for product and project overview (groups) */
div#linked_projects div.grouptitle{
text-indent:5px;
}
div#linked_downloads div.grouptitle{
text-indent:5px;
}

.groupholder /* Containing div */ {
width: 375px;
float: left;
margin-right: 13px;
margin-top: 13px;
border: 1px solid #3c3b61;
}
.grouptitle /* Header of box */ {
background-image: url(grafix/menu/background.gif);
overflow: hidden;
background-repeat: repeat-x;
height: 26px;
font-weight: bold;
font-size: 16px;
color: #fff;
line-height:26px;
text-indent:3px;
}
.webshoptop /* Header of box */ {
background-image: url(grafix/menu/background.gif);
background-repeat: repeat-x;
height: 26px;
line-height:26px;
padding-left:5px;
}
.grouptitle a:link, .grouptitle a:visited, .grouptitle a:active, .grouptitle a:hover{
font-weight: bold;
font-size: 16px;
color: #ffffff;
text-decoration: none;
display: block;
}
.group /* Content of box */ {
padding: 5px;
padding-top: 0px;
}
.groupcontent a img /* Images inside box */ {
border:none;
}
.groupcontent img /* Images inside box */ {
margin-left:3px;
margin-bottom:3px;
width:124px;
height:93px;
float:right;
}
.groupcontent  {
margin: 3px;

width: 366px;

}
.groupcontent li{
list-style:disc;
}
#groups{
margin-top: 20px;
}
div.clear{
clear: both;
}
/*----------------------------------------------------------------------------------------------------------------------------*/



/* Lightbox overlay (darkener) */
.LightboxOverlay {
background-color: #333;
opacity: .5;
filter: alpha(opacity=50);
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
display: block;
z-index: 255;
}

/* Lightbox  */
.visibleLightbox {
width: 610px;
height: 550px;
margin: auto auto;
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
z-index: 256;
}
.hiddenLightbox {
width: 1px;
height: 1px;
border: 0;
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
display: none;
z-index: -1;
}
/* Inside lightbox */
#Lightboxhead {
background-image: url(grafix/menu/background.gif);
background-repeat: repeat-x;
height: 25px;
line-height: 19px;
background-color: #2e2e4b;
color: #ffffff;
font-weight: bold;
width: 610px;
font-size: 13px;
position: relative;
vertical-align: middle;
}
#Lightboxhead p{
text-indent: 5px;
}
#Lightboxclose {
top: 0px;
right: 5px;
width: 10px;
line-height: 19px;
height: 19px;
color: #ffffff;
font-weight: bold;
position: absolute;
float: right;
font-size: 15px;
}
#Lightboxclose a {
color: #ffffff;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
#Lightboxcontent {
text-align: left;
height: 475px;
width: 610px;
padding: 0px;
overflow: hidden;
clear: both;
}
/* Image inside lightbox */
#LightboxImg {
width: 610px;
height: 452px;
overflow: hidden;
background-color: #46446e;
text-align: center;
}
#LightboxImg.img {
margin-left: auto;
margin-right: auto;
}
#LightboxFooter {
background-color: #2e2e4b;
color: #26235a;
width: 610px;
overflow: hidden;
}
#LightboxNavLeft {
width: 275px;
text-align: left;
float: left;
padding: 5px;
padding-left: 20px;
}
#LightboxNavRight {
width: 275px;
text-align: right;
float: left;
padding: 5px;
padding-right: 20px;
}
a.lightboxnav, a.lightboxnav:link, a.lightboxnav:visited, a.lightboxnav:hover, a.lightboxnav:active {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}
/* Error in Lightbox */
#LightboxError {
color: red;
font-weight: bold;
}
/* Loading lightbox */
.loadingLightbox {
background-image: url(../images/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
/* voor contact formulier */
input, textarea {
border: solid #999 1px;
margin-bottom: 10px;
}
.error {
color: red;
font-weight: bold;
}
.error li {
list-style-type: disc;
}
.knopnl, .knopen, .knopdu, .knopfr,.knopwl,.knopvl,.knoplu,.knopat,.knopcf,.knopch,.knopie,
.knopse,.knopes,.knoppl,.knopit,.knopfi,.knopgr,.knopdk{

border:0px ;
cursor: hand;
width: 125px;
height: 30px;
}
.knopnl,.knopvl{
background: url(grafix/menu/nl/verzenden.gif) no-repeat;
}
.knopen,.knopie,.knopdk{
background: url(grafix/menu/en/verzenden.gif) no-repeat;
}
.knopdu,.knopat,.knoplu,.knopch{
background: url(grafix/menu/du/verzenden.gif) no-repeat;
}
.knopfr,.knopwl,.knopcf{
background: url(grafix/menu/fr/verzenden.gif) no-repeat;
}
.knopse{
background: url(grafix/menu/se/verzenden.gif) no-repeat;
}
.knopes{
background: url(grafix/menu/es/verzenden.gif) no-repeat;
}
.knoppl{
background: url(grafix/menu/pl/verzenden.gif) no-repeat;
}
.knopit{
background: url(grafix/menu/it/verzenden.gif) no-repeat;
}
.knopfi{
background: url(grafix/menu/fi/verzenden.gif) no-repeat;
}
.knopgr{
background: url(grafix/menu/gr/verzenden.gif) no-repeat;
}
.knop2{
background-color: #233268;
border: 1px solid #e4b156;
color: #e4b156;
font: bold 12px verdana;
cursor: hand;
width: 100px;
height: 22px;
text-align: center;
vertical-align: top;
}
/* Documentie pagina */
.documentatie_producten{
border-left: solid #999999 1px;
margin-bottom: 40px;
}
.table_header th{
background: url(grafix/menu/background.gif) repeat-x;
color: white;
height:30px;
text-align:left;
font-size: 11px;
padding: 3px;
vertical-align: middle;
}

.documentatie_producten td
{
height:0px;
text-align:left;
font-size: 11px;
border-bottom: solid #999999 1px;
border-right: solid #999999 1px;
padding: 3px;
}

div.clear {
line-height:0px;
font-size:0px;
clear:both;
}