* { margin:0; padding:0; }

body {
font-family: Trebuchet MS;
font-size: 11px;
padding: 0px;
margin: 0px;
/* background: #e9b163; */
height: 100%;
}

html {
   margin: 0px;
   padding: 0px;
   height: 100%;
}

#container {
width: 782px;
margin: 0px auto;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}


#header {
background: #fff url(../pics/top.jpg) no-repeat;
height:201px;
width: 782px;
display: block;
/* padding-left: 20px; */
}

.logo {
  padding: 0px;
  margin: 0px;
}



#mousetrailtop{
display:block;
  float: left;
  margin-top: 170px;
width:500px;
}
#mousetrailtop ul{
float: left;
list-style: none;
}
#mousetrailtop ul li{
float: left;
list-style: none;
margin-left: 10px;
}
#mousetrailtop ul li a{
color: #FFFFFF;
}
#menutop{
  display:block;
  float: right;
  margin-top: 145px;
  width: 250px;
  height: 30px;
  color: white;
  text-align: right;
}
#menu a{
  margin-right: 5px;
  font-size: 11px;
  color: white;
}

.indextablemenuonder td{
background: #ffffff url(/pics/indextablemenubg.jpg) top right no-repeat;
color: white;
height: 65px;
}
/*
.indextablemenuonder td a{
float: right;
margin-right: 15px;
margin-top: 30px;
color: white;
}
*/
#indexmenuhref, .indexmenuhref{
height: 65px;
color: white;
display: block;
text-align: center;
text-decoration: none;
/*
margin-top: 30px;
margin-right: 15px;
*/
}

.indexmenuhrefspan{
  color: #FFFFFF;
  font-size: 15px;
padding-top: 10px;
margin-right: 15px;
display: block;
font-weight: bold;
}


#indexlinks{
  width: 170px;
  height: 384px;
  float: left;
  background-color: #EEEEEE;
  margin-right: 7px;
}
#indexrechts{
  padding: 6px;
  width: 396px;
/*  height: 320px;*/
  float: left;
}

#right {
 width: 180px;
 float: right;
 margin-right: 10px;
 padding-top: 5px;
}


#richtcolumn_1, #richtcolumn_2, #richtcolumn_3{
  width: 160px;
  margin-left: 6px;
  margin-bottom:6px;
  padding: 5px;
  float: left;
    background-color: #EEEEEE;
}

#richtcolumn_2 a {
  color: black;
}


#Levering {
position:absolute;
left: 390px;
top:147px;
font-size:105%;
color: #0B3F94;
width: 375px;
}

#Levering_betalen{
position:absolute;
left:565px;
top:170px;
font-size:105%;
color: #FFF;
width: 200px;
}


#indexonder{
  width: 782px;
  float: left;
}



#utilities {
float: right;
font-size:80%;
}

#utilities a:link, #utilities a:visited {
color:#003C9C;
}

#utilities a:hover, #utilities a:focus, #utilities a:active {
color:#9B5312;
}

#ingelogd {
position: absolute;
right: 0px;
padding-right: 10px;
color: #fff;
}
#ingelogd a{
color: #fff;
text-decoration: none;
}



#searchbox {
float:right;
margin:10px 30px 0 0;
}

#searchbox input {
padding:2px;
}

.menu {
float: left;
margin-top: 22px;
}


.menu li {
display: block;
float: left;
color: white;
}

.menu li a {
padding-left: 10px;
color: white;
text-decoration: none;
}


#menu {
list-style-type:none;
font-size:100%;
color: #000;
}

#menu li {
display: block;
float: left;
padding: 22px 15px 5px 0px;
/* border-bottom: #E65020 1px solid; */
}

#menu li.capa {
margin-left:60px;
}

#menu li a {
text-decoration: none;
/* margin-top:7px; */
}
/*
#menu li a:link, #menu li a:visited {
color:#000;
}

#menu li a:hover, #menu li a:focus, #menu li a:active {
color:#000;

}
*/



