/*
  PEELTUFFERS WEBSITE STYLESHEET

  Kleurgebruik:
  Donkerbruine rand: R91  / G62  / B29  = 5B3E1D
  Geel vlak:         R253 / G221 / B149 = EBDD95
  Bruin vlak:        R121 / G60  / B26  = 793C1A 
  Lichtbruine tint:  R208 / G183 / B120 = D0B778

   >> Internet Explorer png fix <<
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/image.png')
*/

body{
  font-family : verdana, sans-serif;
  font-size : 10pt;
  background-color : #793C1A;
  color : #000000;  
}

form{
  padding : 5px 5px 5px 5px;
}

td.showHover {
  behavior: url(javascript/hover.htc) 
}

tr.showHover {
  behavior: url(javascript/hover.htc) 
}
  
td.showHover:hover, td.showHover.hover{ 
  background-color : #D0B778; 
}

tr.showHover:hover, tr.showHover.hover{      
  background-color : #D0B778; 
}

table.gastenboek_header {
  background-color : #793C1A;
  font-weight: bold;
}

table.gastenboek_bericht {
  background-color : #D0B778;
}

div.website{
  position : relative;
  margin : 0 auto;
  width  : 990px;
  height : 580px;    
}

div.header{
  position : absolute;

  top    : 10px;
  left   : 250px; /*185*/
  width  : 625px;  
  height : 80px;
  
  background-image  : url('images/website_header.png'); 
  background-repeat : no-repeat;
 
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/website_header.png')
}

div.menu_main {
  position: absolute;
  
  top    : 10px;
  left   : 0px;
  width  : 175px;
  height : 430px;

  overflow : auto;
  border-style : solid;
  background-color : #EBDD95;

  background-image : url('images/peeltuffers_logo.png');   
  background-repeat : no-repeat; 

  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/peeltuffers_logo.png')
}

div.menu_main_tekst {    
    font-size : 12pt;  
    text-align : center;
    
    margin-top    : 130px;
    margin-left   : 15px;
    margin-right  : 15px;
    margin-bottom : 10px;      
}

div.menu_login{
  position : absolute;
  
  top    : 450px;
  left   : 0px;
  width  : 175px;
  height : 105px;

  border-style : solid;
  background-color : #EBDD95;
}

div.menu_agenda{
  position : absolute;
  
  top    : 100px;
  left   : 815px;
  width  : 175px;
  height : 455px;
  
  font-size : 8pt;
  
  overflow : auto;
  border-style : solid;
  background-color : #EBDD95; 

  background-image : url('images/background_agenda.png');   
  background-repeat : no-repeat; 

  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/background_agenda.png')
}

div.main {
  position : absolute;

  top    : 100px;    
  left   : 185px;
  width  : 620px;
  height : 455px;  
  
  text-align : justify;
  overflow : auto;

  border-style : solid;
  background-color : transparent;
}

div.main_background {
  position : absolute;

  top    : 100px;    
  left   : 185px;
  width  : 620px;
  height : 455px;  

  border-style : solid;
  background-color : #EBDD95;
}

div.main_inhoud{
    font-size : 10pt;
    
    margin-top    : 10px;
    margin-left   : 80px;
    margin-right  : 20px;
    margin-bottom : 10px;  
}

div.main_headerimage{
  position : absolute;
  left : 0px;
}

div.main_header {
  font-size : 14pt;
}

div.main_kop {
  font-size : 12pt;
}

div.main_info {
  font-size  : 8pt;
  font-style : italic;
}

div.copyright { 
  position: absolute;  
  font-size : 8pt;  
  
  top    : 565px;
  left   : 40px;
  height : 10px;  
}

div.fotogallery {
  position : absolute;

  top    : 100px;    
  left   : 185px;
  width  : 805px;
  height : 455px;  
  
  text-align : justify;
  overflow : auto;

  border-style : solid;
  background-color : #EBDD95;
}

div.fotogallery_inhoud{
    font-size : 10pt;
    
    margin-top    : 10px;
    margin-left   : 80px;
    margin-bottom : 10px;  
    margin-right  : 5px;
}