@import url("evides-drinkwater.css");
@import url("evides-industriewater.css");
@import url("evides-print.css");

body {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	color: #333;
}

form {
	margin: 0;
	padding: 0;
}

td, th {
	font-size: 1em;
}

img {
	border: 0;
}

a {
	color: #2092aa;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 1em 0;
}

.date {
	font-style: italic;
	margin: -0.9em 0 1em 0;
	padding: 0;
	display: block;
	clear: both;
}
* html .date { margin-top: -1.4em; }
*+html .date { margin-top: -1.4em; }

h1, h2 {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color: #2b8b97;
	margin-top: 0;
}

h2 {
	color: #4c4c4c;
}

h3, h4, h5, h6 {
	font-size: 1em;
	margin-bottom: 0;
}

hr {
	color: #93d0d9;
	background-color: #93d0d9;
	width: 100%;
	height: 1px;
	border: 0;
	margin: 1.4em 0;
}

.sidebar hr {
  background-color: #e3e2df;
  color: #e3e2df;
}

/* page layout */

.homepage, .drinkwater, .industriewater {
	width: 780px;
	background: #fff;
	margin: 0 auto;
	position: relative;
}

/* header */

.head {
	background: #fff url("../img/head_bg_home.gif") no-repeat 0 0;
	position: absolute;
	width: 780px;
	height: 193px;
	top: 0;
	left: 0;
}

.kruintje {
	height: 27px;
	width: 188px;
	background-color: #dff4f7;
	text-align: right;
	float: left;
}

.kruintje a.home {
	color: #000;
	float: left;
	display: block;
	width: 50px;
	text-align: left;
	height: 20px;
	padding: 7px 0 0 4px;
	background: transparent;
}

.kruintje a.langSwitch {
	padding: 4px;
	display: block;
	width: auto;
}

.head .banner {
	width: 582px;
	height: 160px;
	position: absolute;
	right: 0;
	top: 0;
}

.head input.text {
	position: absolute;
	top: 37px;
	left: 0;
	width: 128px;
	height: 15px;
	border: 1px #abacae solid;
}

.head input.submit {
	position: absolute;
	display: block;
	top: 36px;
	left: 143px;
	width: 45px;
	height: 20px;
	background: #208296;
	color: #fff;
	border-width: 1px;
	font-size: 0.95em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.head #SRSB {
	position: absolute;
	top: 32px;
	left: 0;
	width: 188px;
	z-index: 2500;
	padding: 0;
	margin: 0;
}
* html .head #SRSB { left: -2px; }
*+html .head #SRSB { left: -2px; }

.head #SRSB input {
	border: 0;
	width: 162px !important;
}

a.logo {
	display: block;
	position: absolute;
	top: 77px;
	left: 0;
	z-index: 2000;
}

.head ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.head .menu {
	position: absolute;
	top: 127px;
	left: 0px;
	width: 582px;
	height: 23px;
	border-top: 1px solid #e3e2df;
}