#breadcrumb {
background:#A2A0AB;
padding-left:2%;
border-left:1px solid #7E7C88;
border-right:1px solid #7E7C88;
}


#content {
/* padding: 0px 30px 30px 30px; */
width: 575px;
 float:right;
}


#logos img {
margin:10px;


}

#product_select {
margin:0 0 15px 0;
font-size:90%;
}

#content p {
margin:15px 0 0 0 ;

}

#content ul {
margin:15px 0 15px 15px ;

}

#content h1 {
	font-size:140%;
	margin-top: 5px;
	margin-bottom: 2px;
/*    margin-left: 10px; */
    color: #E65020;}
#content h2 {
	font-size:130%;
	margin-top: 5px;
	margin-bottom: 2px;
    color: #E65020;}
#content h3 {
	font-size:120%;
	margin-top: 5px;
	margin-bottom: 2px;
        color: #000;}
#content h4 {
	font-size:110%;
	margin-top: 5px;
	margin-bottom: 2px;
        color: #000;}
#content h5 {
	font-size:100%;
	margin-top: 5px;
	margin-bottom: 2px;
        color:  #E65020;}
#content h6 {
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 2px;
    color: #000;}




#content a:link{
color:#E65020;
}

#content a:visited {
color:#8c050f;
}

#content a:hover, #content a:focus, #content a:active {
color:#8c050f;
}



#content h2 a {
text-decoration:none;
font-size:80%;
}

#content h2 a:link .merk, #content h2 a:visited .merk  {
/* color:#BEBDC3; */
color: DimGray;
}

#content h2 a:hover .merk, #content h2 a:focus .merk, #content h2 a:active .merk  {
color:#B98659;
}


#content h2 a:link, #content h2 a:visited {
color:#353341;
}

#content h2 a:hover, #content h2 a:focus, #content h2 a:active {
color:#9F5511;
}



#content .productitem, #content .fp_productitem {
/*width:160px; */
/*height:29em;*/
/*float:none;*/
margin-right:2%;
padding:5px;
margin-top:5px;
/*border-right:1px solid #C9C4CA;*/
position:relative;
overflow:hidden;
border: 1px solid #C9C4CA;
}

#content .fp_productitem {
margin-top:10px;

}

#content .productitem .bestel {
/*
position:absolute;
*/
/* position:relative; */
margin-top: 5px;
float: left;
bottom:5px;
font-size:80%;
}



#content .productitem img {
margin:10px 0 10px 0;
clear:both;
}
.leesmeer{
	float: left;
}
#content .productitem h3 {
color:#AA2A2A;
font-size:120%;
margin: 0;
/*border: 1px solid yellow;*/
width: 160px;
float: right;
}

#content .productitem h2{
margin-top: 2px;
padding-top: 0px;
/* width: 350px; */
/*border: 1px solid red;*/
float: left;
}

#content .productitem p {
font-size:80%;
}


/* MENU */

#Leftmenu{
    width:200px;
/*    border:1px solid yellow; */
    display: block;
    height: auto;
    background-color: #0B3F94;
    font-family: Trebuchet MS;
    font-weight: bold;
    float: left;
    color:white;
}

#Leftmenu ul{
  display: block;
  float: left;
}
#Leftmenu li{
  float: left;
  width: 200px;
  display: block;
}
#Leftmenu a{
  height: 35px;
}
#Leftmenu a:link{
color:#FFFFFF;
text-decoration: none;
}
#Leftmenu a:visited {
color:#FFFFFF;
text-decoration: none;
}
#Leftmenu a:hover, #Leftmenu a:focus, #Leftmenu a:active {
color: #DDDDDD;
text-decoration: none;
}

