html, body {

	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:#000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;

}

#absolute
{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	z-index: 100;
	position: absolute;
	
}

#maincontainer{
	
	width:960px;
	min-height:100%;
	padding:0px;
	margin:0px auto 0px auto;
	/*
	margin:0px auto -230px auto;	
	overflow:hidden;
	*/
}
* html #maincontainer{height:100%}

/* -------------------------------------------------------------------------------------------------- */
/* FOOTER   ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

div#footer
{
	width:100%;
	height:120px;
	/*height:200px;*/
	background-image:url(http://www.fivesenses.nl/templates/images/column-background.png);
	margin-top:30px;
	
}

div.clearfooter
{
	height:150px;
	/*height:230px;*/
	clear:both;
}

div#footer div#footer-content
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	/*height:200px;*/
}

div#footer div#footer-content div#footer-crumb
{
	width:960px;
	height:30px;
	border-bottom:solid 1px #fff;
	padding-top:30px;
	/*padding-top:110px;*/
}

div#footer div#footer-content div#footer-bottom
{
	width:960px;
	height:30px;
	padding-top:10px;
}

div#footer div#footer-content div.footer-left{float:left;width:800px;}
div#footer div#footer-content div.footer-right{float:right;width:160px;text-align:right;}


/* -------------------------------------------------------------------------------------------------- */
/* MENU SETTINGS  ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.fiveyearlabel
{
	background:url(../images/Label-5-jaar.png);
	margin:-40px 0px 0px -48px;
	width:150px;
	height:210px;
	float:left;
	position:absolute;
	z-index:10000;
}

#menu
{
	width:100%;
	background-color:#000;
	height:20px;
	margin-top:0px;
	padding:10px 0px;
	position:relative;
	text-align:center;
}

#menu ul
{
	list-style:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-indent:0px;
	text-align:center;
}

#menu li
{
	list-style:none;
	list-style-type:none;
	margin-right:20px;
	text-align:center;
	display:inline;
}

/* -------------------------------------------------------------------------------------------------- */
/* SUBMENU SETTINGS  -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

div.content-menu ul
{
	list-style:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-indent:0px;
}

div.content-menu li
{
	list-style:none;
	list-style-type:none;
	line-height:20px;
}


div.content-menu li ul li
{
	margin-left:10px;
	font-size:11px;
	
}

div.content-menu li ul li ul li
{
	margin-left:15px;
	font-size:11px;
}

/* -------------------------------------------------------------------------------------------------- */
/* BACKGROUND SETTINGS  ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


div#flashbgr {
	height: 100%;
	overflow: visible;
	width: 100%;
	background-position:center;
	background-repeat:no-repeat;
}

div#flashbgr div#flashMessage
{	
	width:260px;
	border:solid 1px #FFF;
	padding:10px;
	margin:5px;
	background-color:#CCC;
	z-index:1000000;
	position:absolute;
}

div#bgr {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: hidden;
}


/* -------------------------------------------------------------------------------------------------- */
/* LOGO SETTINGS  ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

div#content-logo
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

div#logo{float:right;width:225px;top:0px;height:70px}
div#logo.blue{background-image:url(http://www.fivesenses.nl/templates/images/logo-blue.png);}
div#logo.yellow{background-image:url(http://www.fivesenses.nl/templates/images/logo-yellow.png);}
div#logo.green{background-image:url(http://www.fivesenses.nl/templates/images/logo-green.png);}


/* -------------------------------------------------------------------------------------------------- */
/* MAIN CONTENT SETTINGS  ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

div#content-all
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

div#content-home
{
	float:right;
	width:500px;
	padding-top:120px;
}

div#content-section
{
	width:960px;
	overflow:hidden;
	padding-top:100px;
}

div#content-section-right
{
	width:224px;
	/*padding-top:100px;*/
	overflow:hidden;
	float:right;
	/*background-color:#0FF;*/
}

div.content-main 
{
	width:660px;
	overflow:hidden;
	float:left;
}

div.content-split-left 
{
	width:425px;
	overflow:hidden;
	float:left;
}

div.content-split-right 
{
	width:425px;
	overflow:hidden;
	float:right;
}


div.content-menu, div.content-banner
{
	width:190px;
	overflow:hidden;	
}
div.content-menu{ float:right; }
div#content-section-right div.content-menu{ float:none; margin:0px 0px 20px 0px;  }
div#content-section-right div.content-banner{ margin-top:-20px;  }

div.content-header{
	padding-top:75px;
	position:absolute;
	overflow:hidden;
}

div#content-section-right div.banner-header{
	position:relative;
	/*position:inherit;
	z-index:100;*/
	/*background-color:#FFF;*/
	/*height:20px;*/
	/*margin-top:80px;*/
	/*position:fixed;*/
	/*overflow:hidden;*/
}

