@charset "utf-8";
/* CSS Document */

html, body	{ margin: 0; }
*	{ font-family: Arial, Helvetica, sans-serif; }
a img	{ border: 0; }

.container	{ width: 980px; margin: auto; }

/* HEADER */
#header		{ height: 95px; background: url(../images/bg-header.jpg) no-repeat; }
#header img	{ padding: 18px 0; }

/* MENU */
#menu		{ height: 50px; background: #000; }
#menu ul	{ margin: 0 10px; padding: 0; list-style: none; float: left; }
#menu li	{ float: left; }
#menu li a	{ display: block; color: #FFF; text-decoration: none; font-size: 13px; padding: 17px 8px; background: url(../images/menu-spacer.gif) no-repeat right bottom; }
#menu a:hover, #menu a.active	{ color: #236a9f; }

#options	{ float: right; }

#options a		{ width: 32px; height: 17px; float: left; margin: 17px 3px; }
#options a span	{ display: none; }
a.nl		{ background: url(../images/flag-nl-grey.gif) no-repeat; }
a.en		{ background: url(../images/flag-en-grey.gif) no-repeat; }
a.de		{ background: url(../images/flag-de-grey.gif) no-repeat; }
a.fr		{ background: url(../images/flag-fr-grey.gif) no-repeat; }
a.nl:hover, a.nl_active		{ background: url(../images/flag-nl.gif) no-repeat; }
a.en:hover, a.en_active		{ background: url(../images/flag-en.gif) no-repeat; }
a.de:hover, a.de_active		{ background: url(../images/flag-de.gif) no-repeat; }
a.fr:hover, a.fr_active		{ background: url(../images/flag-fr.gif) no-repeat; }
#options form	{ float: left; margin: 13px 10px; }
#options input			{ font-size: 11px; width: 100px; }
#options input.button	{ font-size: 11px; width: auto; }

