/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	line-height		: 24px;
	background		: #fff url('../_images/background.jpg') repeat-x;
	color			: #6c6c6c; 
}	
#left p {
	margin-bottom:20px;
}
#left h1 {
	padding-bottom:15px;
}
#left table td {
	padding:10px;
}
#wrapper {
	margin			: 0 auto;
	width			: 100%;
	min-height		: 100%;
	background-image:url(../_images/bg_menu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

	* html #wrapper {
		height			: 100%;
	}
	
	#wrapper #header {
		margin			: 0 auto;
		width			: 900px;
		height			: 302px;
	}
	#headerImage {
		padding-top:50px;
		/** Align tabs fir IE **/
		margin-bottom:-3px;
	}
	
		#wrapper #header #nav {
			position		: absolute;
			margin			: 0 auto;
			width			: 900px;						
		}
		
		#wrapper #header #sfeer {
			position		: absolute;
			float			: right;
			width			: 460px;	
			height			: 240px;
			margin			: 60px 0 0 440px;	
		}
		
		#wrapper #header #tabmenu {
			position		: absolute;			
			height			: 37px;
			margin			: -37px 0 0 0;	
		}
		
	#wrapper #main {
		margin			: 0 auto;
		width			: 900px;
		background		: transparent;
		text-align		: left;
		padding			: 0 0 170px 0;
	}
	
		#wrapper #main #left {
			float			: left;
			width			: 510px;
			background		: transparent;
			text-align		: left;
			padding			: 20px 10px 0 0;
		}
		
		#wrapper #main #right {
			float			: left;
			width			: 376px;
			background		: transparent;
			text-align		: left;
			padding			: 20px 0 0 4px;
		}
	
			#wrapper #main #right #sfeerfoto{
				position		: absolute;
				float			: left;
				width			: 376px;
				background		: transparent;
				text-align		: left;
			}
			
		#wrapper #main #left_large {
			float			: left;
			width			: 570px;
			background		: transparent;
			text-align		: left;
			padding			: 20px 10px 0 0;
		}
		
		#wrapper #main #right_small {
			float			: left;
			width			: 296px;
			background		: transparent;
			text-align		: left;
			padding			: 20px 0 0 4px;
		}
		
			#wrapper #main #right_small #sfeerfoto{
				position		: absolute;
				float			: left;
				width			: 296px;
				background		: transparent;
				text-align		: left;
			}
			
			#wrapper #main #right_small #sfeerfoto_overlay{
				position		: absolute;
				width			: 296px;
				background		: transparent;
				text-align		: left;
			}
		
#wrapper #subtab {
	margin			: 0 auto;
	width			: 100%;
	height			: 25px;
	background		: #7688a5;
	text-align		: left;
	padding			: 5px 0 2px 0;
}

	#wrapper #subtab #submenu {
		margin			: 0 auto;
		width			: 900px;
		height			: 25px;
		background		: #7688a5;
		text-align		: left;
	}
		
#footer {
	position		: relative;
	margin			: -150px 0 0 0 !important;
	width			: 100%;
	min-width		: 900px;
	height			: 125px;
	padding			: 25px 0 0 0;
	background		: #fff url('../_images/footer_background.gif') no-repeat center;
	font-size 		: 11px;
	line-height 	: 18px;
}

	#footer #container {
		position		: absolute;
		width			: 100%;
	}

	#footer #container #center {
		width			: 900px;
		margin			: 0 auto;
		position		: relative;
	}

	#footer #adres {
		float			: left;
		margin			: 0;
		padding			: 5px 30px 5px 25px;
		min-height		: 20px;
		border-right	: 1px solid #c5d7e5;
	}
	
	#footer #tijden {
		float			: left;
		margin			: 0;
		padding			: 5px 30px 5px 25px;
		min-height		: 20px;
		border-right	: 1px solid #c5d7e5;
	}
	
	#footer #footermenu {
		float			: left;
		margin			: 0;
		padding			: 5px 25px 5px 25px;
		min-height		: 20px;
		width:300px;
	}
	#footermenu ul {
		height:50px;
		width:200px;
	}
	#footermenu ul li {
		background-image:url(../_images/arrow.gif);
		background-repeat:no-repeat;
		background-position:0px 6px;
		text-indent:10px;
		float:left;
		width:100px;
	}
	#footermenu p {
		clear:both;
		text-align:left;
		padding-top:5px;
	}
	
/* Headings H1-H6 */
h1 { }

	#main h1{
		color			: #014a8e;
		font-size		: 24px;
		margin			: 0 0 5px 0;
	}

h2 { }

h3 { 
	color			: #014a8e;
	font-weight 	: bold;
	font-size		: 12px;
	margin			: 0 0 3px 0;
}

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

