body {
  font-family:arial, Verdana, sans-serif;
  line-height: 1.5; /* Unitless for proper inheritance */
  background: #f1f0f0;
  text-align:center;
}

/* The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

#pagebody{
	width:980px;
	margin:0 auto;
	background:#ffffff;
	height:auto;
	position:relative;
	}

table.header{
background: url("../images/optima/header.gif") no-repeat;
height: 148px;
width: 980px;
}

#headerFR{
background: url("../images/optima/headerFR.gif") no-repeat;
height: 148px;
width: 980px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

a.header {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
margin-right: 10px;
}

a.header:hover {
text-decoration: none;
color: #a8060b;
}

.pipe, #topnavig12{
display: none;
}

#bannerframe,.looptekst,.datum {
	display:none;
}

td.algemenenavigatie {
	background-color: #C0C0C0;
}

a.algemenenavigatie {
color: #a8060b;
font-weight: bold;
text-decoration: none;
font-size: 12px !important;
padding: 3px;
}

a.algemenenavigatie:hover {
text-decoration: none;
color: #fff;
}


td.productnavigatie {

}

a.productnavigatie {
	color: #000066;
}

a.productnavigatie:hover {
	text-decoration: none;
}

.taalnavigatie {
	color: red;
z-index: 5;
display: none;
}

.printnavigatie {
	color: #FFFFFF;
font-size: 10px;
display: none;
}

a.printnavigatie:hover {
	text-decoration: none;
}
#linkermenu table tbody tr td table tbody tr td a img{
display: none;
}
.snelhelp {
	background-color : #FFFFFF;
}

H1 {
font-size: 20px;
color: #868276;
display:inline;
}

H2 {
font-size: 16px;
	color: #A8060b;
	display:inline;
}

H3 {
font-size: 14px;
	color: #868276;
	display:inline;
}

.normaletekst {
color: #868276;
font-size: 12px;
}

.normaletekst a{
color: #A8060b;
text-decoration:underline;
}

.normaletekst a:hover{
color: #A8060b;
text-decoration:none;
}

.textlink:link {
color: #A8060b;
text-decoration:underline;
}

.textlink:hover {
color: #A8060b;
text-decoration:none;
}

.normalelink {
color: #A8060b;
text-decoration:underline;
}

.productlink {
color: #A8060b;
text-decoration:underline;
}

.shoplinks {
	background-color: #999999;
	color: #000066;
	text-decoration: none;
display: none;
}

a.shoplink {
background-color: #868276;
color: #f1f0f0;
font-weight: bold;
text-decoration: none;
display: block;
width: 200px;
height: 20px;
line-height: 20px;
margin-left: 0px;
}

a:hover.shoplink {
color: #a8060b;
}

.beschrijving {
	color: #000000;
}

.welkomvlak {
	background-color : #C0C0C0;
}

.contactkader {
	border : 2px solid #999999;
}

.footer {
	color: #999999;
font-size: 10px;
}

.footer:hover {
	text-decoration: none;
}

#footerlink {
display:block;
margin:0pt auto;
position:relative !important;
top:20pt !important;
width:1000px;
}

.gastenboekheader {
	background-color : #C0C0C0;
	color: #000000;
}

.gastenboekrand {
	border : Solid 1px #C0C0C0;
}

.omschrijvingtitel {
	color: #000066;
}

#bovenstemenu1 {
	position:absolute;
	top:3px;
	z-index:2;
	right:130px;
}

#linkermenu {
	position:absolute;
	top:180px;
	z-index:1;
	background:#868276;
	left:0;
}

.breadcrums {
	text-decoration: none;
	color: #868276;
font-size: 10px;
}

.breadcrums:hover {
	text-decoration: none;
	color: #aaaaaa;
}

td.leftbutton {
	padding-bottom: 3px;
}


#overallsearch {
	padding: 5px;
	width: 128px;
	background-color: #000000;
}

/***** home *****/

#home_pic{
margin-top: 100px;
width: 515px;
}

/* Firefox */ 
@-moz-document url-prefix() { 
#home_pic{
margin-top: 100px;
width: 525px;
} 
} 

#home_grijs{
position: absolute;
margin-top: -385px;
right: 10px;
width: 225px;
background:#868276;
color: #f1f0f0;
padding: 10px;
z-index: 100;
}

/* Firefox */ 
@-moz-document url-prefix() { 
#home_grijs{
float: right;
margin-right: 0px;
margin-top: -390px; } 
} 

#homeh1{
margin-top: 0x;
position: absolute;
padding: 20px 0 0 70px;
text-align: center;
}

#homeh1 h1{
font-size: 14px;
font-weight: bold;
margin-top: -20px;
text-align: center !important;
}

/******************** menu start hier *********************/
#menu {
	width: 175px;

}

/* resetten ul en li */
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {
	position: relative;
	padding:0px;
	margin: 0px;
    list-style:none;
}

/* achtergrond kleur van titel */
#menu h2 {
margin: 20px 0px 0px 5px;
background: url("../images/optima/square.gif") no-repeat;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
text-align: left;
padding-left: 25px;
height: 25px;
line-height: 25px;
display: block;
}

/* achtergrond kleur van elk blokje */
#menu ul ul li {
background: none;
font-weight: bold;
text-align: left;
}

#menu ul ul ul li {
	font-weight: normal;
background: none;
text-align: left;	
}

#menu ul ul ul ul li {
	display: none;
}

