/* browser settings reset */
html, body, dt, dl, dd, form, fieldset, a, blockquote, img { margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}

/* site settings */
img{ border:0px;}
a{}
a:hover{}
html, body{ height:100%;}
hr{}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{ margin:0 0 .2em 0; font-weight:normal;}
div, td {font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
p{ margin:1em 0 0 0;}

h1{ font-size:1.75em; color:#f78f1e;}
h2{ font-size:1.35em; color:#666;}
h3{ font-size:1.25em; color:#000;}

/* Layout */
.Home, .Thuis, .Horeca, .Klassiek, .Kantoor, .Overbinnenkamers, .Contact, .Links{ background:#e7e7e7 url(images/achtergrond.gif) left center repeat-x;}

.Achtergond{ position:absolute; width:960px; height:576px; top:50%; margin-top:-288px; left:50%; margin-left:-500px; z-index:0; padding:0 20px 0 20px; background:#e7e7e7 url(images/achtergrondMain.gif) left top repeat-x;}

.Header{ position:absolute; width:960px; height:36px; top:50%; margin-top:-288px; left:50%; margin-left:-480px; z-index:4;}
.Header .Logo{ float:right; width:201px; height:26px;}

.Home .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:3;}
.Thuis .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/thuis.jpg) left top no-repeat;}
.Horeca .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/horeca.jpg) left top no-repeat;}
.School .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/IMG_0119_b.jpg) left top no-repeat;}
.Recreatie .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/DSC_0048_b.jpg) left top no-repeat;}
.Serre .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/DSC_0129_b.jpg) left top no-repeat;}
.Keuken .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/keuken_eiken_met_RVS_2_b.jpg) left top no-repeat;}
.Wandmeubels .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/Buro_met_kast_white_2_b.jpg) left top no-repeat;}
.Badkamers .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/DSC_0700_b.jpg) center no-repeat;}
.Klassiek .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/klassiek.jpg) left top no-repeat;}
.Kantoor .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/kantoor.jpg) left top no-repeat;}
.Overbinnenkamers .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(../pictures/binnen_2_b.jpg) left top no-repeat;}
.Contact .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/contact.jpg) left top no-repeat;}
.Links .Container{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:1; background:url(pictures/links.jpg) left top no-repeat;}
.TekstContainer200{ width:180px; height:175px; margin:250px 0 0 50px; padding:25px 10px 10px 10px; background:url(images/tekst200.png) left top no-repeat;}
.TekstContainer300{ width:260px; height:255px; margin:150px 0 0 50px; padding:25px 20px 20px 20px; background:url(images/tekst300.png) left top no-repeat;}
.FotoContainer{ position:absolute; width:960px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:2; background:#e7e7e7 url(images/achtergrondMain.gif) left top repeat-x; text-align:center;}
.FotoContainerHigh{overflow:visible;}
.FotoMenu{ position:absolute; width:150px; height:500px; top:50%; margin-top:-252px; left:50%; margin-left:-480px; z-index:3;}

.font { line-height:1.4em; font-size:.75em;}
.font li{ margin-left:-40px; margin-top:0.5em; list-style:none;}
.font li a{ color:#000;}
.font a{ color:#f78f1e;}

.Beeldmerk{ position:absolute; width:70px; height:70px; top:50%; margin-top:-252px; left:50%; margin-left:410px; z-index:2;}

.Footer{ position:absolute; width:960px; height:23px; top:50%; margin-top:248px; left:50%; margin-left:-480px; z-index:2; padding:13px 0 0 0;}
.Footer h1{ float:left; font-size:.9em; padding:0 5px 0 0; font-weight:bold;}
.Footer h2{ float:left; font-size:.9em;}
.Footer .Buitenkamers{ float:right; width:172px; height:23px;}

/* Fotoalbum */
.Foto{ position:absolute; width:960px; height:500px; left:50%; margin-left:-478px; top:50%; margin-top:-250px; z-index:1;}

/* Menu */
.Menu{ float:left; margin:0; padding:0; font-size:.75em;}
.MenuItem{ float:left; list-style:none; display:block; position:relative; height:25px; padding:11px 30px 0 0; margin:0;}
.MenuItem a{ display:block;}
.MenuItem a:hover{ display:block;}

.SubMenu{ display:none; width:150px; height:490px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.SubMenu li{ width:100%; list-style:none; padding:5px 0 8px 10px;}
.SubMenu li a{ color:#fff; text-decoration:none; font-weight:bold; display:block;}
.SubMenu li a:hover{ color:#f78f1e;}

.Menu li>ul { top:36px; left:0;}
.Menu li:hover ul, .Menu li.over ul { display:block;}

/* Menu */
.LeftMenu{ float:left; margin:0; padding:0; font-size:.75em; width:200px; background:url(images/leftmenu.png) left top repeat;}
.LeftMenuItem{ position:relative; list-style:none; padding:8px 0 8px 10px; margin:0;}
.LeftMenuItem a{ color:#000; text-decoration:none; font-weight:bold; display:block;}
.LeftMenuItem a:hover{ color:#000;}

.SubLeftMenu{ display:none; width:200px; height:459px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.Thuis .SubLeftMenu{ display:block; width:200px; height:459px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.Horeca .SubLeftMenu{ display:block; width:200px; height:459px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.Kantoor .SubLeftMenu{ display:block; width:200px; height:459px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.Klassiek .SubLeftMenu{ display:block; width:200px; height:459px; position:absolute; margin:0; padding:10px 0 0 0; background:url(images/menu.png) left top repeat;}
.SubLeftMenu li{ list-style:none; padding:5px 0 8px 10px;}
.SubLeftMenu li a{ color:#fff; text-decoration:none; font-weight:bold; display:block;}
.SubLeftMenu li a:hover{ color:#f78f1e;}

.LeftMenu li>ul { top:31px; left:0;}
.LeftMenu li:hover ul, .LeftMenu li.over ul { display:block;}

/* no flash implementation by Grigor */
.thumbnailscontainer
{
	float:right;
	background:#d78329;
	width:122px;
	padding: 95px 0 0 0;
	z-index:10;
}
.thumbnailcontainer
{
}
.img_thumbnail
{
	padding:5px 14px 5px 14px;
	width:97px;
	height:51px;
}
.photo_high
{
	width:500px;
	height:700px;
}