@charset "UTF-8";
/* CSS Document */

/* Kleuren devault:
bordeaux:#771C1B
rood:#C21F20


/* Maten:
webbreedte: 960px 
12kolommen van 69px +12px marge */


/* ALGEMEEN devault
---------------------------------------------------------- */
* {
	padding:0;		
	margin:0;
	border:0;
	}
	
html, body {
	height:100%;

}

.clear {
	clear:both;
}

body {
	background:#FFF;
	text-decoration:none;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#000;
}

.main {
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
}



img {
	border: 0px;
}

a {
	color:#C21F20;
	text-decoration:none;
}

a:hover {
	color:#C21F20;
	text-decoration:underline;
}

p {
	margin-bottom:6px;
}

.product {
	font-weight:bold;
}

.rood {
	color:#C21F20;
	font-weight:bold;
}

.rooditalic {
	color:#C21F20;
	font-style:italic;
}


.roodgroter {
	color:#C21F20;
	font-weight:bold;
	font-size:12px;
}

h1 {
	text-align:left;
}

#inhoud h1, .inhoud h1, .inhoudone h1, .uitgelicht h1 {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#C21F20;
	margin-top:18px;
	margin-bottom:6px;
}

#inhoud h2, .inhoud h2, .inhoudone h2, .uitgelicht h2 {
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#C21F20;
	margin-bottom:6px;
}

#inhoud h3, .inhoud h3, .inhoudone h3, .uitgelicht h3 {
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:9px;
	margin-bottom:0;
}

quote {
	font-style:italic;
}

#inhoud p, #inhoud h1, #inhoud h2, #inhoud h3 {
	text-align:left;
}

table p {
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#000;
}

/* HEADER 
---------------------------------------------------------- */

#header-bg {
	position:relative;
	height:204px;
	background:url(../img/site/rodebalk.png) bottom repeat-x;
	padding:0;
	margin:0;
}

#header {
	position:relative;
	width:960px;
	height:200px;
	margin:0 auto;
	padding:0;
	background:url(../img/site/bg_header.png) top right no-repeat;
	text-align:left;
}

h4#toplogo {
	margin-left : 12px;
}

h4#toplogo a { 
	position:relative;
	float:left;
	width:200px;
	height:20px;
	background:url(../img/site/logo.png) top left no-repeat;
	text-indent:-2000px;
	margin-top:41px;
}

h5#ondertitel { 
	position:relative;
	float:left;
	width:253px;
	height:40px;
	background:url(../img/site/eenoplossing.png) top right no-repeat;
	text-indent:-2000px;
	margin-top:137px;	
}

#headerrechts {
	position:relative;
	float:left;
	display:inline;
	width:567px;
	height:200px;
}

#topfloat {
	position:relative;
	display:inline;
}

ul#toplogin {
	position:relative;
	float:right;
	width:30px;
	height:20px;
	margin-top:49px;
}

ul#toplogin li {
	padding:0;
	margin:0;
	text-indent:-9999px;
	list-style-type:none;
}

ul#toplogin li a {
	display:block;
	border:0;
	text-decoration:none;
	background:url(../img/site/menu.png) no-repeat;
}

li#klantlogin a {
	width:30px;
	height:20px;
}

/* klantlogin */
li#klantlogin a:link, li#klantlogin a:visited {
	background-position: 0px -143px;
}
li#klantlogin a:hover {
	background-position: -150px -143px;
}

#headertxt {
	position:relative;
	float:left;
	width:555px;
	height:70px;
	margin-left:12px;
	margin-top:43px;
	display:inline;
}

/* CONTENT
---------------------------------------------------------- */

#content {
	min-height:30px;
	position:relative;
	display:block;
	width:960px;
	margin:0 auto;
	padding:0;
}


.inleiding, #inleiding {
	position:relative; 
	float:left; 
	width:260px;
	text-align:right;
	margin-left:133px;
	margin-top:40px;
	display:inline;
}

.inleiding p, #inleiding p {
	font:italic 11px/16px Arial, Helvetica, sans-serif;
	color:#C21F20;
}


#inhoud {
	position:relative;
	float:left;
	width:312px;
	margin-left:12px;
}

body#services #inhoud {
	width:555px;
}


/* MENU 
---------------------------------------------------------- */

ul#menu {
	border:0px solid blue;
	position:relative;
	margin-top:0;
	width:140px;
	height:160px;
	padding-top:25px;
	float:left;
}

ul#menu li {
	padding:0;
	margin:0;
	text-indent:-9999px;
	list-style-type:none;
}

ul#menu li a {
	display:block;
	border:0;
	text-decoration:none;
	background:url(../img/site/menu.png) no-repeat;
}
li#devnews a {
	width:140px;
	height:20px;
}
li#devone a {
	width:140px;
	height:20px;
}
li#devmission a {
	width:140px;
	height:20px;
}
li#devcertification a {
	width:140px;
	height:20px;
}
li#devservices a {
	width:140px;
	height:20px;
}
li#devcontact a {
	width:140px;
	height:20px;
}