.head .menu li {
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

.head .menu li a, .head .menu li span {
	display: block;
  color: #000;
  line-height: 23px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0 10px 1px 10px;
}

.head .menu li span {
  cursor: default;
}

.head .menu li a:hover {
	color: #236b7e;
	text-decoration: none;
}

.body {
	padding-top: 193px;
  background: #fff url("../img/background_content.gif") repeat-y 0 0;
	width: 780px; /* fix voor IE6 renderbug op homepage */
}

/* icoontjes voor tekst */

.ms-rteCustom-vraagteken, .ms-rteCustom-uitroepteken, .ms-rteCustom-download, .ms-rteCustom-rondje,  .list.downloads .icon, .vraagteken, .uitroepteken, .download , .rondje {
	padding-left: 15px;
	background: transparent url("../img/icon-vraagteken.gif") no-repeat 0 1px;
	font-weight: bold;
}
.ms-rteCustom-uitroepteken, .uitroepteken {
	background-image: url("../img/icon-uitroepteken.gif");
}
.ms-rteCustom-download, .list.downloads .icon, .download {
	background-image: url("../img/icon-download.gif");
	font-weight: normal;
}
.ms-rteCustom-rondje, .rondje {
	background-image: url("../img/m33.gif");
	font-weight: normal;
}

.ms-rteCustom-pijltje, .ms-rteCustom-top, .ms-rteCustom-internelink,  .list.verwijzing .icon, .pijltje {
	padding-left: 10px;
	background: transparent url("../img/icon-pijltje.gif") no-repeat 0 4px;
	font-weight: bold;
}
.ms-rteCustom-top, .top {
	background-image: url("../img/icon-top.gif");
}
.ms-rteCustom-internelink, .internelink {
	background-image: url("../img/icon-internelink.gif");
}

a.ms-rteCustom-top, a .ms-rteCustom-top, a.ms-rteCustom-internelink, a .ms-rteCustom-internelink,  .list.verwijzing .icon  {
	font-weight: normal;
	display: block;
	white-space: nowrap;
	width: 1%;
  cursor: pointer;
}

a.ms-rteCustom-top, a .ms-rteCustom-top {
	margin-bottom: 1em;
}

a:hover.ms-rteCustom-top, a:hover .ms-rteCustom-top, a:hover.ms-rteCustom-internelink, a:hover .ms-rteCustom-internelink,  .list.verwijzing :hover.icon {
	text-decoration: underline;
}

/* main + content */

.main {
	width: 582px;
	float: right;
}

/* de class "content" wordt in bestaande content ook wel eens gebruikt dus maken we het hier even iets meer specifiek met "div." ervoor */

div.content {
	background: #dff4f7 url("../img/content_footer.gif") repeat-x 0 -7px;
	padding: 11px 14px;
	width: 554px;
	float: right;
}

.imgLeft {
	float: left;
	clear: left;
	margin-bottom: 1em;
}

.imgRight {
	float: right;
	clear: right;
	margin-bottom: 1em;
}

/* aandachts kader op blauwe achtergrond */

.kader {
	background: #fff;
	padding: 1px;
	border: 4px solid #4ac9d2;
	margin-bottom: 1em;
	color: #fff;
	clear: both;
}

.kader .binnenkader {
	background-color: #4ac9d2;
	padding: 14px 14px 14px 14px;
}

.kader .binnenkader h1, .kader .binnenkader h2, .kader .binnenkader h3, .kader .binnenkader h4 {
	color: #fff;
}

* html .homepage .content h1 { margin-bottom: 12px; }
*+html .homepage .content h1 { margin-bottom: 12px; }

.kader a, .kader a:hover {
  color: #fff;
  text-decoration: underline;
}

.calamiteitKader
{
	background-color: #FFFF33;
}

/* lijsten content (voor downloads en interne/externe verwijzingen) */

.content .list {
	list-style: none;
	clear: both;
	width: 554px;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}

.content .list li {
	float: left;
	clear: both;
	width: 554px;
	width: 100%;
	margin: 0 0 14px 0;
}

.content .list img {
	float: left;
}

.content .list .item {
	margin-left: 92px;
	margin-right: 100px;
	clear: none;
}

.content .list h3 {
	margin-top: 0;
}

.content .list p {
	margin-bottom: 0;
}

.content .list .icon {
	display: block;
	width: 1%;
	float: left;
}

.content .list.downloads .icon {
	margin-top: 1em;
}

.content .list.downloads .item {
	margin-left: 98px;
}
/* de drink/industrie variant komt alleen op de homepage voor */
.content .column-drinkwater, .content .column-industriewater, .content .column-drinkwater .list, .content .column-industriewater .list {
	width: 269px;
	float: left;
	margin-bottom: 0;
}

.content .column-industriewater {
	margin-left: 16px;
}

.content .column-drinkwater .list li, .content .column-industriewater .list li {
	padding: 6px;
	width: 257px;
	margin-bottom: 6px;
}

.content .column-drinkwater .list .icon, .content .column-industriewater .list .icon {
	margin-top: 0;
}

.content .column-drinkwater .list .item, .content .column-industriewater .list .item {
	margin-left: 69px;
	margin-right: 0;
  margin-top: 0;
}

.content .column-drinkwater .list h3, .content .column-industriewater .list h3 {
	min-height: 52px;
  margin-top: -3px;
}
* html .content .column-drinkwater .list h3, * html .content .column-industriewater .list h3 { height: 50px; margin-top: -2px; }
*+html .content .column-drinkwater .list h3, *+html .content .column-industriewater .list h3 { min-height: 53px; }

.content .column-drinkwater .list h3 {
	color: #2b8b97;
}

.content .column-drinkwater .list li, .content .column-drinkwater a.meer {
	background-color: #c4ecf1;
}

.content .column-industriewater .list h3, .content .column-industriewater a {
	color: #8a4b9d;
}

.content .column-industriewater .list li, .content .column-industriewater a.meer {
	background-color: #d3e0eb;
}

.content .column-industriewater .list .icon {
	background-image: url("../img/icon-pijltje2.gif");
}

.content .column-drinkwater a.meer, .content .column-industriewater a.meer {
	padding: 6px;
	width: 257px;
	display: block;
	float: left;
	margin-bottom: 1em;
}
* html .content .column-drinkwater a.meer, * html .content .column-industriewater a.meer { margin-top: 6px; }
*+html .content .column-drinkwater a.meer, *+html .content .column-industriewater a.meer { margin-top: 6px; }

/* weergave van tabellen in content */

.content table {
	width: 100%;
	/*border-width: 0 0 1px 1px;
	border-style: solid;*/
	border-color: #abacae;
	margin-bottom: 1em;
}

.content table td, .content table th {
	/*border-width: 1px 1px 0 0;
	border-style: solid;*/
	border-color: #abacae;
	padding: 2px;
}


.content .kader table {
	border-width: 0;
	margin-bottom: 0;
}

.content .kader table td, .content .kader table th {
	border-width: 0;
}

.content table.listform-webpart, .content table.listform-webpart th, .content table.listform-webpart td, .content table.listform-webpart table {
  border-width: 0;
}

.content table.listform-webpart table {
	margin-bottom: 0;
}

.content table.listform-webpart .cell-label {
	font-weight: bold;
}

.content table.listform-webpart .cell-label, .content table.listform-webpart .cell-body, .content table.listform-webpart .cell-button {
	padding-top: 8px;
}

.content table.listform-webpart .ms-long {
	width: 300px;
}

.content table.listform-webpart .cell-button {
	text-align: left;
	padding-left: 196px;
}

/* sitemap */

ul.sitemap, ul.sitemap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.sitemap ul {
  padding-left: 16px;
}

ul.sitemap li {
  margin-top: 1em;
}

ul.sitemap li li {
  margin-top: 0;
}

ul.sitemap li a {
  line-height: 1.7em;
  font-weight: bold;
  padding-left: 16px;
  background: transparent url("../img/sitemap-page.gif") no-repeat 1px 3px;
}

ul.sitemap ul li a {
  font-weight: normal;
}

ul.sitemap li a.parent {
  background-image: url("../img/sitemap-pijl.gif");
}

/* footer */

.footer {
	text-align: center;
	width: 100%;
	color: #666;
	height: 30px;
	background: #dff4f7 url("../img/content_footer.gif") no-repeat 0 0;
	padding-top: 14px;
	font-size: 0.9em;
	float: left;
}

.footer a {
	padding: 0 5px;
	border-left: 1px solid #666;
}

/* linkerkolom */

.sidebar {
	width: 188px;
	background: #fff url("../img/background_zeepaard.gif") no-repeat 0 12px;
	margin-right: 10px;
	min-height: 320px;
}
* html .sidebar { height: 320px; }

.sidebar h2 {
	padding: 11px 11px 5px;
	margin: 0;
	border-bottom: 1px solid #e3e2df;
	clear: left;
}

.sidebar ul, .sidebar li, .content .column, .content .column li {
	list-style: none;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.sidebar .navigation {
	padding: 4px 0 10px 0;
}

.drinkwater .sidebar .navigation, .industriewater .sidebar .navigation {
  margin-bottom: 0;
}

.sidebar .navigation li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	padding: 6px 0 6px 26px;
	background: transparent url("../img/navigatie-pijltjes.gif") no-repeat 0 12px;
}
* html .sidebar .navigation li a {
	height: 0%;
}

.sidebar .navigation li a.selected {
   background-position: 0 -38px;
}

.sidebar .navigation li a:hover {
   color: #236b7e;
	text-decoration: none;
}

.sidebar .navigation li li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	color: #333;
	padding: 5px 0 5px 26px;
	background-position: 0 -92px;
}

