@charset "utf-8";
/* CSS Document */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	}
.g-menu1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	background-color: #FFF200;
	}
.aanbieding{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FF0000;
	border: thin solid #FF0000;
	}
.g-menu1-rechts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
.g-menu2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	left: 50px;
	position: fixed;
	}
.g-menu2-streep{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	left: 50px;
	position: fixed;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: 333333;
	}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}
.style_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}
.menu-hoofdart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	background-color: E9E9E9;
	background-repeat: no-repeat;
	text-decoration: none;
}
.menu-hoofdart-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	background-color: E9E9E9;
	background-repeat: no-repeat;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}
a {
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu-subart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	border: 0.1em solid #E9E9E9;
}
.lijntje {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.news_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
.news_datetime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.news_datetime_rand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1pt solid #666666;
}
.news_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.news_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 1.5em;
}
		
.label.formleft{
	float: left;
	text-align: right;
	width: auto;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
 	}
.gbentry{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #E9E9E9;
	border: 1px solid #333333;
	padding: 0.2em;
	font-size: 10px;
	height: 1%; /* zog. Holly-Hack, om een onjuiste weergave in IE te vermijden */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.gbname{
	color: #333333;
	float: left;
	font-weight: bold;
	margin-right: 2em;
	}
	
.gbhome{
	clear: right;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.gbdate{
		float: right;
	}
	
.gbdata{
		margin-top: 1.5em;
		padding: 0.5em;
		display: block;
		clear: right;
		background-color: #FFFFFF;
	}
.news_maindetail{
	font-size: 10px;
	text-align: justify;
	margin-bottom: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
.news_maindetail a{
	font-size: 10px;
	text-align: justify;
	margin-bottom: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00F;
	text-decoration: underline;
	}
.news_datetimedetail{
	font-size: 10px;
	color: #333333;
	margin-bottom: 0.8em;
	}
.gastenboek_onderd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
}
div#body{
	margin left: auto;
	margin right:auto;
	width:1000px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
div#website {
	width:800px;
	margin:0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
} 

div#body {
	background-color: #F7F7F7;
}
div#header{
	width: 800px;
	height: auto;
	background-position: left;
}
div#footer{
	width: 800px;
	height:auto;
	position: relative;
    bottom: 0; /* heel belangrijk */
	float:right;
	}
div#menu1{
	width:600px;
	float:right;
	}
div#aanbieding{
	float:right;
	width: 196px;
	}
div#container{
	float: left;
	width: 596px;
}
	
div#menu{
	width: 200px;
	float: right;
	background-image:url(vlak.png)
}
div#gcont{
	width:800px;
	position: relative;
	top: -20px;
	}
div#textcontainer{
	width: 550px;
	margin-left: 137px;
	margin-bottom: 2em;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
div#body_inhoud{
position: relative;
left: 203px;
}
.inhoud_klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	color: 333333;
}
.inhoud_paginas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.inhoud_detail_produkt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	border: 0.01em solid #E9E9E9;
}
.velux_prijzen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	border: 1px solid #E9E9E9;
}
.prijzen_markiezen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #E9E9E9;
	text-decoration: none;
	border: 0.01em solid #E9E9E9;
	background-color: #666666;
}
#photo { 
width: 350px; 
height: 183px;
} 
.thumb { 
width: 115px; 
height: 60px; 
cursor: pointer;
}
.thumb_vd1 { 
width: 42px; 
height: 57px; 
cursor: pointer;
}
.thumb_vd2 { 
width: 84px; 
height: 57px; 
cursor: pointer;
}
.thump_det{
width: 120px;
height: 149px;
cursor:pointer;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}
/*S3 slider */
div#s3slider { 
   width: 315px; /* important to be same as image width */ 
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

div#s3sliderContent {
	width: 315px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 315px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}