/* Main style CSS */

html, form
{
	height: 100%;
	margin: 0;
}

BODY, TD
{
	font-size: 10pt;
}

body
{
	padding-top: 20px;
	margin: 0;
	font-family: verdana,arial,helvetica,sans-serif;
	color: #00259B;
	overflow: auto;
}

div
{
	display: block;
}

img
{
	border: 0;
}

h1, .ms-WPBody H1
{
	margin: 10px 0 10px 0;
	font-size: 20pt !important;
	font-weight: bold;
	color: #002f86;
}

#PublishingMenu2 *
{
	z-index: 999;
}
#PublishingMenu1 *
{
	z-index: 999;
}
div.srch-results a:link
{
	color: #00259B !important;
}

#master
{
	height: 100%;
	width: 882px;
	margin: auto;
	background-color: #FFFFFF;
}

.main
{
	background: #ffffff;
	width: 882px;
	vertical-align: top;
}

#main
{
	float: left;
}

#header
{
	width: 892px;
	height: 32px;
}

.activetab
{
	font-weight:bold;
}

div.globalnavigation
{
	position: relative;
	float: left;
	width: 260px;
	height: 100%;
	background-image: url('/_layouts/images/vitens/backgroundglobalnavigation.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

div.globalnavigation a
{
	font-size: 13px;
	left: 25px;
	text-decoration: none;
	position: relative;
	bottom: -11px;
	margin-right: 25px;
	color: #00259b;
}

div.globalnavigationzakelijk
{
	position: relative;
	float: left;
	width: 260px;
	height: 100%;
	background-image: url('/_layouts/images/vitens/backgroundglobalnavigationzakelijk.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

div.globalnavigationzakelijk a
{
	font-size: 13px;
	left: 25px;
	text-decoration: none;
	position: relative;
	bottom: -11px;
	margin-right: 25px;
	color: #00259b;
}

div.globalnavigationsolutions
{
	position: relative;
	float: left;
	width: 260px;
	height: 100%;
	background-image: url('/_layouts/images/vitens/backgroundglobalnavigationsolutions.jpg');
	background-repeat: no-repeat;
	text-align: left;
}

div.globalnavigationsolutions a
{
	font-size: 13px;
	left: 25px;
	text-decoration: none;
	position: relative;
	bottom: -11px;
	margin-right: 25px;
	color: #00259b;
}

div.globalnavigationenglish
{
	width: 260px;
	float: left;
	height: 100%;
	background-image: url('/_layouts/images/vitens/bottomblueline.jpg');
	background-position: bottom right;
	background-repeat: repeat-x;
}

div.toplink
{
	height: 100%;
	width: 328px;
	background-image: url('/_layouts/images/vitens/backgroundtoplink.jpg');
	float: left;
	text-align: right;
}

div.toplink a
{
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	top: 10px;
	margin-right: 24px;
	color: #00259b;
	float: right;
}

div.toplink A img.link_image
{
	padding-right : 3px;
	}

div.toplinkgrootte
{
	margin: 8px 15px 0 0;
	position: relative;
	float: right;
	cursor: pointer;
}

div.search
{
	height: 32px;
	width: 304px;
	background-image: url('/_layouts/images/vitens/backgroundsearch.jpg');
	float: left;
}

input.search
{
	position: relative;
	float: left;
	top: 7px;
	left: 3px;
	width: 131px;
	height: 15px;
	border: 1px #00aad7 solid;
}

input.selectbox
{
	float: left;
	margin-top: 7px;
	width: 52px;
	height: 17px;
	margin-left: 5px;
	border: 0;
}

div.button input
{
	margin-top: 7px;
	margin-left: 2px;
	float: left;
	width: 17px;
	height: 19px;
	background: url(      '/_layouts/images/vitens/Search_Arrow.jpg' );
	border: 0;
}

div.search span
{
	float: left;
	width: 48px;
	height: 100%;
	font-family: verdana;
	font-size: 11px;
	padding: 10px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: right;
}

.srch-Icon
{
	margin-right:5px;
}

/*select box */



div.selectbox-wrapper
{
	z-index: 999;
	background-color: white;
	border: 1px solid #00AAD7;
	border-top: none;
	font-size: 0.8em;
	margin: 25px 0 0 56px;
	max-height: 200px;
	overflow: auto;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 75px;
}

div.selectbox-wrapper ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.selectbox-wrapper ul li.selected
{
	background-color: #EAF2FB;
	text-indent: 5px;
}

div.selectbox-wrapper ul li
{
	cursor: pointer;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 2px;
	padding-left: 5px;
	text-indent: 5px;
}

.selectbox
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/_layouts/Images/vitens/dropdownbox.jpg) no-repeat scroll right center;
	border: 0;
	color: #333333;
	cursor: pointer;
	display: block;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	margin: 0 5px 8px 0;
	padding-right: 20px;
	padding-left: 13px;
	text-align: left;
	border-left:1px solid  #EAF2FB !important;
}

.select
{
	text-indent: 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/_layouts/Images/vitens/dropdownbox.jpg) no-repeat scroll right center;
}

/* logo*/

.logo a
{
	position: relative;
	float: right;
	width: 145px;
	height: 86px;
	display: block;
	text-decoration: none;
}

.logo a span
{
	visibility: hidden;
}

div.logo
{
	height: 86px;
	width: 145px;
	background: url(      '/_layouts/images/vitens/backgroundlogo.jpg' );
	float: right;
	position: relative;
}



#Content
{
	float: left;
	width: 882px;
}

.description
{
	color: #00269B;
}



/* footer CSS*/

div.footer
{
	background-image: url('/_layouts/images/vitens/backgroundfooter.jpg');
	width: 882px;
	height: 32px;
	position: relative;
	float: left;
	margin: 20px 0 10px 0;
}

.footer a
{
	font-size: 10px;
	padding: 9px 9px 0 9px;
	text-decoration: none;
	position: relative;
	float: left;
	color: #c9ccce;
	font-weight: bold;
}

.footer p
{
	font-size: 10px;
	padding: 0 9px 0 9px;
	text-decoration: none;
	position: relative;
	float: left;
	color: #c9ccce;
	font-weight: bold;
}



/* scheidingslijn CSS */

.scheidingslijn
{
	background-image: url('/_layouts/images/vitens/spacer.jpg');
	width: 100%;
	height: 14px;
}
#RightContentSub .scheidingslijn
{
	margin-bottom:4px;
}
.scheidingslijn hr
{
	display: none;
}

/* HOMEPAGE CSS */

#MainContent
{
	float: left;
	width: 638px;
	margin: -54px 0 20px 0;
	padding: 0;
	border: 0;
}

#RightContent
{
	float: right;
	width: 244px;
	margin:0;
	padding: 0;
	border: 0;
}



/*flash banner */

#FlashBanner
{
	float: left;
	height: 414px;
}

#BannerBlock
{
	height: 136px;
	width: 100%;
	background: url(      '/_layouts/images/vitens/backgroundbannerblock.jpg' );
	z-index: -1;
}



/* side navigation div's*/

div.sideitems
{
	height: 224px;
	margin-left:10px;
}


/*content*/

div.contentdetailzone, div.contentdetailzone TD
{
	font-size: 100%;
	color: #002f86;
}

div.contentdetailzone
{
	padding: 0 0 20px 0;
}

div.contentdetailzone .meerLink_container
{
	/*linkstyle*/
}

div.topcontentzone
{
	float:left;
	width:100%;
}

div.topcontentzone TABLE, div.topcontentzone TABLE TD
{
	margin: 0;
	padding: 0;
}



div.storingenenwerkzaamheden
{
	width: 296px;
	float: left;
	margin: 20px 5px 20px 10px;
	padding: 0;
}

div.werkenbijvitens
{
	width: 296px;
	float: left;
	margin: 20px 0 20px 10px;
	padding: 0;
}

div.tagcloud
{
	height: auto;
	float: right;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 100%;
}
.tagcloud h3
{
	margin: 10px 10px 5px 10px !important;
	padding-bottom: 5px !important;
	background: url(      '/_layouts/images/vitens/Icons/hr.png' ) repeat-x scroll bottom;
	font-size: 100%;
}
.pages_metadata
{
	margin: -30px 0 60px 0;
}

.pages_metadata .leftcolumn, .pages_metadata .rightcolumn
{
	width: 250px;
}

/* PORTAL PAGE CSS */

#MainContentPortal
{
	float: left;
	width: 609px;
	margin: -44px 0 20px 0;
	padding: 0;
	border: 0;
}

#RightContentPortal
{
	float: right;
	width: 244px;
	margin: 150px 0 0 10px;
	padding: 0;
	border: 0;
}

div.portalpagebanner
{
	width: 100%;
}

div.subnavigatie
{
	MARGIN-TOP: -3px; 
	MARGIN-LEFT: 0px;
}
.ms-PartSpacingVertical
{
	padding:0;
	margin:0;
}

/* side navigation */

div.sidenavigationcontainerportal
{
	width: 100%;
}



/*titel*/

div.portaltitle
{
	width: 609px;
	height: 35px;
	padding: 0 0 0 5px;
}

div.portaltitle p
{
	font-size: 26px;
	font-weight: bold;
	color: #00259b;
}

div.portalsubtitle
{
	position: relative;
	float: left;
	width: 609px;
}



/* content*/

div.portalcontentcontainer
{
	float: left;
	width: 609px;
	height: auto;
	margin: 5px 0 5px 0;
}

div.dualwebpartzoneleft
{
	float: left;
	width: 302px;
	height: auto;
}

div.dualwebpartzoneright
{
	float: left;
	width: 302px;
	height: auto;
	padding-right: 5px;
}
/* SUBPAGE CSS */

#MainContentSub
{
	float: left;
	width: 680px;
	margin: -60px 0 20px 0;
	padding: 0;
	border: 0;
}

#MainContentSubBreed
{
	float: left;
	width: 882px;
	margin: -60px 0 20px 0;
	padding: 0;
	border: 0;
}

#MainContentSub H1
{
	margin-top: 20px;
}

#RightContentSub
{
	float: right;
	width: 172px;
	margin: 60px 0 0 30px;
	padding: 0;
	border: 0;
}

.richcontentblock
{
	width: 100%;
}

/*banner*/

div.subpaginabanner
{
	width: 680px;
	margin-top: 16px;
}

.subpaginabanner td
{
	text-align: left;
}



/* side navigation */

div.sidenavigationcontainersubpagina
{
	width: 100%;
}



/*kruimelpad*/

.kruimelpad
{
	width: 100%;
	height: 25px;
	left: 13px;
	color: #002f86;
	padding-top: 12px;
}

.kruimelpad a
{
	text-decoration: none;
	color: #002f86;
}



/*titel*/

div.subpaginatitle
{
	width: 667px;
	left: 13px;
	height: 35px;
	padding: 0;
}

div.subpaginatitle p
{
	font-size: 26px;
	font-weight: bold;
	color: #00259b;
	margin-left: 0px;
}



/*ondertitel */

.ondertitel
{
	margin-left: 0px;
	left: 13px;
}

.ondertitel h2
{
	color: #00AAD7;
	font-size: 22px;
	font-weight: normal;
}



.portalsubtitle .ondertitel
{
	margin-left: 158px;
}





/* content*/

div.overzichtscontainer
{
	float: left;
	width: 680px;
	height: auto;
	margin: 20px 35px 20px 0;
}

div.articleimage
{
	float: right;
	width: 340px;
	height: auto;
}

div.subpaginaspacer
{
	float: left;
	width: 100%;
	height: 34px;
	background: url(      '/_layouts/images/vitens/spacersubpage.jpg' );
}

div.subpagecontent
{
	float: left;
	width: 100%;
	height: auto;
}

div.subpaginatekstveld
{
	float: left;
	width: 100%;
	height: auto;
}

/* scheidingslijn */

.sidenavigationcontainersubpagina .scheidingslijn
{
	background-image: url('/_layouts/images/vitens/spacersub.jpg');
	height: 14px;
}

.scheidingslijn hr
{
	display: none;
}

div.scheidingslijn
{
	background-repeat: no-repeat;
}



/*Lijsten CSS */



.attentieblok ul li a
{
	color: #00259B;
}

div.portalcontentcontainer
{
	background: #D7EBF4;
	border-bottom: 1px solid #90CAE3;
}

#Content ul
{
	list-style: none;
	margin: 0px 5px 0px 0px;
	padding-left: 0px;
}
#Content li
{
	background: url(     '/_layouts/Images/vitens/Icons/BULLIT13PT_BLAUW_Pijl-rechts.gif' ) no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
	margin-left: 10px;
}

.storingenportlet li
{
	margin-left: 35px !important;
	width: 230px;
}
#Content .subnavigatie li
{
	margin-top:0px !important;
	padding-left:30px!important;
	background:url('/_layouts/Images/vitens/Icons/icoon_blauw_Pijl-rechts_witte-bol.png' );
	background-repeat: no-repeat !important;
}
#RightContent li, #RightContentPortal li, #RightContentSub li
{
	margin-left:0px;
}

#MainContentPortal .portalcontentcontainer ul
{
	list-style-type: none;
	list-style-image: none;
	color: #808080;
	margin: 0px 5px 0px 10px;
	padding-left: 0px;
}

div.Plaatsnaam
{
	display: block;
	float: left;
	margin-left: 10px;
}

div.item
{
	clear: both;
	float: left;
	margin-left: 30px;
}

div.storingen
{
	clear: both;
	width: 100%;
}

div.Holder
{
	float: left;
	margin-bottom: 5px;
}

div.Melding
{
	float: left;
	padding-bottom: 0px;
}

div.iconstoring
{
	float: left;
	width: 15px;
	height: 20px;
	margin: 0 10px 10px 10px;
	background: url(      '/_layouts/images/vitens/Icons/icoon_rood_uitroepteken.png' ) no-repeat;
}

div.iconwerkzaamheden
{
	float: left;
	width: 15px;
	margin: 0 10px 10px 10px;
	height: 20px;
	background: url(      '/_layouts/images/vitens/Icons/icoon_blauw_i.png' ) no-repeat;
}

div.iconstoringopgelost
{
	float: left;
	width: 15px;
	margin: 0 10px 10px 10px;
	height: 20px;
	background: url(      '/_layouts/images/vitens/Icons/icoon_groen_uitroepteken.png' ) no-repeat;
}
.meerlink
{
	float:right;
}

#MainContent h3, div.portalcontentcontainer h3
{
	margin: 10px 10px 5px 10px;
	padding-bottom: 5px;
	background: url(      '/_layouts/images/vitens/Icons/hr.png' ) repeat-x scroll bottom;
	font-size: 100%;
}
#RightContent h3,#RightContentPortal h3, #RightContentSub H3
{
	margin: 0px 10px 0px 0px;
	padding-bottom: 0px;
	font-size: 100%;
}

.storingen * ul
{
	padding: 0;
	left: -3px;
	float: left;
	width: auto;
}

.storingen div
{
	margin-left: 10px;
}

.portalcontentcontainer ul
{
	list-style: none;
}

.tagcloud p
{
	margin: 10px;
}

.standpunt p
{
	margin: 10px;
}

.portalcontentcontainer ul li
{
	padding: 5px 5px 5px 25px !important;
	background: url(      '/_layouts/images/vitens/Icons/icoon_blauw_Pijl-rechts_witte-bol.png' ) no-repeat scroll left !important;
}

.ms-propertysheet a
{
	font-size: 150%;
}



div.projectenoverzicht
{
	margin-bottom: 10px;
}



/*styling binnen dit thema*/

div.thema-items li
{
	background: url('/_layouts/images/vitens/icons/BULLIT12PT_BLAUW_Pijl-links.gif') no-repeat !important;
	background-position: 0 4px!important;
}
.RightContent.ms-WPheader TD
{
	border-bottom: none;
}

div.sideitems TD
{
	border-bottom: none;
}

.sidenavigationcontainersubpagina.ms-WPheader TD
{
	border-bottom: none;
}

/* Maatwerk CSS (rekentool en vacaturetool) */



.rekentool_import TABLE
{
	border-collapse: collapse;
}

.rekentool_import FIELDSET
{
	padding: 10px 20px;
}

.rekentool_import FIELDSET LEGEND
{
	font-weight: bold;
}



.WEBFORM_PopupHelp
{
	background-color: #E5E9F5;
	border: 1px solid #FFFFFF;
	padding: 3px;
	text-align: left;
	text-transform: none;
}



table.darkblue
{
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
	background: #D7EBF4;
	border: 1px solid #D7EBF4;
	margin: 8px;
}



.darkblue th
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	background: url(      '/_layouts/images/vitens/hr.png' ) repeat-x scroll bottom;
	background-color:#D7EBF4;
}



