/* CSS Document */
@font-face{
    font-family: 'Helvetica Neue Thin';
    src: url( 'fonts/helveticaneueltstd-th.eot' );
    src: local( 'HelveticaNeueLTStdThinRegular' ), url( 'fonts/helveticaneueltstd-th.woff' ) format( 'woff' ), url( 'fonts/helveticaneueltstd-th.ttf' ) format( 'truetype' ), url( 'fonts/helveticaneueltstd-th.svg#' ) format( 'svg' );
}

@font-face{
    font-family: 'Helvetica Neue Light';
    src: url( 'fonts/helveticaneueltstd-lt.eot' );
    src: local( 'HelveticaNeueLTStdLightRegular' ), url( 'fonts/helveticaneueltstd-lt.woff' ) format( 'woff' ), url( 'fonts/helveticaneueltstd-lt.ttf' ) format( 'truetype' ), url( 'fonts/helveticaneueltstd-lt.svg#' ) format( 'svg' );
}

body
{
	background-image: url(images/bgbody.jpg);
	font-family: Helvetica;
	font-size: 12px;
}

.wrapper
{
	background: url(images/bgwrapper.gif) bottom center no-repeat;
	margin: 0 auto;
	width: 100%;
}

a:link, a:visited, a:active, a:hover
{
	color: #e81c2e;
}

.container
{
	width: 992px;
	margin: 0 auto;
}

.inhoud
{
	background: url(images/bgmain3.jpg) top left repeat-y;
	width: 992px;
	min-height: 300px;
	margin: 10px 0 0 0;
}

.main
{
	background: url(images/bgmain2.jpg) top left no-repeat;
	float: left;
	min-height: 900px;
	width: 992px
}

.main_inhoud
{
	width: 763px;
	margin: 58px 0 0 183px;
}


h1 {
	color: #e81c2e; 
	font-size: 18px;
	font-family: Helvetica;
	width: 763px;
	margin:0 0 20px 0;
}

.DIVtekst{
	width: 763px; 
	overflow:hidden;
	font-family: Arial;
	font-size: 12px;
	margin: 20px 0 0 0;
	color: #6a7072;
}


.header
{
	float: right;
	margin: 35px 40px 0 0;
	width: 789px;
}

.logo
{
	position: absolute;
	z-index: 1000;
	margin: 2px 0 0 5px;
}

.socialmedia
{
	float: right;
	margin:10px 0 0 0;
}

.menu
{
	float: left;
	 height: 20px;
}

.menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
}

.menu ul li
{
	display: block;
	float: left;
}

.menu ul li a:link, .menu ul li a:active, .menu ul li a:hover, .menu ul li a:visited
{
	text-decoration: none;
	display: block;
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	color: #acabab;
	border-right: 1px solid #acabab;
	padding: 0 6px 0 6px;
}

.menu ul li .last:link, .menu ul li .last:active, .menu ul li .last:visited
{
	border-right: none;
}

.menu ul li .selected:link, .menu ul li .selected:active, .menu ul li .selected:hover, .menu ul li .selected:visited, .menu ul li a:hover
{
	color: #e81c2e;
}

.slideshow
{
	margin: 25px 0 0 49px;
	float: left;
}