.sidebar .navigation li li a.selected {
   background-position: 0 -142px;
}

.sidebar .navBanners {
	padding: 4px 0 20px 0;
}

.sidebar .navBanners li {
	border-bottom: 1px solid #e3e2df;
}

.sidebar .navBanners li:last-child {
	border-bottom-width: 0;
}

.sidebar .list {
	padding-bottom: 20px;
}

.sidebar .list .item {
	padding: 11px 0 5px 11px;
  margin: 0;
}

.sidebar .list h3 {
	margin: 0;
}

.sidebar .list p {
	font-size: 0.9em;
	margin: 0;
}

.sidebar .ms-rteCustom-internelink.meer {
	float: left;
	clear: left;
	margin: 5px 0 20px 11px;
	font-weight: bold;
}
* html .sidebar .ms-rteCustom-internelink.meer { margin-left: 6px; }

.sidebar .contact {
	padding: 11px 0 5px 11px;
	font-size: 0.9em;
}

.sidebar .kwaliteit {
	padding: 1em 0 10px 11px;
}

.sidebar .kwaliteit a {
	display: block;
	height: 26px;
	background: transparent url("/Style Library/Evides/static/img/industriewater/case-button.gif") no-repeat 0 0;
	padding: 2px 0 0 24px;
}

/* telerik content styles */

