/* reset styles to ensure cross browser consistency. */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/**
* start normal css
*/
body, html {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #10238c;
	font-size: 10pt;
	line-height:1.3em;
	background-color: #fff;	
}
strong {
	font-weight:bold;
}
a {
	color: #10238c;
}
p, #right ul {
	margin-bottom:1em;
	font-size:10pt;
	line-height:1.5em;
}
#right ul li {
	margin-left: 15px;
}
h1{
	width: 562px;
	height: 110px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../img/logo_anim.gif) 11px 10px no-repeat;
}
h1#home {
	float:right;
	background: transparent url(../img/vast-werk-in-techniek.gif) 11px 37px no-repeat;
}
h1 a {
	display: block;
	width: 565px;
	height: 110px;
}
#page {
	position: absolute;
	left: 50%;
	margin-left: -497px;
	width: 994px;
	top: 50%;
	margin-top: -295px;
	height: 565px;
	background: #fff url(../img/bg2.jpg) 0px 0px no-repeat;
}
#top {
	width: 988px;
	height: 120px;
	float: left;
	padding: 6px 1px 5px 5px;
}
#greep {
	float: right;
	width: 426px;
	height: 110px;
	overflow: hidden;
	margin-right:0;
}
#greep h2 {
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	height: 26px;
	line-height: 25px;
	padding-left: 5px;
	width: 100%;
	text-transform: uppercase;
}
#greep li {
	padding: 5px;
	background-color: #fff;
	height: 17px;
	float: left;
}
#greep li a {
	text-decoration: none;
	width: 414px;
	display: block;
}
#menu {
	width: 994px;
	height: 23px;
	float: left;
	background-color: #fff;
}
#content {
	height: 400px;
	float: left;
	width: 994px;
}
#left {
	width: 567px;
	float: left;
	margin-right: 1px;
	height: 400px;
	position:relative;
}
#left p {
	margin-left:10px;
	margin-right:10px;
}
.lijst li {
	clear: both;
}
.lijst h4 {
	margin-left: 10px;
	font-size: 14px;
}
.lijst h4 a {
	font-weight: bold;
	margin-left: 0px;
}
.lijst li p {
	margin-bottom: 3px;
}
.lijst .btn {
	float: left;
	font-weight: bold;
}
#scholenaktiebutton {
	position:absolute;
	top:240px;
	left:15px;
}
#right, #homeright {
	text-align:left;
	width:386px;
	padding:15px 20px 0 20px;
	float:left;
	height:385px;
	color:#fff;
	overflow:auto; /*-moz-scrollbars-vertical;*/
}
#homeright {
	text-align:center;
	background-color:#c00;
}
#right h2, #right h3, #left h2, #left h3 {
	color: #fff;
	font-size:17pt;
	letter-spacing:.05em;
}
#right h2 {
	margin-bottom:.5em;
}
#right h3 {
	font-size:11pt;
	font-weight:bold;
	margin-top:1em;
}
#right li a, #right a.leesmeer {
	padding-left:1em;
	background:transparent url(../img/triangle_bullet.gif) 0 50% no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
#right a.terug {
	padding-left:1em;
	background:transparent url(../img/back_bullet.gif) 0 50% no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
#right a.terug:hover, #right a.leesmeer:hover {
	text-decoration:underline;
}
#right .news h3, #right .referenties h3 {
	margin-top:0;
}
#right .referenties img {
	float:left;
	margin-right: 10px;
	margin-bottom: 1px;
}
#right .referenties a.leesmeer {
	margin-left:120px;
	display: block;
}
#right .referenties .referentie {
	clear:left;
	height: 109px;
}
#right .referenties .referentie p {
	margin-bottom:0;
	height: 72px;
}
#right .referenties .referentie a.leesmeer {
	margin-top:0;
}

