div { box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; }

body { font: normal 12px Arial,Helvetica,sans-serif; color: #000; margin: 0; padding: 0; overflow: auto;}
body.vervolg { background: url(../graphics/00_bg_0_l.gif) repeat-y;	background-color: #F5F5F5; overflow: auto;}

table { font: normal 12px Arial,Helvetica,sans-serif; color: #000; }
tr { font: normal 12px Arial,Helvetica,sans-serif; color: #000; }
td { font: normal 12px Arial,Helvetica,sans-serif; color: #000; }

a { font: normal 12px Arial,Helvetica,sans-serif; color: #000; }
a:hover { color: #FF301E; }

h1 { font: bold 15px Arial,Helvetica,sans-serif; color: #FF301E; }
h2 { font: bold 12px Arial,Helvetica,sans-serif; color: #000; }

.i-button { font: normal 12px Arial,Helvetica,sans-serif;  border: 1px solid #000000; background-color: #FFFFFF; padding: 1px;margin: 0; cursor: hand;}

div.message { margin-top: 1em; margin-bottom: 1em; }


/* ========= homepage ==========*/

#i-homepage-menutop { background: url(../graphics/home/00_img1_0_m.gif) no-repeat; padding: 0 0 0 270px; white-space: nowrap;}
.i-homepage-bottom { background-color:#FF594B; }

div#i-homepage-newsitem { top: 386px; left: 200px; position:absolute; margin: 10px; padding-left: 100px; }

#i-homepage-menubottom-newsitem,
#i-homepage-menubottom-newsitem:link,    
#i-homepage-menubottom-newsitem:visited { font: normal 12px Arial,Helvetica,sans-serif; color: #000; }
#i-homepage-menubottom-newsitem:hover { color: #FF301E; }

#i-external-iframe { width: 100%; height: 520px; margin-left: 177px; padding: 0; }

/* ============= vervolg ============ */
#i-page-top { width: 100%; position:absolute; top:0px; left:0px; background: url(../graphics/00_bg_0_t.gif) repeat-x; }
#i-page-top img {border: none; }

#i-navigation-left { position:absolute; top:0px; left:0px; margin-top: 51px; width: 177px; }
#i-navigation-left img { border: none; }
#i-navigation-wrapper { margin-left: 177px; margin-top: 51px; padding: 0; }
#i-topnavigation-blackbar { background-color: #000; height: 20px; }
#i-topnavigation-greybar { background-color: #8e8e8e; height: 20px; }

#i-content-wrapper { margin-left: 177px; margin-top: 0px; padding-top: 0; padding-left: 10px; padding-right:150px;}
#i-content-wrapper-noright { margin-left: 177px; margin-top: 0px; padding-top: 0; padding-left: 10px; }

#logo { right: 0px; top: 0px; position:absolute; }

#i-newslist { border: none; width: 400px; font-size: 12px; }

.i-retailerlist-index-header,
.i-retailerlist-index-disabled { font-size: 12pt; font-weight: bold; padding-right: 10px; }

a.i-retailerlist-index,
a.i-retailerlist-index:link,    
a.i-retailerlist-index:visited, 
a.i-retailerlist-index:hover { font-size: 12pt; font-weight: bold; padding-right: 5px; }

a.i-productlist-index,
a.i-productlist-index:link,    
a.i-productlist-index:visited, 
a.i-productlist-index:hover { font-size: 12pt; font-weight: bold; padding-right: 5px; }

.i-productlist-index-header,
.i-productlist-index-disabled { font-size: 12pt;font-weight: bold;padding-right: 5px;}
div.i-productlist-index-header{font-size: 14pt;font-weight: bold;padding-top: 10px;}

/* ======= reactieformulieren ========*/
table#i-react-form {  border: none; font-size: 12px; }
table#i-react-form th { text-align:left; }
table#i-react-form td { vertical-align:top; }
table#i-react-form label { font-weight: bold; padding-right: 12px; }
table#i-react-form input.text, select { width: 150px; font-size: 12px; }
table#i-react-form textarea { width: 300px; height: 100px; }

table#catalog { border-color: #000000; border-style: solid; border-width: 0px; margin: 0px; padding: 0px; border-collapse: collapse}
table#catalog td { border-color: #000000; border-style: solid; border-width: 1px; padding: 2 8 2 8; margin: 0px;}

label,
.i-form-label {  font-size: 12px; font-weight: bold; padding-right: 12px; }

a#i-leftnavigation-logoff,
a#i-leftnavigation-logoff:hover { text-decoration:underline; font: normal 12px Arial,Helvetica,sans-serif; color: #fff; }