/**

STYLE SHEET FOR Ambieer Zoetermeer
Created by Hans Dubois for Redmax Technology B.V. 2009
www.ambieer-zoetermeer.nl
www.redmax.nl

ToC

	1. defaults
	2. structure
	3. fonts
	4. vacancies
		4.1 form		
	5. send-a-friend
	6. custom scrollbar
	
Notes :

Site is made for : 1024 x 768
Dom area is : 974 x 703
Centered when higher resolution.

See menu.css for the menu style

*/

/* --------- 1. defaults  --------- */
.clearer{
	clear 					: both;	
}

*{
	font-family				: "Arial";
	color					: #FFFFFF;
	font-size				: 12px; 
}

.yellow{
	color				: #FFED00; 	
}

/* --------- 2. structure  --------- */
body{
	margin					: 0px;
	padding					: 0px;	
}
	
.siteContainer{
	width					: 974px;
	
	margin-left				: auto;
	margin-right			: auto;
	margin-top				: 18px;
	
	position 				: absolute; 
	top 					: 0px; 
	left					: 0px;
}

.siteContainer .header{
	width					: 974px;
	height					: 71px;	
}

	.header .logo{
		width				: 192px;
		height				: 71px;
		
		float				: left;	
	}
	
		.header .logo a img{
			border				: 0px;
		}
	
	.header .menu{
		/* Total width : 782 */ 
		width				: 762px;
		height				: 71px;
		
		margin-left			: 20px;
		
		background-image	: url("/images/ambieer-zoetermeer/menuBackground.png");
		background-repeat	: no-repeat;
		
		float				: left;
	}	
	
.siteContainer .contentContainer{
	width				: 974px;
	
	margin-top			: 19px;	
}

.siteContainer .contentContainer .subMenu{
	width				: 175px;
	height				: 491px; 
	
	padding-top			: 5px;
	padding-left		: 16px;
	
	float				: left;
	background-image	: url("/images/ambieer-zoetermeer/subMenuBackground.png");
	
	position 			: relative;
}

.siteContainer .contentContainer .subMenu .serviceMenu{
	width				: 175px;
	
	position 			: absolute;
	bottom				: 10px;
	left				: 13px;
	
	font-size			: 9px;
	font-weight			: bold;	
}

.siteContainer .contentContainer .subMenu .serviceMenu a{
	font-size			: 9px;
	font-weight			: bold;
	
	text-decoration 	: none;	
}

.subMenuContentContainer{
	width				: 155px;
	height				: 400px;
}

.subMenuContentContainer ul{
	color				: #FFFFFF;
	
	padding				: 0px;
	margin				: 0px;
	
	margin-left			: 18px;
	margin-top			: 8px;
}

.subMenuContentContainer li{
	margin-bottom		: 18px;	 
}

.subMenuContentContainer ul li.yellow,
.subMenuContentContainer ul li.yellow a,
.subMenuContentContainer ul li:hover,
.subMenuContentContainer ul li:hover a,
.subMenuContentContainer ul li a:hover
{
	color				: #FFED00; 					
}

.subMenuContentContainer li a{
	text-decoration 	: none;	
	outline				: none;
}	  

.subMenuContentContainer .zoetermeerLogo{
	width				: 152px; 
	height				: 49px;	
}

.subMenu .zoetermeerLogo a img{
	border				: none;	
}

.siteContainer .contentContainer .contentBig{
	width				: 566px; 
	height				: 492px; 
	
	margin-left			: 110px;	 
	
	padding-left		: 17px;
	padding-top			: 10px;
	
	float				: left;
	
	background-image	: url("/images/ambieer-zoetermeer/contentBackgroundNew.png"); 
}

.siteContainer .contentContainer .contentContainerBig{
	width				: 520px;
	height				: 473px;
	
	overflow			: auto;
		
	float				: left;
	padding-right		: 20px;
	
	scrollbar-arrow-color		: #FFFFFF;
	scrollbar-face-color		: #0072BD;
	scrollbar-highlight-color	: #0089C8;
	scrollbar-3dlight-color		: #9DD7E9;
	scrollbar-shadow-color		: #005997;
	scrollbar-darkshadow-color	: #004372;
	scrollbar-track-color		: #00457B;		
}

.siteContainer .contentContainer .contentContainerBig ul{
	color				: #FFFFFF;
	
	padding				: 0px;
	margin				: 0px;
	
	margin-left			: 18px;
	margin-top			: 0px;
	
	list-style-type		: square;
}

.siteContainer .contentContainer .contentContainerBig ul.vacanciesOverview{
	color				: #FFFFFF;
	
	padding				: 0px;
	margin				: 0px;
	
	margin-left			: 18px;

	list-style-type		: disc;
}

.siteContainer .contentContainer .contentContainerBig ul.vacanciesOverview li{
	margin-top			:	10px; 
}
/* --------- 3. fonts  --------- */
.subMenu h2{
	margin 				: 0px;
	padding				: 0px;
	
	margin-top			: 5px;
	margin-bottom       : 15px;
	
	font-size			: 16px;
}

