﻿body 
{
    margin: 0px;
    padding: 0px;
    
    font-family: Arial, Verdana, Times New Roman;
    font-size: 11px;
    color: #3a5f87;
    
    background-color: #FFFFFF;
    background-image: url(../images/background.jpg);
    background-repeat: repeat-x;
}

h1 
{
    margin: 9px 0px 0px 130px;
    padding: 0px;
    
    font-size: 14px;
}

h2
{
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 11px;
    font-size: 13px;
    text-transform: uppercase;  
}

h3 
{
    margin: 0px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    
    
    background-color: #eae0a6;
}

#wrapper 
{
    width: 900px;
    /*border: solid 1px pink;*/
}

#ctl00_hot
{
    position: absolute;
    top: 55px;
    left: 800px;
    border: 0;
}

#contentLeft 
{
    float: left;
    width: 594px;
    /*border: solid 1px green;*/
}

#contentLeftReal 
{
    margin-top: 25px;
    margin-left: 130px;
    
    text-align: justify;
}

#contentLeftReal img 
{
    border: 0px;
}

#contentRight 
{
    float: right;
    width: 265px;
    
    margin-top: 81px;
    
    background-image: url(../images/menu-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

#menu 
{
    margin: 0px 0px 0px 45px;
    padding: 0px;
}

#menu li
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    
    /*border: solid 1px pink;*/
}

#menu li a 
{
    color: #3A5F87;
}

#menu li a:hover 
{
    background-color: #e2ecf7;
    text-decoration: none;
}

#submenu 
{
    margin-top: 10px;
}

#error 
{
    border: solid 1px #CE340B;
    background-color: #f2e6e4;  
    color: #CE340B; 
    text-align: center;
    
    padding-top: 5px;
    padding-bottom: 5px;
}

#ok 
{
    border: solid 1px #51a044;
    background-color: #def2da;  
    color: #39792d; 
    text-align: center;
    
    padding-top: 5px;
    padding-bottom: 5px;
}

/* specifieke pagina's tekst */

#tankparken 
{
    float: left; 
    width: 290px;
}

#tanklinings
{
    float: left; 
    width: 290px;
}

#laadlosplaatsen 
{
    float: left;
    width: 230px;
}

#opslagtanks 
{
    float: left;
    width: 280px;
}

#afvoergoten 
{
    float: left;
    width: 240px;
}

#waterzuiveringstation 
{
    float: left;
    width: 240px;
}

#verzamelbekkens 
{
    float: left;
    width: 240px;
}    

#rioleringssystemen 
{
    float: left;
    width: 300px;
}  

#publicaties
{
    float: left;
    width: 240px;
}  

#publicaties img 
{
    border: solid 4px #E2ECF7;   
}

#technisch 
{
    width: 100%;
    margin-top: 10px;
    border-top: solid 1px #3A5F87;
    border-bottom: solid 1px #3A5F87;
    border-left: solid 1px #3A5F87;
}

#technisch td 
{
    padding-left: 3px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    
    border-right: solid 1px #3A5F87;
    vertical-align: top;
}

#technisch td.eigenschap 
{
    font-weight: bold;
    background-color: #E2ECF7;
}

#dielektrisch 
{
    width: 100%;
    margin-top: 10px;
    border-top: solid 1px #3A5F87;
    border-left: solid 1px #3A5F87;
    text-align: center;
}

#dielektrisch td 
{
    padding: 2px;
    border-right: 1px solid #3A5F87;
    border-bottom: 1px solid #3A5F87;
    
    vertical-align: middle;
}

#dielektrisch th
{
    font-weight: bold;
    background-color: #E2ECF7;
    padding: 2px 0;
}

#dielektrisch th.rowspan
{
    font-weight: bold;
    vertical-align: top;
}

#dielektrisch th.th_no-border
{
    border-bottom:none;
}


#fysisch 
{
    width: 100%;
    margin-top: 10px;
    border-top: solid 1px #3A5F87;
    border-bottom: solid 1px #3A5F87;
    border-left: solid 1px #3A5F87;
}

#fysisch td 
{
    padding-left: 3px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    
    border-right: solid 1px #3A5F87;
    vertical-align: top;
}

#fysisch td.eigenschap 
{
    font-weight: bold;
    background-color: #E2ECF7;
}

th
{
    border-right: solid 1px #3A5F87;
    border-bottom: solid 1px #3A5F87;
    text-align: center;
}

#contact 
{
    float: left;
}

#contactInfo 
{
    float: right;
    width: 140px;
    font-family: Tahoma;
}

#special 
{
    width: 231px;
    margin-left: 16px;
    margin-bottom: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    
    background-color: #E9D58C;
    /*border: solid 1px pink;*/
}

#special a 
{
    color: #3A5F87;
    text-decoration: none;   
}

#special a:hover 
{
    text-decoration: underline;
}

#rioolrenovatietechnieken li 
{
    padding-bottom: 3px;
}

#rioolrenovatietechnieken a
{
    color: #3A5F87;
}

#rioolrenovatietechnieken a:hover 
{
    text-decoration: none;
}

#contentLeftReal div a 
{
    color: #3A5F87;
}

#contentLeftReal div a:hover 
{
    text-decoration: none;
}

/* CLASSES */

.techniek 
{
    background-color: #d7e0ec;    
    padding: 3px;
}


.TextBox 
{
    border: solid 1px #0f5174;
    width: 180px;
    padding: 3px;
}

.TextBoxLarge 
{
    border: solid 1px #0f5174;
    width: 180px;
    height: 160px;
    padding: 3px;
}

.floatLeft 
{
    float: left;
}

.floatRight 
{
    float: right;
    padding: 4px;
    background-color: #E2ECF7;
}

.clearBoth 
{
    clear: both;
}

#talen
{
    float: right;
    border: 0;
    padding-top: 5px;
    /*margin-bottom: -5px;*/
}

#talen img
{
    border: 0;
}

/** pub opmaak **/

.pub-header
{
    margin-top:40px;
    margin-left:20px;
}

.block-left-title-top
{
    text-transform:uppercase;
    background:#CCCCCC;
    border-top:1px solid #D39E54;
    border-right:1px solid #D39E54;
    display:block;
    color:#fff;
    width:105px;
    padding-top:20px;
    height:30px;
    font-size:9px;
    margin-bottom:10px;
    font-weight:bold;
    
}

.pub-content-left
{
    margin-left:20px;
    width:105px;
    float:left;
}

.block-left-list
{
    color:#000;
    background:#fff;
    padding:0;
    margin:0;
    list-style:none;
}

.block-left-list li
{
    text-transform:uppercase;
    font-weight:bold;
    padding-bottom:40px;
    font-size:9px;
}

.block-left-bottom
{
    background:#ccc;
    color:#000;
    width:105px;
    border-right:1px solid #D39E54;
}

.white-uppercase
{
    text-transform:uppercase;
    font-size:9px;
    font-weight:bold;
    color:#fff;
    background:transparent;
    padding-bottom:20px;
}

.block-left-bottom-list
{
    list-style-type:square;
    margin:0;
    padding:0;
    width:105px;
}

.block-left-bottom-list li 
{
    padding-bottom:20px;
    margin-left:20px;
    font-size:9px;
    width:70px;
}

.pub-content-middle
{
    width:440px;
    float:left;
    min-height:200px;
    margin-left:20px;
}

.uppercase-gray
{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#989898;
    margin-left:0px;
    padding-left:0px;
}

.pub-content-black
{
    color:#000;
}

.pub-content-black-300
{
    color:#000;
    width:320px;
}

/**-- pub02 --**/

.pub02
{
    margin-top:40px;
    margin-left:20px;
    width:545px;
    float:left;
    background:url('../images/pub/background-kiwa-pub02.jpg') no-repeat;
    min-height:769px;
}

.pub02-kiwa-logo
{
    background:url('../images/pub/pub02-kiwa-logo.jpg') no-repeat right;
    width:545px;
    height:62px;
}

.pub02-datum
{
    color:Black;
    margin-left:200px;
    font-size:9px;
}

.pub02-datum-table
{
    width:250px;
}

.pub02-productcertificaat
{
    font-weight:normal;
    font-size:12px;
    background:transparent;
}

.pub02-beschermsystemen
{
    font-weight:bold;
    font-size:13px;
    background:transparent;
}

.pub02-Incafin
{
    padding:0px;
    margin:0px;
}

.pub02-firma
{
    color:#000;
    margin-top:10px;
    font-size:7px;
    margin-left:105px;
    float:left;
}

.pub02-kiwa-nv
{
    color:#000;
    margin-top:10px;
    font-size:7px;
    margin-left:10px;
    float:left;
}

/*-- page 2 --*/

.pub02-page2
{
    margin-top:40px;
    margin-left:40px;
    width:525px;
    float:left;
    color:#000;
}

.pub02-datum-table2
{
    width:250px;
    margin-left:100px;
}

.pub02-hr
{
    color:#000;
    border:1px solid #000;
}

/*-- rioolrenovatie --*/

.riool-yellow
{
    padding:0px;
    margin:0px;
    color:#FFCC00;
    font-size:12px;
    margin-left:10px;
    background:transparent;
    margin:10px 0px;
}

.riool-red
{
    padding:0px;
    margin:0px;
    color:#F50516;
    font-size:12px;
    margin-left:10px;
    background:transparent;
    margin:10px 0px;
}

.riool-cijfer
{
    padding:0px;
    margin:0px;
    color:#fff;
    font-size:12px;
    margin-left:10px;
    background:transparent;
    margin:10px 0px;
}

.riool-list
{
    list-style-type:square;
    color:#fff;
    font-size:10px;
    background:transparent;
    text-align:left;
}

.riool
{
    background:#003399;
    color:#fff;
    margin-top:40px;
    margin-left:20px;
    text-align:center;
    padding:10px 0px;
}

.riool-h2
{
    margin:10px 0px;
    padding:0;
}

.riool-h1
{
    margin:10px 0px;
    padding:0;
}

.riool-red-voordelen
{
    padding:0px;
    margin:0px;
    color:#F50516;
    font-size:12px;
    margin-left:10px;
    background:transparent;
    margin:10px 0px;
    text-align:left;
    margin-left:20px;
}

.riool-h2-small
{
    margin:10px 0px;
    padding:0;
    font-size:10px;
}

/*-- pub05 --*/

.pub05
{
    margin-left:20px;
    margin-top:40px;
}

.pub05 img
{
    margin:10px;
}

/****************/

/**** contact formulier ****/
/*
#table_contact
{
    padding:0px;
    margin:40px 0 0 20px;
    padding-bottom:50px;
    width:750px;
    color:#919191;
}

#table_contact td
{
    text-align:left;
    margin:0px;
    padding:5px;
}

#table_contact em
{
    margin-left:5px;
}

.TextBox
{
    width: 123px;
    border: solid 1px #776348;
    margin: 0px 0px 0px 5px;
    padding-top: 4px;
    padding-left: 3px;
}

.TextBoxLarge
{
    width: 300px;
    height: 150px;
    margin: 0px 0px 0px 3px;
    border: solid 1px #776348;
}

.TextBoxError
{
    width: 120px;
    border: solid 1px red;
    margin: 0px 0px 0px 5px;
    padding-top: 4px;
    padding-left: 3px;
}

.TextBoxLargeError
{
    width: 375px;
    height: 150px;
    margin: 0px 0px 0px 3px;
    border: solid 1px red;
}

.btnSubmit
{
    margin: 0px 0px 0px 200px;
}

.ContactError
{
    margin-left:0px;
    padding-left:0px;
    color:#919191;
}

.ContactOk
{
    margin-left:0px;
    padding-left:0px;
    color:#919191;
}

.textLink
{
    color: #919191;
}

.textLink:hover
{
    text-decoration: none;
}

.Messages
{
    margin-left:20px;
    margin-top:40px;
}*/

.summaryError
{
    border: solid 1px #CE340B;
    background-color: #f2e6e4;  
    color: #CE340B; 
    padding: 10px;
    padding-bottom: 5px;
}

.summaryError ul
{
    margin-left:5px;
    list-style:none;
}

.summaryError ul li
{
    padding:5px;
    color: #CE340B; 
}

.special 
{
    width: 231px;
    margin-left: 16px;
    margin-bottom: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    
    background-color: #E9D58C;
    /*border: solid 1px pink;*/
}

.special a 
{
    color: #3A5F87;
    text-decoration: none;   
}

.special a:hover 
{
    text-decoration: underline;
}

/** newsletter publication **/


h1.newsletter {
border-bottom:1px solid #5B5B5B;
color:#5B5B5B;
font-size:1.09em;
margin:0 0 18px;
padding:8px 0 9px;
text-align:center;
}
h2.newsletter {
border-bottom:2px solid #DFD68A;
color:#5B5B5B;
font-size:1em;
margin:0 0 15px;
padding:0 0 3px;
}
h3.newsletter {
background-color:#DFD68A;
font-size:1em;
font-weight:normal;
margin:7px 0 8px;
padding:7px;
}
img.newsletter {
border:0 none;
display:block;
}
a:hover {
text-decoration:none;
}

.clearBoth {
clear:both;
}
#newsItems {
float:left;
width:400px;
}
#items.newsletter {
line-height:1.4em;
padding:15px 0 0 17px;
text-align:left;
width:380px;
}
#items.newsletter p {
margin:0;
padding:0 0 5px;
}
#spotLight.newsletter {
background-color:#DDDDDD;
float:right;
padding:12px 18px;
text-align:justify;
width:141px;
}
#newsItemsDetail.newsletter {
margin:0 auto;
width:600px;
}
#itemsDetail.newsletter {
line-height:1.4em;
padding:15px 0 0 17px;
text-align:justify;
}

#header.newsletter strong {
float:left;
position:relative;
}
#headerTitle.newsletter {
float:right;
font-size:0.92em;
position:relative;
}
.meerDetails {
float:right;
margin:0 0 20px;
padding:0 0 0 18px;
position:relative;
}
.meerDetails img {
left:0;
position:absolute;
top:2px;
}
.meerDetails a {
color:#5B5B5B;
}
#lastNewsItem.newsletter {
margin:20px 0 0;
}
table.adminMenu {
background-color:#FFFFFF;
border-bottom:1px solid #084C6F;
margin-bottom:15px;
padding-bottom:5px;
width:100%;
}
.newsletterTitle {
margin:0;
padding:2px 0;
width:652px;
}
.newsletterSubtitle {
margin:0;
padding:2px 0;
width:250px;
}
.newsItemTitle {
margin:0;
padding:2px 0;
width:425px;
}
.newsItem {
height:200px;
margin:0;
padding:2px 0;
width:425px;
}
.spotlightText {
height:130px;
padding:2px 0;
width:141px;
}
.newsItemDetailTitle {
margin:0;
padding:2px 0;
width:585px;
}