﻿/* Masterpage */
#header, #menu, #body
{
display:table-row;
}

#footer_img
{
float:right;
position:relative;
bottom: 1.25em;
}

#headerLeft, #headerRight
{
display:table-cell;
}

#headerRight
{
float:right;
}

#accessibility, #generalSearch
{
display:inline;
font-size:80%;
}

#menu
{
background-image:url('../webstyles/bck_menu_26.gif');
background-repeat:repeat-x;
height:1.5em;
}

#menuLeft
{
width:20%;
float:left;
display:table-cell;
}

#menuRight
{
display:table-cell;
width:100%;
}

#mainMenu
{
padding:0;
margin:0;
width:30em;
float:left;
}

#mainMenu ul
{
float:left;
}

#mainMenu li
{
list-style-type:none;
float:left;
margin:0 0.25em;
font-weight:bold;
font-size:80%;
}

#mainMenu a, #mainMenu a:visited
{
padding: 0.313em 0.313em 0.313em 0.313em;
text-decoration:none;
display:block;
color:white;
}

#mainMenu a:hover
{
background-color:#EAF4F8;
color:#164172;
}

#mainMenu a.selected
{
background-color:#4A8FBD;
color:White;
}

#subMenu
{
padding:0em;
margin:0.313em 0em 0em 0em;
width:100%;
}

#subMenu ul
{
margin: 0em 0em 0em 0em;
float:left;
}

#subMenu li
{
list-style-type:none;
margin: 0em 0em 0.313em 0em;
width: 95%;
color: #164172;
font-size:80%;
}

#subMenu a
{
padding: 0.25em 0.25em 0.25em 0.25em;
text-decoration: none;
display:block;
border-color: #4A8FBD;
border-style:solid;
border-width: 0.063em;
}

#subMenu a:hover, #subMenu a.selected
{
background-color:#EAF4F8;
color: #164172;
height:inherit;
}

#body
{
vertical-align:text-top;
}

#bodyLeft
{
display:table-cell;
margin-top:0.313em;
}

#bodyRight
{
display:table-cell;
clear:both;
margin: 0.313em 0em 0em 0em;
vertical-align:top;
}

#bodyFooter
{
float:right;
}

/* Algemeen */
html, body, h1, h2, h3, h4, h5, p, ul, li, ol, div, img, form, table, tr, td, strong
{
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
}

html
{
background-image:url('../webstyles/licht-blauwe-band-onderaan.gif');
background-position:bottom;
background-repeat:no-repeat;
min-height:100%;
}

body
{
width:85%;
margin-left:auto;
margin-right:auto;
}

h1, h2, h3
{
margin-bottom:0.25em;
}

h1, h2, h3, h4, h5
{
margin-right:0em;
page-break-after:avoid;
}

h1
{
margin-top:1.5em;
margin-left:0.375em;
color: #164172;
font-size:140%;
}

h2
{
margin-top:1.3em;
margin-left:0.725em;
color:#164172;
border-bottom-color:#4A8FBD;
border-bottom-style:solid;
border-bottom-width:0.125em;
font-size:110%;
}

h3
{
margin-top:1em;
margin-left:1.45em;
font-weight:bold;
font-size:100%;
}

h4
{
margin-top:0.75em;
margin-bottom:.0001em;
margin-left:1.9em;
color:#4A8FBD;
font-size:95%;
}

h5, p
{
font-size:80%;
margin-left:2.35em;
margin-top:0.5em;
margin-bottom:.0001em;
}

td
{
font-size:80%;
}

h5
{
font-weight:bold;
}

p
{
margin-right:0em;
}

p.NoLeftMargin
{
margin-left:0em;
}

p.alignCenter
{
text-align:center;
}

li
{
list-style-type:disc;
margin-left:1.75em;
margin-right:0em;
margin-top:.0001em;
margin-bottom:.0001em;
font-size:80%;
}

li li
{
font-size:inherit;
}

strong
{
color:#164172;
}

img 
{
border-style: none;
border-width: 0em;
border-color: inherit;
margin: 0.313em;
padding: 0.313em;
}

img.general 
{
margin: 0em;
padding: 0em;
border: 0.125em;
border-style:solid;
border-color:#7C6F57;
}

img.productPreview
{
height:3.125em;
width:3.125em;
}

img.productPreviewTop
{
height:5em;
width:5em;
margin-left:-1em;
}

img.productAudience
{
height:0.75em;
width:0.75em;
margin:0em;
padding:0em 0em 0.313em 0.313em;
position:relative;
top:0.313em;
}

img.checkboxAudience
{
vertical-align:middle;
margin:0em;
position: relative;
top:-0.125em;
}

a
{
color:#164172;
}

div.BreadCrumb
{
margin: 0.313em 0em 0em 0.313em;
font-size:80%;
}

span.label
{
font-size:80%;
}

/* Productpagina's */
h3.prodOverview
{
margin-top:0.375em;
margin-bottom:0.25em;
}

