/*------------------------------------------------------------------------
Author: Poppoll http://poppoll.nieuwerkerken-aalst.be
------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset, legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html {height:100%}
body {min-height:101%; font: 72.5% "Lucida Grande", Arial, sans-serif; background: #013c28 url(i/bg.png) repeat-x; color: #333;line-height:150%; }
a, a:visited {color: #eee; outline: none}
a:hover, a:active {text-decoration: none;color: #000}
a:active {outline:none}
:focus {outline: 0}
a img {border:none}
.clear{clear:both}

h1 { font:30px "Century Gothic",Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#ccc;border-top: 1px solid #c00;  }
h2 { font:15px "Century Gothic",Georgia, Verdana, Arial, Helvetica, sans-serif; padding-bottom: 3px; margin-bottom: 0;color:#ccc }

#main, #main_index { margin: 0 auto; width: 940px; overflow: hidden; }
#logo{width:377px;height:77px;background: url(i/logo.png) no-repeat right center;float:left}
#slogan {width:458px;height:32px; background: url(i/slogan.png); float:right}
#slogan_nl {width:458px;height:32px; background: url(i/sloganNL.png); float:right}
#main { padding: 15px; width: 910px;margin-top:55px;background: #3c8955; border: 5px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#main h1 { padding: 0; }
#main .column { float: left; margin-top: 30px; width: 380px; height: 380px;color:#eee;text-align:justify }
#main .column_chef { float: left; margin-top: 40px; width: 910px; color:#eee;text-align:justify }

#main .columnMenu { float: left; margin-top: 30px; width: 910px; color:#eee;text-align:justify }

/*voor index.htm */
#main_index { padding: 15px 0 15px 15px; width: 960px;margin-top:75px;background: #3c8955; border: 5px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#main_index .column1 { float: left; margin-top: 30px; width: 450px; height: 120px;color:#eee;text-align:center }
#main_index .column2 { float: left; margin-top: 30px; width: 450px; height: 120px;color:#eee;text-align:center;margin-left:20px }
.visa{text-align:center;height:41px}
#main #adres,#main_index #adres { float: left;padding:60px 0 10px 0;width: 420px; height: 40px; font :14px "Century Gothic"; color: #cee;clear:both}
#main_index #slogan {width:460px;height:32px; background: url(i/slogan.png);float:left;margin-top:20px}
#main_index #slogan_nl {width:460px;height:32px; background: url(i/sloganNL.png);float:left;margin-top:20px}

#main #openingsuren,#main_index #openingsuren{float: right; margin-top: 40px; padding-top:20px;width: 420px; height: 50px;position:relative;font :14px "Century Gothic";color: #ccc  }
#footer { margin: 0 auto; width: 940px; text-align: right; font-size: 10px;color:#ccc;margin-top:10px; }

/* horizontaal menu */
.container {position:relative;right:0;top:0px;float:right;width: 380px;padding: 15px;margin: 3px 0 20px 0}
#nav {margin: 0;padding: 0 0 20px 10px;border-bottom: 1px solid #9FB1BC}
#nav li {margin: 0;padding: 0;display: inline;list-style-type: none}
#nav a:link, #nav a:visited {float: left;font-size: 11px;line-height: 14px;font-weight: bold;padding: 0 12px 6px 12px;text-decoration: none;color: #ccc;margin-right:1px}
#nav a:link.active, #nav a:visited.active {color: #eaeaea;background: url(i/Rounded.gif) no-repeat bottom center}
#nav a:hover {color: #fff;background: url(i/Rounded.gif) no-repeat bottom center}

/* quick jum a la carte */
#navi {margin: 0;padding: 10px 0 20px 0;border-bottom: 1px solid #9FB1BC;}
#navi li {margin: 0;padding:0;display: inline;list-style-type: none}
#navi a:link, #navi a:visited {float: left;font-size: 11px;line-height: 14px;font-weight: bold;padding: 0 30px 6px 25px;text-decoration: none;color: #ccc;margin-right:1px}
#navi a:hover {color: #000;background: url(i/Rounded.gif) no-repeat bottom center}


#top-link	{ display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none; border:1px solid green; background:Lightgreen; padding:10px; }


/*Tabellen menu.htm */
table{width:100%;padding: 0;margin: 0;}
tr.oneven {background: #f5fafa}
tr {background: #fff;color:#000}
th.submenu{background:#eaeaea;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: 2px;text-transform: uppercase;text-align: left;	padding: 6px 6px 6px 12px;background: #CAE8EA url(images/bg_header.jpg) no-repeat}
td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;padding: 6px 6px 6px 12px;color: #4f6b72}
td.noborder {border-bottom:none}

/* image rotator home page */
#rotator{overflow: hidden;margin: 30px 0 0 10px;position: relative;width: 490px;height: 349px;	border: 1px solid #cbcbcb;float:right;}
#rotator img{width: 490px;height: 349px}
/*tooltip */
#easyTooltip{padding:5px;border:1px solid #c00;background:#6ec382;color:#000}
	
/* Overlay */
/* General use  */
div.overlay {     
    /* growing background image */ 
    background-image:url(overlay/white.png); 
    /* dimensions after the growing animation finishes  */ 
    width:600px;height:470px;
	color:#000;	
    /* initially overlay is hidden */ 
    display:none; 
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
}
div.overlay p {font-size:12px} 
/* default close button positioned on upper right corner */ 
div.overlay div.close {background-image:url(overlay/close.png);position:absolute;right:5px;top:5px;cursor:pointer;height:35px;    width:35px}
/* RED */
div.overlayRed {background-image:url(overlay/red.png);width:556px;height:424px;display:none;padding:50px;color:#fff}
div.overlayRed p {font-size:16px}
div.overlayRed div.close{background:none;position:absolute;left:8px;top:8px;cursor:pointer;height:35px;width:35px}