a { }

	#main a {
		text-decoration	: underline;
		color 			: #014a8e;
	}	
	
	#main a:hover {
		text-decoration	: underline;
		color 			: #014a8e;
	}	
	
	
	#subtab a {
		text-decoration	: none;
		font-weight		: bold;
		color 			: #fff;
	}	
	
	#subtab a:hover {
		text-decoration	: underline;
		font-weight		: bold;
		color 			: #fff;
	}	
	#footer a {
		text-decoration	: none;
		color 			: #014a8e;
	}	
	
	#footer a:hover {
		text-decoration	: underline;
		color 			: #014a8e;
	}	
	
	#nav ul.main li a {
		color			: #fff;
		font-weight		: bold;
		text-decoration	: none;
		position		: relative; 
		font-weight		: bold;
	}
	
	#nav ul.main li a:hover {
		text-decoration	: underline;
	}
	
	#subnav ul.main li a {
		font-weight		: bold;
		color			: #000;
		text-decoration	: none;
	}
	
	#tabmenu ul.main li a:link, #tabmenu ul.main li a:visited{
		color:#40618a;
		font-size:0px;
		cursor:pointer;
	}		
	#tabmenu ul.main li a:hover{
		color:#7d8fa8;
		cursor:pointer;
	}
	#tabmenu ul.main li a.active{
		color:#7d8fa8;
		font-size:0px;
	}	
	a#verwarming {
		display			: block;
		float			: left;
 	 	width			: 125px;
  		height			: 37px;
  		background		: url("../_images/tab_verwarming.gif") no-repeat 0 0;
		margin-right:2px;
	}
	
	a#verwarming:hover {
  		background		: url("../_images/tab_verwarming.gif") no-repeat 0 -37px;
  		color:#7d8fa8;
	}
	
	a#verwarming.active {
  		background		: url("../_images/tab_verwarming.gif") no-repeat 0 -37px;
	}		
	a#sanitair {
		display			: block;
		float			: left;
 	 	width			: 105px;
  		height			: 37px;
  		background		: url("../_images/tab_sanitair.gif") no-repeat 0 0;
		margin-right:2px;
	}	
	a#sanitair:hover, a#sanitair.active {
  		background		: url("../_images/tab_sanitair.gif") no-repeat 0 -37px;
	}
	a#sanitair:visited {
		color:#7d8fa8;
	}

	a#tegels {
		display			: block;
		float			: left;
 	 	width			: 105px;
  		height			: 37px;
  		background		: url("../_images/tab_tegels.gif") no-repeat 0 0;
		font-size:0px;
		margin-right:2px;
	}
	
	a#tegels:hover {
  		background		: url("../_images/tab_tegels.gif") no-repeat 0 -37px;
  		color:#7d8fa8;
	}
	
	a#tegels.active {
  		background		: url("../_images/tab_tegels.gif") no-repeat 0 -37px;
	}
	
	a#installatietechniek {
		display			: block;
		float			: left;
 	 	width			: 167px;
  		height			: 37px;
  		background		: url("../_images/tab_installatietechniek.gif") no-repeat 0 0;
		margin-right 	: 2px;
	}
	
	a#installatietechniek:hover {
  		background		: url("../_images/tab_installatietechniek.gif") no-repeat 0 -37px;
  		color:#7d8fa8;
	}
	
	a#installatietechniek.active {
  		background		: url("../_images/tab_installatietechniek.gif") no-repeat 0 -37px;
	}

	span.subtitle{
		color			: #0298d5;
		font-size		: 18px;
	}

/* Lists and Navigation */

#left ul { 
	margin:15px;
	padding:0px;
	list-style-type:circle;	
}
#left li {
	list-style-type:circle;
	padding:0px;
	margin-left: 15px;
}

	#nav ul.main {
		margin				: 0;
		padding				: 0;
		display				: block;
		float				: left;		
	}
	
		#nav ul.main li {
			position			: relative;
			list-style-type		: none;
			display				: block;
			float				: left;
			height				: 37px;
			text-align			: center;
			padding				: 13px 27px 0 27px;
			background			: transparent url('../_images/nav_spacer.png') no-repeat top right;
		}
		
		* html #nav ul.main li {
			background			: none;
			filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/nav_spacer.png', sizingMethod='crop');
		}
		
		#nav ul.main li.active {
			background			: transparent url('../_images/mouseover.png') repeat-x right ;

		}
	
		


	#tabmenu ul.main {
		margin				: 0;
		padding				: 0;
	}
	
		#tabmenu ul.main li {
			display				: inline;
			margin				: 0;
		}	
			
	#submenu ul.main {
		margin				: 0;
		padding				: 0;
	}
	
		#submenu ul.main li {
			display			: inline;
			margin			: 0 20px 0 0;
			padding			: 0 20px 0 0;
			border-right	: 2px solid #38527c; 
		}

		#submenu ul.main li.last {
			display			: inline;
			margin			: 0;
			padding			: 0;
			border-right	: 0; 
		}
		
#printer {
	background-image:url(../_images/printer.jpg);
	background-repeat:no-repeat;
	display:block;
	width:42px;
	height:36px;
	float:right;	
}		
#printer span {
	display:none;
}