/* CSS Document */

/* ALGEMENE INSTELLINGEN  */

html, body {
height: 100%;
}

body{
  font:       normal 12px tahoma;
  margin:     0px;
  padding:    0px;
  background: #f1f1f1;
  color:      #000;
}

a{
  color:           #003775;
  font-weight:     bold;
  text-decoration: none;
}

  a:hover, a.active{
    color:#ff8000 !important;
  }

img{
border:none;
}

/* HEADER INSTELLINGEN */
div#header{
width:auto;
}

div#Header_top{
background-image:url(Images/Header_Achtergrond.jpg);
background-repeat:repeat-x;
border-bottom:solid #003775 1px;
height:45px;
}

img#Header_Logo{
margin:2px 0 0 10px;
border:none;
width:153px;
height:41px;
float:left;
}

#Header_Zoek{
margin: 5px 10px 0px 0px;
float:right;
font-family:tahoma;
font-size:10px;
font-weight:bold;
color:#CCCCCC;
border:solid #7894b3 1px;
}

div#Header_Menu_Tekst{
margin: 25px -125px 0px 0px;
padding:0px;
display:inline;
float:right;
}

div#Header_Menu_Tekst a{
font-family:Tahoma;
font-size:16px;
color:#003775;
font-weight:bold;
text-decoration:none;
margin:0px 2px 0px 2px;
}

div#Header_Menu_Tekst a:hover{
color:#ff8000;
}

#Header_Menu_Onderbalk{
width:700px;
height:4px;
background-color:#003775;
float:right;
margin:46px -700px 0px 0px;
padding:0px;
}

img#Header_Contact{
margin:2px 10px 0px 0px;
border:0px;
height:40px;
width:116px;
float:right;
}

.tabel_align_right{
	text-align:right !important;
	padding: 2px;
	width: 132px !important;
}

div#Header_Sitemap{
z-index:4;
position:absolute;
left:5px;
top:46px;
font-size:9px;
}

h1#Pagina_Titel{
z-index:2;
position:absolute;
left:-5px;
top:51px;
margin:0px;
padding:0px;
font-size:50px;
color:#fad47b;
}

div#Pagina_Inhoud{
z-index:3;
position:absolute;
left:50px;
top:115px;
width: 90%;
overflow: hidden;
}

div#kluizen_main{
width:900px;
margin: 0px auto;
}

div.KluisDingske_main, div.aanbiedingdinske_main {
  float:  left;
  margin: 3px 10px 5px;
  width:  250px;
}

  div.KluisDingske_Titel, div.aanbiedingdinske_Titel {
    height:     36px;
    text-align: center;
  }
  
    div.KluisDingske_Titel a, div.aanbiedingdinske_Titel a {
      font-size: 14px;
    }
    
    div.KluisDingske_Inhoud, div.aanbiedingdinske_Inhoud {
      background: #FFF;
      border-top: 0 !important;
      text-align: center;
      height:     116px;
    }
    
    div.KluisDingske_Inhoud img, div.aanbiedingdinske_Inhoud img {
      margin: 15px 0 0;
    }

div.KluisDingske_main {
  height:158px;
}

  div.KluisDingske_Titel{
    background: #a6b9cf;
    border:     solid 2px #205086;
  }

    div.KluisDingske_Titel a {
      color: #003775;
    }

  div.KluisDingske_Inhoud{
    border: solid 2px #7894b3;
  }

  div.KluisDingske_second{
    width:  250px;
    height: 280px;
    margin: 3px 10px 5px;
    float:  left;
  }

  ul.KluisDingske_list{
    color:#000;
    margin:2px 0px 0px 20px;
    padding:0px;
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
  }
  
div.aanbiedingdinske_main {
  height: 200px;
}

  div.aanbiedingdinske_Titel {
    background: #ffe6b0;
    border:     solid 2px #c02640;
  }

    div.aanbiedingdinske_Titel a {
      color: #c02640;
    }
   
      div.aanbiedingdinske_Titel a:hover{
        color:#04356f;
      }

    div.aanbiedingdinske_Inhoud {
      border:solid 2px #f5bd46;
    } 
  

