/**stijlblad voor de website van dewaerheit - copyright Bart Vandenbussche*/

* :focus { 
outline : 0; 
} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : inherit; 
vertical-align : baseline; 
} 
body { 
line-height : 1; 
color : black; 
background : white; 
} 
p { 
line-height : 0.5cm; 
padding : 0 0 18px; 
} 
#rechts { width: inherit;
float : right; 
margin-left : 15px; 
} 
html { 
min-height : 100%; 
margin-bottom : 1px; 
} 
#container { 
background-color : white; 
margin : 0 auto 45px; 
width : 980px; 
} 
#container2 { 
background-color : white; 
margin : 0 auto 45px; 
width : 100%; 
} 
#header2 { 
width : 100%; 
height : 50px; 
position : relative; 
text-align : center; 
} 
.displayed { 
display : block; 
margin-left : auto; 
margin-right : auto; 
} 
#inhoudmain { 
text-align : center; 
margin-right : auto; 
margin-left : 1em; 
width : 100%; 
} 
#inhoudmain a { 
color : #444; 
font-size : medium; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
text-decoration : underline; 
} 
#header { 
width : 980px; 
height : 250px; 
position : relative; 
} 
#navigatie { 
text-align : center; 
margin-bottom : 1px; 
padding-top : 15px; 
width : 980px; 
height : 75px; 
border-bottom : 5px inset silver; 
} 
.nav { 
font-size : 12px; 
font-family : Arial, verdana, sans-serif; 
background : url("menu_0.jpg") repeat-x; 
position : relative; 
z-index : 500; 
width : 980px; 
height : 35px; 
} 
.nav .table { 
text-align : center; 
display : table; 
margin : 0 auto; 
} 
.nav .select, .nav .current {
margin : 0; 
padding : 0; 
list-style : none; 
display : table-cell; 
white-space : nowrap; 
} 
.nav li {
margin : 0; 
padding : 0; 
height : auto; 
float : left; 
} 
.nav .select a { 
color : #ddd; 
font-size : larger; 
font-weight : bold; 
line-height : 35px; 
text-decoration : none; 
background : url("menu_0.jpg"); 
white-space : nowrap; 
display : block; 
padding : 0 30px; 
height : 35px; 
float : left; 
} 
.nav .current a { 
color : #fff; 
line-height : 35px; 
text-decoration : none; 
background : url("menu_0.jpg"); 
white-space : nowrap; 
display : block; 
padding : 0 0 0 15px; 
height : 35px; 
float : left; 
} 
.nav .current a b {
background : url("menu_0.jpg") right top; 
display : block; 
padding : 0 30px 0 15px; 
} 
.nav .select a:hover, .nav .select li:hover a { 
color : #fff; 
background : url("menu_1.jpg"); 
cursor : pointer; 
padding : 0 0 0 15px; 
} 
.nav .select a:hover b, .nav .select li:hover a b { 
background : url("menu_1.jpg") right top; 
cursor : pointer; 
display : block; 
padding : 0 30px 0 15px; 
float : left; 
} 
.nav .select_sub { 
display : none; 
} 
.nav table { 
font-size : 1em; 
text-align : center; 
margin : -1px; 
width : 0; 
height : 0; 
border-collapse : collapse; 
} 
.nav .sub { 
display : table; 
margin : 0 auto; 
padding : 0; 
list-style : none; 
} 
.nav .sub_active .current_sub a, .nav .sub_active a:hover { 
background : transparent; 
color : #f00; 
} 
.nav .select :hover .select_sub, .nav .current .show { 
background : url("back_0.gif"); 
text-align : center; 
display : block; 
padding : 0; 
position : absolute; 
z-index : 100; 
top : 35px; 
left : 0; 
width : 980px; 
} 
.nav .current .show { 
z-index : 10; 
} 
.nav .select :hover .sub li a, .nav .current .show .sub li a { 
display : block; 
float : left; 
background : transparent; 
padding : 0 10px 0 10px; 
margin : 0; 
white-space : nowrap; 
border : 0; 
color : #444; 
} 
.nav .current .sub li.sub_show a { 
background : url("back_1.gif"); 
} 
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover { 
color : #088; 
background : url("back_1.gif"); 
visibility : visible; 
} 
#main { 
background : url("Achtertekstnormalboven.gif"); 
min-height : 500px; 
height : auto !important ; 
vertical-align : top; 
height : 500px; 
} 
.home #main { 
background-image : url("Achtertekstnormalboven.gif"); 
} 
#main h2 { 
color : #333; 
font-size : 14px; 
font-family : Calibri, Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
text-align : justify; 
padding : 0 0 10px; 
} 
#main h1 { 
color : #036; 
font-size : 14pt; 
font-family : Verdana, Arial, Trebuchet, sans-serif; 
font-weight : bold; 
padding-bottom : 14px; 
} 
#main p { 
color : #333; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
line-height : 21px; 
text-align : justify; 
} 
#mainscreen { 
padding : 37px; 
width : 612px; 
float : left; 
} 
#mainscreen p { 
font-size : 12px; 
font-family : Verdana, Arial, san-serif; 
line-height : 20px; 
} 
#mainscreen ul { 
font-size : small; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
padding : 20px; 
} 
#mainscreen ul li { 
list-style : none; 
} 
#mainscreen ul li a { 
color : #036; 
text-decoration : none; 
background : transparent; 
display : block; 
padding : 5px 10px; 
border-bottom : solid; 
} 
#mainscreen ul li.selected a { 
color : gray; 
font-weight : 700; 
background : transparent; 
} 
#mainscreen li ul { 
padding : 0; 
} 
#mainscreen ul li.selected ul li { 
border : none; 
} 
#mainscreen li a:hover { 
text-decoration : underline; 
} 
#mainscreen ul li.selected ul li a { 
color : silver; 
font-weight : 300; 
background : transparent; 
padding : 5px 10px 5px 20px; 
} 
#mainscreen ul li.selected ul li.selected ul li a { 
padding : 5px 10px 5px 40px; 
font-weight : 300; 
} 
#mainscreen ul li.selected ul li.selected a, #mainscreen ul li.selected ul li.selected ul li.selected a { 
font-weight : 700; 
} 
.Afbeelding { 
margin : 5px; 
padding : 5px; 
border : 1px solid #ccc; 
} 
#sidescreen { 
padding : 37px; 
width : 220px; 
float : left; 
} 
#sidescreen h1 { 
font-size : 14pt; 
font-family : Verdana, Arial, Trebuchet, sans-serif; 
font-weight : bold; 
padding-bottom : 25px; 
} 
#sidescreen p { 
color : #036; 
font-size : 12px; 
font-family : Verdana, Arial, san-serif; 
line-height : 20px; 
} 
#sidescreen ul { 
font-size : larger; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
padding : 20px; 
} 
#sidescreen ul li { 
list-style : none; 
} 
#sidescreen ul li a { 
color : #036; 
text-decoration : none; 
background : transparent; 
display : block; 
padding : 5px 10px; 
border-bottom : solid; 
} 
#sidescreen ul li.selected a { 
color : gray; 
font-weight : 700; 
background : transparent; 
} 
#sidescreen li ul { 
padding : 0; 
} 
#sidescreen ul li.selected ul li { 
border : none; 
} 
#sidescreen li a:hover { 
text-decoration : underline; 
} 
#sidescreen ul li.selected ul li a { 
color : silver; 
font-weight : 300; 
background : transparent; 
padding : 5px 10px 5px 20px; 
} 
#sidescreen ul li.selected ul li.selected ul li a { 
padding : 5px 10px 5px 40px; 
font-weight : 300; 
} 
#sidescreen ul li.selected ul li.selected a, #sidescreen ul li.selected ul li.selected ul li.selected a { 
font-weight : 700; 
} 
#taalkeuze { 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
margin-right : 1px; 
margin-left : 1px; 
padding-top : 1px; 
padding-bottom : 1px; 
height : 21px; 
float : right; 
} 
#taalkeuze li { 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
list-style : circle; 
margin : 0 10px 0 0; 
float : left; 
} 
#taalkeuze li a { 
color : #036; 
font-size : small; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
background-image : none; 
background-repeat : repeat; 
background-attachment : scroll; 
background-position : 0 0; 
display : block; 
} 
#taalkeuze li.selected a { 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : 700; 
background-image : none; 
background-repeat : repeat; 
background-attachment : scroll; 
background-position : 0 0; 
} 
#taalkeuze li a:hover { 
text-decoration : underline; 
} 
#footer { 
width : 980px; 
height : 31px; 
clear : both; 
border-top : 5px outset silver; 
} 
#footer2 { 
width : 100%; 
height : 31px; 
clear : both; 
} 
#footer2 li { 
color : black; 
font : 11px/12px Arial; 
text-decoration : none; 
display : block; 
padding : 0 10px; 
height : 12px; 
overflow : visible; 
text-align : center; 
} 
#footer ul { 
float : right; 
height : 12px; 
padding : 10px 30px 9px 0; 
margin : 0; 
} 
#footer li { 
float : left; 
padding : 0; 
list-style : none; 
line-height : 1; 
height : 11px; 
} 
#footer li a { 
color : black; 
font : 11px/12px Arial; 
text-decoration : none; 
display : block; 
padding : 0 10px; 
height : 12px; 
overflow : visible; 
} 
#footer li a:hover { 
text-decoration : underline; 
} 
#footer li.last { 
padding-right : 0; 
border : none; 
} 
#breadcrumbs, #breadcrumbs a { 
color : #35475f; 
font : 700 11px/12px Arial; 
} 
#breadcrumbs a:hover { 
color : #141b24; 
} 
#breadcrumbs { 
margin-bottom : 15px; 
} 
#quicklinks { 
margin-bottom : 11px; 
width : 980px; 
height : 150px; 
} 
#Quicklinks ul { 
background-image : url("quicklinksachter.jpg"); 
background-repeat : no-repeat; 
background-position : left top; 
list-style : none; 
width : 980px; 
height : 187px; 
overflow : hidden; 
} 
#Quicklinks ul li { 
list-style : none; 
display : inline; 
margin-left : 5px; 
width : 320px; 
height : 150px; 
float : left; 
} 
#Quicklinks ul li#ql_1 { 
background : transparent url(../Afbeeldingen/Dewaerheit/Afbeeldingen/Unifiller.jpg) no-repeat left top; 
} 
#Quicklinks ul li#ql_2 { 
background : transparent url(../Afbeeldingen/Dewaerheit/Afbeeldingen/ShuffleMix.jpg) no-repeat left top; 
} 
#Quicklinks ul li#ql_3 { 
background : transparent url(../Afbeeldingen/Dewaerheit/Afbeeldingen/Sofinor.jpg) no-repeat left top; 
} 
#Quicklinks ul li a { 
display : block; 
position : relative; 
width : 320px; 
height : 187px; 
text-decoration : none; 
} 
#Quicklinks ul li a span { 
font-family : Verdana, Arial, san-serif; 
display : block; 
height : 34px; 
width : 320px; 
line-height : 34px; 
font-weight : 500; 
text-align : center; 
color : #fff; 
position : absolute; 
bottom : 4px; 
right : 0; 
padding : 0 10px; 
white-space : nowrap; 
overflow : hidden; 
} 
#Quicklinks ul li a:hover span { 
text-decoration : underline; 
} 
#Opsomming1 ul li { 
color : #036; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
line-height : 21px; 
text-align : left; 
list-style : none; 
display : block; 
} 
#Opsomming { 
border-bottom : 2px ridge #36c; 
} 
#Opsomming ul li { 
text-align : left; 
list-style : none; 
display : block; 
color : #036; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
line-height : 21px; 
} 
#Productlinks { 
text-align : center; 
width : 575px; 
} 
#Productlinks p { 
color : #036; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
line-height : 21px; 
text-align : justify; 
padding-top : 12px; 
} 
#Productlinks ul { 
padding-bottom : 30px; 
width : 538px; 
overflow : hidden; 
} 
#Productlinks ul li { 
text-align : center; 
list-style : none; 
display : block; 
} 
#Productlinks ul li a { 
text-decoration : none; 
text-align : center; 
display : inline; 
position : relative; 
font-size : 14px; 
font-weight : 600; 
} 
#Productlinks ul li a span { 
color : #036; 
font-family : Verdana, Arial, san-serif; 
display : block; 
font-style : oblique; 
font-weight : 600; 
line-height : 34px; 
text-align : center; 
white-space : nowrap; 
padding : 0 10px; 
position : absolute; 
right : 0; 
bottom : 4px; 
overflow : hidden; 
} 
.errorItem { 
color : black; 
border-width : 3px; 
border-color : #c03; 
} 
.errorMessage { 
color : #c03; 
font-weight : bold; 
} 
.MozAchter:after { 
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
.MozAchter { 
height : 1%; 
} 
.nav ul { 
display : inline; 
} 
.nav ul li { 
float : left; 
} 
.nav { 
text-align : center; 
} 
.nav .select a:hover b, .nav .select li:hover a b { 
float : none; 
}