
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	background-color: white ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
    margin:0px;
    text-align: center;
}

div#top_container{
    float:left;
    width: 100%;
    height:225px;
    background-color:White;
}


div#top-lines 
{
    position:relative;
    float:right;
    z-index:1;
    top: -151px;
    left: 104px;
    height: 164px;
    width: 687px;
}
div#footer-lines 
{
     position:relative;
     float:right;
     z-index:2;
     top: -6px;
     left: 1px;
}
div#top-menu-block
{
    position:relative;
    float:left;
    width:100%;
    z-index:1;
    top: 4px;
    left: 2px;
}
div#footer-menu-block
{
    position:relative;
    float:left;
    width:100%;
    z-index:1;
    top: -67px;
    left: 0px;
    }

table#top-information{
    width: 100%;
    text-align:right;
    border: 1px solid red;
}

div#top_menu_container
    {float: left;
     width: 100%;
     height:59px;
}

div#top_menu
    {position:relative;
    float: left;
    z-index:5;
    text-align:center;
    top: -68px;
    left: 39px;
    margin-top: 0px;
}


div#content_kop
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight:bold;
    text-align:left;
    color:Black;
    padding:10px 0 0 0;
}

div#content_text
{
    
    padding:10px 0 0 0;
}

div#content_container{
    float:left;
    width: 100%;
    background-color:White;
}
div#footer_container
{
    float:left;
    width: 100%;
    height:60px;
    padding: 10px 0px 10px 0px;
    background-color:White;
}

div#side_menu_container
{ 
    float: left;
    width: 145px;
    height: 650px;
}
div#side-menu-block
{
    position:relative;
    float:left;
    width:100%;
    z-index:0;
    top: -1px;
    left: -1px;
    height: 408px;
}
div#footer_logos
    {float: left;
    position:relative;
    width: 150px;
    z-index:5;
    text-align:center;
    vertical-align:middle;
    top: -108px;
    left: 264px;
}
div#side_menu
    {position:relative;
     float: left;
     z-index:3;
     text-align:right;
}
div#side_menu_title
    {position:relative;
    float: left;
    z-index:5;
    text-align:center;
    color:Red;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    top: -373px;
    left: 21px;
    height: 20px;
    width: 97px;
}
div#side-title-block
{
    position:relative;
    float:left;
    width:100%;
    z-index:2;
    top: -400px;
    left: 10px;
}
div#side_menu_info
    {position:relative;
    float: left;
    z-index:4;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:Black;
    top: -36px;
    left: 4px;
    width: 133px;
    height: 239px;
}

div#side-info-block
{
    position:relative;
    float:left;
    width:100%;
    top: -53px;
    left: 12px;
}
div#content
    {float: right;
     width: 582px;
}

div#twophotos
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;

}

div#twophotos-header
    {position:relative;
    float: left;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:Black;
    
}
div#omzet
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;
    height: 476px;
}

div#omzet-header
    {position:relative;
    float: left;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:Black;
    margin:10px 0 0 0;
    
}
div#omzet-picture
{
    position:relative;
    float: left;
    margin:10px 0 0 0;
    height:257px;
    top: 14px;
    left: 85px;
}
 div#omzet-table
{
    position:relative;
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.em;
    color:Black;
    margin:10px 0 0 0;
    top: -8px;
    left: 206px;
    width: 322px;
}

div#antislip
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;
height:369px;

}

div#antislip-header
    {position:relative;
    float: left;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:Black;
    margin:10px 0 0 0;
    top: 2px;
    left: 57px;
    width: 451px;
    height: 44px;
}
div#antislip-picture
{
    position:relative;
    float: left;
    margin:10px 0 0 0;
    height:287px;
    
}
 div#antislip-table
{
    position:relative;
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.em;
    color:Black;
    margin:10px 0 0 0;
    top: 15px;
    left: 160px;
    width: 261px;
}

div#rubberdop
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;
height:373px;

}

div#rubberdop-header
    {position:relative;
    float: left;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:Black;
    margin:10px 0 0 0;
    top: 2px;
    left: 57px;
    width: 451px;
    height: 44px;
}
div#rubberdop-picture
{
    position:relative;
    float: left;
    margin:10px 0 0 0;
    height:287px;
    
}
 div#rubberdop-table
{
    position:relative;
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.em;
    color:Black;
    margin:10px 0 0 0;
    top: 15px;
    left: 160px;
    width: 261px;
}
div#eindschot
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;
height:634px;

}

div#eindschot-header
    {position:relative;
    float: left;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:Black;
    margin:10px 0 0 0;
    top: 2px;
    left: 57px;
    width: 577px;
    height: 107px;
}
div#eindschot-picture
{
    position:relative;
    float: left;
    margin:10px 0 0 0;
    height:287px;
    
}
 div#eindschot-table
{
    position:relative;
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.em;
    color:Black;
    margin:10px 0 0 0;
    top: -44px;
    left: 148px;
    width: 304px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - slide show

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-slideshow {
	width:100%;
	height:348px;
	padding:10px 0 10px 0;
	}
	
	
#content-slideshow{
    float:left;
    position:relative;
    top: 8px;
    left: 59px;
}
#content-slideshow1{
    float:left;
    position:relative;
    top: 8px;
    left: 169px;
}

#content-slideshow2{
    float:left;
    position:relative;
    top: 26px;
    left: 133px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.em;
    font-weight:normal;
    text-align:left;
    color:Black;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight:normal;
    text-align:left;
    color:Black;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight:normal;
    text-align:center;
    color:Black;
}



#top-information {
	height:10.6em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:760px;
	}
	
#logo {
    position: absolute;
    top: .5em;
    left: 15px;
    font-size: 3.2em;
    font-family: Arial;
    height: 2.8em;
    padding: .1em 0 .2em 0;
    font-variant: small-caps;
    font-weight: bold;
}

#logo a {
	color:#4A6BB3;
	text-decoration:none;
	}

#top-information-home {
	text-align:right;
	border-bottom:1px dashed #CACACA;
	position:absolute;
	top:0;
	right:25.5%;
	height:2em;
	width:15%;
	padding:0 1.5% 0 0;
	}
	




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



input.button-top {
	font-weight:bold;
	font-size:15px;
	margin:15px 0 15px 0;
	}

input.buton-top a:link,
input.buton-top a:visited
{
    background-color:Aqua
}


input.button-side {
	font-weight:bold;
	padding:5px 5px 5px 5px;
	font-size:12px;
	margin: 3px 5px 3px 30px;
	}

.clear {
	clear:both;
	}

.none {
    display:none;
}
text.label {
	font-weight:bold;
	padding:.4em .7em .4em .7em;
	font-size:1.2em;
	margin: .1em .1em .1em .1em;
	}
.table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:center;
    color:Black;
    align:center;
    color:Black;
    border:solid 2px Black
}
.table1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    color:Black;
}

.border
{width:100%;
 margin:10px 0 0 0;
border:1px solid #818181;
}


div#main_container{
    margin: 5px auto 0 auto;
    width: 750px;
    text-align: left;
    background-color:White ;
}

