html,body{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
background-image: url(../Images/Achtergrond_01.gif);
}
strong {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
font-weight: normal;

}
h1{
color: #000000;
font-weight: bold;
font-size: 12px;
line-height: 18pt;
text-decoration: none;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
font-weight: bold;
font-size: 10px;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
}

div#main_container{
margin: 10px auto 0px auto;
width: 800px;
}

div#box1{
background-image: url(../Images/Banner.gif);
background-repeat: no-repeat; 
width: 100%;
height: 120px;
}

div#tabbladen{
width: 750px;
height: 23px;
margin: 0px auto 0px auto;
}

.tab{
width: 125px;
height: 23px;
float: left;
background-image: url(../Images/Tab.gif);
text-align: center;
line-height: 27px;
}

div#tab-active {
width: 125px;
height: 23px;
float: left;
background-image: url(../Images/Tab-Active.gif);
text-align: center;
line-height: 27px;
}

div#logo-anti-roest{
background-image: url(../Images/Logo-Sjaak-van-Aalst.gif);
background-repeat: no-repeat; 
float: left;
width: 195px;
height: 86px;
margin-left: 20px;
margin-top: 15px;
} 

div#logo-dinitrol{
background-image: url(../Images/Logo-Dinitrol.gif);
background-repeat: no-repeat; 
float: right;
width: 97px;
height: 89px;
margin-right: 20px;
margin-top: 15px;
}

div#box3{
background-image: url(../Images/Background-Top.gif);
background-repeat: no-repeat; 
float: right;
margin-top: 0px;
width: 796px;
height: 15px;
}

div#box4{
background: url(../Images/Background-Middle.gif) repeat-y;
float: right;
width: 796px;
height: auto;

}

div#box5{
background-image: url(../Images/Background-Bottum.gif);
background-repeat: repeat; 
float: right;
width: 796px;
height: 15px;

}

div#box6{
display: inline;
float: right;
width: 100%;
height: 15px;
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
}

div#content-left{
display: inline;
float: left;
width: 125px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

div#content-right{
display: inline;
float: left;
width: 605px;
height: auto;
text-align: left;
border-left: 1px solid red;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
min-height: 140px;
}

div#contact-top{
float: left;
width: 280px;
min-height: 28px;
height: auto;
}

div#contact-bottom{
width: 280px;
min-height: 28px;
height: auto;
}

div#contact-canvas{
float: left;
width: 280px;
height: auto;
}

a.speciaal-tab-active:link, a.speciaal-tab-active:visited{
color: #ffffff;;
text-decoration: none;
font-weight: bold;
}

a.speciaal-tab-active:hover, a.speciaal:active{
color: #df1a1a;
font-weight: bold;
text-decoration: underline;
}


a.speciaal-tab:link, a.speciaal-tab:visited{
color: black;
text-decoration: none;
font-weight: bold;
}

a.speciaal-tab:hover, a.speciaal-tab:active{
color: #df1a1a;
font-weight: bold;
text-decoration: underline;
} 

div#lijn-horizontaal-red{
display: inline;
background: url(../Images/Lijn-Horizontaal.gif) repeat-x;
float: left;
height: 1px;
width: 751px;
margin: 12px 0px 0px 20px;

}
div#lijn-horizontaal-orange{
display: inline;
background: url(../Images/Lijn-Horizontaal-Orange.gif) repeat-x;
float: left;
height: 1px;
width: 100%;
margin: 10px 0px 10px 0px;
}

fieldset{
width: 280px;
padding: 12px 10px 5px 10px;
border: 0px;
font-family: verdana;
}

label{
width: 80px;
float: left;
padding: 0px 0 0 0;
}

.input-black{
margin: 0 0 0 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: transparent;
width: 180px;
}

.input-red{
margin: 0 0 0 0;
padding: 1px 0 2px 3px;
border: 1px solid #FF0000;
background-color: transparent;
width: 180px;
}

.textarea-black{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: transparent;
width: 180px;
}

.textarea-red{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #FF0000;
background-color: transparent;
width: 180px;
}

.button{
background-color: transparent;
color: #000;
font-weight: bold;
width: auto;
margin: 15px 5px 0px 80px;
padding: 3px 5px 2px 5px;
cursor: pointer;
float: left;
}

/* begin hack \*/
* html .button{
padding: 0;
}
* html legend{
margin-left: -5px;
}
/* einde hack */ 

a.speciaal-link-active:link, a.speciaal-link-active:visited, a.speciaal-link-active:active{
color: #FFC56B;
font-weight: bold;
font-size: 12px;
line-height: 16pt;
text-decoration: none;
}
a.speciaal-link-active:hover{
color: #FFC56B;
font-weight: bold;
font-size: 12px;
line-height: 16pt;
text-decoration: underline;
}

a.speciaal-link:link, a.speciaal-link:visited, a.speciaal-link:active{
color: #000000;
font-size: 12px;
line-height: 16pt;
text-decoration: none;
}
a.speciaal-link:hover{
color: #FFC56B;
font-weight: bold;
font-size: 12px;
line-height: 16pt;
text-decoration: underline;
}

a.normal-link:link, a.normal-link:visited, a.normal-link:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4F81BD;
font-size: 10px;
line-height: 16pt;
font-weight: bold;
text-decoration: none;
}

a.normal-link:hover{
color: #FFC56B;
font-weight: bold;
font-size: 10px;
line-height: 16pt;
font-weight: bold;
text-decoration: underline;
}

div#image-index {
display: inline;
float: right;
width: 157px;
height: 230px;
margin-right: 0px;
margin-top: 0px;
}

div#picture {
display: inline;
margin: 10px auto 10px auto;
width: 585px;
height: auto;
}
