/* Import other stylesheets for media: screen */
@import url("layout.css");

@import url("menu.css");

@import url("sIFR-screen.css");

/* Classes and styles */
html {
	height: 100%;
}

body {
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	background-color: #004f8e;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: black;
	margin: 0px;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial;
}

h1 {
	color: #005191;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 24px;
}

h2 {
	margin-bottom: 12px;
}

h2, h3, h4 {
	color: #004f8e;
	font-size: 12px;
	font-weight: bold;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.noMarginBottom {
	margin-bottom: 0px !important;
}

.png,div#topmenuBackground,div.projectOverviewBackground, #lightboxContentBackground {
	_behavior: url("http://www.werkenbijvandenpol.nl/vandenpol/css/iepngfix.htc");
}

.floatLeft {
	float: left;
}

img.hr {
	margin-bottom: 10px;
}

a:hover {
	text-decoration: underline;
}

a.selected {
	color: red;
}

.noDisplay {
	display: none;
	font-size: 0;
	line-height: 0;
}

.floatLeft {
	float: left;
}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
	color: #666666;
}

/* Fonts and such */
.titleBig {
	color: #005191;
	font-weight: bold;
	font-size: 24px;
	padding-top: 1px;
	margin-bottom: 24px;
	line-height: 28px;
}

.intro {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 18px;
}

/* Container and stuff */
div#container {
	position: relative;
	width: 985px;
	height: 100%;
	margin: 0px auto;
}

div#topspacer {
	position: relative;
	height: 35px;
}

div#quicknav {
	position: absolute;
	top: 8px;
	left: 470px;
}

select#selectQuicknav {
	border: 1px solid #2f4b61;
	padding-left: 5px;
	width: 210px;
	color: #8094a3;
	background-color: #002847;
}

div#search {
	position: absolute;
	top: 8px;
	left: 710px;
}

input#textboxSearch {
	float: left;
	border: 1px solid #2f4b61;
	color: #8094a3;
	background-color: #002847;
	padding-left: 5px;
	width: 202px;
	margin-right: 5px;
}

input#searchSubmit {
	float: left;
}

div#subcontainer {
	position: relative;
	background-image: url(../images/subcontainer_bg_repeating.gif);
	background-repeat: repeat-y;
	width: 982px;
}

div#subcontainerContent {
	_height: 500px;
	min-height: 500px;
	background-image: url(../images/subcontainer_bg_top.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 35px;
	padding-left: 11px;
}

div#containerFooter {
	background-image: url(../images/subcontainer_bg_bottom.gif);
	background-repeat: no-repeat;
	height: 56px;
}

a {
	color: #004d8a;
	text-decoration: none;
}

/* Topmenu */
div#topmenuBackground {
	position: absolute;
	top: 35px;
	left: 11px;
	/* left: 12px; */ /* Only for IE <= 7 */
	height: 45px;
	width: 960px;
	background-image: url(../images/topmenu_bg.png);
	background-repeat: no-repeat;
}

div#topmenu {
	position: absolute;
	top: 35px;
	left: 243px;
	z-index: 5000;
}

ul#topmenuUL {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#topmenuUL strong {
	display: none;
}

ul#topmenuUL li.topmenuLI {
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
	width: 258px;
	height: 35px;
	background-repeat: no-repeat;
	z-index: 5000;
}

ul#topmenuUL li.topmenuLI:hover {
	background-image: url(../images/nav_shadow.gif);
	background-color: #ffd30c;
	z-index: 6000 !important;
	position: absolute;
}

a.topmenuLink {
	display: block;
	width: 258px;
	height: 35px;
	background-repeat: no-repeat;
}

a.topmenuLink:hover,a.topmenuLink.active,a.topmenuLink.over {
	background-position: 0px -35px;
}

a#topmenu1Link {
	background-image: url(../images/nav_projecten.gif);
}

a#topmenu2Link {
	background-image: url(../images/nav_branches.gif);
}

a#topmenu3Link {
	background-image: url(../images/nav_over_ons.gif);
	width: 249px;
}