/* ALGEMENE INSTELLINGEN  */
div.product_main{
  width:  950px;
  height: auto;
  margin: 0px 0px 15px 0px;
  clear: both;
}

  div.product_main:after { 
    content: ""; 
	  display: block; 
	  height:  0; 
	  clear:   both; 
  }

  div.product_top {
    border-bottom:  solid 1px #003775;
    display:        block;
    width:          955px;
	margin: 10px 0px 0px 0px;
  }
  
  h2.product_titel{
    font-family:  tahoma;
    font-size:    24px;
    color:        #003775;
    font-weight:  bold;
    margin:       4px 0px 0px 0px;
    padding:      0px;
    clear:        both;
  }
  
  div.product_sub_titel{
    font-family:  tahoma;
    font-size:    10px;
    font-weight:  bold;
    color:        #000;
    padding:      0px 0px 0px 5px;
    width:        950px;
  }

    .img1, .img2{
      float:    right;
      border:   0px;
      padding:  0px 0px 0px 0px;
      display:  block;
      cursor:   pointer;      
    }
  
    .img1{
      margin:   -31px 0px 0px 0px; 
    }

    .img2{
      margin:   -33px 0px 0px 0px; 
    }
  
  div.product_inhoud{
    width:    950px;
    display:  block;
    clear:    both;
  }
  
    div.product_inhoud:after { 
      content: ""; 
	    display: block; 
	    height:  0; 
	    clear:   both; 
   }

    div.product_inhoud_afbeelding{
      float:      left;
      width:      125px;
      height:     120px;
      text-align: center;
    }

    .product_inhoud_informatie{
      float:          left;
      width:          745px;
      min-height:     150px;
      display:        block;
      text-align:     left;
      font-family:    tahoma;
      font-size:      10px;
      font-weight:    normal;
      color:          #494848;
      padding:        5px;
      margin:         0px;
      vertical-align: text-top;
      clear:          right;
    }

.product_inhoud_informatie ul{
margin:0px;
padding:0px 0px 0px 15px;
}

div.tabjes{
padding: 10px 0px 0px 0px;
}

div.Opties_knop{
background-color:  #DEDEDE;
  width:             95px;
  padding:           3px 2px 2px 18px;
  margin:            15px 0px 10px 10px;
  background-image:  URL('Images/ico_rondje_2.png');
  background-repeat: no-repeat;
  background-position: 1px 1px;
  cursor:            hand;
  display:inline;
}

div.Opties{
    background-color: #DEDEDE;
    width:            950px;
    height:           auto;
    display:          none;
		margin: 2px 0px 0px 0px;
  }

div.extraInfo_knop{
  background-color:  #DEDEDE;
  width:             95px;
  padding:           3px 2px 2px 18px;
  margin:            15px 0px 10px 0px;
  background-image:  URL('Images/ico_rondje_2.png');
  background-repeat: no-repeat;
  background-position: 1px 1px;
  cursor:            hand;
  display:inline;
  
}

  div.extraInfo{
    background-color: #DEDEDE;
    width:            950px;
    height:           auto;
    display:          none;
	margin: 2px 0px 0px 0px;
  }
  
  div.extraInfo p{
  margin:0px;
  padding:3px;
  }

    div.product_ExtraInfo{
      width:  950px;
      margin: 0px 0px 15px 0px;
    }
    
      div.extraInfo ul{
        display:  block;
        padding: 1px 0px 0px 0px;
        margin:  0px 20px;
      }

div.product_tabel{
  display: block;
  float:   none;
  width:   905px !important;
}

  table.product_tabel {
    border:  0px;
    width:   950px !important;
    border:  1px solid #B8B8B8 !important;
  }

    table.product_tabel th {
      border:           0px;
      background-color: #B8B8B8;
      text-align:       center;
      font-size:        14px;
      width:            116px !important;
    }

    table.product_tabel td {
      text-align:center;
      font-size:12px;
      font-weight:normal;
      width:116px;
    }

      table.product_tabel .tabel_align_left{
        text-align: left !important;
        padding: 2px;
        width: 152px !important;  // 132
      }

      tr.product_tabel_tr_even{
        background-color:#f1f1f1;
      }

      tr.product_tabel_tr_oneven{
        background-color:#DEDEDE;
      }
	  
table.optie_tabel{
  font-size:   10px;
  font-weight: normal;
  width:       950px;
  border:      1px solid #B8B8B8 !important;
}

  table.optie_tabel th {
    border:           0px;
    background-color: #B8B8B8;
    text-align:       left;
    font-size:        14px;
    width:            950px !important;
    padding:          2px;
  }
  
  tr.optie_tabel_tr_even{
    background-color:#f1f1f1;
  }

  tr.optie_tabel_tr_oneven{
    background-color:#DEDEDE;
  }  
    
  table.optie_tabel tr.legend{
    background-color:  #CCCCCC;
    font-weight:bold;
  }
  
  table.optie_tabel td{
    font-size: 12px;
    padding:   2px;
  }
  
  table.optie_tabel td.product{

  }    
  
  table.optie_tabel td.left{
    width: 550px;
  }  
  
  table.optie_tabel td.artikelnummer{
    width: 100px;
  }
    
  table.optie_tabel td.right{
    width: 225px;
  }  
  
  table.optie_tabel td.prijs{
    width: 100px;
    text-align: center;
  }




