/*http://hwsbedrijfsadviseurs.nl/source/views/layout/hws/main/css/layout/all.css*/
@import url("../../font.peercms.nl/mako.css");

@font-face {
font-family: 'judsonbold';
src: url('../source/views/layout/hws/main/css/fonts/judson-bold-webfont.eot');
src: url('../source/views/layout/hws/main/css/fonts/judson-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('../source/views/layout/hws/main/css/fonts/judson-bold-webfont.woff') format('woff'),
	url('../source/views/layout/hws/main/css/fonts/judson-bold-webfont.ttf') format('truetype'),
	url('../source/views/layout/hws/main/css/fonts/judson-bold-webfont.svg#judsonbold') format('svg');
}

@font-face {
font-family: 'judsonregular';
src: url('../source/views/layout/hws/main/css/fonts/judson-regular-webfont.eot');
src: url('../source/views/layout/hws/main/css/fonts/judson-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('../source/views/layout/hws/main/css/fonts/judson-regular-webfont.woff') format('woff'),
	url('../source/views/layout/hws/main/css/fonts/judson-regular-webfont.ttf') format('truetype'),
	url('../source/views/layout/hws/main/css/fonts/judson-regular-webfont.svg#judsonregular') format('svg');
}
* {font-size: 100.01%;}
html {font-size: 62.5%;}
html,body {
	height:100%;
}
body{
	margin:0;
	font:1.2em/1.250em "mako", sans-serif;
	color:#78797a;
	min-width:1003px;
}
img{border:0;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}
input, textarea, select{
	font:100% "mako", sans-serif;
	vertical-align:middle;
	color:#333;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure {
	margin:0;
	padding:0;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.wrapper{
	width:100%;
	min-height:100%;
	overflow:hidden;
	position:relative;
}
.wrapper .w1{width:100%;}
.wrapper .w2{
	left:50%;
	width:896px;
	position:relative;
}
.wrapper .w3{
	left:-50%;
	width:896px;
	position:relative;
	padding:0 0 9999px;
	margin:0 0 -9999px;
}
#header {
	width:100%;
	padding:0 0 23px;
	position:relative;
	z-index:100;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
#header .logo {
	float:right;
	background: url(../source/views/layout/hws/main/css/images/logo.png) no-repeat;
	width: 249px;
	height: 130px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 -87px 0 0;
}
#header .logo a {
	display:block;
	height:100%;
}
#nav {
	float:left;
	margin:73px 0 0;
}
#nav > ul {
	list-style:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font:15px/18px "judsonbold";
}
#nav > ul > li {
	float:left;
	position:relative;
	margin:0 6px 0 0;
}
#nav > ul > li > a {
	float:left;
	padding:23px 5px;
	min-width:53px;
	text-align:center;
	color:#696c71;
	height:17px;
}
#nav > ul > li > a:hover,
#nav > ul > li.active > a,
#nav > ul > li:hover > a {
	text-decoration:none;
	color:#fff;
	background:#27588d;
}
#nav > ul ul {
	list-style:none;
	margin:0;
	padding:19px 8px 11px;
	position:absolute;
	left:0;
	top:63px;
	background:#fff;
	font:0.923em/1.333em "mako";
	display:none;
}
#nav > ul > li:hover ul {display:block;}
#nav > ul ul li {
	background: url(../source/views/layout/hws/main/css/images/bullet01.png) no-repeat 0 7px;
	padding:0 0 3px 8px;
}
#nav > ul ul a {
	text-transform:uppercase;
	color:#27588d;
}
#main {
	padding:0 0 154px;
}
.promo  {
	position:relative;
	margin:0 0 63px;
	height:291px;
}
.promo div {
	position:absolute;
	top:0px;
}

.promo img {
	display:block;
}
.promo blockquote {
	position:absolute;
	top:28px;
	left:26px;
	padding:0 0 0 25px;
	width:363px;
	margin:0;
}
.promo blockquote q {
	display:block;
	color:#27588d;
	font: 3.167em/0.895em "judsonbold";
	text-indent:-25px;
}
.promo blockquote cite {
	display:block;
	text-align:right;
	font:1em "judsonregular";
	color:#696c71;
}
.promo .decor {
	background: url(../source/views/layout/hws/main/css/images/sprite.png) no-repeat;
	width: 109px;
	height: 102px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:227px;
	left:-64px;
	z-index:3;
}
.twocolumns {
	width:100%;
	overflow:hidden;
}
#content {
	float:left;
	width:390px;
	text-align:justify;
	padding-left:46px;
}