.darkblue td
{
	font-size: 11px;
	background:#FFFFFF;
	padding:10px !important;
}

.darkblue td span
{
	margin: 0px;
	float: left;
}
.button2
{
	background-image: url('/_layouts/images/vitens/btn.png');
	font-size: 90%;
	height: 19px;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #939393;
}

.button:hover
{
	cursor: hand;
}

select
{
	background: white;
}

.imagebutton
{
	border: 1px solid #808080;
}
/* Maps Webpart CSS (overige maatwerk) */
#map
{
	float: left;
	width: 500px;
	height: 500px;
}



/*DETAIL PAGE CSS */



.bijlagen li
{
	margin-left: 10px;
}



/*styles detailpagina storingen */



#storingsheader
{
	float: left;
	width: 100%;
}

#storingstitel
{
	float: left;
	width: 100%;
	height: 20px;
}

#storingsicon
{
	float: left;
	width: 29px;
	height: 20px;
}

#storingsdatum
{
	float: left;
	width: 40px;
	height: 20px;
	border-right: #8f8f8f 1px solid;
}

#storingsaanvang
{
	float: left;
	width: 40px;
	height: 20px;
}

#storingscontent
{
	float: left;
	width: 100%;
}

#storingsmeer
{
	float: right;
	width: 100px;
	height: 20px;
}
/* disclaimer */

