/*
	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
*/
/*************************************************
	layout
*************************************************/ 
#contents{
	left: 25px;
	position: absolute;
	width: 888px;
}

/*************************************************
	frames
*************************************************/ 
#contents .padded{
	margin-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#contents .vertpadded{
	padding-bottom: 5px;
	padding-top: 5px;
}

#contents .jobreply{
	background-image: url(../images/back-jobreply.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#contents .newsletter{
	background-image: url(../images/back-newsletter.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

div.jobscroller{
	height: 144px;
	width: 524px;
}

/*************************************************
	single column layout
*************************************************/ 
#contents div.blueframe{
	border: 1px solid #012c62;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#contents div.blueframe div.content{
	float: left;
	width: 100%;
}
#contents div.blueframe div.lefttab{
	float: left;
	margin-bottom: -1px;
	margin-left: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
	
}
#contents div.blueframe div.righttab{
	float: right;
	margin-bottom: -1px;
	margin-right: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.noframe{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#contents div.noframe div.content{
	float: left;
	width: 100%;
}
#contents div.orangeframe{
	border: 1px solid #da660f;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#contents div.orangeframe div.content{
	float: left;
	width: 100%;
}
#contents div.orangeframe div.lefttab{
	float: left;
	margin-bottom: -1px;
	margin-left: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.orangeframe div.righttab{
	float: right;
	margin-bottom: -1px;
	margin-right: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}

/*************************************************
	left column layout
*************************************************/ 
#contents div.leftcolumn{
	float: left;
	width: 524px;
}
#contents div.leftcolumn div.blueframe{
	border: 1px solid #012c62;
	margin-bottom: 10px;
}
#contents div.leftcolumn div.blueframe div.content{
	float: right;
}
#contents div.leftcolumn div.blueframe div.tab{
	float: left;
	margin-bottom: -1px;
	margin-left: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.leftcolumn div.noframe{
	margin-bottom: 10px;
	width: 524px;
}
#contents div.leftcolumn div.noframe div.content{
	float: right;
}
#contents div.leftcolumn div.orangeframe{
	border: 1px solid #da660f;
	margin-bottom: 10px;
	width: 524px;
}
#contents div.leftcolumn div.orangeframe div.content{
	float: right;
}
#contents div.leftcolumn div.orangeframe div.tab{
	float: left;
	margin-bottom: -1px;
	margin-left: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.leftcolumn div.padded{
	padding-bottom: 5px;
	margin-right: 5px;
	padding-top: 5px;
	width: 514px;
}

/*************************************************
	right column layout
*************************************************/ 
#contents div.rightcolumn{
	float: right;
	width: 354px;
}
#contents div.rightcolumn div.blueframe{
	border: 1px solid #012c62;
	margin-bottom: 10px;
	width: 354px;
}
#contents div.rightcolumn div.blueframe div.content{
	float: left;
}
#contents div.rightcolumn div.blueframe div.tab{
	float: right;
	margin-bottom: -1px;
	margin-right: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.rightcolumn div.noframe{
	margin-bottom: 10px;
	width: 354px;
}
#contents div.rightcolumn div.noframe div.content{
	float: left;
}
#contents div.rightcolumn div.orangeframe{
	border: 1px solid #da660f;
	margin-bottom: 10px;
	position: relative;
	width: 354px;
}
#contents div.rightcolumn div.orangeframe div.content{
	float: left;
}
#contents div.rightcolumn div.orangeframe div.tab{
	float: right;
	margin-bottom: -1px;
	margin-right: -18px;
	margin-top: -1px;
	position: relative;
	width: 18px;
}
#contents div.rightcolumn div.padded{
	padding-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	width: 344px;
}

/*************************************************
	text
*************************************************/ 
#contents{
	color: #012c62;
	cursor: default;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.7em;
}
#contents a{
	color: #012c62;
	cursor: pointer;
	text-decoration: none;
}

#contents h1, h2, h3, h4, h5{
	clear: both;
	color: #012c62;
	cursor: default;
	float: none;
	font-family: Arial, Sans-serif;
}
#contents h1{
	font-size: 2.6em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0;
}
#contents h2{
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 5px;
}
#contents h3{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
}
#contents h4{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
#contents h5{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
}

#contents span.comment{
	color: #8095b0;
}
#contents span.comment a{
	color: #8095b0;
}
#contents span.error{
	color: #ff0000;
}
#contents span.error a{
	color: #ff0000;
}
#contents span.orange{
/*	color: #f9a13a;*/
	color: #da660f;
}
#contents span.orange a{
/*	color: #f9a13a;*/
	color: #da660f;
}

/*************************************************
	lists
*************************************************/ 
#contents ul{
	margin-bottom: 0;
	margin-left: 24px;
	margin-top: 0;
	padding-left: 0;
}
#contents li{
}

/*************************************************
	links
*************************************************/ 
#contents a.externalleft{
	background-image: url(../images/icon-plus.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 12px;
}
#contents a.externalleft:hover{
	text-decoration: underline;
}
#contents a.externalright{
	background-image: url(../images/icon-plus.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 12px;
}
#contents a.externalright:hover{
	text-decoration: underline;
}
#contents a.internalleft{
	background-image: url(../images/icon-next.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-left: 12px;
}
#contents a.internalleft:hover{
	text-decoration: underline;
}
#contents a.internalright{
	background-image: url(../images/icon-next.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 12px;
}
#contents a.internalright:hover{
	text-decoration: underline;
}