﻿*{
	margin: 0;
	padding: 0;
}
html{
	 overflow:  auto;
        /* overflow: -moz-scrollbars-vertical;
       
        overflow-x:auto; */
}
html,body{
	background: url('../images/bg.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{
	text-decoration: none;
	color: #000;
}

a:hover{
	text-decoration: underline;
	color: #000;
}

img {
	border:0;
}

#wrapper{
	margin: 0 auto;
	width: 990px;
}

#container{
	width: 950px;
	background: #fff;
	padding: 20px;
	float: left;
}

/* Header */
#header{
	width: 950px;
	height: 128px;
}

#header #logo{
	width: 113px;
	height: 128px;
	float: left;
}

#header #header_top{
	width: 778px;
	height: 65px;
	float: right;
}

ul#metamenu{
	list-style: none;
	float: right;
	margin: 3px 60px 0 0;
}

ul#metamenu li{
	float: left;
	padding: 0 2px 0 2px;
}

ul#metamenu li#active a{
	color: #004b96;
}

ul#metamenu li a:hover{
	text-decoration: none;
	color: #004b96;
}

#search{
	float: right;
	width: 200px;
}

#search_input{
	width: 153px;
	height: 20px;
	float: right;
}

#search label{
	margin: 3px 0 0 0;
	padding: 0 5px 0 0;
	float: left;
}

#search .search{
	border: 1px solid #000;
	width: 127px;
	height: 14px;
	padding: 2px;
	float: left;
}

#search .submit{
	background: url('../images/search.png');
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
	border: 0;
}

#kruimel{
	font-size: 11px;
	float: left;
	padding: 7px 0 0 18px;
	width: 778px;
}

#kruimel a{
	color: #004b96;
	text-decoration: underline;
}

#kruimel a.current{
	text-decoration: none;
	color: #000;
}

/* Hieronder volgen de stijlen voor het navigatiegedeelte */
#navbar {
    width:100%;
}
#navbar , #navbar ul {
    float:right;
    list-style:none;
    border:0px solid #aaa;
	width: 818px;
	height: 24px;
	background: #c4cae2;
}
#navbar a {
    display: block;
	width: 114px;
	height: 20px;
	text-align: center;
	padding: 4px 0 0 0;
	font-size:14px;
}
#navbar li {
    float: left;
	width: 114px;
	height: 24px;
	margin: 0 1px 0 0;
	border-right: 1px solid #fff;
	background: #c4cae2;
    }
#navbar a.active {
    color:#6EBD24;
    }
#navbar ul {
    position:absolute;
    left:-999em;
    width:241px;
    font-weight:normal;
    margin:0;
    border:0;
    border-top:1px solid #fff;
     }
     
ul#navbar li#active, ul#navbar li a:hover{
	background: #004b96;
}

ul#navbar li#active a,ul#navbar li a:hover{
	color: #fff;
}

ul#navbar li a:hover{
	text-decoration: none;
}

#navbar li li {
    width:239px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    text-align:left;
    padding-left: 0px;
    }
#navbar li li a, #navbar li#active li a {
    padding:4px 10px;
    width:220px;
    color:black;
    text-align:left;
    }

#navbar li ul ul {
    margin:-23px 0 0 90px;
    }
#navbar li li:hover {
    background:#004b96;
    }
#navbar li ul li:hover a, #navbar li ul li li:hover a, #navbar li ul li li li:hover a, #navbar li ul li li li:hover a, #navbar li#active ul li:hover a, #navbar li#active ul li li:hover a, #navbar li#active ul li li li:hover a, #navbar li#active ul li li li:hover a  {
    color:#fff;
    }
#navbar li:hover a, #navbar li.sfhover a {
    color:#fff;
    }
#navbar li:hover li a, #navbar li li:hover li a, #navbar li li li:hover li a, #navbar li li li li:hover li a {
    color:black;
    }
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul, #navbar li.sfhover ul ul ul ul {
    left:-999em;
    }
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul, #navbar li li li li.sfhover ul {
    left:auto;
    background:#004b96;
    }
#navbar li:hover, #navbar li.sfhover {
    background:#004b96;
    }

