html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html 
{
	height: 100%;
	overflow-y: scroll;
}
body
{
	background: #FFF url(  "/Content/Images/layout/navigation_bg.png" ) repeat-x left top;
	height: 100%;
	font-family: "Verdana", "Tahoma" , "Arial";
	font-size: 12px;
	
}

@font-face {
	font-family: 'FrutigerLT75BlackRegular';
	src: url('../fonts/Frutiger_LT_75_Black.eot');
	src: local('Frutiger LT 75 Black Regular'), 
		 local('FrutigerLT-Black'), 
		 url('../fonts/Frutiger_LT_75_Black.woff') format('woff'),
		 url('../fonts/Frutiger_LT_75_Black.ttf') format('truetype'),
		 url('../fonts/Frutiger_LT_75_Black.svg#FrutigerLT-Black') format('svg');
}

ul { list-style-type: disc; }

h1
{
	font-family: "FrutigerLT75BlackRegular", "Century Gothic", "Tahoma";
	font-size: 17px;
	text-transform: uppercase;
}

h2
{
	font-family: "Century Gothic", "Tahoma";
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #f37234;
	padding-bottom: 10px;
}

p.paragraphTitle.first
{
	border-top:1px solid black;
	padding-top:12px;
}

p.paragraphTitle
{
	font-family: "FrutigerLT75BlackRegular", "Century Gothic", "Tahoma";
	padding-top:14px;
	color:#000;
	font-size:16px;
	text-transform: uppercase;
	padding-bottom:10px;
}

p.paragraphSubTitle
{
	color:#f37234;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}
div.paragraphText
{
	letter-spacing:0.75px;
	line-height:18px;
	margin-top:10px;
}
div.paragraphText ul
{
	margin-left:20px;
}
#container
{
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;	
}


#header
{
	background: url(  "/Content/Images/layout/header_bg.png" ) repeat-x left top;
	height: 79px;
}
#logo
{
	background: url(  "/Content/Images/layout/logo.png" ) no-repeat;
	background-position: 61px 18px;
	float: left;
	width: 270px;
	height: 63px;
}
#address
{
	color: #68798c;
	font-size: 11px;
	padding: 17px 61px 0px 0px;
	float: right;
}
.navigation
{
	padding: 0px 47px 0px 42px;
	margin:0 auto;
	width:900px;
	height:40px;
}
.navigation.home
{
	height: 42px;
}

#contentContainer 
{
	letter-spacing:0.75px;
	line-height: 18px;
	width:1000px;
}
#slogan
{
	font-size: 9px; /* check de padding van .navigation als je dit wijzigt */
	color: #718298;
	float: left;
	margin-top: 13px;
	text-transform: uppercase;
}

.nav
{
	font-family: "FrutigerLT75BlackRegular", "Century Gothic", "Tahoma";
	margin-top: 13px;
	float: right;
}

.nav li
{
	background: url("/Content/Images/layout/navigation_spacer.png") no-repeat scroll right -3px transparent;
	text-transform: uppercase;
	display: inline;
	padding: 0px 16px 0px 16px;
}
.nav li a
{
	color: #fff;
	text-decoration: none;
}
.nav li a.active
{
	color: #f37234;
}
.nav li a:hover
{
	color: #f37234;
	text-decoration: none;
}
li.last
{
	background: none!important;
}
.nav li.active ul { display: block; }
.nav li ul { display: none; }
.nav-sub
{
	position: absolute;
	margin-top: 19px;
}

.nav-sub li
{
	background: url(  "/Content/Images/layout/subnavigation_spacer.png" ) right top no-repeat;
	text-transform: uppercase;
	display: inline;
	padding: 0px 16px 0px 16px;
}
.nav-sub li a
{
	color: #21618c;
	color:#DED;
}
.nav-sub li a:hover
{
	color: #fff;
}
.nav-sub li a.active
{
	color: #FFF;
	text-decoration: underline;
}

#leftContent
{
	float: left;
	margin: 0px 60px 0 50px;
	width: 263px;
	padding-top: 39px;
}
#rightContent
{
	width: 577px;
	min-height: 300px;
	float: left;
	margin-top: 99px;
}
#rightContent div.fix
{
	margin-top: -60px;	
}
#contentContainer a, #contentContainer a:active, #contentContainer a:visited { color: #68aad5;	text-decoration: underline; clear:both;}
#contentContainer a:hover { text-decoration: none; }
#contentFooter
{
	margin-left: 367px;
	clear: both;
	height: 48px;
}

.push
{
	height:90px;
}
#footer
{
	height: 79px;
	background-color:#eaebeb;
	border-top:1px solid #e3e3e3;
}

#inner-footer
{
	margin:0 auto;
	width:900px;
}
#footer .nav-sub
{
	display: none;
}

#footer .nav a:hover, #footer .nav a
{
	color:#718298;
	font-size: 10px;
	
}
#footer .nav a:hover {
	text-decoration: underline;
}
#footer .nav li
{
	padding: 0px 10px;
}

#footer .nav
{
	float: none;
	padding-top:8px;

}

#footerlinks
{
	margin: 0px 41px 0px 41px;
	border-top: 1px solid #4b5664;
}
#copyright
{
	text-align: right;
	color: #68798c;
	font-size: 9px;
	margin-top:25px;
}
#copyright a, #copyright a:visited, #copyright a:active
{
	color: #68798c;
}
#copyright a:hover 
{
	color: #2b343f;
	text-decoration: none;
}
.page_paragraphs
{
	margin-top: 38px;
	margin-left: 24px;
	width: 580px;
	border-top: 1px solid #4b5664;
}

.page_paragraph
{
	border-bottom: 1px dashed #bebebe;
	padding-bottom: 10px;
	padding-top: 18px;
}



/* =============================================
	vacature.brail specific
============================================= */

.vacatureTitle.first
{
	padding-bottom: 10px;
}


/* =============================================
	contact.brail specific
============================================= */

#contactblocks
{
}

.contactblock
{
	margin: 20px 0 100px 0;
	padding: 0 39px;
	float: left;
	width: 261px;
}