h4.prodOverview
{
margin-top:0em;
margin-bottom:0em;
}

img.minus, img.plus
{
height:1em;
width:1em;
cursor:pointer;
background-position:center;
background-repeat:no-repeat;
vertical-align:middle;
margin:0em;
}

img.minus
{
background-image: url(../webstyles/minus.gif);
}

img.plus
{
background-image: url(../webstyles/plus.gif);
}

img.Audience
{
margin: 0.625em 0em 0em 0em;
padding-left:0em;
padding-right:0em;
}

div.toggle
{
display:inline;
}

div.divHidden
{
display:none;
}

div.divProduct
{
margin-left:2.35em;
display:table-row;
font-size:80%;
}

div.prvProduct
{
float:left;
width:5.5em;
height:5.5em;
margin-left:2.35em;
}

div.sumProduct
{
margin-bottom:0.625em;
}

/* News */
div.divNews
{
width:100%;
display:table-row;
font-size:80%;
}

div.dateNews, div.dateNewsHome
{
float:left;
width:15%;
display:table-cell;
position:relative;
}

div.dateNews
{
margin-left:2.35em;
top:0.25em;
}

div.dateNewsHome
{
top:0.188em;
}

div.sumNews, div.sumNewsHome
{
margin-bottom:0.625em;
padding-left:1.25em;
display:table-cell;
}

/* Dealers */
div.divDealer
{
margin-left:2.35em;
font-size:80%;
}

/* Contact formulier */
div.row
{
margin-left: 0.313em;
margin-bottom: 0.313em;
display:table-row;
}
div.label, div.labelMultiline
{
width: 15em;
float:left;
display:table-cell;
display:-moz-grid-line;
}
div.labelOrder
{
width:0.5em;
float:left;
display:table-cell;
display:-moz-grid-line;
}
div.labelMultiline
{
position:relative;
top:-2.5em;
}
div.container
{
padding-left:0.313em;
display:table-cell;
display:-moz-grid-line;
}
div.tekst
{
float:left;
margin-bottom: 0.313em;
display:table-cell;
display:-moz-grid-line;
}
div.rfv
{
padding-left:0.313em;
display:table-cell;
display:-moz-grid-line;
font-size:80%;
}

.textBox
{
width:18.75em;
}

.textBoxPostCode
{
width:3.75em;
}

/*home.aspx*/
/*search.aspx*/
/*news/default.aspx*/
/*products/default.aspx*/
div.linkerKolom, div.linkerKolomNoHeight, div.linkerKolomNoHeightNoBorder
{
width:90%;
padding: 0.313em 0.313em 0.313em 0.313em;
}

div.linkerKolom
{
height:31.25em;
border:solid 0.063em #4A8FBD;
margin-top: 0.313em;
}

div.linkerKolomNoHeight
{
border:solid 0.0653em #4A8FBD;
margin: 0.313em 0em 0em 0em;
}

div.linkerKolomNoHeightNoBorder
{
margin: 0em 0em 0em 0em;
}

div.homeAudience
{
display:block;
position:relative;
height:5em;
margin-bottom:2.188em;
}

#divBody
{
display:table-row;
min-height:31.25em;
}

#divBodyLeft
{
float:left;
display:table-cell;
display:-moz-grid-line;
width:60%;
}

#divBodyRight
{
float:right;
width:35%;
display:table-cell;
display:-moz-grid-line;
}

#divBodyNews
{
height:50%;
border:solid 0.063em #4A8FBD;
padding: 0.313em 0.313em 0.313em 0.313em;
margin-bottom:0.625em;
}

#divBodyImg
{
border:solid 0.063em #4A8FBD;
padding: 0.313em 0.313em 0.313em 0.313em;
text-align:center;
}

.lblBlind, .lblSZ, .lblDys, .lblAll
{
font-weight:bold;
font-size:95%;
margin-left:-0.35em;
}

.lblBlind
{
color:#A3BE37;
position:absolute;
top:25%;
}

.lblSZ
{
color:#C4007B;
position:absolute;
top:25%;
}

.lblDys
{
color:#DC911B;
position:absolute;
top:25%;
}

.lblAll
{
color:#61277F;
position:absolute;
top:25%;
}

/* Labels op contactformulier, overzicht product- en nieuwspagina, labels van radiobuttons, checkboxen... */
label
{
font-size:80%;
}

p label, td label, td p, td a, td span, td span p, td td, td span li
{
font-size:100%;
}

.labelProdInfo
{
position:relative;
top: 1.563em;
margin-left: 0.313em;
font-size: 1em;
color: #164172;
font-weight:bold
}

.hiddenLabel
{
visibility:hidden;
}

.labelProdMenu
{
margin: 0.313em 0em 0em 0.313em;
}

h1.h1Home
{
margin-top:0.5em;
}

span.extraWhiteSpace
{
font-size:0.75em;
}

span.extraSmallWhiteSpace
{
font-size:0.15em;
}

textarea
{
font-family: Arial, Helvetica, sans-serif;
}