/*
 *	Header
 */

#header {
	background-image: url(/images/coolblue.nl/vacancies_header.jpg);
}



/* Introduction block */

#right div.introduction_block {
	margin-bottom: 1em;
	padding: 0 10px 0;
	color: #636363;
	background: url(../../images/coolblue.nl/block_background.png)repeat-x;
}

#right div.introduction_block h3 {
	color: #636363;
	border-bottom: 2px solid #636363;
}

#right div.introduction_block h4 {
	color: #636363;
	font-weight: bold;
}

/*
 *	Columns
 */

#left {
	width: 400px;
	margin-right: 10px;
	float: left;
}

#right {
	width: 560px;
	float: left;
}



/*
 *	Blocks
 */

#right h3 {
	margin: 0 -10px 0.3em;
	padding: 0 10px 0.1em;
	border-bottom: 2px solid #1b5c9d;
	color: #1b5c9d;
	background: #fff;
	font: normal 1.6em Arial, Sans-Serif;
}

h4,
h5 {
	font-size: 1em;
}


#vacancies {
	font-weight: bold;
}

#vacancies.block {
	padding-bottom: 2px !important;
}

#vacancies h3 {
	margin-top: 10px;
	color: #636363;
}

#vacancies p {
	color: #636363;
	font-weight: normal;
}

#right ul {
	margin-bottom: 1em;
}



/* mod.Print */

#print_frame {
	width: 0;
	height: 0;
	position: absolute;
	top: -100%; /* It needs to invisible, but display: none can't be used, as it prevents it from printing */
}

p.printvacancy {
	height: 20px;
	margin-bottom: 1px;
	text-align: right;
}

p.printvacancy a {
	height: 20px;
	padding-right: 26px;
	float: right;
	background: url(/images/coolblue.nl/printvacancy_background.png) no-repeat right bottom;
}

/*
 * Corporate movie
 */

#coolbluemovie {
	border-top: 2px solid #1b5c9d;
	padding-top: 10px;
} 
 
#coolbluemovie p{
 	width: 50%;
 	float: left;
 	color: #636363;
}

#coolbluemovieimage {
	text-align: right;
}

#coolbluemovieimage a img, #introduction a img {
	border: solid 1px #dddddd;
}

#coolbluemovieimage a:hover img, #introduction a:hover img {
	border: solid 1px #888888;
}

#introduction .readmore {
	line-height: 19px;
}

#coolbluemovie p a {
	padding-left: 12px;
	background: transparent url(/images/default/li_background.gif) no-repeat scroll 2px 4px;
}

/* Vacancy procedure template */

#left.procedure {
	width: 500px;
	margin-bottom: 10px;
}

#left.procedure p {
	font-weight: normal;
}

#left.procedure .block {
	padding-bottom: 27px !important;
}

#left.procedure .block,
#right.procedure .introduction_block {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 5px;
	color: #666 !important;
}

#right.procedure {
	width: 460px;
	margin-bottom: 20px;
}

#right.procedure .profile {
	margin: 15px 0;
	width: 350px;
	height: 77px;
}

#right.procedure .profile .image {
	width: 75px;
	height: 75px;
	background: transparent url(/images/default/vacancies_profile_no_picture.png) no-repeat 0 0;
	border: 1px solid #dfdfdf;
	float: left;
}

#right.procedure .profile .text {
	padding: 0 10px;
	float: left;
}

#right.procedure .profile .text h4 {
	line-height: 8px;
	margin-bottom: 3px;
}

#right.procedure .profile .text dt {
	float: left;
}

#right.procedure .profile .text dd {
	margin-left: 60px;
}

a.backtovacancies {
	width: 172px;
	height: 24px;
	margin-left: 10px;
	display: block;
	background: transparent url(/images/coolblue.nl/btn_backtovacancies.png) no-repeat 0 0;
}

a.backtovacancies:hover {
	background-position: 0 -24px;
}

a.backtovacancies span {
	display: none;
}