@charset "utf-8";

html,body         {
    font-family            : Tahoma, Verdana, Sans;
    font-size            : 12px;
    min-height: 650px;
    padding:0px;
    margin:0px;

    background-image: url(/images/site/koelewijn_website_01.jpg);
    background-repeat:repeat-x;
    background-color:#ECEAED;
}
.scheiding{
  background-image: url(/images/scheiding_kl.jpg);
  background-repeat:repeat-y;
}
.black {
    color: #000000;
}
#container{
    position: relative;
    left: 50%;
    min-height: 650px;
    width: 1050px;
    top:0px;
    bottom:0px;
    margin-left:-520px;
}

#inner_container{
    position: relative;
    min-height: 650px;
    margin-right:50px;
    left:25px;
    top:0px;
    bottom:0px;
    background-color:#FFFFFF;
}

#logo{
    position:relative;
    float: left;
    left:0px;
    height: 150px;
    width:1000px;
    right: 200px;
    background-image: url(/images/header.jpg);
}
#cloud_tag{
    position:relative;
    font-size: 10px;
    color: #ffffff;
    float: right;
    right: 2px;
    width: 243px;
    height: 180px;
    background-color: #7FB3DA;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    /*
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    */
}

#cloud_tag_footer {
    position: absolute;
    background-image: url('images/site/cloud_bottom.jpg');
    float: right;
    left: 50%;
    margin-left: 240px;
    width: 243px;
    height: 9px;
    top: 364px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.cloud_style1  a {
    font-size: 10px;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.cloud_style2 a {
    font-size: 12px;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.cloud_style3 a {
    font-size: 14px;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.cloud_style4 a {
    font-size: 16px;
    color: white;
    text-decoration: none;
}
.cloud_style5 a {
    font-size: 18px;
    color: white;
    padding: 3px;
    text-decoration: none;
}
.cloud_style6 a {
    font-size: 20px;
    color: white;
    padding: 3px;
    text-decoration: none;
}

.kwm_product_list {
    width: 585px;
    background-color: white;
    border-bottom:1px solid #EAE8E8;
}
.kwm_product_list2 {
    width: 585px;
    background-color: white;
}


.width_table {
    width: 585px;
    background-color: white;
    border-bottom:1px solid #EAE8E8;
}
#trefwoord {
    background-color: #ffffff;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
}

#zoek_submit {
    background-color: #0168B3;
    border: 0px;
    color: white;
    cursor: pointer;
}

#hoofdmenu{
    color: #ffffff;
    position:relative;
    left:0px;
    height:30px;
    background-color:#0168B3;
    float:left;
    margin-left: 1px;
    width:997px;
    border-top: 1px solid #ffffff;
}
#hormenu {
    position: relative;
    float:left;
    text-align: right;
    width:715px;
    margin-left:30px;
}
.bestelknop{
    width:100px;
    /*align:center;*/
    text-align: center;
  }
#zoekbox {
    position: relative;
    top: 5px;
    float:left;
    text-align: right;
    width:200px;
}

#box_rechts_spacers {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: darkgray;
}
.box_koptext {
    color: #0069BD;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
}
#leftmenu{
    position:relative;
    min-height: 650px;
    float:left;
    left:0px;
    width:140px;
    background-color:white;
    /* border-right:1px solid #EAE8E8;  */
}
#menubox{
    margin: 0px;
    padding:0px;
    margin-left:2px;
    width:128px;

    background-color:#7BB6DE;
}
#page{
    margin-top: 15px;
    position:relative;
    float: left;
    width:580px;
}

.categorie{
    float:left;
    width: 145px;
    height:160px;
    color:#000;
    padding-bottom:10px;
}
 h3{
   color: #0168B3;
 }
.categorie:hover{
    /*background:#FFFFFF;*/
    cursor:pointer;
}

#right{
    position:absolute;
    top:385px;
    right:2px;
    padding:0px;
    width:253px;
    float:right;
    background-color:#FFFFFF;
