body{
font-family: Arial, Verdana,Myriad;
font-size: 13px;
color:#141414;
margin:0px 0px 0px 0px;
text-align:left;
float:none;
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}
h1{
font-size: 14px;
font-weight:bold;
color:#061C70;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D8D8;

}
h2{
font-size: 12px;
font-weight:bold;
color:#061C70;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h3{
font-size: 12px;
font-weight:bold;
color:#061C70;
}
img{
border-width:0px;
border: 0px;
}
hr{
color:#5C656A;
border: 0;
width: 500;
}
td{
font-size: 12px;
line-height:135%;
}
p{
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}
a         { text-decoration:none; font-size: 13px; font-weight:bold; color:#999999; }
a:hover   { text-decoration:none; font-size: 13px; font-weight:bold; color:#414141; }

.balkrood {
background-color: #C1332B;
height: 3px;
width: 100%;
}
.masterBody {
height:100%;
text-align:center;
float:none;
}
.mainBody {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
text-align:center;
background-color:#FFFFFF;
}
.mainPane {
text-align:center;
float: center;
width: 980px;
margin: 0 auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.headerPane {
width:980px;
height:363px;
float:left;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative; 
}
.blauwPane {
height: 35px;
width: 980px;
text-align:left;
position: absolute; 
background-color:#253076;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
top: 130px; 
left: 0px; 
z-index:9;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#topmenu {
	padding: 0;
	position: absolute; 
	top: -13px; 
	left: 205px; 
}
	
#topmenu li {
	float: left;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

#topmenu li a {   
   height: 26px;
   display: block;
   padding: 9px 20px 0px 20px;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   border-right: 0px solid black;
   width: auto;
   color: #fff;
   white-space: nowrap;
}
#topmenu a.active {
   background: #FFFFFF;
   width: auto;
   color: #051B6F;
}
#topmenu li:hover, #topmenu a:hover {
   background: #FFFFFF;
   color: #051B6F;
}