li#topmenu1 {
	top: 0px;
	left: 0px;
}

li#topmenu2 {
	top: 0px;
	left: 240px;
}

li#topmenu3 {
	top: 0px;
	left: 480px;
	width: 249px !important;
}

ul.submenu {
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.submenu li {
	width: 240px;
	height: 25px;
	margin: 0px;
	padding: 0px 9px;
	list-style-type: none;
	background-image: url(../images/nav_sub_bg_shadow.png);
}

li#topmenu3 ul.submenu li {
	width: 249px !important;
	padding: 0px 0px 0px 9px;
}

ul.submenu li.first {
	height: 26px;
}

ul.submenu li a:hover {
	background-position: 0px -25px;
}

ul.submenu li.first a:hover {
	background-position: 0px -26px;
}

ul.submenu li.bottom {
	background-image: url(../images/nav_sub_bottom.png);
	height: 17px;
	background-repeat: no-repeat;
	background-position: top center;
}

ul.submenu li strong {
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

ul li.topmenuLI:hover ul.submenu,ul li.topmenuLI.over ul.submenu {
	display: block;
}

/* Submenu 2 */
ul.submenu li a {
	display: block;
	width: 240px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

ul.submenu li.first a {
	height: 26px !important;
}

a#submenu2_1 {
	background-image: url(../images/nav_sub_utiliteitsbouw.png);
}

a#submenu2_2 {
	background-image: url(../images/nav_sub_beveiliging_ict.png);
}

a#submenu2_3 {
	background-image: url(../images/nav_sub_gebouwbeheer.png);
}

a#submenu2_4 {
	background-image: url(../images/nav_sub_industriele_automatisering.png);
	;
}

a#submenu2_5 {
	background-image: url(../images/nav_sub_retail.png);
}

a#submenu2_6 {
	background-image: url(../images/nav_sub_woningbouw.png);
}

/* Submenu 3 */
a#submenu3_1 {
	background-image: url(../images/nav_sub_de_mensen.png);
}

a#submenu3_2 {
	background-image: url(../images/nav_sub_het_bedrijf.png);
}

a#submenu3_3 {
	background-image: url(../images/nav_sub_contact.png);
}

a#submenu3_4 {
	background-image: url(../images/nav_sub_partners.png);
}

a#submenu3_5 {
	background-image: url(../images/nav_sub_lean_duurzaam.png);
}

/* Left menu */
#menuLeft strong {
	display: none;
}

#menuLeft ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#menuLeft ul li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

#menuLeft ul li a {
	display: block;
	width: 240px;
	height: 36px;
	padding: 0px;
	margin: 0px;
}

#menuLeft ul li a.mainItem:hover {
	background-position: 0px -36px;
}

#menuLeft ul li a.mainItem.active {
	background-position: 0px -72px;
}

li#utiliteitsbouw a {
	background-image: url(../images/menu_left_utiliteitsbouw.gif);
	background-repeat: no-repeat;
}

li#beveiliging a {
	background-image: url(../images/menu_left_beveiliging_ict.gif);
	background-repeat: no-repeat;
}

li#gebouwenbeheer a {
	background-image: url(../images/menu_left_gebouwbeheer.gif);
	background-repeat: no-repeat;
}

li#vormgeving a {
	background-image:
		url(../images/menu_left_industriele_automatisering.gif);
	background-repeat: no-repeat;
}

li#retail a {
	background-image: url(../images/menu_left_retail.gif);
	background-repeat: no-repeat;
}

li#woningbouw a {
	background-image: url(../images/menu_left_woningbouw.gif);
	background-repeat: no-repeat;
}

/* Submenu */
div#menuLeft ul li ul {
	/*display: none;*/
}

div#menuLeft ul li.active ul {
	display: block;
}

div#menuLeft ul li ul li {
	padding-left: 30px;
}

div#menuLeft ul li ul li a {
	display: block;
	width: 210px;
	height: 24px;
	background-repeat: no-repeat;
}

div#menuLeft ul li ul li a:hover {
	background-position: 0px -48px;
}