#content,
#content a {
	color:#333;
}

#content a {
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}
#main h1 {
	margin:0 0 14px;
	text-transform:uppercase;
	font-size:1em;
	font-weight:normal;
}
#main p {margin:0 0 12px;}
#content .contact-form {
	width:333px;
	padding:15px 0 0;
}
#content .contact-form .row {
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
#content .contact-form label {
	float:left;
	width:100px;
	margin:4px 4px 0 0;
	color:#333;
}
#content .contact-form input[type="text"],
#content .contact-form textarea {
	float:left;
	background:#fff;
	border:1px solid #696c71;
	width:209px;
	padding:4px 9px 4px;
	margin:0;
	outline:none;
}
#content .error {
	color:#27588D;
}

#content .contact-form input[type=checkbox] {
	margin-top:1px;
	width:19px;
	height:19px;
	cursor:pointer;
}

#content .contact-form .checkbox {
	margin-top:-17px;
	width:17px;
	height:17px;
	border:1px solid #696C71;
	background:white;
	cursor:pointer;
}

#content .contact-form .checkbox.checked {
	background:#27588D;
}

#content .contact-form .field {
	float:left;
	background:#fff;
	width:229px;
	height:27px;
	margin:0;
	outline:none;
	overflow:hidden;
}

#content .contact-form textarea {
	width:207px !important;
	height:164px;
	min-height:164px;
	overflow:auto;
}
#content .contact-form input[type="text"].small {
	width:125px;
	border-right:0;
}

#content .contact-form .field.upload {
	background:url(../source/views/layout/hws/main/css/images/browse.png) no-repeat;
	background-color: white;
	background-position: right 1px;
}

#content .contact-form .field .text {
	border:1px solid #696c71;
	padding:4px 10px 6px;
	width:207px;
	
}

#content .contact-form .field .select {
	border:1px solid #696c71;
	padding:4px 10px 6px;
	width:207px;
}

#content .contact-form .check {
	float:right;
	background:#27588d;
	font:13px/16px "judsonbold";
	color:#fff;
	padding:6px 12px 4px;
	height:16px;
}
#content .contact-form  input[type="submit"] {
	float:right;
	background:#27588d;
	font:13px/20px "judsonbold";
	color:#fff;
	border:0;
	height:25px;
	padding:2px 4px 0;
	cursor:pointer;
	width:85px;
}
#content .contact-form  input[type="submit"]:hover {
	cursor:pointer;
	text-decoration:underline;
}
#sidebar {
	float:right;
	width:406px;
}
#sidebar .menu {
	list-style:none;
	margin:0;
	padding:0;
	font:18px/20px "judsonbold";
}
#sidebar .menu li {
	
}

#sidebar .menu li .gradiant {
	display:table;
	height:44px;
	width:340px;
	padding:6px 33px 0;
	background:url(../source/views/layout/hws/main/css/images/gradient.png);
}


#sidebar .menu li a {
	display:table-cell;
	vertical-align:middle;
	color:#27588d;
}
#footer {
	width:100%;
	overflow:hidden;
	margin:-119px 0 0;
	position:relative;
	z-index:999;
	min-width:1003px;
}
#footer .frame {
	width:900px;
	margin:0 auto;
}
#footer .holder {
	background: url(../source/views/layout/hws/main/css/images/sprite.png) no-repeat 100% 100%;
	margin:0 -67px 0 0;
	position:relative;
	padding:0 86px 0 0;
	width:877px;
}
#footer .contact-box {
	text-align:right;
	color:#27588d;
	padding:13px 11px 0 0;
	margin:0 0 10px;
	line-height:14px;
}
#footer address {
	font-style:normal;
}
#footer address span {
	display:block;
}
#footer .contact {
	list-style:none;
	margin:0;
	padding:0;
}
#footer .contact a {color:#27588d;}
#footer .bar {
	background:#696c71;
	color:#fff;
	padding:9px 43px;
	font-size:0.750em;
	line-height:1.222em;
}
#footer .bar p {margin:0;}
#footer .bar ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
#footer .bar ul:after {
	content:"";
	display:block;
	clear:both;
}
#footer .bar ul li {
	float:left;
	margin:0 2px 0 0;
}
#footer .bar ul a {color:#fff;}
#footer .bar ul img {
	display:inline-block;
	vertical-align:top;
	margin:-7px 0 0 5px;
}