div.nieuws_disclaimer
{
	float:left;
	font-size:80%;
	padding-top:20px;
}


/*Veelgestelde vragen*/

.vragenbinnencategorie
{
	margin-top: 15px;
}

/*vacaturetool */
.vacaturedetail tr
{
	border: 1px solid #D7EBF4;
}
.vacaturedetail table
{
	border: 1px solid #D7EBF4;
	border-collapse:collapse;
	width:680px;
}
.vacaturedetail th{
	text-align:left;
	background:#D7EBF4;
}
.vacaturedetail td{
	background:#FFFFFF;
}
/*Fix the annoying fact that SharePoint makes WebPartzone to big in width, title isn't wrapping on small zones and large title*/

.ms-standardheader NOBR SPAN, ms-WPTitle NOBR SPAN, .ms-SPZone .ms-SPButton NOBR SPAN, .ms-SPZone .ms-WPHeader TD H3.ms-WPTitle NOBR SPAN
{
	white-space: normal;
}



/*Fix for fitting webparts in the right webpartzones ; smaller webpart titles */

#RightContentSub .ms-SPZone .ms-WPHeader H3.ms-WPTitle
{
	font-weight: bold;
	font-size: 70%;
	padding: 0;
	margin: 0;
}

/*Fix for fitting webparts in the right webpartzones ; 'bewerken' link smaller*/