#left .news,
#left .vacatures,
#left .kandidaten,
#left .referentie {
	overflow:auto;
	height:400px;
}
#left #contactform fieldset {
	border:1px solid #87c521;
	padding:5px;
	margin-left:10px;
	margin-top:1em;
	width:525px;
}
#left #contactform legend {
	font-weight:bold;
}
#left #contactform label,
#left #contactform .label {
	font-weight:bold;
	display:block;
	clear:left;
	width:140px;
	float:left;
	text-align:right;
	padding-right:10px;
	line-height:1.75em;
}
#left #contactform input {
	width:350px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
}
#left #contactform textarea {
	width:350px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
}
#left #contactform #man,
#left #contactform #vrouw {
	width:auto;
	clear:none;
	margin-top:5px;
	margin-right:3px;
	border:none;
}
#left #contactform #doorstuderen,
#left #contactform #werkenleren,
#left #contactform #werken,
#left #contactform #onderhoudsmonteur,
#left #contactform #elektromonteur,
#left #contactform #assemblagemonteur,
#left #contactform #operator,
#left #contactform #verspaner,
#left #contactform #metaalbewerker,
#left #contactform #lasser,
#left #contactform #anders {
	width:auto;
	float:left;
	clear:left;
	margin-left:150px;
	margin-top:5px;
	margin-right:3px;
	border:none;
}
#left #contactform .radiolabel {
	font-weight:normal;
	text-align:left;
	clear:none;
	width:auto;
}
#left #contactform #submitbutton {
	width:100px;
	color:#fff;
	background-color:#87c521;	
	border-width:1px;
	border-style:solid;
	border-color:#e1f0c7 #446311 #446311 #e1f0c7;
	margin-top:5px;
	margin-left:165px;
	font-weight:bold;
}
#left #contactform #submitbutton:hover {
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
}
.scholenaktie {
	background:transparent url(../img/pitspoes.jpg) 0 0 no-repeat;
}
#content .scholenaktie h2 {
	font-size:13pt;
	line-height:1.2em;
	color:#10238c;
}
#content .scholenaktie h2 .big {
	font-size:18pt;
	line-height:1.4em;
}
.scholenaktie p {
	width:225px;
}
.default {
	width:50%;
	float:left;
	height:400px;
	text-align:center;
}
.default a {
	font-size:14pt;
	color:#fff;
	display:block;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-decoration:none;
}
.default a:hover {
	text-decoration:underline;
}
.default #defaultleft {
	background-color: #87c521;
	height:400px;
	padding-top:1px;
	position:relative;
}
.default #defaultleft img, .default #defaultright img {
	padding:1px 0;
	background-color:#fff;
	margin-bottom:25px;
}
.default #scholenaktiebutton {
	position:absolute;
	left:380px;
	top:350px;
}
.default #defaultright {
	background-color: #10238c;
	height:400px;
	padding-top:1px;
}
#defaultlogo {
	float:left;
}
#bodylogo {
	margin-top:1em;
	width:100%;
	text-align:center;
}
#end {
	margin-top:1px;
	height: 44px;
	float: left;
	width: 996px;
	overflow: hidden;	
}
#adressen {
	width: 497px;
	float: left;
	overflow: hidden;
	padding: 14px 35px;
}
#adressen a {
	text-decoration: underline;
}
#vakgebieden {
	width: 585px;
	float: right;
	overflow: hidden;
}
#vakgebieden ul {
	padding: 4px 10px 0px 10px;
}
#vakgebieden li {
	width: 38px;
	height: 38px;
	float: left;
	overflow: hidden;
	margin-right: 47px;
}
#vakgebieden #onderhoudstechnici {
	background: transparent url(../img/onderhoudstechnici.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;	
}
#vakgebieden #elektromonteurs {
	background: transparent url(../img/electromonteurs.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #assemblagemonteurs {
	background: transparent url(../img/assemblagemonteurs.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #lassers {
	background: transparent url(../img/lassers.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #technisch-operators {
	background: transparent url(../img/technisch-operators.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #metaalbewerkers {
	background: transparent url(../img/metaalbewerkers.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #verspaners {
	background: transparent url(../img/verspaners.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;
}
#vakgebieden .lastitem {
	margin-right:0px;
}

.clear {
	clear:both;
}