div#menuLeft ul li ul li a.active {
	background-position: 0px -24px;
}

div#menuLeft ul li ul li a.item1 {
	background-image: url(../images/menu_left_sub_diensten.gif);
}

div#menuLeft ul li ul li a.item2 {
	background-image: url(../images/menu_left_sub_projecten.gif);
}

div#menuLeft ul li ul li a.item3 {
	background-image: url(../images/menu_left_sub_partners.gif);
}

div#menuLeft ul li ul li a.item4 {
	background-image: url(../images/menu_left_sub_contact.gif);
}

/* HOME */
div#homeLogo {
	position: absolute;
	top: 5px;
	left: 35px;
}

div#homeContent {
	position: relative;
	padding-top: 30px;
}

div#homeLeft {
	float: left;
	width: 240px;
}

div#homeRight {
	float: left;
	width: 720px;
}

div#homeRight #content {
	padding-right: 62px;
}

div#homeFlash {
	height: 230px;
}

/* Footer */
div#footer {
	position: relative;
	padding: 0px 10px 6px 10px;
	color: #666666;
}

div#footer a {
	color: #666666;
}

div#footerLeft {
	float: left;
	padding-left: 14px;
}

div#footerRight {
	float: right;
	text-align: right;
	font-size: 11px;
}

/* Footermenu */
div#footermenu {
	position: relative;
}

ul#footermenu {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#footermenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
}

/* Attentionblocks */
#attentionBlocks {
	margin-top: 18px;
}

div#content div#attentionBlocks {
	padding-left: 240px;
}

#attentionBlocks.content {
	margin-top: 36px;
	margin-bottom: 46px;
}

.attentionBlock {
	float: left;
	text-align: center;
	width: 240px;
	color: #528cbb;
	font-size: 12px;
	font-weight: bold;
	padding-top: 18px;
	background-color: #004f8e;
	padding-bottom: 6px;
}

#attentionBlocks.content .attentionBlock {
	padding-top: 8px;
}

.attentionBlock a {
	color: #528cbb;
}

.attentionBlock a.attentionBlockLink {
	display: block;
	margin-bottom: 4px;
}

/* Content */
div#logo {
	position: absolute;
	top: 0px;
	left: 31px;
}

div#slogan {
	background-image: url(../images/slogan.jpg);
	width: 960px;
	height: 50px;
	background-repeat: no-repeat;
}

div#breadcrumb {
	font-size: 11px;
	padding-top: 8px;
	margin-bottom: 26px;
	padding-left: 242px;
}
/*
div#breadcrumb ul {
	padding: 0px;
	margin: 0px;
}

div#breadcrumb ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}*/

div#contentLeft {
	float: left;
	width: 240px;
}

div#contentRight {
	float: left;
	width: 720px;
}

div#column1 {
	float: left;
	width: 480px;
	padding-right: 30px;
}

div#column2 {
	float: left;
	width: 180px;
	padding-right: 30px;
	padding-top: 43px;
}

div#column2 a {
	display: inline !important;
}

div#content div.intro {
	padding-right: 30px;
}

div.text {
	padding-right: 30px;
}

div#yellowBlock {
	height: 70px;
	background-color: #ffd30c;
	margin-top: 14px;
	width: 210px;
}

/* Project overview */
div.projectOverview {
	position: relative;
}

div.projectOverviewRow {
	position: relative;
	height: 140px;
	margin-bottom: 20px;
}

div.projectOverviewTextExpanded {
	display: none;
	width: 150px;
}

div.projectOverviewBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/projectoverview_bg.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 140px;
}

div.projectOverviewContent {
	position: absolute;
	top: 18px;
	left: 6px;
	text-align: center;
	line-height: 14px;
}

div.projectOverviewRow a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none !important;
}

div.projectOverviewButton {
	position: absolute;
	top: 77px;
	left: 127px;
	width: 21px;
	height: 21px;
	background-image: url(../images/btn_plus.gif);
	background-repeat: no-repeat;
}

div.projectOverviewLogo {
	_display: none !important;
	position: absolute;
	top: 110px;
	left: 118px;
}