#Leftmenu>ul>li.normal{
    color:white;
    border-top:1px solid #0B3F94;
    border-bottom:1px solid #0B3F94;
    padding-top: 15px;
    font-size: 15px;
}
#Leftmenu>ul>li.active{
    border-top:1px solid White;
    border-bottom:1px solid white;
    background-color: #E65020;
    padding-top: 15px;
    font-size: 15px;
}
#Leftmenu>ul>li.normal a{
    color:white;
    padding-left: 10px;
    text-indent: 10px;
}
#Leftmenu>ul>li.active a{
    color:white;
    padding-left: 10px;
    text-indent: 10px;
}
/*
#Leftmenu #Leftmenu_link:hover{
    display: block;
    border-top:1px solid White;
    border-bottom:1px solid white;
    background-color: #E65020;
}
*/

#Leftmenu>ul>li>ul>li.normal{
    padding-top: 8px;
    background-color: #2D5AA3;
    height: 25px;
    font-size: 13px;
}
#Leftmenu>ul>li>ul>li.active{
    background-color: #2D5AA3;
    padding-top: 8px;
    height: 25px;
    font-size: 13px;
}
#Leftmenu>ul>li>ul>li.normal a{
    color:white;
    padding-left: 20px;
    text-indent: 20px;
}
#Leftmenu>ul>li>ul>li.active a{
    color:white;
    padding-left: 20px;
    text-indent: 20px;
}

#Leftmenu>ul>li>ul>li>ul>li.normal{
    padding-top: 8px;
    background-color: #2D5AA3;
    height: 25px;
    font-size: 13px;
}
#Leftmenu>ul>li>ul>li>ul>li.active{
    background-color: #2D5AA3;
    padding-top: 8px;
    height: 25px;
    font-size: 13px;
}
#Leftmenu>ul>li>ul>li>ul>li.normal a{
    color:white;
    padding-left: 30px;
    text-indent: 20px;
}
#Leftmenu>ul>li>ul>li>ul>li.active a{
    color:white;
    padding-left: 30px;
    text-indent: 20px;
}




#Prodcontent{
/*    border:1px solid gray; */
    float: left;
    width:560px;
    padding-left: 15px;
}
#produkt_image {
float:left;
margin:0 30px 30px 0;

}


#register {
padding:10px;
margin:10px 0 10px 0;
color:#000;
}




#pagenavtop {
padding:10px 0 0 0;
font-size:120%;
clear:both;
}


#pagenavbottom {
padding:20px 0 0 0;
font-size:120%;
clear:both;
}


#cart {
text-align:left;
font-size:11px;
width:100%;
}

.but-bijwerken {
float:right;
margin-top:8px;
}

.afrekenen {
clear:both;
}


#sidebar {
/* position: absolute; */
right: 0px;
width:175px;
background: #fff;
color:#000;
margin-left:20px;
margin-top:20px;
padding-left:25px;
border-left: 1px #E65020 solid;
}

#sidebar * {

}

#sidebar h2 {
margin-top:15px;
color:#000;
}

#sidebar img {
background:#EFEDEF;
padding:3px;
}

#sidebar a:link, #sidebar a:visited {
color:#000;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
color:#000;
}


#footer {
background: #fff url(../pics/footer.jpg) repeat-x top left;
height: 20px;
padding-top: 13px;
padding-left: 30px;
color: #fff;
font-size: 80%;
clear: both;
width: 730px;
position: absolute;
bottom: 0 !important;
}

#footer a:link, #footer a:visited {
color:#fff;
text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
color:#fff;
text-decoration: none;
}







/*classes en algemene styles*/

.bestellen {
border:0;
padding:0;
margin:40px;
}
#content .productitem a:link .beste img, #content .productitem a:visited .beste img {

border:0;
padding:0;

margin:0;
}


.imagebttn {
margin:8px 0 0 1px ;
}

.inputmarginsmall {
margin-bottom:9px;
border:0px solid;
}

.clearboth {
clear:both;
}

a img {
padding: 0px;
margin: 0px;
border:none;
}


#content .formrow {
width:90%;
padding:15px 0 0 0;
min-height: 15px;
}