/*    border-left:1px solid #EAE8E8;    */

}
#footer{
    position:relative;
    height:20px;
    bottom:0px;
    left:0px;
    margin-right:0px;
    margin-left:140px;
    width:580px;
    background-color:#FFFFFF;
    text-align:center;
}

input.buttonred{
    cursor:pointer;
    color:#FE0000;
}

#hoofdmenu a{
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
    text-transform: capitalize;
    height: 30px;
    font-size: 14px;
    color: white;
    text-align: center;
    width: 70px;
    display: block;
    text-align: center;
    /*
    border-left:1px solid white;
    border-bottom:1px solid white;
    */
}

#km_inlogbox {
    background-color: #7FB3DA;
    height: 20px;
    color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#hoofdmenu a:hover{
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    color: black;
    background-color: white;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    width: 70px;
    background-image: url('/images/menu/koelewijn_menu.gif');
    display:block;
    /*
    border-left:1px solid white;
    border-bottom:1px solid white;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    */
}

#hoofdmenu a.actief{
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    color: black;
    background-color: white;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    width: 70px;
    background-image: url('/images/menu/koelewijn_menu.gif');
    display:block;
    /*
    border-left:1px solid white;
    border-bottom:1px solid white;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    */
}


#hoofdmenu a:active{
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    color: black;
    background-color: white;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    border-left:1px solid white;
    border-bottom:1px solid white;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#hoofdmenu a.right{
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
    text-transform: capitalize;
    height: 30px;
    font-size: 14px;
    color: black;
    text-align: center;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
}

#hoofdmenu a.right:hover {
    float: left;
    display: block;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    background-color: white;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
}

#leftmenu td.menu_notactive{
  background-color: #EAE8E8;
  line-height:18px;
}

#leftmenu td.menu_notactive:hover{
    background-color: #FE0000;
    line-height:18px;
    color: white;

}
#leftmenu td.menu_active{
  line-height:18px;
}
#leftmenu td.menu_active:hover{
    background-color: #FE0000;
    line-height:18px;
    color: white;

}
h4.red{
    color:#FE0000;
}
.header_tabel{
    color: #B0B1B3;
}
.artikelen{
    /*border: 1px solid rgb(74, 74, 74);
    cursor: pointer;*/
}
.artikelen:hover{
    cursor: pointer;
    background-color:#7BB6DE;
    color:white;
}
.artikelen_aangeklikt{
    cursor: pointer;
    background-color:#7FB3DA;
    color:white;
}
.row_aangeklikt{
    cursor: pointer;
    background-color:#7FB3DA;
    color:white;
}

.bestelform{
    padding: 10px;
    margin: 5px;
    background-color:#7FB3DA;
    color:white;
}

#sitmap-con {
    position: relative;
    background: #ECEAED;
    text-align:left;
    margin-top:50px;
}
#ronde-hoeken {
    background:url(/images/bg-top.jpg) no-repeat;
    height: 10px;
    text-align:center;
    }
.sitemap {
    color:#FFFFFF;
    font-size: 20px;
    font-weight: normal;
    margin-left:10px;
    line-height:38px;

}
.h1-link {
    text-decoration: none;
    color:#FFFFFF;
    font-size: 14px;
    font-weight:bold;
    line-height: 20px;
}
.h2-link {
    text-decoration: none;
    color:#FFFFFF;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
}
#rij-con {
    background:url(/images/bg-midden.jpg) repeat-x;
    height: 350px;
}
.rij1 {
    width: 197px;
    height: 250px;
    margin-left:5px;
    margin-right:2px;
    float:left;
}
.rij2 {
    width: 197px;
    height: 250px;
    margin-right:2px;
    float:left;
}
.rij3 {
    width: 197px;
    float:left;
}
.rij4 {
    width: 197px;
    float:left;
}
.rij5 {
    width: 197px;
    float:left;
}