.industriewater ul.buttonslijst li {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/industriewater/case-button.gif') no-repeat 0 0;
	padding: 2px 0 0 24px;
}

.drinkwater ul.buttonslijst li {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/homepage_navBanner_bg.gif') no-repeat 0 0;
	padding: 2px 0 0 24px;
}

.industriewater li.button {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/industriewater/case-button.gif') no-repeat 0 0;
	padding: 2px 0 0 24px;
}

.drinkwater li.button {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/homepage_navBanner_bg.gif') no-repeat 0 0;
	padding: 2px 0 0 24px;
}

li.vraagteken {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-vraagteken.gif') no-repeat 0 1px;
	padding: 2px 0 0 24px;
}

li.uitroepteken {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-uitroepteken.gif') no-repeat 0 1px;
	padding: 2px 0 0 24px;
}

li.download {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-download.gif') no-repeat 0 1px;
	padding: 2px 0 0 24px;
}

.industriewater li.pijltje {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-pijltje.gif') no-repeat 0 4px;
	padding: 2px 0 0 24px;
}


.industriewater li.pijltje {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-pijltje2.gif') no-repeat 0 4px;
	padding: 2px 0 0 24px;
}

li.toppijltje {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-top.gif') no-repeat 0 4px;
	padding: 2px 0 0 24px;
}

li.internelink {
	display: block;
	height: 26px;
	background: transparent url('/Style Library/Evides/static/img/icon-internelink.gif') no-repeat 0 4px;
	padding: 2px 0 0 24px;
}


/* opmaak voor referentie tabel bij industriewater (maar deze stijl is overal toepasbaar) */

table.ms-rteCustom-referentieTabel {
  width: 554px;
  border: 0;
  padding: 0;
  margin: 0;
  background: #2b8b97 url("/Style Library/Evides/static/img/industriewater/reference-body-bg.gif") repeat 0 30px;
  color: #fff;
}

table.ms-rteCustom-referentieTabel td {
  margin: 0;
  border: 0;
  padding: 6px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  border-right: 1px solid #53C6D4;
}

table.ms-rteCustom-referentieTabel td.ms-rteTableLastCol-1 {
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  border-right: 0;
}

