/*
	version		1.00
	project		Website 'www.active-uitzend.com' (2006-12)
	client		Active Uitzendorganisatie Venray BV

	author		Guilty by Design (www.guiltybydesign.eu)
	copyright	Guilty by Design (www.guiltybydesign.eu)

	remarks		12oct06		W3C CSS 2/2.1/3 validated
*/
/*************************************************
	html, body
*************************************************/ 
html{
	height: 100%;
	margin: 0;
	overflow: auto;
}
body{
	background-color: #992b00;
	background-image: url(../images/fill.jpg);
	background-repeat: repeat-x;
	height: 100%;
	margin: 0;
	padding: 0;
}
img{
	border: 0;
	margin: 0;
	padding: 0;
}

/*************************************************
	page layout
*************************************************/ 
#page{
	background-color: #ffffff;
	position: absolute;
	width: 938px;
	height:100%;
	z-index:1;
}

/*************************************************
	fillers layout
*************************************************/ 
#leftfiller{
	cursor: default;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
#rightfiller{
	cursor: default;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}

.filler{
	cursor: default;
	height: 100%;
	width:100%;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

/*************************************************
	shadows layout
*************************************************/ 
#leftshadow{
	height: 100%;
	position: absolute;
	left: -5px;
	width: 5px;
	z-index: 1;
}
#rightshadow{
	height: 100%;
	position: absolute;
	right: -5px;
	width: 5px;
	z-index: 1;
}

/*************************************************
	header layout
*************************************************/ 
#header{
	left: 25px;
	position: absolute;
	width: 888px;
}
#header #logo{
	clear: both;
	float: left;
	height: 58px;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 176px;
}
#header #menu{
	float: right;
	height: 30px;
	margin-bottom: 6px;
	margin-right: -22px;
	margin-top: 14px;
	width: 712px;
}
#header #slogan{
	clear: both;
	height: 18px;
	float: none;
	width: 176px;
}
#header #tempfill{
	clear: left;
	float: left;
	height: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
}
#header #currentdate{
	background-image: url(../images/icon-date.gif);
	background-position: center left;
	background-repeat: no-repeat;
	clear: none;
	float: right;
	margin-bottom: 2px;
	margin-right: 5px;
	padding-left: 12px;
}
#header #frame{
	border-bottom: 1px solid #012c62;
	border-left: 1px solid #012c62;
	border-right: 1px solid #012c62;
	border-top: 1px solid #012c62;
	clear: both;
	float: none;
	height: 98px;
	width: 886px;
}
#header #frame #image{
	float: right;
}
#header #frame #text{
	float: left;
	padding-left: 5px;
}
#header #currentlocation{
	clear: left;
	float: left;
	margin-left: 5px;
}
#header #mailprint{
	clear: right;
	float: right;
	margin-right: 5px;
}
#header #mailprint a.mail, #header #mailprint a.print{
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 12px;
}
#header #mailprint a.mail{
	background-image: url(../images/icon-mail.gif);
}
#header #mailprint a.print{
	background-image: url(../images/icon-print.gif);
	margin-left: 10px;
}

/*************************************************
	header text
*************************************************/ 
#header #currentdate, #header #currentlocation, #header #mailprint, #header #tempfill{
	color: #8095b0;
	cursor: default;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	text-decoration: none;
}
#header #currentlocation a, #header #mailprint a{
	color: #8095b0;
	cursor: pointer;
	text-decoration: none;
}
#header #currentlocation a:hover, #header #mailprint a:hover{
	color: #8095b0;
	text-decoration: underline;
}
#header #frame #text{
	color: #f9a13a;
	cursor: default;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: oblique;
	line-height: 98px;
}

/*************************************************
	footer layout
*************************************************/ 
#footer{
	position: absolute;
	width: 100%;
}
#footer #address, #footer #internet, #footer #phone{
	float: left;
	padding-bottom: 2px;
}
#footer #address{
	background-color: #b2bfd0;
	width: 305px;
}
#footer #internet{
	background-color: #e5e9ef;
	width: 305px;
}
#footer #phone{
	background-color: #ccd5e0;
	width: 308px;
}
#footer div.leftborder, #footer div.rightborder{
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 5px;
}
#footer div.leftborder{
	background-image: url(../images/footer-border-left.gif);
}
#footer div.rightborder{
	background-image: url(../images/footer-border-right.gif);
}

/*************************************************
	footer text
*************************************************/ 
#footer{
	color: #012c62;
	cursor: default;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
}

/*************************************************
	side topmenu layout
*************************************************/ 
#topmenu{
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	width: 70px;
	z-index: 3;
}
#topmenu img{
	clear: left;
	display: block;
	float: left;
	margin-bottom: 5px;
}
#topmenu form{
	clear: left;
	float: left;
	margin-bottom: 5px;
}
* html #topmenu form{
	margin-bottom: 1px;
}

/*************************************************
	side bottommenu layout
*************************************************/ 
#bottommenu{
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	width: 100px;
	z-index: 3;
}
#bottommenu a.copyright, #bottommenu a.sitemap, #bottommenu a.up{
	background-position: center left;
	background-repeat: no-repeat;
	clear: left;
	float: left;
	padding-left: 12px;
}
#bottommenu a.copyright{
	background-image: url(../images/icon-copyright.gif);
}
#bottommenu a.sitemap{
	background-image: url(../images/icon-sitemap.gif);
}
#bottommenu a.up{
	background-image: url(../images/icon-up.gif);
}

/*************************************************
	side bottommenu text
*************************************************/ 
#bottommenu{
	color: #ffffff;
	cursor: default;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.6em;
}
#bottommenu a{
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
#bottommenu a:hover{
	text-decoration: underline;
}