#RightContentSub .ms-SPZone .ms-WPHeader .ms-HoverCellInActive.ms-WPEditText
{
	font-size: 70%;
	padding: 0;
	margin: 0;
}

/*Fix for fitting webparts in the right webpartzones ; less padding/margins*/

#RightContentSub .ms-SPZone .ms-WPHeader H3.ms-WPTitle .ms-HoverCellInActive, #RightContentSub .ms-SPZone .ms-WPHeader .ms-HoverCellInActive NOBR IMG, #RightContentSub .ms-SPZone .ms-WPHeader .ms-HoverCellInActive NOBR IMG ms-WPEditText
{
	margin: 0;
	padding: 0;
}



/*Fix the width of fieldvalues-elements. Are 100% with padding 8px left and 8px, will always ruin your layout :-(

            And the styles are applied with inline styles, so impossible to override. Workaround- less width for outer element*/

.ms-formfieldcontainer .ms-formfieldvaluecontainer
{
	width: 90%;
}

/* add this styling */

#at20mc #at15s { border-width:1px !important;border-color:#00aad7 !important;}

/*disclaimer*/

#MainContent .ms-WPHeader TD,#MainContentPortal .ms-WPHeader TD,#MainContentSub .ms-WPHeader TD 
{
	border:none !important;
}
 
