﻿
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:#FFF url('../gfx/BG.jpg') repeat-x;
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
	
img, div, span{ behavior: url(css/iepngfix.htc); }
	
body, table, th, td, p, input, textarea, select, div {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	color:#535867;
	line-height:20px;
	}
	
form 
{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}	
h1{
	margin:0 0 10px 0;
	color:#25408e;
	font-size:17px;
	font-weight:normal;
	}
h2{
	margin:0 0 5px 0;
	color:#25408e;
	font-size:11px;
	}



a, a:hover { text-decoration:none;	color:#535867;
}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:860px;
	min-height:100%;
	_height:100%;
	text-align:left;
	background-color:#FFF;
	overflow:hidden;
	_overflow:inherit;
	}


.mainContent{
	position:relative;
	width:860px;
	padding-bottom:50px;
	/*min-height:100%;*/
	overflow:hidden;
}


/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height:152px;
	text-align:left;
	}
	
div.header_img{
	position:absolute;
	top:16px;
	right:0;
	height:80px;
	width:478px;
	}
	
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.navigatie{
}

div.tmenu {height:26px;background:#FFF url('../gfx/BG_navigatie.jpg');position:relative;z-index:990;}

div.tmenu a 		{line-height:27px;color:#FFF;font-weight:bold;display: block;float:right;margin-right:20px;}
div.tmenu a:hover 	{line-height:27px;color:#FFF;font-weight:bold;display: block;background:url('../gfx/mouseover.gif') no-repeat center top;}
div.tmenu .selected {line-height:27px;color:#FFF;font-weight:bold;display: block;background:url('../gfx/mouseover.gif') no-repeat center top;}


.item1{
	
}

div.tmenu .item2,
div.tmenu .item2:hover {
	float:right;
	position:relative;
    text-decoration: none;
    display: block;
    line-height:20px;


}
div.tmenu .item2 {
	text-align:left;
    color: #395199;
   	border-bottom:1px solid #b4bed9; 

}
div.tmenu .section a:hover{
	background:#e3e7f2;

}
div.tmenu .section a{
	width:202px;
	text-indent:2px;
}


div.tmenu .item2:hover {
	background:transparent ;
    color: #395199;
    /*  background:#8488A8 url('../gfx/menu_bg_o.png');*/
    cursor:hand;

}
div.tmenu .section {   
	position: absolute;
	visibility: hidden;
    z-index: -1;
    margin-left:-20px;
    background:transparent url('../gfx/dropdown-bottom-bg.png') no-repeat left bottom;    
	padding: 0 24px 24px 24px;
}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	position:relative;
	float:left;
	width:860px;
	overflow:hidden;
	}

div.contentimg{
	position:relative;
	width:860px;
	height:130px;
	background:#FFF url('../gfx/content_top_img.jpg') no-repeat;
	}
	
.contentspan{
	position:absolute;
	top:0px;
	left:0px;
	width:860px;
	height:130px;
	background:url('../gfx/content_top_overlay.png');
}


.maintxtBG
{
	position:relative;
	width:520px;
	float:right;
}
.maintxt{
	position:relative;
	width:400px;
	margin:60px 0 0 60px;
}


.smallblock{
	position:relative;
	width:333px;
	height:146px;
	clear:right;
}

.smallbg{
	position:absolute;
	width:333px;
	height:146px;
	background:url('../gfx/smalltxt_BG.png');

}
.mainbg{
	position:absolute;
	top:0px;
	left:0px;
	width:520px;
	height:586px;
	background:url('../gfx/maintxt_BG.png');
}


.sideblocks 
{
	float:left;
	position:relative;
		width:333px;
}

.smalltxt{
	position:absolute;
	top:21px;
	left:150px;
	float:left;
	width:155px;
	line-height:15px;

}
.smalltxt a, .maintxt a{
	position:relative;
	display:block;
	color:#25408e;
	font-weight:bold;
	margin:5px 0 0 0;


}

.benodigheden{
	position:relative;
	top:26px;
	left:26px;
	width:116px;
	height:100px;
	background:url('../gfx/horeca_benodigheden.jpg') no-repeat;
}
.keukeninrichting{
	position:relative;
	top:26px;
	left:26px;
	width:116px;
	height:100px;
	background:url('../gfx/keukeninrichting.jpg') no-repeat;
}

.projectinrichting{
	position:relative;
	top:26px;
	left:26px;
	width:116px;
	height:100px;
	background:url('../gfx/projectinrichting.jpg') no-repeat;
}

div.sidebar {
	float:right;
	width:160px;
	padding-bottom:65px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:860px;
	height:47px;
	clear:both;
	color:#FFF;
	/*margin-top:24px;*/
	background-image:url('../gfx/BG_footer.jpg')
	}
div#footer .footerTextL {color:#dddddd;text-align:left;line-height:47px;float:left; padding-left:20px;}
div#footer .footerTextR {color:#dddddd;text-align:right;line-height:47px;float:right;padding-right:20px;}


div#footer a{color:#dddddd;font-weight:bold;}
div#footer a:hover{}
	
	

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 47 + "px"); /* IE7 fix */
	}
	
/*------------------------------------------------------------*/
#ctl00_TopMenu1_pnlNavigation-0-section {
	left:auto !important;
	right:0px !important;
	}
 


