body, html{
margin: 0 auto;
text-align: center;
background: url(../images/steigerhout.jpg) fixed;
}
#main_container{
width: 990px;
margin: 0 auto;
text-align: center;
background-color: #fff;
padding: 0px 5px 0px 5px;
}
#header_menu{
float: left;
width: 990px;
text-align: center;
margin: 0 auto;
background-color: white;
}
#content_container{
float: right;
width: 705px;
text-align: left;
min-height: 600px;
height: 3050px;
background-color: #fff;
}
#rechts_container{
float: left;
width: 280px;
height: 3050px;
margin: 0 auto;
text-align: justify;
background-color: #fff;
padding: 0px 0px 0px 5px;
}
#footer_container{
clear: both;
width: 985px;
text-align: center;
margin: 0 auto;
background-color: #fff;
padding: 5px 0px 0px 5px;
}
.thickstyle{
background: #fff;
}
.bedrag{
width: 200px;
text-align: right;
font: bold 13px verdana, Helvetica, sans-serif;
color: #99CD00;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.nomouse 
{
border-bottom: 1px dashed #FF0000;
cursor:pointer;
}
.onderstreept
{
border-bottom: 1px dashed #FF0000;
}
.note_afbeelding{
padding: 15px 0 0 0;
text-align: center;
margin: 0 auto;
font-family: arial;
}
.note_tekst{
font-size: 14px; 
width: 100%;
font-family: arial;
margin: 0 auto;
text-align: left;
}
#home_aanbiedingen{
width: 985px;
margin: 0 auto;
text-align: center;
}
#home_menus{
padding: 10px 0 0 0;
width: 705px;
margin: 0 auto;
text-align: center;
}
#home_menus2{
padding: 20px 0 0 0;
width: 705px;
margin: 0 auto;
text-align: center;
}
#home_menu1{
float: left;
width: 234px;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0;
}
#home_menu2{
float: left;
width: 235px;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0;
}
#home_menu3{
float: left;
width: 234px;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0;
}
#overzicht_assortiment{
padding: 0px 0px 0px 0px;
width: 705px;
margin: 0 auto;
text-align: center;
}
#overzicht_assortiment1{
float: left;
width: 141px;
text-align: left;
}
#overzicht_assortiment2{
float: left;
width: 141px;
text-align: left;
}
#overzicht_assortiment3{
float: left;
width: 141px;
text-align: left;
}
#overzicht_assortiment4{
float: left;
width: 141px;
text-align: left;
}
#overzicht_assortiment5{
float: left;
width: 141px;
text-align: left;
}
/* content boxen */
#header{
width: 100%;
height: 80px;
padding: 0;
}
#links {
padding: 5px 0px 0px 0px;
}
#rechts {
padding: 11px 20px 0px 0px;
}
#content{
padding: 11px 0px 0px 0px;
margin: 0px auto;
}
#footer{
padding: 16px 0px 0px 0px;
}
/* background image boxen */
#back{
position: absolute;
top: 20px;
left: 10px;
}
.color {
font: 12px verdana, Helvetica, sans-serif;
color: #fff;
text-align: justify;
background-color: #99CC33;
padding: 10px 10px 10px 10px;
}
p {
font: 12px verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
h1 {
font-size: 18px;
font-family: arial, verdana, Helvetica, sans-serif;
color: #492A15;
font-style: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2 {
font-size: 14px;
font-family: arial, tahoma, verdana ms, verdana, Helvetica, sans-serif;
color: #492A15;
font-style: bold;
font-variant: small-caps; 
text-decoration: none;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h6 {border-bottom:1px solid #696969}
h3 {
font-size: 12px;
font-family: arial, verdana, Helvetica, sans-serif;
color: #99CD00;
font-variant: small-caps; 
text-decoration: none;
list-style: none;
font-style: bold;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h4 {
font-size: 13px;
font-family: arial, Helvetica, sans-serif;
font-variant: small-caps; 
text-decoration: none;
color: #492A15;
list-style: none;
font-style: bold;
margin: 0;
padding: 0px 0px 0px 0px;
}
h5 {
font-size: 12px;
font-family: arial, Helvetica, sans-serif;
text-decoration: none;
color: #99CD00;
text-align: center;
font-variant:small-caps; 
padding: 0px 0px 0px 0px;
margin: 0 auto;
}
#top_search{
float: right;
padding: 0px 0px 0px 0px;
}
#top_logo{
float: left;
padding: 0px 0px 0px 0px;
}
#leftmenu_titel {
text-decoration: none;
}
.leftmenu_titel {
font: bold 12px trebuchet, trebuchet ms, verdana, Helvetica, sans-serif;
color: #99CD00;
padding: 0px 6px;
text-align: left;
vertical-align: center;
background-color: black;
}
#leftmenu_titel2 {
text-decoration: none;
}
.leftmenu_titel2 {
font: bold 12px/25px trebuchet, trebuchet ms, verdana, Helvetica, sans-serif;
color: #99CD00;
padding: 0px 6px;
text-align: left;
vertical-align: center;
background-color: #696969;
}
#leftmenu a{
font: 11px verdana, trebuchet, Helvetica, verdana ms, Helvetica, sans-serif;
color: #99CD00;
text-decoration: none;
padding: 2px;
text-align: left;
}
#leftmenu a:hover{
font: 11px verdana, trebuchet, Helvetica, verdana ms, Helvetica, sans-serif;
color: red;
text-decoration: underline;
padding: 2px;
text-align: left;
}
.box1{
float: left;
text-align: left;
font: 10px/16px verdana;
vertical-align: bottom;
}
.box2{
float: right;
text-align: right;
width: 705px;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}  