#content .formrow .label {
width:150px;
margin:0 5px 0 0;
text-align:right;
float: left;
font-weight:bold;
}
#content .formrow .input {
text-align:left;
margin:0 0 0 4px;
float: left;
width:50%;
}


/*ADVIES*/

table.advies {
border:1px solid;

}

table.advies tr {
border-bottom:1px solid;

}

td.tussenwaarde {

font-weight:bold;
}
table.advies td {
background:#CEE5EC;
padding:4px;
margin:0;
}



.advies {
color:black;
}


input, select {
border:1px solid;
margin:2px 0 0 0;
padding: 2px 3px;
}

.req {
border-left:5px solid #E65020;
padding:0 0 0 5px;
}


.error {
font-weight:bold;
color:#9B5312;
}


.imagebttn {
border:none;
}

.byline {
font-size:90%;
color:#7E7C88;
}

.floatleft {
float:left;
margin:5px 10px 10px 0;

}

.floatright {
float:right;
margin:10px 0 10px 10px;
}


#Leftmenu_link{
    display: block;
    color:white;
    border-top:1px solid #0B3F94;
    border-bottom:1px solid #0B3F94;
    padding-left: 10px;
    padding-top: 15px;
    height: 35px;
    font-size: 15px;
}
#Leftmenu_link_s{
    display: block;
    border-top:1px solid White;
    border-bottom:1px solid white;
    background-color: #E65020;
    padding-left: 10px;
    padding-top: 15px;
    height: 35px;
    font-size: 15px;
}
/*
#Leftmenu #Leftmenu_link:hover{
    display: block;
    border-top:1px solid White;
    border-bottom:1px solid white;
    background-color: #E65020;
}
*/
#Leftmenu_sub_link{
    display: block;
    color:white;
    padding-left: 10px;
    padding-top: 8px;
    background-color: #2D5AA3;
    height: 25px;
    font-size: 13px;
}
#Leftmenu_sub_link_s{
    color:#E65020;
    display: block;
    padding-left: 10px;
    padding-top: 8px;
    background-color: #E65020;
    height: 25px;
    font-size: 13px;
}

#featuredproduct{
  padding: 5px;
  padding-top: 10px;
}
#featuredproduct_titel{
 /* width: 220px; */
  font-size: 12px;
/*  text-align: center;*/
}
#featuredproduct_titel a{
  text-decoration: none;
  color:#0B3F94;
  font-weight: bold;
}


#featuredproduct_foto{
  width: 140px;
  text-align: center;
}
#featuredproduct #korteoms{
  padding-left: 10px;
}
#featuredproduct_prijs{
  color:#0B3F94;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  float: left;
  padding-left: 8px;
}
#featuredproduct_leesmeer{
  float: right;
}


/*
<div id="indexlinks">
<div id="featuredproduct">
<div id="featuredproduct-row">
<div id="featuredproduct_titel"><a href="/assortiment/haarden/sfeerhaarden/dru/680-dru-azura.html">Dru Azura </a></div>

<div id="featuredproduct_foto"><a href="/assortiment/haarden/sfeerhaarden/dru/680-dru-azura.html"><img src="/files/images/produkten/haarden/9463410b6298b3e2ef8a60dc2a91890d.jpg" width="175" alt="" ></a></div>
<div id="korteoms">                Elektrische sfeerhaard                        </div>
<div id="featuredproduct_prijs">
1.044,00<br>
</div>
</div>
</div>
</div>
*/
#winkelmandrow_aantal{
  float: left;
}
#keer {
  float: left;
  padding-left: 5px;
}


#winkelmandrow_price {
  float: right;
}
#winkelmandrow_remove {
  float: right;
}

#winkelmandrow_name {
float: left;
width: 100%;
}

#shopping_cart {
  padding:10px;

}
#shopping_cart_items {
text-align: left;
clear: both;
}

#shopping_cart_producttotaal{
  float: left;
  clear: both;
}

#shopping_cart_totalprice {
  float: right;
  margin-right: 18px;
}
