*{
  margin:0;
  padding: 0;
  outline: none;
  
}
body{     
    font-family: "Lucida Sans Unicode","Lucida Grande", Verdana;
    font-size: 13px;
    height:100%;
    margin:10px auto 0;
    padding:0;
    color:#444;
    
}
#container{
    width: 940px;
    margin:0 auto;
    border:0px solid #dadada;
/*    background: transparent url(images/background-border.png) repeat-y center; */
    height: 920px;
    position: relative;
    z-index: 100;    
}
#content{ width:920px;
          min-height: 850px;
          float: left;
          margin-left: 10px;
          margin-bottom: -25px;
          position: relative;          
          background: #5a8dc0 url(images/top.png) no-repeat top center;
          position: relative;
          top:-25px;
          z-index:-100;
}

/* BUG IN IE7
#background-bottom{    
    background:#5a8dc0 url("images/bottom.png") no-repeat bottom;
    margin-bottom:0;   
    position:absolute;
    width:920px;
    height: 80%;
    bottom: 0;
    z-index: -1000;
    
}
*/
.bottom-bg{
    background:#5a8dc0 url("images/bottom.png") no-repeat bottom scroll ;
    bottom:0;
    height:230px;
    left:0;
    position:absolute;
    width:920px;
    z-index:-100;
}


/****/
.nav{ position:relative; z-index: 1000; top:10px; width: 100%; }
.nav ul{ list-style-type: none; float: left;}
.nav ul{ margin: 0 0 0 50px; width:auto;}
.nav li{ float: left; margin: 0 8px; }
.nav li a{ display: block; float: left; padding: 3px 5px; color: #F0F0F0; font-family: "Lucida Sans Unicode","Lucida Grande", Verdana; font-size:14px; text-decoration: none}
.nav li a:hover{ color: #fff; text-decoration: underline; }
.nav li.first{ margin-left: 0;}
.nav li.last{ margin-right: 0;}
.nav li a.current, .nav li a.current:hover{ text-decoration: underline; color:#fff;}
/****/

.right-column{
    float: right;
    width: 540px;
    margin-top: 125px;
    margin-bottom: 20px;
    margin-right: 25px;
    background-color: #fff;
    min-height: 320px; /*550px;*/
    padding: 15px;
	
}

.right-column p{
	line-height: 18px !important;	
	font-size: 95%;
        float: left;
        width: 100%;
}

.logo{
	background: transparent url(images/logo.png) no-repeat top;
    position: absolute;
    top:50px;
    left:0;
    width: 280px;
    height: 120px;
    border:0px solid #aaa;
}
.menu2{
    position: absolute;
    top : 190px;
    left: 12px;    
    width: 280px;
}
.menu2 ul{
    list-style-type: none;
}
.menu2 ul li{
    padding: 14px 40px;
    background: #fff url(images/li.png) repeat-x bottom;    
}
.menu2 ul li.first{
    background: transparent url(images/li-first.png) no-repeat top;
}
.menu2 ul li.last{
    background: transparent url(images/li-last.png) no-repeat bottom;
}
.menu2 li a{color:#444; font-family: "Lucida Sans Unicode","Lucida Grande", Verdana; font-size:14px; text-decoration: none }
.menu2 li a:hover{ text-decoration: underline}

/****/
.right-column div.item-container{
   width: 270px;   
   height: 280px;
   float:left;
   margin-right: 10px;
   margin-bottom: 15px;
   background: #fff url(images/item-background.png) no-repeat center;
   position: relative;
}
.item-image{     
   margin: 10px;
   float: left;
   position: relative;
}
div.top{
   color: #59F;
   margin: 10px;
   padding: 0;
   line-height: 1.1em
}
.top p{
    margin-bottom: 5px;
}

p.price{
   font-weight: bold;
   font-size: 12px;
   padding: 0;
}
span.old-price{
   color:#eae859;
}
img.sales-stick{
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;    
    height: 100px;
    width: 100px
}
.item-container .under{
    
    margin: 2px;
    float: left;
    position: relative;
}
.under img{height: 275px; width: 265px}
.item-container .bericht{
    position: absolute;
    bottom: 0;
    left:15px;
    width: 80%;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color:#5AF
}

#footer{
      width:920px;
      height: 150px;
      float: left;
      margin-left: 10px;
      margin-bottom: 0;
      margin-top: 1px;
      position: relative;            
}
#footer-header{
    height: 32px;
    background-color: #59F;
    color: white;
}
#footer-header ul{
    list-style-type: none;
    margin: 5px auto;
    margin-left: 150px;
    float: left;    
}
#footer-header ul li{
    float: left;
    display: block;    
    padding: 3px 0;
}
#footer-header ul li a{
    float: left;
    color:white;
    padding: 0 5px;
    text-decoration: none;
}
#footer-header ul li a:hover{ text-decoration: underline}
.contact, .openingstijden-bergum{
    font-size: 12px;
    margin-top: 10px;
    width: 26%;
    color: #59F;        
    margin-left: 15px;
    display: block;
    float: left
}