/* content boxen */
#header{
}
.thumb_afbeeldingen{
border: 1px solid gray; 
background:#fff;
margin: 0 auto;
padding: 0;
text-align: left; /* terug zetten van links uitlijnen van de tekst*/
padding:4px;
margin:3px;
}
/* opmaak home pagina */
.producttitel {
font: bold 14px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: black;
width: 100%;
text-align: left;
border-bottom: 1px solid #696969;
}
.producttitel2 {
width: 100%;
border-bottom: 1px solid #696969;
text-align: left;
}
.tl_producttitel {
font: bold 14px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
width: 100%;
border-bottom: 1px solid #696969;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.titel_toelichting {
font: bold 13px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
line-height: 12pt;
}
.specificaties {
font: 11px verdana, Helvetica, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
line-height: 12pt;
}
.toelichting {
font: 11px verdana, Helvetica, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
line-height: 12pt;
}
.toelichting_home {
font: 11px verdana, Helvetica, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
line-height: 12pt;
}
.teksttitel {
font: bold 13px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
line-height: 12pt;
}
.tl_teksttitel {
font: 11px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.toelichting_afbeelding {
font: 11px/14px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: black;
background-color: #dcdcdc;
text-align: center;
}
.toelichting_formulier {
font: 11px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
}
.merk {
padding: 0px 6px;
text-align: right;
width: 17%;
}
.afbeelding {
margin: 0 auto;
text-align: center;
}
.prijs {
font-family: tahoma;
font-size: 22px;
color: red;
float: right;
padding: 0px 3px;
font-variant: small-caps;
}
.home_links a{
font: 12px verdana, verdana, Helvetica, sans-serif;
color: #696969;
text-align: left;
float: left;
text-decoration: underline;
}
.home_links a:hover{
font: 12px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
text-decoration: underline;
}
.home_links2 a{
font: 11px verdana, Helvetica, sans-serif;
color: black;
line-height: 12pt;
text-align: left;
font-variant: small-caps;
text-decoration: none;
}
.home_links2 a:hover{
font: 11px verdana, Helvetica, sans-serif;
color: red;
text-align: left;
font-variant: small-caps;
line-height: 12pt;
text-align: left;
}
.zoom_links a{
font: 10px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: black;
text-align: center;
text-decoration: none;
}
.zoom_links a:hover{
font: 10px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: red;
text-align: center;
text-decoration: none;
}
.home_links3 a{
font: 11px verdana, trebuchet, Helvetica, sans-serif;
color: #696969;
text-align: left;
text-decoration: none;
}
.home_links3 a:hover{
font: 11px verdana, trebuchet, Helvetica, sans-serif;
color: red;
text-align: left;
text-decoration: none;
}
.home_footer {
font: 10px/18px verdana, verdana ms, verdana, Helvetica, sans-serif;
color: #99CD00;
text-align: center;
text-decoration: none;
padding: 7px 0 0 0;
border-top: 1px solid #C0C0C0;
}
.tl_home_links a{
font: 10px verdana, Helvetica, sans-serif;
color: #696969;
line-height: 12pt;
text-decoration: none;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.tl_home_links a:hover{
font: 10px verdana, Helvetica, sans-serif;
color: black;
line-height: 12pt;
text-decoration: underline;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.tl_afbeelding a
{
font: 9px arial-narrow, tahoma;
color: #696969;
text-decoration: none;
text-align: center;
}
.home_tekst{
font: 10px verdana, Helvetica, sans-serif;
color: black;
text-align: left;
float: left;
line-height: 12pt;
}
.home_tekst2{
font: 12px verdana, Helvetica, sans-serif;
color: #696969;
text-align: left;
text-decoration: none;
float: left;
line-height: 12pt;
}
.menu_tekst{
font: 11px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
}

/* header menu */
#navigatie {
 font: 14px/14px tahoma, trebuchet, verdana, Helvetica, sans-serif;
 color: red;
 color: #492A15;
 text-align: center;
 font-variant: small-caps;
}

#navigatie ul {
 list-style: none;
 margin: 0;
}

#navigatie ul li {
 float: left;
}

#navigatie ul li a {
 display: block;
 padding: 1px 1px 1px 1px;
 border-right: 1px solid #492A15;
 color: #492A15;
 background-color: #ffffff;
 text-align: center;
 font-variant: small-caps; 
 text-decoration: none;
}
html>body #navigatie ul li a {
 width: auto;
}
#navigatie ul li a:hover {
 background-color: #492A15;
 color: #ffffff;
 text-align: center;
 font-variant:small-caps; 
}

