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

/* gehele pagina */
body {
background-color: #00364b;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
height: 100%;
}

/* middenstuk van onder tot boven */
.header {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

/* Hoofdgedeelte; middenstuk, onder het menu */
.body {
	width: 1000px;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 53px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	height: 100%;
}

/* Hoofdgedeelte links */
.body_main {
	width: 730px;
	float: left;
	position: relative;
	display: block;
	margin-top: -29px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 50px;
	min-height: 100%;
}

/* Hoofdgedeelte, sidebar rechts */
.body_sidebar {
	background-color: #002c3d;
	width: 230px;
	min-height: 100%;
	float: left;
	position: relative;
	display: block;
	margin-top: -29px;
	padding-left: 12px;
	padding-right: 8px;
	padding-top: 20px;
}




/* BOTTOM MENU */

div.bottom {
	background-image: url(pic/layout/bottombg.jpg);
	background-position:left bottom;
	background-repeat: repeat-x;
	background-color: #cdea75;
	border-top: solid 5px #a4bb5f;
	border-left: solid 1px #a4bb5f;
	border-right: solid 1px #a4bb5f;
	width: 958px;
	color: #242424;
	font-size: 12px;
	height: 270px;
	float: left;
	position: relative;
	display: block;
	padding: 20px;
}

div.bottom .submenu {
	float: inherit;
	display: block;
	position: relative;
}

div.bottom .submenu a{
	font-weight: bold;
	color: #242424;
	text-decoration: none;
	border-bottom: solid 1px #a4bb5f;
	display: block;
	width: 180px;
	line-height: 30px;
}

div.bottom .submenu a.mail{
	font-weight: normal;
	color: #242424;
	text-decoration: none;
	border-bottom: 0px;
	display: inline;
	width: 180px;
	line-height: 12px;
}

div.bottom .submenu a:hover{
	text-decoration: underline;
}

div.bottom .submenu ul{
	color: #242424;
	text-decoration: none;
	border-bottom: 0px;
	margin-left: -40px;
}

div.bottom .submenu ul li{
	padding-left: 0px;
	list-style: none;
	width: 190px;
}

div.bottom .submenu ul li a{
	font-weight: normal;
	color: #242424;
	text-decoration: none;
	border-bottom: 0px;
	line-height: 12px;
}
div.bottom .submenu ul li a:hover{
	text-decoration: underline;
}
/* EINDE BOTTOM MENU */





/* PRODUCTBLOKJE */
h3 {
font-weight: bold;
font-size: 15px;
margin-top: 0px;
margin-bottom: 5px;
margin-right: -20px;	
}
div.productblokje_verhuur {
background-image: url('pic/productkader_verhuur.png');
float: left;
position: relative;
display: block;
width: 200px;
height: 240px;
margin: 5px 10px 10px 5px;
color: #242424;
padding: 10px 10px 10px 10px;
}
div.productblokje_verkoop {
background-image: url('pic/productkader_verkoop.png');
float: left;
position: relative;
display: block;
width: 200px;
height: 240px;
margin: 5px 10px 10px 5px;
color: #242424;
padding: 10px 10px 10px 10px;
}
div.productblokje_2xbreedte {
background-image: url('pic/productkader_2xbreedte.png');
float: left;
position: relative;
display: block;
width: 435px;
height: 240px;
margin: 5px 10px 10px 5px;
color: #242424;
padding: 10px 10px 10px 10px;
text-align: center;
line-height: 30px;
vertical-align: middle;
}
div.productblokje_plaatje {
background-image: url('pic/hoofdpagina_plaatje.jpg');
float: right;
position: relative;
display: block;
width: 435px;
height: 515px;
margin: 5px 70px 10px 5px;
color: #242424;
padding: 10px 10px 10px 10px;
}
div.facebook_blokje {
background-color: #eaeaea;
float: left;
position: relative;
display: block;
width: 215px;
height: 270px;
margin: 130px 10px 10px 5px;
color: #ffffff;
padding: 0px;
border: 3px solid #ffffff;
}
div.twitter_blokje {
float: left;
position: relative;
display: block;
width: 221px;
height: 260px;
margin: 0px 10px 10px 5px;
padding: 0px;
border: 0px solid #ffffff;
}	
img.productblokje {
	width: 200px;
	height: 150px;
	display: block;
	border: 1px solid #BEBEBE;
	margin-top: 0px;
	margin-right: 10px;	
	margin-bottom: 0px;
}
a.winkelwagentje_verhuur{
	width: 51px;
	height: 51px;
	background-image: url('pic/winkelwagentje_verhuur.png');
	float: right;
	margin-top: -3px;
	border-bottom: 0px;
}
a.winkelwagentje_verhuur:hover{
	background-image: url('pic/winkelwagentje_wit.png');
}
a.winkelwagentje_verkoop{
	width: 51px;
	height: 51px;
	background-image: url('pic/winkelwagentje_verkoop.png');
	float: right;
	margin-top: 0px;
	border-bottom: 0px;
}
a.winkelwagentje_verkoop:hover{
	background-image: url('pic/winkelwagentje_wit.png');
}	
p.productblokje{
	margin: 12px 2px 0px 5px;
}
p.productblokje_tekst{
	margin: 18px 10px 0px 10px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}
a.productblokje{
	color: #242424;
	border-bottom: #242424 1px dotted;
}
a.productblokjeimg{
	color: #242424;
	border-bottom: 0px;
}
a.productblokje:hover{
	color: #000000;
	border-bottom: #000000 1px solid;
}
/* einde PRODUCTBLOKJE*/


.facebook_reacties{
	display: block;
	float: left;
	background-color: #eaeaea;
	width: 480px;
	margin-top: 30px;
}

/* PRODUCTPAGINA */
h1 {
	margin-left: 10px;
}
p.naarrechts {
	margin-left: 10px;
}
a.button_groen {
    background: url('pic/button_groen_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 34px;
    margin: 0px 0px 30px 5px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    border: 0px;
}
a.button_groen span {
    background: url('pic/button_groen_span.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 9px 0 9px 18px;
}

a.button_groot {
    background: url('pic/button_groot_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 16px arial, sans-serif;
    text-align: center;
    height: 104px;
    margin: 0px 0px 100px 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    border: 0px;
}
a.button_groot span {
    background: url('pic/button_groot_span.png') no-repeat;
    display: block;
    line-height: 32px;
    padding: 20px 10px 20px 20px;
}

a.button_groen_klein {
    background: url('pic/button_groen_klein_a.png') no-repeat scroll top right;
    color: #444;
    position: relative;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    height: 20px;
    padding-right: 2px; /* sliding doors padding */
    margin: 0px 0px 20px 0px; 
    text-decoration: none;
    border: 0px;
}
a.button_groen_klein span {
    background: url('pic/button_groen_klein.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 2px 8px 2px 8px;
}
a.button_oranje {
    background: url('pic/button_oranje_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 34px;
    margin: 0px 0px 30px 5px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    border: 0px;
}
a.button_oranje span {
    background: url('pic/button_oranje_span.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 9px 0 9px 18px;
} 
.google-share-button {
	position: relative;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	margin-left: -10px;
}
.facebook-share-button {
	position: relative;
	display: block;
	float: left;
	padding: 0px 0px 0px 20px;
	margin-left: -10px;
}
.twitter-share-button {
	position: relative;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
}	

h3 a {
	color: #242424;
	text-decoration: none;
}

/* einde PRODUCTPAGINA */





/* WINKELWAGENTJE */

div.productblokjew_verhuur {
background-image: url('pic/productkader_winkelwagentje_verhuur.png');
float: left;
position: relative;
display: block;
width: 200px;
height: 120px;
margin: 5px 10px 10px 3px;
color: #242424;
padding: 10px 10px 10px 10px;
}
div.productblokjew_verkoop {
background-image: url('pic/productkader_winkelwagentje_verkoop.png');
float: left;
position: relative;
display: block;
width: 200px;
height: 120px;
margin: 5px 10px 10px 3px;
color: #242424;
padding: 10px 10px 10px 10px;
}
img.productblokjew {	width: 100px;
	height: 75px;
	display: block;
	border: 1px solid #BEBEBE;
	margin-top: 0px;
	margin-right: 10px;	
	margin-bottom: 0px;
}
a.productblokjewimg{
	margin-top: 0px;
	color: #242424;
	border-bottom: 0px;
}

.winkelwagentje input {
	margin-top: 10px;
	float: left;
}
.winkelwagentje label {
	margin-top: 12px;
	float: left;
	text-align: left;
}
input.productblokjew {
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	width: 30px;
}
label.productblokjew {
	font-size: 12px;
	width: 50px;
	padding-top: 10px;
}

/* einde WINKELWAGENTJE */




label {
	width: 120px;
	float: left;
	margin-top: 3px;
}

div.sidebar_item_body {
	width: 184px;
	padding-left: 10px;
	padding-right: 10px;
}

img.productoverzicht_klein {
	float: left;
	width: 100px;
	height: 75px;
	margin-right: 10px;	
}

img.productpagina {
	margin-top: 40px;
	margin-left: 50px;
}

td.tekst {
	vertical-align: top;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom:30px;
}

td.thumbnail {
	vertical-align: top;
	padding: 0px;
	padding-left: 3px;
}

td.kolom_aanduiding {
	background-color: #FFFFFF;
	color: #00364b;
	font-weight: bold;
	padding: 2px;
	height:24px;
}

td.kolom_aanduiding_oranje {
	background-color: #FF6600;
	color: #00364b;
	font-weight: bold;
	padding: 4px;
}

td.productoverzicht {
	vertical-align: top;
	width: 390px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 30px;
}
table.beschikbaarheid {
}
td.beschikbaarheid_0 {
	background-color: #FFFFFF;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
}
td.beschikbaarheid_0b {
	background-color: #FFCC99;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
}
td.beschikbaarheid_1a {
	background-color: #FF3300;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}
td.beschikbaarheid_1b {
	background-color: #993300;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}
td.beschikbaarheid_1c {
	background-color: #CCCC00;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}
td.beschikbaarheid_1d {
	background-color: #999900;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}
td.beschikbaarheid_2 {
	background-color: #00CCCC;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
}
td.beschikbaarheid_vandaag {
	background-color: #B6B6B6;
	border: #00364b solid 1px;
	width: 16px;
	height: 16px;
	padding: 0px;
}
td.beschikbaarheid_getal {
	border: #00364b solid 1px;
	width: 15px;
	height: 15px;
	padding: 1px;
	font-size: 10px;
}
td.beschikbaarheid_getal2 {
	border: #00364b solid 1px;
	width: 15px;
	height: 15px;
	padding: 1px;
	font-size: 10px;
	color: #000000;
	font-style: oblique;
	text-align:center;
	background-color: #99CCFF;
}

td.stats {
	border: 0px;
	padding: 0px;
}

div.errormsg {
	width: 600px;
	color: #000000;
	padding: 5px;
	background-color: #FFFFFF;
	border: #FF0000 solid 2px;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.tags {
	display: block;
	float: left;
	width: 220px;
	margin-top: 15px;
	padding-bottom: 25px;
	line-height: 30px;
	text-align: justify;

	
}

div.icoontjes {
	bottom: 0;
	width: 56px;
	height: 18px;
	padding: 2px;
	margin-top: 20px;
	background-color: #0066CC;
}

div.productpagina-links {
	width: 440px;
	padding-right: 30px;
	float: left;
	padding-top: 0px;
	padding-bottom: 5px;
}

div.productpagina-rechts {
	width: 250px;
	padding-top: 27px;
	padding-left: 30px;
	padding-bottom: 5px;
	float: left;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: #FFFFFF 1px dotted;
	cursor: pointer;
}

a.kolom_aanduiding {
	color: #00364b;
}

a.icon {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px;
	cursor: pointer;
}

a.groen{
	color: #33FF00;
	font-weight: bold;
}
a.rood{
	color: #FF0000;
	font-weight: bold;
}

a.thumbnail {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px;
}

a.zwart {
	color: #000000;
	border-bottom: #000000 1px dotted;
}

img {
	border: 0px;
	border-bottom-color: #00364b;
}

img.icon{
	vertical-align: text-bottom;
}

table {
border-spacing: 0px;
padding: 5px;
}

tr.kolom_aanduiding {
	background-color: #FFFFFF;
	color: #00364b;
	font-weight: bold;
}

tr.on {
	background-color: #3399FF;
}

tr.on2 {
	background-color: #99cc00;
}

td {
	padding-right: 8px;
	padding: 4px;
}

td.icon {
	padding-right: 4px;
	padding-left: 4px;
}

.invulveld {
	margin-bottom: 10px;
	width: 250px;
}
.invulveld2 {
	margin-bottom: 10px;
	width: 150px;
}

.knop {
	margin-top: 10px;
	margin-left: 0px;
}
li	{
	margin-bottom: 10px;
}

.formulier {
	margin: 0 0 10px 0;
	vertical-align: text-top;
}

td.form {
	width: 180px;
	vertical-align: top;
	padding-top: 7px;