.logoPane {
width: 145px;
height: 145px;
position: absolute; 
top: 30px; 
left: 36px; 
z-index:99;
}
.titelPane {
width: 367px;
height: 50px;
position: absolute; 
background-repeat:no-repeat; 
background-image:url(images/oliehandel-metropa-rotterda.gif);
top: 62px; 
left: 205px; 
}
.adresPane {
width: 195px;
height: 90px;
font-size: 11px;
position: absolute; 
top: 26px; 
left: 783px; 
}
.adresPane a         { text-decoration:none; font-size: 11px; font-weight:normal; color:#061C70; }
.adresPane a:hover   { text-decoration:none; font-size: 11px; font-weight:normal; color:#C1342B; }

.fotoPane {
width: 980px;
height: 233px;
position: absolute; 
top: 130px; 
left: 0px; 
background-repeat:no-repeat; 
background-image:url(images/header.jpg);
z-index:8;
}
.homeFoto {
width: 490px;
height: 320px;
float:left;
margin: 0px 0px 0px 45px;
padding: 13px 0px 0px 0px;
text-align:left;
}
.homeTekst {
width: 430px;
height: 263px;
float:left;
margin: 75px 0px 0px 27px;
padding: 0px 0px 0px 0px;
text-align:left;
overflow:auto;
}
.contentPane {
text-align:center;
float: left;
width:980px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.leftPane {
text-align:left;
width:170px;
font-size: 10px;
float:left;
margin: 10px 0px 0px 19px;
padding: 0px 0px 0px 0px;
}
.middlePane {
text-align:left;
width:780px;
float:left;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.sitemap {
width:160px;
height:20px
float:left;
text-align:center;
margin: 13px 0px 0px 50px;
padding: 0px 0px 0px 0px; 
}
.sitemap a         { text-decoration:none; font-size: 11px; font-weight:bold; color:#FFFFFF; }
.sitemap A:hover   { text-decoration:underline; font-size: 11px; font-weight:bold; color:#FFFFFF; }

.newsheader td{
font-size: 13px;
font-weight:bold;
color:#C1342B;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
.newsmessage td{
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
font-weight:normal;
font-size: 13px;
color:#C1342B;
}
input {
height: 14pt;
font-size: 11px;
}
select {
height: 14pt;
font-size: 11px;
}
.footerPane {
width: 980px;
margin: 0 auto;
padding: 10px 0px 0px 10px;
float: left;
text-align:left;
color:#ffffff;
background-color: #051C6F;
}
.footerPane h2 { text-decoration:none; font-size: 12px; font-weight:bold; color:#FFFFFF; }
.footerPane a       { text-decoration:none; font-size: 12px; font-weight:bold; color:#FFFFFF; }
.footerPane a:hover   { text-decoration:underline; font-size: 12px; font-weight:bold; color:#FFFFFF; }
.footerPane td       { text-decoration:none; font-size: 12px; font-weight:bold; color:#FFFFFF; }

.copyright {
width:960px;
height:10px
float:left;
text-decoration:none; 
font-size: 9px; 
font-weight:bold; 
color:#FFFFFF;
text-align:left;
margin: 5px 0px 5px 10px;
padding: 0px 0px 0px 0px; 
}

.cleaner {
    clear: both;
    height: 0px;
}

#mainmenu {
	float: left;
    width: 170px;
}
#mainmenu ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainmenu li {
    float: left;
    width: 170px;
	height:20px;
	line-height:100%;
}
#mainmenu a {
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 170px;
    color: #051C6F;
    font-size: 14px;
	font-weight:bold;
    margin-right: 0px;
    outline: none;
}
#mainmenu a:hover, #mainmenu a.active {
    color: #C1342B;
}

#submenu {
    width: 220px;
}
#submenu ul {
    list-style-type: disc;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#submenu li {
    float: left;
    width: 220px;
}
#submenu a {
    text-align: left;
    width: 240px;
    color: #414141;
    font-size: 11px;
	font-weight:normal;
    margin-right: 0px;
    outline: none;
}
#submenu a:hover, #submenu a.active {
    color: #C1342B;
}


.Product   {  	
position: relative; 
background-image:url(images/product.jpg);   text-align:left; float: left; width: 239px; height: 238px; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; }

.ProductKop {
   	width: 182px;
   	height: 43px;
	float : left;
	display:table-cell; 
	vertical-align:middle;
	margin: 5px 0px 0px 17px;
	padding: 0px 0px 0px 0px;
}
.ProductKop a {	    font-size: 11pt; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.ProductKop a:hover { font-size: 11pt; font-weight: normal; text-decoration: underline; color: #C1342B;}
.ProductFoto {
	position: absolute;
   	width: 237px;
   	height: 186px;
	float : left;
	left: 1px;
	top: 51px;
	background-repeat:no-repeat;
	background-position:center; 
	text-align:center;
	z-index:2;
}

.ProductPrijs {
	position: absolute; 
	text-align:center;
	width: 150px;
	height: 28px;
	background-color:#cccccc;
	left: 88px;
	top: 209px;
	z-index:3;
}
#prijslink { position: relative; top:6px; font-size: 11pt; font-weight: bold; text-decoration: none; color: #000000; padding: 10px 0px 0px 5px;}
#prijslink:hover{ color: #FFFFFF; }
.XXProductPrijs a {	    font-size: 12pt; font-weight: bold; text-decoration: none; color: #FFFFFF; padding: 10px 0px 0px 5px;}
.XXProductPrijs a:hover { font-size: 12pt; font-weight: bold; text-decoration: underline; color: #C1342B; padding: 10px 0px 0px 5px;}

.ProductOmschrijving {
   	width: 380px;
	float : left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:120%;
}
.ProductFotos {
   	width: 328px;
	float : left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#FotoKader {
border: 1px;
border-width:1px;
border-color:#C6C6C6;
border-style:single;
}

.oranje {
color: #C1342B;
font-weight:bold;
}
.page {
	margin: 10px 0px 0px 0px;
}
.knop {
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 15px 5px 15px; 
display: block; 
background-color: #051B6E;
border: 1px solid #E8E8E8; 
color:#FFFFFF;
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.knop:hover { border: 1px solid #000000; color:#C1342B; }
.zoekPane {
width:170px;
height:30px;
float:left;
text-align:left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D8D8;
}
.zoekPane td {font-size:10px;}
.zoekPane input {font-size:10px; }
.inputsmall {height:15px;}
.zoekPane select {font-size:10px;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #061b70));
	background:-moz-linear-gradient(top, #3d94f6 5%, #061b70 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #061b70 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #061b70 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #061b70 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #061b70 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#061b70',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #061b70;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #061b70), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #061b70 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #061b70 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #061b70 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #061b70 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #061b70 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#061b70', endColorstr='#3d94f6',GradientType=0);
	background-color:#061b70;
}
.myButton:active {
	position:relative;
	top:1px;
}