html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

body { overflow:-moz-scrollbars-vertical; color: #382f27; font: 76%/140% arial; background: transparent url('/resources/img/bg_small.jpg') fixed bottom center; }

img { border: 0px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

h1.green { background: transparent url('/resources/img/h1_green.png') repeat-x top center;  }
h2.orange { background: transparent url('/resources/img/h2_orange.png') repeat-x top center; }

div#topwrapper { z-index: 7000; height: 175px; position: fixed; left: 0px; width: 100%; }

div#headerwrapper { height: 85px; line-height: 85px;  background: transparent url('/resources/img/header_bg.jpg') repeat-x top center; }
	div#header { width: 950px; margin: 0px auto; }
	div#header .logo { margin-top: 5px; }
	div#header .address { display: block; color: #fff; letter-spacing: 1px; line-height: 20px; padding: 2px 0px 0px 20px; text-decoration: none; margin-top: 8px; width: 227px; height: 63px; background: transparent url('/resources/img/address.jpg') no-repeat top center; } 
		
div#menuwrapper { height: 70px; background: transparent url('/resources/img/menu_bg.jpg') repeat-x top center; }
	div#menu { width: 950px; margin: 0px auto; }
	div#menu ul { line-height: 70px; }
	div#menu ul ul { display: none; border: 3px solid #241B14; border-top: 1px solid #241B14; position: absolute; background: #23A7E7; line-height: 21px; margin-top: -4px; -moz-border-radius: 0px 0px 4px 4px; }
	div#menu ul li:hover ul { display: block; }
	div#menu li { float: left; list-style: none; }
	div#menu ul li a { padding-bottom: 1px; color: #ccc; text-decoration: none; font-size: 160%; font-style: italic; font-weight: normal; font-family: "Palatino Linotype",Georgia,"Times New Roman", Arial, Verdana, serif; margin-right: 15px; }
	div#menu ul li a:hover { color: #fff; border-bottom: 2px solid #8fb400; } 

	div#menu ul ul li { clear: left; }
	div#menu ul ul li a { color: #fff; font-size: 110%; font-style: normal; font-family: Arial, Verdana, serif; padding: 5px 15px; display: block; margin: 3px 0px 3px -1px; }
	div#menu ul ul li a:hover { color: #fff; border-bottom: 0px; font-style: italic; } 

div#contentwrapper { padding-top: 175px; padding-bottom: 59px; width: 964px; margin: 0px auto; }
	div#contentwrapper h1, h2, h3, h4 { font-weight: normal; color: #fff; height: 32px; line-height: 32px; padding: 0px 10px; }
	div#contentwrapper h1,
	div#contentwrapper h2 { font-size: 110%; font-weight: bold; }
	div#contentwrapper h3 { font-size: 100%; }
	div#contentwrapper h4 { font-size: 90%; }
	
	div#contentwrapper div div div { margin: 0px 1px; padding: 4px; background: transparent url('/resources/img/65.png') repeat bottom center; }
	div#contentwrapper div div div div { margin: 0px; padding: 0px; background: none; }
		
	div#contentwrapper .content_small { width: 220px; margin-bottom: 10px; }
	div#contentwrapper .content { width: 470px; background: transparent url('/resources/img/content_bg.png') repeat-y bottom center; margin-bottom: 10px; }
	div#contentwrapper .content_wide { width: 710px; margin-bottom: 10px;  }
	
	div#contentwrapper .content_small p,
	div#contentwrapper .content p,
	div#contentwrapper .content_wide p { padding: 10px; }

	div#contentwrapper .content_small img[style="float: left;"] { margin: 0px 4px 0px 0px; }
	div#contentwrapper .content_small img[style="float: right;"] { margin: 0px 0px 0px 4px; }

	div#contentwrapper a { color: #2f66a7; text-decoration: none; font-weight: bold; }
	div#contentwrapper a:hover { color: #25A6E7; text-decoration: underline;}

	div#content_left { display: inline; margin: 20px 20px 0px 7px; float: left; width: 220px; }
		div#content_left div#menu_left { margin-bottom: 20px; }
		div#content_left div#menu_left li { list-style: none; }
		div#content_left div#menu_left li a { font-weight: normal; text-decoration: none; display: block; margin-bottom: 5px; line-height: 32px; padding: 0px 10px; color: #fff; width: 200px; height: 32px; background: transparent url('/resources/img/h2_green.png') no-repeat top center; }
		div#content_left div#menu_left li a:hover { background: transparent url('/resources/img/h2_green.png') no-repeat bottom center; }
		
		div#content_left div.form span { background: #9AC62A; padding: 2px 6px; border: 1px solid #627E1B; border-bottom: 0px; color: #fff; margin-top: 3px; clear: both; float: left; -moz-border-radius: 2px 2px 0px 0px; }
		div#content_left div.form input[type="text"],
		div#content_left div.form input[type="password"] { color: #666; background: #eee; margin: 0px; margin-bottom: 5px; padding: 4px 3px; border: 1px solid #627E1B; width: 202px; -moz-border-radius: 0px 2px 2px 2px; }
		div#content_left div.form input[type="text"]:focus,
		div#content_left div.form input[type="password"]:focus { background: #fff; color: #000; }
		div#content_left div.form input[type="submit"] { padding: 2px 6px; clear: both; float: left; }
	
	div#content_center { display: inline; margin: 20px 0px 0px 0px; float: left; width: 470px; margin-right: 20px; }
		div#content_center h1 { background: transparent url('/resources/img/h1_green.png') repeat-x top center; }
		
		div#content_center table.maaltijdservice { margin: 5px; width: 460px; padding: 10px; line-height: 20px; }
		div#content_center table.maaltijdservice td { border-bottom: 1px dotted #eee; width: 50%; }
		div#content_center table.maaltijdservice td strong { text-align: right; display: block; color: #fff; padding: 3px 7px; font-weight: normal; background: #627F1B; }
		
		div#content_center ul { list-style: none; padding: 0px 15px;}
		div#content_center ul li { line-height: 22px; }
		
		div#content_center div.content { text-align: justify; }
		
	div#content_right { display: inline; margin: 20px 7px 0px 0px; float: left; width: 220px; }
		div#content_right .lijnpraatjes { margin: 0px; background: transparent; padding: 0px;  }
		div#content_right .lijnpraatjes a img { float: left; border: 0px; margin: 0px 4px 0px 0px; }
		div#content_right .lijnpraatjes a { font-weight: normal; text-align: justify; height: 60px; background: transparent url('/resources/img/65.png') repeat top center; margin: 0px 1px 1px 1px; padding: 4px; clear: both; display: block; color: #382f27; text-decoration: none; }
		div#content_right .lijnpraatjes a:hover { background: transparent url('/resources/img/85.png') repeat top center; }
		
div#visual { padding: 7px; background: transparent url('/resources/img/visual_bg.png') repeat-x top center; }

div#footerwrapper { clear: both; height: 29px; background: transparent url('/resources/img/footer_bg.png') repeat-x top center; }
	div#footer { width: 950px; margin: 0px auto; line-height: 29px; padding-top: 3px; color: #fff; font-size: 90%; }
	div#footer a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; margin-bottom: -2px; }
	div#footer a:hover { border-bottom: 1px solid #333; }
	
	table.colofon a { color: #333; text-decoration: none; }
	table.colofon a:hover { text-decoration: underline; }
	
/* SARRA DEFAULT CSS */

div.criticalerror,
div#wrapper div.criticalerror,
div.succes,
div.warning {
	width:					950px;
	padding:				8px;
	margin:					8px auto;

}

div.criticalerror,
div#wrapper div.criticalerror {
	border:					1px solid #ff0000;
	background:				#fff1f1;
}

div.succes {
	border:					1px solid #3DA83E;
	background:				#f6fff6;
}

div.warning {
	border:					1px solid #ffcc00;
	background:				#fffdf1;
}

div.criticalerror hr,
div.succes hr,
div.warning hr {
	border:					0px;
	height:					0px;
	margin:					8px 0px;
	padding:				0px;
}

div#wrapper div.criticalerror hr {
	border-bottom:			1px solid #ffcccc;
}

div.succes hr {
	border-bottom:			1px solid #3DA83E;
}

div.warning hr {
	border-bottom:			1px solid #ffcc00;
}

div#wrapper div.criticalerror,
div#wrapper div.warning,
div#wrapper div.succes {
	width: 					auto;
}