/* home */
li#devnews a:hover {
	background-position: -150px 0px;
}
body#home ul#menu li#devnews a { /* actieve menu-items */
	background-position: -150px 0px;
}
/* one */
li#devone a:link, li#devone a:visited {
	background-position: 0px -20px;
}
li#devone a:hover {
	background-position: -150px -20px;
}
body#one ul#menu li#devone a { /* actieve menu-items */
	background-position: -150px -20px;
}
/* mission */
li#devmission a:link, li#devmission a:visited {
	background-position: 0px -40px;
}
li#devmission a:hover {
	background-position: -150px -40px;
}
body#mission ul#menu li#devmission a { /* actieve menu-items */
	background-position: -150px -40px;
}
/* certification */
li#devcertification a:link, li#devcertification a:visited {
	background-position: 0px -60px;
}
li#devcertification a:hover {
	background-position: -150px -60px;
}
body#certification ul#menu li#devcertification a { /* actieve menu-items */
	background-position: -150px -60px;
}
/* services */
li#devservices a:link, li#devservices a:visited {
	background-position: 0px -80px;
}
li#devservices a:hover {
	background-position: -150px -80px;
}
body#services ul#menu li#devservices a { /* actieve menu-items */
	background-position: -150px -80px;
}
/* contact */
li#devcontact a:link, li#devcontact a:visited {
	background-position: 0px -120px;
}
li#devcontact a:hover {
	background-position: -150px -120px;
}
body#contact ul#menu li#devcontact a { /* actieve menu-items */
	background-position: -150px -120px;
}


/* BANNERS PAGES
---------------------------------------------------------- */


#banners {
	position:relative;
	float:right;
	width:231px;
	height:264px;
	margin-top:22px;
}

#banners img {
	margin-bottom:12px;
}

.uitgelicht {
	position:relative;
	float:right;
	width:231px;
	height:264px;
	margin-top:0;
}

.uitgelicht p {
	text-align:left;
	color:#771C1B;
}

/* FOOTER HOME
---------------------------------------------------------- */

#footerhome-bg {
	width:100%;
	clear:both;
	padding:0;
	margin-top:-70px;
	*margin-top:10px;	
	position:relative;
	background:url(../img/site/rodebalk-h24.png) bottom left repeat-x;
}

#footerhome {
	margin:0 auto;
	padding:0;
	width:960px;
	height:70px;
	display:block;
}

ul#devhomepartner {
	position:relative;
	float:left;
	width:120px;
	height:20px;
	margin-top:0;
}

ul#devhomepartner li {
	padding:0;
	margin:0;
	text-indent:-9999px;
	list-style-type:none;
}

ul#devhomepartner li a {
	display:block;
	border:0;
	text-decoration:none;
	background:url(../img/site/menu.png) no-repeat;
}

li#devhomepartners a {
	width:140px;
	height:20px;
}

/* devpartners */
li#devhomepartners a:link, li#devhomepartners a:visited {
	background-position: 0px -160px;
}
li#devhomepartners a:hover {
	background-position: -150px -160px;
}
body#devhomepartners ul#devhomepartner li#devhomepartners a { /* actieve menu-items */
	background-position: -150px -160px;
}

#footerhome img {
	position:relative;
	float:left;
	margin-top:6px;
	margin-left:12px;
	margin-bottom:12px;
	height:30px;
}

/* FOOTER 
---------------------------------------------------------- */

#footer-balk {
	background:url(../img/site/addressfooter-balk.png) bottom left repeat-x;
	border:0px solid red;
	clear:both;
	display:block;
	height:180px;
	margin-top:-180px;
	position:relative;
	width:100%;
}

#footer {
	width:960px;
	height:180px;
	margin:0 auto;
}

#adres {
	width:393px;
	height:150px;
	margin-top:0;
	top:0;
	margin-left:-49px;
	*margin-left:-664px;
	position:relative;
}

address {
	float:left;
	text-align:left;
	width:231px;
	margin:0 0 0 17px;
	font-style:normal;
	color:#771C1B;
}

.diamond {
	float:left;
}

#dpartners {
	float:right;
	width:231px;
	height:56px;
	margin-top:-67px;
	text-align:left;
}

.partnerlogo {
	margin-right:9px;
	display:inline;
	position:relative;
}


ul#devpartner {
	position:relative;
	width:120px;
	height:20px;
	margin-bottom:7px;
}

ul#devpartner li {
	padding:0;
	margin:0;
	text-indent:-9999px;
	list-style-type:none;
}

ul#devpartner li a {
	display:block;
	border:0;
	text-decoration:none;
	background:url(../img/site/menu.png) no-repeat;
}

li#devpartners a {
	width:140px;
	height:20px;
}


li#devpartners a:link, li#devpartners a:visited {
	background-position: 0px -160px;
}
li#devpartners a:hover {
	background-position: -150px -160px;
}
body#devpartners ul#devpartner li#devpartners a { 
	background-position: -150px -160px;
}


/* FORM
---------------------------------------------------------- */

.formulierinput {
	width:310px;
	height:16px;
	border: 1px #C21F20 solid;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#C21F20;
}

.formulier {
	width:310px;
	border: 1px #C21F20 solid;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#C21F20;
}

form p {
	margin-bottom:0;
	margin-top:6px;
}

.contactform {
	margin-top:-6px;
}