/* Horeca-drukwerk */

html,body {
margin-top:8px;
padding:0;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
}

a {
text-decoration:none;
color:#993333;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#006633;
vertical-align:top;
}	

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#006633;
vertical-align:top;
}

ol, li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
margin-left: 12px;
}

b.tussenkop{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#006633;
}		
	
div#container {
margin:0 auto;
width: 730px; 
height:auto;
min-height:740px;
position:relative;
background-image: url(images/schaduw.gif);
}

div#logo{
position:absolute;
top: 0px;
height:125px;
width:700px;
background-image:url(images/logo-horeca_compleet_02.jpg);
background-position: left;
background-repeat: no-repeat;
margin-top:0px;
margin-left: 15px;
}

div#balk{
position:absolute;
top:125px;
left:150px;
height:16px;
width:550px;
margin-left: 15px;
background-image:url(images/logo-horeca_compleet_04.jpg);
}

div#pad{
text-align:left;
margin-left:265px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
vertical-align:middle;
}

div#navigatie_links{
position:absolute;
top: 170px;
width:150px;
margin-left: 15px;
height:100%;
}

div#navigatie_links a { display:block; height:30px; width:150px; overflow:hidden; float:left; }
div#navigatie_links a:hover { display:block; text-indent:-150px; }
div#navigatie_links a:active { display:block; text-indent:-150px; }
div#navigatie_links a#active { display:block; text-indent:-150px; }
img {  border:none; }

div#navigatie1_links{
position:absolute;
top: 125px;
width:150px;
height:45px;
margin-left: 15px;
}
div#navigatie2_links{
position:absolute;
top: 620px;
width:150px;
height:120px;
margin-left: 15px;
}

div#container_inhoud{
position:absolute;
top:141px;
left:150px;
width:550px;
height:599px;
margin-left: 15px;
background-image:url(images/logo-horeca_compleet_05.jpg);
background-position: left;
background-repeat: no-repeat;
}

div#inhoud{
width:520px;
margin-left:21px;
margin-top:6px;
height:auto;
vertical-align: top;
}

tr.productgroepkop{
background-color: #993333;
height: 25px;
}

div.productgroepkoptekst{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 20px;
color: #ffffff;
text-align: center; 
}

tr.productgroep{
background-color: #087c08;
height: 25px;
}

div.productgroeptekst{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:20px;
color: #ffffff;
text-align: center; 
}

div.productgroepprijs{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:20px;
color: #ffffff;
text-align: center; 
}

table.info{
position:top;
width: 520px;
margin-top: -30px;
line-height: 13px;
}

table.product{
position:left;
width: 520px;
vertical-align:top;
}

table.productafbeelding{
float: bottom;
vertical-align:bottom;
width: 240px; 
height: 188px;
border: 0;
}

table.aantalbest{
float: bottom;
width: 510px;
}

table.categorie {
position:left;
width: 520px;
}

table.bestelling {
float: bottom;
width:520px;
}

td.keuze {
position:left;
width: 330px;
vertical-align:top;
}

input {
border-width:3px ;
border-color: #d0c6ae;
background-color: #f7f3e8;
color: #7c5901;
text-align: center;
}

input.text {
border-width:1px ;
border-color: #d0c6ae;
background-color: #f7f3e8;
color: #7c5901;
text-align:left;
}

select {
border-width: 1px ;
border-color: #d0c6ae;
background-color: #f7f3e8;
color: #7c5901;
}

tr.winkelwagen {
position:left;
width: 520 px;
vertical-align:top;
}

div#footer{
position: relative;
margin-top: -60px;
margin:0 auto;
width: 700px; 
height:30px;
background: #006633;

}

div#footertekst {
position: relative;
text-align:center;
vertical-align:center;
color: #ffffff;
}



/* Einde Horeca-drukwerk */