.contact{
    margin-left: 0px;
}


.openingstijden-bergum p{
    line-height: 18px !important;
}
.contact p {
	line-height: 18px !important;
}

div.footer-person{
    background: transparent url('images/footer.png') no-repeat right top;
    position: absolute;
    top: 0;
    right: 0;
    border: 0px solid #aaa;
    height: 150px;
    width: 260px;
}




p.strong {
	font-weight: bold;
}


h2 {
	font-size: 18px;
	font-family: "Trebuchet MS";
	color: #6499cc;
	margin-bottom: 20px;
	margin-top: 0px;
        float:left;
        width: 65%;
        clear:right
}
.vragen{
    float: left;
    width: 100%;
}
.vragen a {
	font-size: 15px;
	font-family: "Trebuchet MS";
	color: #6499cc;
	margin: 15px 0 10px;
        width: 70%;
        
}
.vragen p{
        float:left;
        font-size:95%;
        line-height:18px !important;
        width:100%;        
        margin-bottom:15px;
}
.vragen p a{
    color:#69C;
    font-size: 1.01em;
    font-family:inherit
}
.vragen p a:hover{
    color:#777;
}

div.basket{    
    float: right;      
    margin-bottom: 5px; margin-right: 12px;
    background: transparent url('images/winkelwagen.jpg') 0 0 no-repeat;
    width: 160px;
    height: 40px;    
}
div.basket a, div.basket span{
   color:#fff;
   text-decoration: none;
   float: left;   
   font-size: 1em;
   margin: 10px 0 0 42px
   

}

.voowarden{
    float:left
}

.voorwaarden p{
    color:#777;
}

.voorwaarden p strong{
    font-size: 11px;
    color: #999;
    font-weight: bold;
}

.productnav{
    float: left;
}

.productnav form{    
    float: left;
    margin: 10px 0;
    padding: 5px 0 5px 30px;

}
ul.option{
    width:100%;
    margin-bottom: 7px;
    float: left
}
.productnav form li{
    float: left;
    width: 100%;
    color: #666;
}
.productnav form li label{
    width:10em;
    display: block;
}
.productnav form li select{    
    border: 1px solid #ccc;
    padding: 2px;
    font-family: monospace;
}

.ideal-logo{    
    float:left;    
    width:30px;
    height: 28px;
    margin: 2px
}
.content input[type=submit]{    
    padding: 5px 10px;
    color: #fff;
    background-color: #69C;
    border: none medium;
    font-size: 1.1em;
    font-family: "Lucida Sans Unicode","Lucida Grande", Verdana;
}

p.meer-prijs{
    width:95%; float: left; text-align: right;
}
p.meer-prijs span{
    font-weight: bold;
    color:#aaa;
    float: right
}

.spec{
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana;
    font-size:95%;
    line-height:18px !important;
    color : #555;
    margin: 5px 15px
}
.spec h2, .spec h3{
    color: #000;
    font-size: 100%;
    font-weight: bold;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana;
}