.main3{width:1000px;margin-left:auto;margin-right:auto;text-align:left}
.center{text-align:center}
.floatr{float:right}
.floatl{float:left}
.left{text-align:left}
.width459{width:459px;} /* must have width to work in safari */
.width259{width:259px;}
.width230{width:230px;}
.bold{font-weight:bold}
.medium{font-size:14px}
.position2{position:relative;top:-105px;left:10px;text-align:left}
.#696969{color:#a52742;}
.clear{clear:both;}

.bumpright{position:relative;left:17px} /* mac ie5.x doesn't like position relative */

.bumpup{margin-top:-5px;margin-bottom:4px;} /* for plus image to bump up to align w text and gap below */

/* ie5 mac positioning styles must be absolute, tantek hack follows */

/* Hide from IE-Mac \*/ 
.up{position:relative;top:-70px;}
/* End hide */

/*\*//*/
.position3{position:absolute;top:265px;left:108px;}
.up{margin-top:0em;}
.floatl{};
/**/

.menuhoofd {
background-color: #fff;
color: #ff3300;
font: bold 13px/24px verdana, verdana, Helvetica, sans-serif;
border: 1px solid black;
padding: 0 6px;
width: 600px;
}
.arrow {
float: right;
padding: 6px 0px 0px 0px;
}
.afbeelding {
background-color: #FFF;
color: #696969;
align: center;
font: 10px verdana, verdana, verdana, Helvetica, sans-serif;
}
input{
margin: 2px 0 2px 0;
color: black;
font-weight: bold;
padding: 1px 0 2px 3px;
border: 1px solid #000;
font-family: verdana, verdana;
font-size: 12px;
border:0;
background-color: #DCDCDC;
}
input.aantal{
color: black;
padding: 2px 1px 2px 1px;
border: 1px solid #000;
font-family: verdana;
font-size: 12px;
text-align: right;
background-color: #DCDCDC;
}

/* opmaak webshop gedeelte */
.titel1 {
font: bold 15px trebuchet, verdana, verdana, Helvetica, sans-serif;
color: black;
padding: 0 6px;
float: left;
width: 100%;
border-bottom: 1px solid #696969;
}
.tekstvak {
background-color: #fff;
padding: 5px 5px 5px;
text-align:left;
}
.tekstinvak {
font: 13px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
}
.adviesprijs {
font: 11px/16px verdana, verdana;
color: black;
}
.actieprijs {
font: bold 18px/22px trebuchet, verdana;
color: black;
}
/* leftmenu */
.menutitle{
font: 12px/14px verdana, Sans-serif, Helvetica, verdana, verdana;
cursor:pointer;
padding: 1px 6px;
text-align:left;
line-height: 12pt;
}
.submenu{
margin-bottom: 0.2em;
padding: 0px 2px;
}

/* zoekform */
form{
padding: 0px 0px 0px 0px;
margin:0;
}
input{
font: 11px verdana;
color: #696969;
background: #fff;
border: 1px solid #696969;
}
input.zoek {
width: 41px;
height: 18px;
border: 0px;
background: url(../images/search.gif);
outline: none;
cursor:pointer;
}
/* Opmaak online serviceaanvraag */
fieldset
{
border: 1px solid #696969;
text-align: left;
padding: 10px 10px 10px 10px;
width: 670px;
}
legend{
color: #696969;
font-weight: bold;
font-family: verdana;
text-align: left;
padding: 0px 0px 0px 6px;
text-transform: uppercase;
margin: 0 0 5px 0;
font-size: 12px;
}
label{
width: 350px;
float: left;
font-weight: bold;
font-family: verdana;
font-size: 12px;
text-align: left;
padding: 0px 0 0 0;
font-variant:small-caps; 
}
input{
margin: 2px 0 2px 0;
font: 11px verdana, verdana, Helvetica, sans-serif;
color: black;
text-align: left;
padding: 1px 0 2px 3px;
border: 1;
background-color: #DCDCDC;
}
.toelichting_form {
font: 11px verdana, Helvetica, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
padding: 4px 6px 4px 6px;
}
.teksttitel_form {
font: bold 13px trebuchet, verdana, verdana, Helvetica, sans-serif;
color: black;
text-align:left;
padding: 4px 6px 4px 6px;
}
input.zoeken
{
text-decoration: none;
background-color: #fff;
font: 11px verdana, Helvetica, sans-serif;
height: 14px;
} 
.search
{
height: 19px;
padding: 0px 0px 16px 0px;
} 
input.verzenden
{
width: 207px;
height: 25px;
border: 0px;
background: url(../images/bestelling-versturen.gif);
cursor:pointer;
float: right;
}
input.vervolgen {
width: 207px;
height: 25px;
border: 0px;
background: url(../images/vervolg-bestelling.gif);
outline: none;
cursor:pointer;
float: right;
}