/* voor HRExperts, door ACJ, namens bruno uno studio */
* { background-color: transparent; color: inherit; font: inherit; margin: 0; outline: none; padding: 0; text-decoration: none }
a { color: #026288 }
a:hover { text-decoration: underline }
abbr, acronym { font-variant: small-caps; letter-spacing: .0625em }
b, h1 a, h2, h3, strong, th { font-weight: bold }
button, hr, input, select, textarea { background: #fff; border: 1px solid #026288 }
form { margin: 0 auto; text-align: right; width: 438px }
h1, h2, h3 { font-family: 'VAGRounded Lt', 'VAG Rounded Light', 'VAGRounded BT', 'Helvetica Rounded', 'Arial Rounded MT Bold', Verdana, Geneva, sans-serif; letter-spacing: .125em; text-transform: uppercase }
h1 { font-size: 3em; letter-spacing: .125em; line-height: 1; margin: 0; padding: 0 }
h1 span { border-left: 1px solid #fff }
h2 { color: #db0028; font-size: 18px; margin: 0; padding: 0 }
h3 { color: #026288; font-size: 12px }
hr { height: 0 }
html { background: #fff; color: #3a4154; font: normal 11px/24px Verdana, Geneva, san-serif; margin: 0; padding: 0 }
html * { scollbar-track-color: #fff }
img { max-width: 100% }
input {  }
input:focus, select:focus, textarea:focus { outline: 1px solid #026288 }
option { background: #fff }
small, sub, sup { font-size: smaller; line-height: normal }
td, th { display: table-cell; vertical-align: top }
textarea {  }
[type="checkbox"], [type="radio"] { border: none !important }
.active {  }
.button { background: #026288; color: #fff }
.verplicht { color: #db0028 }
.stretched { width: 100% }
#message, #subject { width: 100% }
#submit { font-weight: bold }
/* Layout */
#top { background: #fff; height: 600px; margin: 0 auto; position: relative; width: 1000px }
	#header { background: url('header.jpg') #fff no-repeat top right; height: 139px; position: relative }
		#logo { background: url('logo.jpg') #fff no-repeat top left; color: red !important; height: 139px; width: 328px }
		#logo a { color: #db0028 !important; display: block; height: 139px; overflow: hidden; text-indent: -1000px; width: 328px }
		#title { color: white; font-size: 18px; position: absolute; right: 0; text-align: center; top: 92px; width: 672px }
	#nav { background: url('pand1.jpg') #fff no-repeat top left; float: left; height: 461px; width: 328px }
	#nav ul { display: block; font-weight: bold; list-style: none; margin: 0 0 0 124px; padding: 0 0 0 12px }
	#nav ul li { display: block; list-style: none; margin: 0; padding: 0 }
	#nav ul li ul { font-weight: normal; margin: 0; padding: 0 }
	#content { background: #fff; height: 438px; overflow: auto; overflow-x: hidden; overflow-y: auto; padding: 0 117px; position: absolute; right: 0px; width: 438px }
	#footer { background: #026288; bottom: 0; color: #fff; position: absolute; right: 0; width: 876px }
	#footer a { color: #fff }
	#footer address { font-style: normal; padding: 0 0 0 204px }

	.page5 #content, .page10 #content { padding: 0; width: 672px }
	.page5 .column1, .column2, .column3 { position: absolute; width: 268px }
	.page5 .column1 { bottom: 8px; left: 0; top: auto }
	.page5 .column2 { bottom: 32px; right: 0; top: auto }
	.page5 .column3 { right: 36px; top: 0;width:300px; }
	.page10 .column1, .page10 .column2 { float: left; position: static; width: 268px }
	/*.page10 img { width: 268px }*/
	.page10 .column1 {  } 
	.page10 .column2 {  }
	.page10 .column3 { clear: both; position: relative; width: 438px }

.column4 { left: 0; position: absolute; top: 0; width: 304px }
.column5 { position: absolute; right: 0; top: 0; width: 304px } !important
.page10 .column5 { right:20px; }

/* Home */
.page5 #nav { background-image: url('pand1.jpg') }
/* Services */
.page8 #nav { background-image: url('pand3.jpg') }
/* Vacatures */
.page9 #nav { background-image: url('pand6.jpg') }
.page9 .column1 { bottom: auto; top: 0; left: 32px; right: auto }
.page9 .column2 { bottom: auto; top: 0; left: auto; right: 32px }
/* Contact */
.page10 #nav { background-image: url('pand4.jpg') }
/* Actueel & downloads */
.page11 #nav { background-image: url('pand2.jpg') }
/* Over HRexperts */
.page12 #nav { background-image: url('pand7.jpg') }
/* Weblog */
.page13 #nav { background-image: url('pand8.jpg') }
/* Intake */
.page15 #nav { background-image: url('pand5.jpg') }

/*debug*/* { outline: 0px solid cyan }