div.projectOverviewLogo img {
	border: none;
	cursor: pointer;
}

.projectOverviewContent img {
	border: 1px solid #004f8e;
}

/* on hover */
div.projectOverviewRow:hover { /*z-index: 1000;*/
	background-color: white;
}

a.project:hover {
	width: 195px;
	height: 229px;
}

a.project:hover .projectOverviewBackground {
	position: absolute;
	top: -4px;
	_top: -7px;
	left: -17px;
	background-image: url(../images/projectoverview_bg_expanded.png);
	_background-image: url(../images/projectoverview_bg_expanded.gif);
	background-repeat: no-repeat;
	width: 195px;
	height: 229px;
}

a.project:hover .projectOverviewTextExpanded {
	display: block;
}

a.project:hover .projectOverviewLogo {
	display: block;
	_display: none;
}

a.project:hover .projectOverviewButton {
	background-image: url(../images/btn_next.gif);
}

a.project:hover .projectOverviewContent {
	text-align: left;
	color: #004f8e;
	line-height: 20px;
}

a.project:hover .projectOverviewText {
	color: #000000;
	margin-top: 14px;
}

/* positioning elements */
a.projectOverview_1 {
	display: block;
	position: absolute;
	width: 161px;
	height: 140px;
	top: 0px;
	left: 0px;
}

a.projectOverview_2 {
	display: block;
	position: absolute;
	width: 161px;
	height: 140px;
	top: 0px;
	left: 181px;
}

a.projectOverview_3 {
	display: block;
	position: absolute;
	width: 161px;
	height: 140px;
	top: 0px;
	left: 362px;
}

a.projectOverview_4 {
	display: block;
	position: absolute;
	width: 161px;
	height: 140px;
	top: 0px;
	left: 543px;
}

/* content */
div#moreText {
	display: none;
}

div.rightTitle {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}

/* Newsitem */
span.newsDate {
	color: #004f8e;
	font-size: 9px;
}

div.newsDate {
	margin-bottom: 8px;
	font-size: 10px;
}

div.newsitemRight {
	margin-bottom: 15px;
}

.newsitemRight a {
	display: inline !important;
}
	
div.newsitemRight div.title {
	font-weight: bold;
	color: #004f8e;
	
}

div#downloadArticle {
	width: 100%;
	text-align: right;
}

/* Projectoverview on Branche-page */
#brancheProjectOverview {
	margin-top: 32px;
	color: #004f8e;
	font-weight: bold;
	line-height: 22px;
}

div#brancheProjectOverviewColumn1 {
	position: relative;
	float: left;
	width: 360px;
	
}

form#frmSort {
	margin-bottom: 41px;
}

select.sortProjectOverview {
	background-color: #f6f6f6;
	border: 1px solid #e1e1e2;
	width: 242px;
	color: #004f8e;
	font-weight: bold;
}

div#brancheProjectOverviewColumn1 #moreButton {
	text-align: center;
}

div#brancheProjectOverviewColumn2 {
	position: relative;
	float: left;
	width: 343px;
	padding-top: 10px;
}

a#projectOfTheMonth {
	display: block;
	position: relative;
	background-color: #ffd30c;
	width: 343px;
	color: #004f8e;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none !important;
}

a#projectOfTheMonth strong {
	color: #000000;
}


div#projectOfTheMonthTop {
	height: 55px;
	background-image: url(../images/projectofthemonth_top_bg.gif);
	background-repeat: no-repeat;
}

div#projectOfTheMonthImage {
	position: relative;
	text-align: center;
	width: 343px;
	height: 220px;
}

div#projectOfTheMonthImage div#btnNext {
	position: absolute;
	bottom: 1px;
	right: 5px;
	background-image: url(../images/btn_next.gif);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}

div#projectOfTheMonthImage img {
	border: 1px solid #0d5687;
}


div#projectOfTheMonthText {
	padding: 6px 10px 14px 16px;
	height: 81px;
}

/* Lightbox */
#lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}

#lightboxBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
	width: 100%;
	height: 100%;
}

