* {margin: 0; padding: 0; border: 0;}

html{
	scrollbar-arrow-color: #F88F1C;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #CCC;
	scrollbar-3dlight-color: #FFF;
	scrollbar-shadow-color: #CCC;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;}

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #000;
	text-align: center;}

#container {
	width: 100%; height: 521px; /* 568 - 47*/
	text-align: left;
	margin-top: 47px;}	
	
#outer { 
	width: 100%; height: 396px;
	overflow: hidden;
	background-color: #F88F1C;}	
	
#outer.werk { 
	background-color: #FFF;}	

#outerindex { 
	width: 100%; height: 396px;
	overflow: hidden;
	background: #F88F1C url(../images/huiswerkarchitecten.jpg) no-repeat;}	
	
/* HEADER */
#header { 
	position: relative;
	background-color: #FFF; 
	padding: 0;
	width: 100%; height: 93px;} 

#logo {
	position: absolute;
	width: 748px; height: 45px;
	top: 0; left: 0;}
	
#logo p {
	float: right;	
	padding: 32px 58px ;}	

#logo p a {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
	text-decoration: none;}	
	
#logo a:hover { color: #F88F1C;}	
		
#logo img {
	float: left;
	padding-left: 155px;}

/* CONTENT */
		
#content { 
	float: left;
	width: 593px; height: 396px;
	background-color: #FFF;} 
	
#contentslideshow { 
	float: left;
	width: 829px; height: 396px;
	background-color: #FFF;
	overflow: hidden;} 

/* TEKST */
#tekst { 
	float: left;
	width: 283px; /* 293 - 10px */ height: 386px;/*338px;*/ 
	background-color: #FFF;
	padding: 0 10px 10px 0;
	overflow: auto;}  	

#tekst h1 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
	padding: 0 0 1.3em 0;}
	
#tekst p {
	font: normal 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin-bottom: 1.2em;}	

#tekst p a {
	font-size: 1.0em; color: #F88F1C;
	text-decoration: none;}	
	
#tekst a:hover { color: #F88F1C;}	

/* FOTO */
#foto { 
	float: left;
	width: 300px; height: 396px;
	background-color: #FFF;}  	

/* FOOTER */	
#footer { 
	height: 46px;
	padding: 0;}  

#footer ul {
	list-style-type: none;
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;
	padding: 24px 58px 0 155px;}
	
#footer li { 
	display: inline; 
	margin-right: 11px;}	
#footer li a { 
	font-size: 1.0em; color: #000;
	text-decoration: none;}
#footer li a:hover { color: #F88F1C;}

#footer p {
	padding: 24px 58px 0 155px;
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; color: #000;}	
#footer p a {
	font-size: 1.0em; color: #F88F1C;;
	text-decoration: none;}		
#footer p a:hover { color: #F88F1C;}
	
/* IMAGES */
.fltrt { 
	float: right;
	margin-left: 8px;}

.fltlft { 
	float: left;
	margin-right: 8px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

/* NAVIGATIE */		
#navigatie {
	float: left; 
	width: 119px; /* 155 - 36px */ 
	height: 396px; 
	padding-right: 36px;
	background-color: #FFF; 
	position: relative;}
	
#navigatie ul { 
	position: absolute;
	top: 0; left: 0;
	width: 119px; 
	list-style: none;}
		
#navigatie ul li { 
	width: 119px; 
	/*text-align: right;*/
	margin-bottom: 1.8em;}
						
#navigatie ul a {  
	display: block;
	width: 119px; height: 17px;	 
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	text-decoration: none;			
	text-align: left;}
	
/* thuis 01 */
#body00 #nav01 a, #body02 #nav01 a, #body03 #nav01 a,
#body04 #nav01 a, #body05 #nav01 a, #body06 #nav01 a { 
	background: url(../images/menu/thuis-dubbel.jpg) no-repeat 0 0;}
#body00 #nav01 a:hover, #body01 #nav01 a:hover, #body02 #nav01 a:hover, #body03 #nav01 a:hover,
#body04 #nav01 a:hover, #body05 #nav01 a:hover, #body06 #nav01 a:hover { 
	background: url(../images/menu/thuis-dubbel.jpg) no-repeat 0 -17px;}  /* thuis 01 HOVER */ 
	
/* kleinwerk 02 */
#body00 #nav02 a, #body01 #nav02 a, #body03 #nav02 a, 
#body04 #nav02 a, #body05 #nav02 a, #body06 #nav02 a { 
	background: url(../images/menu/kleinwerk-dubbel.jpg) no-repeat 0 0;}