div.content-item
{
	color:#FFF;
	padding:20px;
	background-image:url(http://www.fivesenses.nl/templates/images/column-background.png);
}

/* -------------------------------------------------------------------------------------------------- */
/* FONT SETTINGS  ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

h1
{
	font-size:28px;
	font-weight:bold;
	padding:10px 20px;
	margin:0px;
	color:#fff;
}

a
{
	color:#fff;
}

div#content-section .blue a{color:#009ee0;text-decoration:none;}
div#content-section .yellow a{color:#ffcc00;text-decoration:none;}
div#content-section .green a{color:#a4c538;text-decoration:none;}
div#content-section .blue a:hover{text-decoration:underline;}
div#content-section .yellow a:hover{text-decoration:underline;}
div#content-section .green a:hover{text-decoration:underline;}


.yellow_text{color:#ffcc00;}
.blue_text{color:#009ee0;}
.green_text{color:#a4c538;}

/* -------------------------------------------------------------------------------------------------- */
/* FONT MENU SETTINGS  ------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */

div#menu li a{font-family:Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;}

div#menu.blue li a{color:#fff;}
div#menu.yellow li a{color:#fff;}
div#menu.greeen li a{color:#fff;}

div#menu.blue li a:hover{color:#009ee0;}
div#menu.yellow li a:hover{color:#ffcc00;}
div#menu.green li a:hover{color:#a4c538;}

div#menu.blue li.current a{font-weight:bold;color:#009ee0;}
div#menu.yellow li.current a{font-weight:bold;color:#ffcc00;}
div#menu.green li.current a{font-weight:bold;color:#a4c538;}

/* -------------------------------------------------------------------------------------------------- */
/* FONT SUBMENU SETTINGS  --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

div.content-menu.blue li a, div.content-menu.green li a,
div.content-menu.yellow li a{font-family:Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;}

div.content-menu.blue li a:hover{color:#009ee0;}
div.content-menu.yellow li a:hover{color:#ffcc00;}
div.content-menu.green li a:hover{color:#a4c538;}

div#content-section .blue li a{color:#fff;text-decoration:none;}
div#content-section .yellow li a{color:#fff;text-decoration:none;}
div#content-section .green li a{color:#fff;text-decoration:none;}

div#content-section .blue li a:hover{text-decoration:underline;}
div#content-section .yellow li a:hover{text-decoration:underline;}
div#content-section .green li a:hover{text-decoration:underline;}

div#content-section div.content-menu.blue li.current a{font-weight:bold; color:#009ee0;}
div#content-section div.content-menu.yellow li.current a{font-weight:bold; color:#ffcc00;}
div#content-section div.content-menu.green li.current a{font-weight:bold; color:#a4c538;}

div#content-section div.content-menu.blue li.current li a{font-weight:normal; color:#fff;}
div#content-section div.content-menu.yellow li.current li a{font-weight:normal; color:#fff;}
div#content-section div.content-menu.green li.current li a{font-weight:normal; color:#fff;}

div#content-section div.content-menu.blue li.current li.current a{font-weight:bold; color:#009ee0;}
div#content-section div.content-menu.yellow li.current li.current a{font-weight:bold; color:#ffcc00;}
div#content-section div.content-menu.green li.current li.current a{font-weight:bold; color:#a4c538;}


div#content-section div.content-menu.blue li.current li.current li a{font-weight:normal; color:#fff;}
div#content-section div.content-menu.yellow li.current li.current li a{font-weight:normal; color:#fff;}
div#content-section div.content-menu.green li.current li.current li a{font-weight:normal; color:#fff;}


div#content-section div.content-menu.blue li.current li.current li.current a{font-weight:bold; color:#009ee0;}
div#content-section div.content-menu.yellow li.current li.current li.current a{font-weight:bold; color:#ffcc00;}
div#content-section div.content-menu.green li.current li.current li.current a{font-weight:bold; color:#a4c538;}


div#footer div
{
	font-size:11px;
	color:#cdcdcd;
}

div#footer div a{font-size:11px;color:#cdcdcd;text-decoration:none;}
div#footer div a:hover{text-decoration:underline;}

div#footer div#footer-bottom a{color:#999}

/* ---------------------------------------------------------------------- */
/* -- ACCORDION --------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

div#accordion-container{     
    border: 1px solid #fff;
	background-color:#009ee0;
	padding: 10px;
}
  
div.accordion-toggle{   
    background: #009ee0;   /* required for effect--can be anything except "transparent" */  
    cursor: pointer;   
	height:28px;
	border-bottom:dotted 1px #FFF;
	margin-bottom:5px;
}   
  
div.accordion-toggle-active{   
    background: #009ee0; 
	border-bottom:dotted 1px #FFF;
	font-weight:bold;
}   
  
div.accordion-content{   
    overflow: hidden;   /* required for effect */  
    background: #009ee0;   
	margin-bottom:5px;
	padding:5px;
	border-bottom:dotted 1px #FFF;
} 

#sitemapHolder {margin:-10px 0px 0px 0px;} 

ul.ulSitemap{ font-size:11px; padding:0px; margin:0px 0px 0px 15px; list-style:none; line-height:normal; text-transform:capitalize; }

ul li.header{ list-style-image:none; list-style:none; }
ul li.header h2{ font-size:11px; font-weight:bold; margin:0px 0px 0px -10px; padding:10px 0px 4px 0px; text-transform:capitalize; }
ul.ulSitemap a{text-decoration:none;}

ul li li {font-weight:bold;}
ul li li li{font-weight:normal;}

ul a{color:#ff}
ul a:hover{text-decoration:underline;}
ul li li li {font-size:11px;}

/* 
GOOGLE MAPS
*/

div.gmnoprint
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color:#333;
}

div.gmnoprint a{color:#009ee0;}