table.optie_tabel .titel{
border:0px;
background-color:#B8B8B8;
text-align:left;
font-size:11px;
font-weight:bold;
}



table#contact_tabel{
width:300px;
margin:15px 0px 0px 0px;
}

tr.contact_tr2 td{

height:23px;
padding:0px 5px 0px 5px;
}

tr.contact_tr td{

height:23px;
width:100px;
padding:0px 5px 0px 5px;
}

.verplicht{
display:inline;
color:#FF0000;
}

table#contact_tabel input{
border:solid 1px #999999;
float:right;
}

#contact_Bericht{
border:solid 1px #999999;
margin:0px 0px 5px 0px;
overflow:auto;
}

p#contact_FoutMelding {
height:23px;

color:#FF0000;
text-align:center;
display:none;
margin:0px; padding:0px;
}

#contact_message1{
vertical-align:middle;
width:250px;
height:20px;
background-color:#ffffdd;
border:solid 1px #ffd700;
background-image:url(Images/Loader.gif);
background-repeat:no-repeat;
padding:1px 0px 0px 20px;
display:none;
}

#contact_message2{
vertical-align:middle;
width:250px;
height:20px;
background-color:#ffffdd;
border:solid 1px #ffd700;
background-image:url(Images/accept.png);
background-repeat:no-repeat;
padding:1px 0px 0px 20px;
display:none;
}

.zoek_td{
padding:2px 10px 1px 5px;
border:none;
border-bottom:solid 1px #999999;
}

/* ADMIN INSTELLINGEN  */

div#login_main{
width:280px;
border:solid 1px #FFFFFF;
position:absolute;
left:50%;
top:50%;
margin:-100px 0px 0px -140px;
}

div#login_titel{
background-color:#CCCCCC;
font-size:20px;
text-align:center;
height:25px;
}

div#login_inhoud{
font-size:12px;
background-color:#FFFFFF;
height:auto;
}

div#login_inhoud input{
border:solid 1px #CCCCCC;
}

tr#Login_foutmelding{
display:none;
color:#FF0000;
/* display:table-row;  */
}

div#login_footer{
height:20px;
background-color:#CCCCCC;
}

div#admin_menu{
height:100% !important;
width:160px;
position: fixed;
background-color:#ffe4ad;
padding: 0px 0px 0px 3px;
float: left;
left: 0;
}

div#admin_menu img{
margin:5px 0px 0px 3px;
padding:0px;
}

div#admin_menu center{
font-size:13px;
}

div#admin_menu a{
font-size:14px;
color:#003775;
display:block;
}

div#admin_menu #admin_link_uitloggen{
font-size:9px;
}

div#admin_pagina_inhoud {
height:100% !important;
float: left;
padding:10px;
margin-left: 175px;
}

#admin_kluizen_select{
background-color:#ffffdd;
padding:10px;
height:40px;
width:600px;
border:solid 1px #ffd700;
}

#admin_aanbeiding_menu{
height:18px;
width:250px;
background-color:#ffffdd;
border:solid 1px #ffd700;
padding:3px 0px 0px 0px;
}

#admin_aanbieding_new{
background-image:url(Images/add.png);
background-repeat:no-repeat;
padding: 1px 0px 0px 17px;
}

span.product_image{
  width: 155px !important;
  height: 135px;
  margin: 5px;
  line-height:135px;
  position: relative;
  float: left; 
}

span.product_image img{
 vertical-align:middle
}

span.product_image img.hidden_product{
  position: absolute;
  float: left;
  z-index: 15;
  display: none;
}

span.zoom_image{
  float: left;
  display: inline;
  height: 15px;
  line-height:15px;
  margin: 0;
  color: #000;
  position: relative;
  clear: both;
  margin-bottom: 15px;
  clear: both;
}

span.zoom_image img{

 vertical-align:top
}

div#Bestel_product{
 background-color:#ffffdd;
 width:350px;
}

.InputBestel{
border: solid 1px #003775;
}

.InputBestelButton{
background-color:#d5cccc;
border: solid 1px #003775;
}

div#aanbiedingen_main{
width:900px;
margin: 0px auto;
}

div.seoTekst, div.tekstKluizen {
  clear: both;
}

  div.seoTekst textarea {
    width: 800px;
    height: 150px;
  }