#body00 #nav02 a:hover, #body01 #nav02 a:hover, #body02 #nav02 a:hover, #body03 #nav02 a:hover, 
#body04 #nav02 a:hover, #body05 #nav02 a:hover, #body06 #nav02 a:hover { 
	background: url(../images/menu/kleinwerk-dubbel.jpg) no-repeat 0 -17px;} /* kleinwerk 02 HOVER */ 

/* grootwerk 03 */
#body00 #nav03 a, #body01 #nav03 a, #body02 #nav03 a,
#body04 #nav03 a, #body05 #nav03 a, #body06 #nav03 a { 
	background: url(../images/menu/grootwerk-dubbel.jpg) no-repeat 0 0;} 
#body00 #nav03 a:hover, #body01 #nav03 a:hover, #body02 #nav03 a:hover,
#body03 #nav03 a:hover, #body04 #nav03 a:hover, #body05 #nav03 a:hover, #body06 #nav03 a:hover { 
	background: url(../images/menu/grootwerk-dubbel.jpg) no-repeat 0 -17px;} /* grootwerk 03 HOVER */ 
	
/* nieuwwerk 04 */
#body00 #nav04 a, #body01 #nav04 a, #body02 #nav04 a,
#body03 #nav04 a, #body05 #nav04 a, #body06 #nav04 a { 
	background: url(../images/menu/nieuwwerk-dubbel.jpg) no-repeat 0 0;}
#body00 #nav04 a:hover, #body01 #nav04 a:hover, #body02 #nav04 a:hover,
#body03 #nav04 a:hover, #body04 #nav04 a:hover, #body05 #nav04 a:hover, #body06 #nav04 a:hover { 
	background: url(../images/menu/nieuwwerk-dubbel.jpg) no-repeat 0 -17px;} /* nieuwwerk 04 HOVER */ 
		
/* werk 05 */
#body00 #nav05 a, #body01 #nav05 a, #body02 #nav05 a,
#body03 #nav05 a, #body04 #nav05 a, #body06 #nav05 a { 
	background: url(../images/menu/werk-dubbel.jpg) no-repeat 0 0;}
#body00 #nav05 a:hover, #body01 #nav05 a:hover, #body02 #nav05 a:hover, 
#body03 #nav05 a:hover, #body04 #nav05 a:hover, #body05 #nav05 a:hover, #body06 #nav05 a:hover { 
	background: url(../images/menu/werk-dubbel.jpg) no-repeat 0 -17px;}	 /* werk 05 HOVER */ 
	
/* huis 06 */
#body00 #nav06 a, #body01 #nav06 a, #body02 #nav06 a,
#body03 #nav06 a, #body04 #nav06 a, #body05 #nav06 a { 
	background: url(../images/menu/huis-dubbel.jpg) no-repeat 0 0;}
#body00 #nav06 a:hover, #body01 #nav06 a:hover, #body02 #nav06 a:hover,
#body03 #nav06 a:hover, #body04 #nav06 a:hover, #body05 #nav06 a:hover, #body06 #nav06 a:hover { 
 	background: url(../images/menu/huis-dubbel.jpg) no-repeat 0 -17px;} /* huis 06 HOVER */ 

/* 6 active links */
#body01 #nav01 a { background: url(../images/menu/thuis-dubbel.jpg) no-repeat 0 -17px;}
#body02 #nav02 a { background: url(../images/menu/kleinwerk-dubbel.jpg) no-repeat 0 -17px;}
#body03 #nav03 a { background: url(../images/menu/grootwerk-dubbel.jpg) no-repeat 0 -17px;}
#body04 #nav04 a { background: url(../images/menu/nieuwwerk-dubbel.jpg) no-repeat 0 -17px;}
#body05 #nav05 a { background: url(../images/menu/werk-dubbel.jpg) no-repeat 0 -17px;}
#body06 #nav06 a { background: url(../images/menu/huis-dubbel.jpg) no-repeat 0 -17px;}

#colofon { position: absolute; bottom: 0; left: 0; height: 30px;}

/*#header h1 {
	padding: 10px 58px 0 20px;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #000;}*/	
	
/*#banner {
	float: left;	
	height: 396px;
	overflow: hidden;*/
	/*background: url(images/bg1486x396.jpg);}*/
	
/*#banner img{ float: left;}*/