#MainContent .ms-WPBorder,#MainContentPortal .ms-WPBorder,#MainContentSub .ms-WPBorder 
{
	border:none !important;
}

/*styling toestelbeveiliging*/

.ToestelButton
{
    display: block;
    background-color: transparent;
    background-image: url(/_layouts/images/vitens/ToestelBackground.gif);
    background-repeat: no-repeat;
    border:none;
    width:136px;
    height:19px;
}
.form-field
{
	display:block;
	background-image:url(/_layouts/images/vitens/textbox.jpg);
	width:140px;
	height:19px;
	background-repeat:no-repeat;
	margin-right:2px;
}
.form-label
{
	margin-right:2px;
}
.form-button
{
	margin:5px;
	margin-right:13px;
	color:#00259b;
}

td.label
{
		width:70px;
}

TH.table-head
{
	background: #D7EBF4; 
	padding:5px;
}
table.form-table
{
	border: 1px solid #D7EBF4; 
	border-collapse: collapse;
	min-width:300px;
}

div.BevEenheidContainer
{
	width:100%;
	height:20px;
	border-bottom:solid 1px #D7EBF4;
	margin-bottom:10px;
	margin-right:5px;
}
div.Beveiligingsbutton
{
	width:70px;
	padding-top:1px;
	margin-left:5px;
	text-align:center;
	height:20px;
	position:relative;
	float:left;
}
div.AansluitschemaButton, div.OpmerkingenButton
{
	width:100px;
	padding-top:1px;
	text-align:center;
	height:20px;
	position:relative;
	float:left;
}
div.CurrentToestelButton
{
	background: #D7EBF4;
	color:black;
}

div.toestelbeveiliging select
{
	margin-top:5px;
	margin-right:5px;
}
.label TD
{
	padding-left:5px;
}

div.toestelbeveiliging H3
{
	text-align:center;
	margin-top:15px;
}
.standpunt_detail a:link,.projectenOmschrijving a:link,.storingen_detail a:link, .veelgesteldevragenAntwoord a:link,.projectenOmschrijving a:hover,.storingen_detail a:hover, .veelgesteldevragenAntwoord a:hover, .standpunt_detail a:hover
{
	text-decoration:underline !important;
	font-size:10pt !important;
	color:#0066CC;
}
.standpunt_detail a:visited,.projectenOmschrijving a:visited,.storingen_detail a:visited, .veelgesteldevragenAntwoord a:visited
{
	text-decoration:underline !important;
	font-size:10pt !important;
	color:purple;
}
.projectenOmschrijving *,.storingen_detail *, .veelgesteldevragenAntwoord *, .standpunt_detail *
{
	font-size:10pt !important;
}