@charset "utf-8";

/* CSS Document */

 

* { padding: 0; margin: 0; border: 0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; color: #444b4d; }

a { color: #444b4d; text-decoration: underline; }

a:hover { text-decoration: none; }

td.gastenboek_table, tr.gastenboek_table { border-bottom: solid #444c4d; border-bottom-width: 1px; }

a.fotos img{ border: #444c4d 1px solid; width:88px; height:88px; margin-left:4px; margin-bottom:4px;}

 



 #wrapper { position: relative; width: 1024px; height: 718px; margin: auto; padding-top: 50px; background-repeat: no-repeat; }

  .vacatures { background-image: url(/images/background_vacatures.jpg); }

  .contact { background-image: url(/images/background_contact.jpg); }

  .drinken { background-image: url(/images/background_drinken.jpg); }

  .eten { background-image: url(/images/background_eten.jpg); }

  .nieuws { background-image: url(/images/background_nieuws.jpg); }

  .ontmoeten { background-image: url(/images/background_ontmoeten.jpg); }

  .maandmenu { background-image: url(/images/background_vacatures.jpg); }

  .gastenboek { background-image: url(/images/background_gastenboek.jpg); }

  .fotos { background-image: url(/images/background_fotos.jpg); }
  
  .banner { display: block; position: absolute; left: 50%; top: 0; margin-left: 95px; }

  

 

  h1 { display: block; position: relative; width: 138px; height: 138px; margin: 0 443px 47px 443px; }

  #menu { position: relative; width: 1039px; height: 25px; font-size: 12px; } /* margin-left: 227px; */ 

   #menu li { display: inline; list-style: none; height: 25px; font-size: 25px; line-height: 25px; letter-spacing: 4.3px; }

   #menu li a { color: #ffffff; text-decoration: none; font-size: 16px; line-height: 25px; }

   #menu li a:hover { color: #444b4d; }

   

   #menu li.li_active { background-color: #ffffff; }

  

  #submenus { position: relative; float: left; width: 584px; height: 463px; overflow: hidden; }

   .submenu { position: absolute; top: 0; line-height: 22px; overflow: hidden; behavior: url(/images/iepngfix.htc) }

    .submenu li { list-style: none; width: 100%; }

    .submenu li a { color: #444b4d; text-decoration: none; display: inline-block; width: 100%; left: 0; }

    .submenu li a:hover { color: #444b4d; background: url(/images/submenu_hover.png); behavior: url(/images/iepngfix.htc) }

   #ontmoeten_sub { left: 85px; width: 143px; height: 108px;  background-image: url(/images/submenu_background_ontmoeten.png); background-position: right bottom;}

    #ontmoeten_sub li a { padding-left: 13px; }

    #ontmoeten_sub li ul li a { padding-left: 30px; }

   #eten_sub { left: 228px; width: 186px; height: 107px; background-image: url(/images/submenu_background.png); background-position: right bottom; }

    #eten_sub li a {  padding-left: 13px; }

	

/*	h1 { display: block; position: relative; width: 138px; height: 138px; margin: 0 443px 47px 443px; }

  #menu { position: relative; width: 960px; height: 25px; font-size: 12px; }  margin-left: 227px;  

   #menu li { display: inline; list-style: none; height: 25px; font-size: 25px; line-height: 25px; letter-spacing: 4.3px; }

   #menu li a { color: #ffffff; text-decoration: none; font-size: 16px; line-height: 25px; }

   #menu li a:hover { color: #444b4d; }

   

   #menu li.li_active { background-color: #ffffff; }

  

  #submenus { position: relative; float: left; width: 584px; height: 463px; overflow: hidden; }

   .submenu { position: absolute; top: 0; background-image: url(/images/submenu_background.png); background-position: right bottom; line-height: 22px; overflow: hidden; behavior: url(/images/iepngfix.htc) }

    .submenu li { list-style: none; width: 100%; }

    .submenu li a { color: #444b4d; text-decoration: none; display: inline-block; width: 100%; left: 0; }

    .submenu li a:hover { color: #444b4d; background: url(/images/submenu_hover.png); behavior: url(/images/iepngfix.htc) }

   #ontmoeten_sub { left: 91px; width: 143px; height: 108px; }

    #ontmoeten_sub li a { padding-left: 30px; }

    #ontmoeten_sub li ul li a { padding-left: 45px; }

   #eten_sub { left: 234px; width: 76px; height: 86px; }

    #eten_sub li a { text-indent: 4px; }*/

  

  #content { position: relative; float: left; width: 421px; height: 408px; padding-top: 33px; overflow: auto; }

   #content p { padding-left: 1px; padding-right: 58px; }

   #content p, #content ul, #content ol { margin-bottom: 23px; }

   #content ul, #content ol { margin-left: 17px; }

   #content h3 { color: #444b4d; font-size: 12px; line-height: 16px; margin-top: 10px; }

   #content table { margin-bottom: 10px; position: relative; float: left; }

   pre.tekst { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; color: #444b4d; }

   div#formulier { overflow: hidden; display: none; }

   .error { font-weight: bold; color: #ff0000; display: none; }

   .message { display: none; }

   

   .veld { font: 10px; width: 190px; height: 17px; padding-left: 5px; border: #444c4d 1px solid; padding-top: 1px; margin-bottom: 1px; }

   .submit { margin-top: 1px; padding-bottom: 3px; font: 10px; width: 105px; height: 20px; border: #444c4d 1px solid; background-color: #9fa285; color: #fff; }

   .textarea { font: 10px; width: 190px; height: 80px; padding-left: 5px; border: #444c4d 1px solid; }

   

  #bottom { position: relative; float: right; width: 1024px; height: 34px; padding-top: 5px; background: #9fa285; text-align: center; font-size: 9px; line-height: 14px; color: #fff; }

   #bottom span { color: #444b4a; }

   #bottom a { color: #fff; text-decoration: none; }

   #bottom a:hover { text-decoration: underline; }
   
   #bottom .twitter { float:left; display:block; height:24px; width:24px; overflow:hidden; margin:2px 0 0 6px; padding:0; border:0; text-decoration:none; background-image: url(/images/twitter_button.jpg); background-repeat:no-repeat; background-repeat:top left; }
   
   #bottom .twitter:hover { background-position:top right; }