.fotos
{
	margin: 40px 0 0 49px;
	float: left;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.introblog
{
	margin: 25px 0 0 50px;
	float: left;
}

.intro, .intro_left
{
	width: 429px;
}

.intro
{
	border-bottom: 1px dotted #848484;
	margin: 0 0 20px 0;
	float: left;
}

.intro_left
{
	height: 39px;
	border-bottom: 1px dotted #848484;
}

.intro_titel, .blog_titel
{
	font-size: 17px;
	color: #e81c2e;
}

.intro_main
{
	font-family: Arial;
	color: #6a7072;
	font-size: 12px;
	margin: 22px 0 0 0;
	float: left;
	width: 429px;
}

.intro_leesmeer
{
	float: left;
	margin: 20px 0 20px 0;
}

.intro_leesmeer a:link, .intro_leesmeer a:visited, .intro_leesmeer a:active
{
	color: #eb151d;
	text-decoration: underline;
	display: block;
	font-size: 12px;
	border-left: 1px solid #eb151d;
	border-right: 1px solid #eb151d;
}

.intro_leesmeer a:hover
{
	text-decoration: none;
}

.blog
{
	float: left;
	width: 430px;
	margin: 0 0 0 30px;
	border-bottom: 1px dotted #848484;
}

.blog_titel
{
	background: url(images/bgblog.jpg) top left no-repeat;
	padding: 0 0 0 38px;
	height: 40px;
	border-bottom: 1px dotted #848484;
}

.blog_inhoud
{
	font-family: Arial;
	font-size: 12px;
	padding: 20px 0 20px 0;
	float:left;
	min-height: 50px;
}

.blog_datum
{
	color: #ea151e;
	font-weight: bold;
}

.blog_tekst
{
	margin: 0 0 0 15px;
	width: 230px;
}

.blog_leesmeer a:link, .blog_leesmeer a:active, .blog_leesmeer a:visited
{
	color: #eb151d;
	text-decoration: underline;
	display: block;
	font-size: 12px;
	border-left: 1px solid #eb151d;
	border-right: 1px solid #eb151d;
	font-family: Helvetica;
}

.blog_leesmeer a:hover
{
	text-decoration: none;
}

.producten
{
	margin: 20px 0 0 49px;
	float: left;
	padding: 0 0 40px 0;
	width: 900px;
	border-bottom: 1px dotted #e51b24;
}

.foto1, .foto2, .foto3 {
    height: 149px;
    margin: 0 6px 0 0;
    overflow: hidden;
    width: 220px;
}

.menu2
{
	width: 260px;
}

.menu2 a:link, .menu2 a:active, .menu2 a:visited
{
	font-size: 10px;
	color: #acabab;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 23px 0;
	display: block;
}

.menu2 a:hover
{
	color: #e81c2e;
}

.footer
{
	margin: 40px 0 0 49px;
	float: left;
	width: 960px;
}

.footertop, .footerbottom
{
	font-size: 10px;
}

.contactgegevens_title
{
	color: #e81c2e;
	text-transform: uppercase;
	margin: 0 0 23px 0;
}

.contactgegevens_tekst
{
	margin: 0 0 20px 0;
}

.webdesign
{
	color: #e51b24;
}

.webdesign a:link, .webdesign a:visited, .webdesign a:active, .email a:link, .email a:visited, .email a:active
{
	color: #e51b24;
	text-decoration: none;
}

.webdesign a:hover, .email a:hover
{
	text-decoration: underline;
}

.email
{
	float: left;
}

.visitekaartje
{
	margin: 0 0 0 40px;
	
}

p {
	margin:0;
	padding:0;
}

.floatleft{	
	float:left;
}

.floatright {
	float:right;
}

.validator {color: #e51820; font-size:12px;}
.validatortext {color: #e51820;}
.captcha {border:1px solid #231f20}
input.stylebutton { font-size: 12px; color: #ffffff; background-color:#e51820; border:solid 1px #231f20; width:75px; padding: 2px 0 1px 0; text-align:center}
textarea, input, select { font-size: 12px; font-family: Arial; color: #231f20; background-color:transparent; border:solid 1px #231f20; width:200px;}
textarea {overflow: auto; width:200px; height: 71px;}

.tblContact td {
    height:24px;
}

.tblContact .tdAdres
{
	width: 400px;
	text-align:left;
}

.tblContact .contactBedrijf
{
	color: #e31a24;
}

.tblContact2 {
    width:100%;
    border:1px solid #e51820;
}

.tblContact2 td {
    vertical-align:top;
    width:50%
}

.tblContact2 img {
    border:0px;
    margin-bottom:10px;
    display:block;
} 

.tblContact2 td.tdTop {
    background-color:#e51820;
    color:White;
    font-weight:bold;
    height:16px;
}

.lnkCatalogus:link, .lnkCatalogus:visited, .lnkCatalogus:active, .divnaam  {
   color: #0f0f0f;
   text-decoration:none;
   text-align:center;
   display: block;
   width:128px;
   margin-bottom:20px;
   margin-top:10px;
}

.lnkCatalogus:hover
{
	text-decoration: underline;
}

.divBorder{
    border:5px solid #e5e5e5;
}

.divFoto{
    width:118px;
    height: 85px;
    background-color:#e5e5e5; 
    overflow:hidden; 
    text-align:center;
}

.divFoto img {
    border:0px;
}

.divFoto2{
    width:128px;
    height: 95px;
    background-color:#e5e5e5;  
    text-align:center;
}

.fotoDetail{
    border: 5px solid #e5e5e5;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
}

.fotoDetail img{
    border:0px;
}

.lnkTerug:link, .lnkTerug:active, .lnkTerug:visited {
    text-decoration:none; 
    background-color: #e51b24;
    display:block;
    padding:5px 0 5px 0;
    width: 50px;
    text-align:left;
    border: 1px solid red;
    margin-top:10px;
    text-align: center;
    color: #ffffff;
}

.lnkTerug:hover
{
	text-decoration: underline;
}

/*Google maps*/

.tblRoute
{
	height: 100%;
	text-align: left;
	background-color: #ffffff;
}

.tblRoute h3
{
	color: #000;
	font-size: 18px;
	font-family: 'Helvetica Neue Light';
	margin: 0;
	padding: 0 0 20px 0;
}

.tblRoute #maproute
{
	height: 415px;
	width: 540px;
	margin: 0 0 15px 0;
	padding: 0;
	border:4px #898989 solid;
}

.tblRoute .divRoute
{	
	width: 550px;
}

/* END Google Maps */

.divItem
{
	margin: 20px 0 0 0;
}

.lnkTalen{ float: right; }

.lnkTalen a:link, .lnkTalen a:active, .lnkTalen a:hover, .lnkTalen a:visited
{
	text-decoration: none;
	display: block;
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	color: #ffffff;
    background-color: #acabab;
	padding: 2px 6px 2px 6px;
	margin-left:5px;
}


.lnkTalen .selected:link, .lnkTalen .selected:active, .lnkTalen .selected:hover, .lnkTalen .selected:visited, .lnkTalen a:hover
{
	color: #ffffff;
    background-color: #e81c2e;
}