/* dropdown 1e niveau verbergen */
#menu ul ul ul{
	display: none;
}

/* dropdown 2e niveau verbergen en positioneren */
#menu ul ul ul ul{
	display: none !important;
	position: absolute;
	left: 200px;
	top: 0px;
	width: 300px;
}

/* instellingen links */
#menu li li a {
	text-decoration: none;
	outline: none;
	padding-left: 10px;
font-size: 11px;
color: #fff;
	background: none;
	height: 20px;
	line-height: 20px;	
}

#menu li li a:hover {
background: none;
display: block;
	color: #a80608;
}

#menu li li li a {
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	color: #a80608;		
}

#menu li li li a:hover {
	background: none;
	color: #fff;
}

#menu li li li li a {
	height: 30px;
	line-height: 30px;		
}

#menu li li li li a:hover {
	background-color: #DFF;
	color: #000;
}

/* dropdown 1e niveau weergeven */
#menu .selected_productgroup ul {
	display: block;
}

/* geselecteerd menu item */
#menu .selected_productgroup {
	background: none;
}

/* uitklap bij hover */
#menu ul ul ul li:hover ul {
	display: block !important;
}
/****************************************/

.contenttable{
padding-left: 10px;
}

.realcontenttable{
height:580px;
min-height:580px !important;
}

.normaletekst strong font{
display: inline;
color: #FF0000;
}
tr td font{
display: none;
}

/******** promo ***/
#promo{
background: url("../images/optima/footer.jpg") no-repeat;
height: 118px;
width: 980px;
}

#promoFR{
background: url("../images/optima/footerFR.jpg") no-repeat;
height: 118px;
width: 980px;
}

#promofolder{
width: 230px;
height: 60px;
position: absolute;
bottom: 38px;
left: 0px;
}

#promo1{
width: 165px;
height: 70px;
position: absolute;
bottom: 34px;
left: 242px;
}

#promo2{
width: 150px;
height: 70px;
position: absolute;
bottom: 34px;
left: 440px;
}

#promo3{
width: 160px;
height: 70px;
position: absolute;
bottom: 34px;
left: 625px;
}

#promo4{
width: 140px;
height: 70px;
position: absolute;
bottom: 34px;
left: 827px;
}
/********************/
#over_ons{
position: absolute;
top: 3px;
right: 250px;
z-index: 3;
}

#over_onsFR{
position: absolute;
top: 3px;
right: 265px;
z-index: 3;
}

#referenties{
position: absolute;
top: 3px;
right: 60px;
z-index: 3;
}

#referentiesFR{
position: absolute;
top: 3px;
right: 65px;
z-index: 3;
}

#route{
position: absolute;
top: 3px;
right: 10px;
z-index: 3;
}

#routeFR{
position: absolute;
top: 3px;
right: 5px;
z-index: 3;
}

#topnavig1{
margin-right: 70px;
}

a#over_ons, a#referenties, a#route, a#over_onsFR, a#referentiesFR, a#routeFR{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

a:hover#over_ons, a:hover#referenties, a:hover#route,a:hover#over_onsFR, a:hover#referentiesFR, a:hover#routeFR {
text-decoration: none;
color: #a8060b;
}

#textbanner{
position: absolute;
width: 980px;
text-align: center;
}

a#textbanner{
color: #868276;
text-decoration: none;
}

a:hover#textbanner{
color: #868276;
text-decoration: none;
}

#footerlinks{
position: absolute;
bottom: 5px;
left: 25px;
}

#footerlinks a{
color: #ffffff;
text-decoration: none;
font-size: 11px;
font-weight: bold;
margin-right: 10px;
}

#footerlinks a:hover{
color: #a8060b;
}

#titlespacer, #detailsheadingspacer, .productfototop, .productdetaillocation, .productdetailprice{
display: none;
}

.productdetailpicture{
padding-right: 10px;
}

a.normalelink.pdfdocument{

line-height:35px;
}

/*----------subgroupoverzicht-----------*/
#titlespacer2, #subgroupsheadingspacer{
display:none;
}
.productlink h1{
color: #a8060b;
font-size: 12px;
}
.productcontent{
display: none;
}
.subgroup_productpicture img{
height: 50px;
}
/***/

#logo{
position: absolute;
top: 33px;
left: 0px;
height: 100px;
width: 230px;
z-index: 3;
}

#huishoud{
position: absolute;
top: 307px;
left: 0px;
height: 20px;
width: 160px;
z-index: 20;
}

.taalnav{
position: absolute;
top: 5px;
left: 10px;
z-index: 10;
}

/*PROFESSIONEEL items met 1 product juist weergeven*/
.menugroup19.one-subsubitem a{
display:none !important;
}

.menugroup12.one-subsubitem a{
display:none !important;
}

.menugroup4.one-subsubitem a{
display:none !important;
}

.menugroup18.one-subsubitem a{
display:none !important;
}

.menugroup17.one-subsubitem a{
display:none !important;
}

/*PARTICULIER items met 1 product juist weergeven*/

.menugroup6 .one-subsubitem a{
display: none !important;
}

.menugroup9.one-subsubitem a{
display: none !important;
}

.menugroup16.one-subsubitem a{
display: none !important;
}

#keywordhomerandom{
margin-top:-50px;
}

.footer{
display:none;
}

#keywordhomerandom br{
display:none;
}

#keywordhomerandom{
display:inline;
}
#keywordhomerandom a{
display:inline;
}