/* Left Bar */
#left_bar{
	float: left;
	width: 113px;
	margin: 0 18px 0 0;
}

ul#left_menu{
	list-style: none;
}

ul#left_menu li{
	width: 113px;
	margin: 0 0 10px 0;
	text-align: right;
}

ul#left_menu li a{
	display: block;
	width: 113px;
}

ul#left_menu li#active a, ul#left_menu li a:hover{
	color: #0053a0;
	text-decoration: none;
}

#informatieaanvragen{
	float: right;
}

/* Content */
.middle_content{
	float: left;
	width: 	593px;
	padding-bottom:20px;
	line-height:18px;
}

.full_content{
	float: left;
	width: 819px;
}

#content a{
	text-decoration: underline;
}

#content .content_image{
	margin: 0 0 10px 0;
}

#content p{
	line-height: 18px;
	margin: 0 0 15px 0;
}

#content ul { 
	line-height: 18px;
	margin: 0 0 15px 30px;
}

#content .small{
	font-size: 10px;
	line-height:14px;
}

#content h1{
	font-size: 18px;
	color: #004b96;
	margin: 0 0 10px 0;
}

#content h2{
	font-size: 14px;
	color: #004b96;
	margin: 0 0 2px 0;
}

/* Right Bar */
ul#right_image{
	list-style: none;
	float: right;
	width: 193px;
}

ul#right_image li{
	padding: 0 0 15px 0;
}

#right_bar .small{
	font-size: 10px;
	line-height:14px;
	}

ul#right_image li.lente_actie{
	margin: -26px 0 0 0;
}

/* Showroom */
#right_bar.showroom_bar ul#right_image{
	width: 210px;
}

ul#right_image li.showroom .showroom_top{
	width: 210px;
	height: 31px;
	background: url('../images/showroom_top.gif') no-repeat;
}

ul#right_image li.showroom .showroom_top a{
	width: 210px;
	height: 24px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 7px 0 0 0;
	font-size: 14px;
}

ul#right_image li.showroom .showroom_top a:hover{
	text-decoration: none;
}

/* Producten */
ul#producten{
	list-style: none;
	width: 840px;
	overflow: hidden;
	margin:0;
}

ul#producten li{
	float: left;
	width: 195px;
	margin: 0 13px 30px 0;
	height:235px;
	overflow:hidden;
}

ul#producten li .product_top{
	width: 195px;
	height: 33px;
	background: url('../images/producten_top.gif') no-repeat;
}

ul#producten li .product_top a{
	width: 185px;
	height: 26px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 7px 0 0 0;
	font-size: 14px;
}

ul#producten li .description{
	width: 185px;
	color: #000;
	line-height: 18px;
}

ul#producten li .description p{
	margin: 0 0 3px 0;
}

ul#producten li.first{
	clear: both;
}

ul#producten li a.fotoalbum{
	width: 200px;
	color: #0053a0;
	font-size: 11px;
	text-decoration: underline;
}



ul#producten li .product_top a:hover{
	text-decoration: none;
}

/* Footer - Tag Cloud */
#footer_clear{
	clear: both;
	height: 2px;
}
#footer{
	width: 909px;
	padding: 10px 20px 15px 20px;
	border: 1px solid #afafaf;
	background: #dfe3f5;
	float: left;
	text-align:center;
}

#footer a{
	padding: 0 8px 0 0;
	display: inline;
	vertical-align: bottom;
}

#footer a.tag1{
	font-size: 22px;
}

#footer a.tag2{
	font-size: 18px;
}

#footer a.tag3{
	font-size: 14px;
}

#footer a.tag4{
	font-size: 11px;
}

#content ol{
	line-height: 18px;
	margin: 0 0 15px 30px;
} 

h2 {
	margin:0 0 10px;
	font-size:16px;
	color: #004b96;
}

h3 {
	margin:5px 0 5px 0;
	font-size:12px;
	color: #004b96;
}


p {
	line-height:18px;
	margin: 0 0 15px 0;
}

#right_bar {
	line-height:18px;
}

.referentie {
	font-family: "Courier New", Courier, monospace;
	border: thin solid #C0C0C0;
}

#wist_u_dat {
	text-align:center;
}

#wist_u_dat a {
	text-decoration:underline;
}


