﻿/* Algemeen */

body 
{
	margin:0px;
	background-color:#333333;
	font-size:11px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	color:#333333;
}

img
{
	border:0px;
}

div.CenterDiv
{
	text-align:center;
}

ul
{
	list-style-image:url("../Arrow_orange.gif");
}

/* Pagina-opbouw */

div.PaginaPre
{
	width:808px;
	height:13px;
	overflow:hidden;
	line-height:0px;
	background-image:url("../Page_pre.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
}

div.Pagina
{
	position:relative;
	width:808px;
	height:auto;
	min-height:300px;
	background-color:white;
	background-image:url("../Page_bg.jpg");
	background-repeat:repeat-y;
	background-position:left top;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

div.PaginaPost
{
	position:relative;
	width:808px;
	height:23px;
	overflow:hidden;
	line-height:15px;
	background-image:url("../Page_post.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* Header */

div.Header
{
	position:relative;
	width:800px;
	height:43px;
	overflow:hidden;
}

div.HeaderLogo
{
	position:relative;
	width:230px;
	height:43px;
	overflow:hidden;
	float:left;
}

div.HeaderContent
{
	position:relative;
	width:570px;
	height:43px;
	background-image:url("../Header_bg.jpg");
	background-repeat:repeat-y;
	background-position:left top;
	overflow:hidden;
	text-align:center;
	float:left;
	font-size:12px;
	line-height:50px;
}

/* Body */
	
div.Body
{
	position:relative;
	width:800px;
	height:auto;
	background-color:transparent;
	overflow:visible;
	clear:both;
}

div.BodyFoto
{
	position:relative;
	width:800px;
	height:auto;
	overflow:visible;
	clear:both;
}

div.BodyLeft
{
	position:relative;
	width:230px;
	height:auto;
	overflow:visible;
	float:left;
}

div.BodyRight
{
	position:relative;
	width:570px;
	height:auto;
	overflow:visible;
	float:left;
}

div.BodyClearer
{
	clear:both;
}

/* Blokken */

div.BlokkenBox
{
	position:relative;
	width:494px;
	height:auto;
	margin-left:38px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}

/* Menu-opbouw */

a.MenuLink:link
{
	font-size:12px;
	color:white;
	text-decoration:none;
}

a.MenuLink:active
{
	font-size:12px;
	color:white;
	text-decoration:none;
}

a.MenuLink:visited
{
	font-size:12px;
	color:white;
	text-decoration:none;
}

a.MenuLink:hover
{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

/* SubMenu-opbouw */

div.SubMenuBox
{
	width:180px;
	height:auto;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:250px;
	overflow:visible;
}

div.SubMenuItem
{
	position:relative;
	width:180px;
	height:20px;
	border-bottom:solid 1px #999999;
}

div.SubMenuItemTekst
{
	position:relative;
	width:170px;
	height:19px;
	color:#FF712D;
	line-height:19px;
	font-size:12px;
}

div.SubMenuItemIcon
{
	position:absolute;
	right:1px;
	top:5px;
	width:11px;
	height:11px;
}

a.SubMenuLink:link
{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}

a.SubMenuLink:active
{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}

a.SubMenuLink:visited
{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}

a.SubMenuLink:hover
{
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

/* Forms */

.FormKnop
{
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: #999999; 
	color: #FF712D;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
}

.FormField
{
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: #999999; 
	color: #333333;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:0px;
}

.FormValidator
{
    background-color: #FFF2E8; 
    border-color:#FF712D;
    color:#333333;
}

/* Link */

a:link
{
	color:#333333;
	text-decoration:underline;
}

a:active
{
	color:#333333;
	text-decoration:underline;
}

a:visited
{
	color:#333333;
	text-decoration:underline;
}

a:hover
{
	color:#333333;
	text-decoration:none;
}

/* Contactgegevens */

div.Contactgegevens
{
	position:relative;
	width:500px;
	height:15px;
	line-height:15px;
	margin-left:268px;
	color:#333333;
	font-size:9px;
}

a.Contact:link
{
	text-decoration:none;
	color:#333333;
	font-size:9px;
}

a.Contact:active
{
	text-decoration:none;
	color:#333333;
	font-size:9px;
}

a.Contact:visited
{
	text-decoration:none;
	color:#333333;
	font-size:9px;
}

a.Contact:hover
{
	text-decoration:underline;
	color:#333333;
	font-size:9px;
}

/* Copyright */

div.Copyright
{
	position:absolute;
	left:25px;
	bottom:0px;
	width:180px;
	height:96px;
	font-size:9px;
	text-align:center;
	color:#66615d;
}

.imgFeweb
{
    position:absolute;
    left:25px;
    bottom:100px;
    width:180px;
	height:40px;
}

#ehbo
{
    position:absolute;
    left:25px;
    bottom:150px;
    width:180px;
	height:52px;
}

#ehbo img
{
    border:0px;
}

/* Tekst stijlen */

p.ItemTitel
{
	font-size:16px;
	margin-bottom:-5px;
	margin-top:0px;
	color:#FF712D;
}

p.ItemSubtitel
{
	font-size:13px;
	margin-bottom:5px;
	margin-top:5px;
	color:#999999
}

/*Links op Referenties websites*/

a.websitelink:link{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../site_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.websitelink:visited{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../site_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.websitelink:hover{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../site_hover.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.websitelink:active{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../site_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/*Links op productenpagina om pdf te downloaden*/

a.pdflink:link{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../pdf_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.pdflink:visited{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../pdf_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.pdflink:hover{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../pdf_hover.jpg);
background-position:top left;
background-repeat:no-repeat;
}

a.pdflink:active{
position:relative;
float:left;
width:200px;
height:35px;
background-image:url(../pdf_link.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/*******************/
/****  Klanten  ****/
/*******************/

.KlantBlok
{
    position: relative;
    float:left;
    width:474px;
    background-image:url(../itembg.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:12px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px;
    
}

.KlantLogo
{
    position:relative;
    float:left;
    width:140px;
    height:100px;
    border:solid 1px #999999;
    margin-right:10px;
}

.KlantInfo
{
    position:relative;
    float:left;
    width:304px;
    height:124px;
    margin-top:6px;
    margin-bottom:15px;
}

.KlantNaam
{
    position:relative;
    float:left;
    width:304px;
    height:auto;
    clear:right;
    font-size:13px;
}

.KlantOmschrijving
{
    position:relative;
    float:left;
    width:304px;
    height:auto;
    text-align:left;
}