.siteContainer .contentContainer .contentContainerBig h1{
	margin				: 0px;
	padding				: 0px;
	
	margin-bottom		: 10px;
	
	font-size			: 16px;
	font-weight			: bold;
}

/* --------- 4. vacancies --------- */
.vacancyView tr td{
	padding-right		: 20px;
	font-weight			: bold;
}

/* --------- 4.1 form --------- */
.applicantForm{
	margin-top			: 10px;
}

.applicantForm td{
	width				: 235px;
}

.applicantForm tr td{
	width				: 235px;
	
	padding-bottom		: 10px;
}

.applicantForm tr td.long{
	width				: 470px;	
}

.applicantForm tr td label{
	width				: 235px;
	display				: block;
}

.applicantForm tr td input,
.applicantForm tr td select{
	width				: 235px;
	color				: #000000;
}

.applicantForm tr td textarea{
	width				: 515px;
	color				: #000000;	
}

.applicantForm tr td input.small{
	width				: 55px;	
	
	margin-right		: 13px;
	margin-left		    : 13px;
}

.applicantForm tr td input.first{
	margin-left			: 0px;	
}

.applicantForm tr td input.last{
    margin-right        : 0px;
}

.applicantForm tr td input.radio{
	width				: 12px;
	color				: #000000;
}

.applicantForm tr td option{
	color				: #000000;
}

.applicantForm tr td.left{
	padding-right		: 35px;
}

.applicantForm tr td span.subText{
	font-size			: 10px;
}

.applicantForm tr td.left .button{
    width				: 90px;
	height				: 30px;
    
    padding-bottom      : 5px;
	
	background			: none;
	background-image	: url("/images/ambieer-zoetermeer/formButton.png");
    background-position : -1px -1px;	
	
	text-align			: center;
	color				: #FFF;
	
	border				: none;
    line-height         : 30px;
}

.applicantForm tr td .wide{
	width				: 515px;
}

.validation-advice{
	color				: red;
	font-weight			: bold;	
}

/* --------- 4.2 Actionmenu --------- */
.vacancy{
	width				: 500px;
}

.info{
	width				: 320px;
	float				: left;
	
	margin-top			: 10px;	
}

.actionMenu{
	float				: left;
	width				: 200px;
	
	margin-top			: 10px;
}

.action{
	width				: 60px;
	float				: left;
	
	text-align			: center;	
}

.action a img,
.action img{
	border				: none;
	display				: block;
	margin-left			: 15px;
	
	cursor				: pointer;
}

.action a,
.action span{
	text-decoration 	: none;
	
	font-size			: 9px;
	
	cursor				: pointer;
	
	color				: #FFFFFF;
}

/* --------- 5. send-a-friend  --------- */
.send-a-friend span{
 	display				: block;
 	
 	margin-bottom		: 10px;
}

.send-a-friend form{
	margin-top			: 20px;	
}

.send-a-friend label{
	padding-top			: 10px;	
	
	font-weight			: bold;
}

.send-a-friend input{
	width				: 515px;
	color				: #000000;	
	display				: block;
	
	margin-bottom		: 10px;	
}

.send-a-friend textarea{
	width				: 515px;
	color				: #000000; 	
}

.send-a-friend .button{
		width				: 90px;
	height				: 30px;
    
    padding-bottom      : 5px;
	
	background-image	: url("/images/ambieer-zoetermeer/formButton.png");
    background-position : -1px -1px;
	
	text-align			: center;
	color				: #FFF;
	
	border				: none;
    line-height         : 30px;
    
    display             : inline;
}

.send-a-friend .validation-advice{
	position 			: relative;
	top 				: -10px;
}

/* --------- 6. custom scrollbar  --------- */
.scrollBar{
	height				: 471px;
	width				: 17px;
	
	float				: left;	
	
	margin-left			: 10px;
	
	background-image	: url("/images/ambieer-zoetermeer/scrollBarBackground.png");
}
 
.scrollBar .top{
	width				: 17px;
	height				: 16px;
	
	cursor				: pointer;
	
	background-image	: url("/images/ambieer-zoetermeer/arrowUp.png");
}

.scrollBar .track{
	height				: 440px;
	width				: 17px;			
}

.scrollBar .bottom{
	width				: 17px;
	height				: 16px;
	
	cursor				: pointer;
	
	background-image	: url("/images/ambieer-zoetermeer/arrowDown.png"); 
}

.scrollBar .handle{
	width				: 17px;
	height				: 32px;
	
	background-image	: url("/images/ambieer-zoetermeer/handle.png");
	
	cursor				: pointer;
}

/* --------- 7. Flash  --------- */

.flash{
	position 			: fixed;
	top 				: 0px; 
	left				: 0px;
	
	width 				: 100%; 
	height				: 100%;
}

.flashOverlay{
	position 			: relative;
	width				: 1020px;
	height				: 600px;
	
	margin-left			: auto;
	margin-right		: auto;
}