/* crumble */
p.crumble		{ font-size: 12px; margin: 3px 0; line-height: 14px; }
p.crumble a		{ color: #000; text-decoration: none; }
p.crumble a:hover	{ color: #2776ae; }

/* CONTENT */
#content	{ margin: 0 0 20px 0; }
div.right	{ float: left; }

/* lists */
ul.category, ul.teaser, ul.cases, ul.archive {
	padding: 0;
	list-style: none;
}

ul.category			{ border-top: 1px solid #2776ae; margin: 0 12px 0 0; }
ul.category li		{ border-bottom: 1px solid #2776ae; }
ul.category a		{ display: block; color: #2776ae; text-decoration: none; padding: 23px 0 23px 90px; background-repeat: no-repeat; background-position: 25px 9px; }
ul.category a:hover, ul.category a.active	{ color: #000; background-repeat: no-repeat; background-position: 25px 9px; }

a.offshore		{ background: url(../images/icon-offshore.gif); }
a.dredging		{ background: url(../images/icon-dredging.gif); }
a.aviation		{ background: url(../images/icon-aviation.gif); }
a.industry		{ background: url(../images/icon-industry.gif); }
a.civil			{ background: url(../images/icon-civil.gif); }

a.offshore:hover, a.offshore.active		{ background: url(../images/icon-offshore-hover.gif); }
a.dredging:hover, a.dredging.active		{ background: url(../images/icon-dredging-hover.gif); }
a.aviation:hover, a.aviation.active		{ background: url(../images/icon-aviation-hover.gif); }
a.industry:hover, a.industry.active		{ background: url(../images/icon-industry-hover.gif); }
a.civil:hover, a.civil.active			{ background: url(../images/icon-civil-hover.gif); }

ul.teaser				{ color: #2776ae; margin: 0; }
.teaser li.title	{ font-size: 18px; border: 0; padding: 21px 0 10px; font-weight: bold; }
.teaser li			{ border-top: 1px solid #2776ae; padding: 10px 0; }
.teaser .date		{ font-size: 11px; margin: 0; line-height: normal; }
.teaser p.title		{ margin: 0; font-size: 14px; font-weight: bold; line-height: normal; }
.teaser p.title	a.link	{ font-size: 14px; text-align: left;}
.teaser p.text		{ margin: 0; font-size: 11px; line-height: normal; }
.teaser a.link		{ margin: 0; font-size: 11px; color: #2776ae; text-decoration: none; font-weight: bold; display: block; text-align: right; }
.teaser a.link:hover		{ color: #000; }

.cases a		{ color: #000; text-decoration: none; font-size: 12px; }
.cases li		{ margin: 0 0 25px 0; }
.cases span		{ display: block; font-size: 14px; color: #2776ae; font-weight: bold; }
.cases a:hover span		{ color: #000000; }

.archive a		{ color: #000; text-decoration: none; font-size: 11px; }
.archive li		{ margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #000; }
.archive span		{ display: block; font-size: 12px; color: #2776ae; font-weight: bold; }
.archive a:hover span		{ color: #000000; }

.grid_5 a.imglink img		{ margin: 40px 10px 10px; }
a.imglink 			{ display: block; color: #000000; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
a:hover.imglink 	{ color: #2776ae; }

/* text */
h1		{ font-size: 18px; color: #2776ae; margin: 20px 0; }
#intro h1	{ line-height: 12px; }
.nieuwsitem h2, .vacature h2	{ font-size: 18px; color: #2776ae; margin: 20px 0; }
h2		{ font-size: 14px; color: #000; margin: 10px 0 0; }
h3		{ font-size: 14px; color: #000; margin: 10px 0 0; }
p, li, #flashcontent, input, textarea	{ font-size: 12px; line-height: 20px; }
p		{ margin: 0 0 20px; }
p a, li a, #flashcontent a		{ color: #2776ae; cursor: pointer; }
p a:hover, li a:hover, #flashcontent a:hover		{ color: #000; }
big p	{ font-size: 14px; line-height: 20px; margin: 20px 0; }
small p	{ font-size: 10px; line-height: 20px; margin: 20px 0; }

img.left	{ float: left; margin: 0 10px 10px 0; }
img.right	{ float: right; margin: 0 0 10px 10px; }

#map	{ height: 331px; background: #255e8d; }
#visual	{ height: 175px; background: url(../images/image-visual.jpg) #255e8d; }
#visual img	{ margin: 40px 0 0 40px; }
#intro	{ background: #000; padding: 25px; margin: 0 0 20px 0; }

#intro img.left	{ margin: 0 25px 0 0; }
#intro h1		{ margin: 0 0 20px; }
#intro p		{ color: #FFF; margin: 0; }

/* PROJECTEN */
.projects		{ margin: 0; padding: 0; list-style: none; }
li.project		{ background: #000; color: #FFF; padding: 10px; display: none; }
li.project h1	{ margin: 0 0 20px 20px; }
li.project p	{ font-weight: normal; color: #FFF; margin: 0 20px 20px; }
li.project ul	{ margin: 20px 0; } 
li.project img	{ float: left; margin: 0 20px 20px 20px; }
li.first		{ display: block; }
li.first p		{ margin: 0 20px 20px; }

#slideshow		{ width: 225px; height: 150px; float: right; margin: 5px 0 10px 10px; }
ul.list			{ margin: 0; padding: 0; list-style: none; }

/* zoeken */
.searchresult	{ padding: 4px 0 0; margin: 0 0 5px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.searchresult h2 a	{ color: #000; text-decoration: none; }
/* form */
fieldset, form	{ margin: 0; padding: 0; border: none; }
input.text, textarea		{ border: 1px solid #c3c3c3; background: url(../images/bg-input.gif) repeat-x top #FFF; }
textarea		{ width: 380px; }

label			{ display: block; }
label.error, form label span, p.required span		{ color: #FF0000; }
p.required		{ font-size: 10px; }
form p			{ float: left; margin: 0 10px 5px 0; }
#content input	{ width: 180px; padding: 1px 2px; }

#content input#address		{ width: 300px; }
#content input#zip_code		{ width: 60px; }
#content input#email		{ width: 376px; }

#content input.button	{ width: auto; }
div.buttons				{ width: 383px; text-align: right; margin: 10px 0; }