#lightboxContent {
	position: absolute;
	top: 50px;
	left: -386px;
	display: block;
	width: 772px;
	height: 542px;
	color: white;
	margin-left: 50%;
}

#lightboxContentBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/lightbox_bg.png);
	width: 772px;
	height: 542px;
}

#lightboxContentImageContainer {
	position: absolute;
	top: 56px;
	left: 76px;
	width: 620px;
	height: 415px;
	text-align: center;
}

a#lightboxImagePrevious {
	display: block;
	position: absolute;
	top: 255px;
	left: 25px;	
	width: 38px;
	height: 41px;
	background-image: url(../images/btn_previous_large.gif);
	background-repeat: no-repeat;
}

a#lightboxImageNext {
	display: block;
	position: absolute;
	top: 255px;
	left: 709px;	
	width: 38px;
	height: 41px;
	background-image: url(../images/btn_next_large.gif);
	background-repeat: no-repeat;
}

a#lightboxImageClose {
	display: block;
	position: absolute;
	top: 16px;
	left: 731px;	
	width: 20px;
	height: 21px;
	background-image: url(../images/btn_close.gif);
	background-repeat: no-repeat;
}

#lightboxTitle {
	position: absolute;
	top: 26px;
	left: 11px;
	width: 750px;
	text-align: center;
	font-weight: bold;
}

#lightboxDescription {
	position: absolute;
	top: 488px;
	left: 11px;
	width: 750px;
	text-align: center;
	font-weight: bold;
}

/* Project right include template */
#projectLogo {
	margin-bottom: 26px;
	text-align: center;
}

#factsheet {
	width: 195px;
	background-image: url(../images/factsheet_bg.gif);
	background-repeat: repeat-y;
}

#factsheetTop {
	width: 155px;
	background-image: url(../images/factsheet_bg_top.gif);
	background-repeat: no-repeat;
	min-height: 70px;
	_height: 70px;
	padding: 48px 20px 0px;;
}


#factsheetTop {
	font-weight: bold;
	color: #000000;
}

#factsheetTop strong {
	color: #004f8e;
	font-weight: normal;
	font-size: 10px;
}

#factsheetBottom {
	width: 195px;
	height: 21px;
	background-image: url(../images/factsheet_bg_bottom.gif);
	background-repeat: no-repeat;
}

/* Contactform */
form#contactform {
	color: #004f8e;
}

form#contactform label {
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
	color: #004f8e;
	padding-top: 4px;
}

form#contactform .formRow {
	margin-bottom: 12px;
}

form#contactform .formRow input, form#contactform .formRow textarea {
	float: left;
}

form#contactform .gradient {
	border: 1px solid #e1e1e1;
	height: 18px;
	background-color: #f6f6f6;
	background-repeat: repeat-x;
	width: 322px;
	*width: 358px;
	color: #767165;
	font-family: Arial;
}

form#contactform textarea {
	height: 109px !important;
	font-size: 12px !important;
}

div.floatLeft {
	float: left;
}

div.floatRight {
	float: right;
}

label.error {
	color: #FF0000 !important;
}

.footerInfoLeft {
	float: left;
	font-size: 10px;
	margin-right: 183px;
	padding-left: 85px;
	*padding-left: 125px;
}

.footerInfoRight {
	float: left;
}

/* Googlemaps */
div.googlemap {
	width: 180px;
	height: 150px;
	border: 1px solid #004f8e;
}

div.googlemap span {
	display: none;
}

/* SEARCH RESULTS */
.saerchSelected{
	font-weight: bold;
}	

div#searchResultTop{
	line-height: 18px;
}	

div.searchResult{
	margin: 10px 0 10px 0;	
}

div.searchResult img{
	float: left;
	margin-right: 10px;
}

div.searchResultText{
	padding-top: 5px;
}

div.searchResultText a{
	font-weight: bold;
}

div.searchResultPages {
	margin: 10px 0 10px 0;	
}	

div.searchResultPages a{
	display: block;
	margin-right: 10px;
	float: left;
}