table.ms-rteCustom-referentieTabel tr.ms-rteTableHeaderRow-1 td {
  background: #4ac9d2 url("/Style Library/Evides/static/img/industriewater/reference-header-bg.gif") repeat-x 0 0;
  text-align: left;
  white-space: nowrap;
}

/* opmaak voor projecten tabel bij industriewater (voor link naar projecten pagina) */

table.ms-rteCustom-projectTabel {
  width: 430px;
  border: 0;
  padding: 0;
  margin: 0 55px;
  background: #2b8b97 url("/Style Library/Evides/static/img/industriewater/reference-body-bg.gif") repeat 0 35px;
  color: #fff;
}

table.ms-rteCustom-projectTabel a {
  display: block;
  cursor: pointer;
}

table.ms-rteCustom-projectTabel td.ms-rteTableHeaderOddCol-1 {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	vertical-align: top !important;
	width: 128px;
}

table.ms-rteCustom-projectTabel td.ms-rteTableHeaderOddCol-1 img {
	border: 4px solid #fff !important;
	margin: 2px 0 0 0;
	padding: 0;
	float: none;
	display: inline;
}
* html table.ms-rteCustom-projectTabel td.ms-rteTableHeaderOddCol-1 img { margin-top: 0; }
*+html table.ms-rteCustom-projectTabel td.ms-rteTableHeaderOddCol-1 img { margin-top: 0; }

table.ms-rteCustom-projectTabel td.ms-rteTableHeaderLastCol-1 {
  margin: 0;
  border: 0;
  background: #4ac9d2 url("/Style Library/Evides/static/img/industriewater/reference-header-bg.gif") repeat-x 0 0;
  padding: 6px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
}

table.ms-rteCustom-projectTabel td.ms-rteTableLastCol-1 {
  border: 0;
  margin: 0;
  padding: 2px 4px;
  text-align: left;
}
* html table.ms-rteCustom-projectTabel td.ms-rteTableLastCol-1 { background-position: 0 2px; }
*+html table.ms-rteCustom-projectTabel td.ms-rteTableLastCol-1 { background-position: 0 2px; }

/* correctie op formfield.css contactformulier response message */

.content .listform-webpart-successmessage {
  padding: 0;
}

/* content tabel zoals die voorkomt in "drinkwater aan boord" */

table.content {
  border-collapse: collapse;
}

table.content td.content {
  border: 1px solid #ccc;
  padding: 2px;
}

/* links in zowel projecten tabel als referentie tabel zijn wit */

table.ms-rteCustom-projectTabel a, table.ms-rteCustom-referentieTabel a {
	color: #fff;
}

.PortalSilverlightBanner_ControlHost
{
            height: 160px;
            width: 582px;
}

.PortalSilverlightBanner_errorLocation
        {
            font-size: small;
            color: Gray;
            position: absolute;
            top: 200px;
        }
.PortalSilverlightBanner_pointer
        {
            font-family: arial;
            font-weight: bold;
            color: #c00;
            position: absolute;
        }
        
        
.IndustriewaterProject_ControlHost
        {
            height: 196px;
            width: 582px;
/*            position: absolute;
            top: 151px;
            left: 308px;*/
        }
.IndustriewaterProject_errorLocation
        {
            font-size: small;
            color: Gray;
            position: absolute;
            top: 200px;
        }
.IndustriewaterProject_pointer
        {
            font-family: arial;
            font-weight: bold;
            color: #c00;
            position: absolute;
        }

.MinisiteSilverlightWebPart_ControlHost
{
	width: 460px;
	height: 588px;
}

/* geen silverlight html-opmaak */

#noSilverlightContainerHomepage {
	width: 582px;
	height: 160px;
  display: block;
  margin: 0;
  padding: 0;
	overflow: hidden;
}

#noSilverlightContainerHomepage div {
	position: relative;
}

#noSilverlightContainerHomepage h1, #noSilverlightContainerHomepage h2 {
	position: absolute;
  top: 80px;
  left: 38px;
  width: 530px;
  color: #fff;
  font-size: 2em;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-shadow: #000 1px 1px 3px;
  margin: 0;
  padding: 0;
}

#noSilverlightContainerHomepage h2 {
  top: 110px;
}