/* 2support CSS global styles */

*						{ margin: 0; padding: 0; text-decoration: none; border: none; list-style: none; }
html					{ height: 100%; }
body					{ height: 100%; margin: 0; padding: 0; background: url(../images/grass.gif) top left repeat; font: 12px normal Arial, Helvetica, sans-serif; }

h1 						{ font-size: 25px; font-weight: bold; color: #6ebe46; margin: 0 0 10px 0; }
h2 						{ font-size: 16px; font-weight: bold; color: #6ebe46; margin: 0 0 7px 0; }
h3 						{ font-size: 15px; font-weight: bold; color: #342506; margin: 0 0 3px 0; font-style: italic; }
p 						{ font-size: 14px; font-weight: normal; color: #342506; padding: 10px 0 12px 0; line-height: 18px;}

a						{ color: #342506; text-decoration: underline; font-weight: bold; }
a:hover					{ text-decoration: underline;}

a.imagelink				{ text-decoration: none; border: none; width: 100%; text-align: center;}
a.imagelink:hover		{ text-decoration: none;}

a:active, a:focus		{ outline: none; }

#wrapper				{ width: 800px; position: relative; min-height: 100%; background: url(../images/bg_pane.jpg) top left repeat;  margin: 0 auto; }
* html #wrapper			{ height: 100%; }

#header					{ z-index: 100; position: absolute; top: 0px; left: 0px; height: 99px; width: 100%; border-bottom: 5px solid #6ebe46; background: url(../images/pattern.gif) top left repeat; }
#header-content			{ width: 800px; height: 99px; margin: 0 auto; background: url(../images/title_msg.gif) 450px 20px no-repeat;}
#header-content img		{ float: left; display: inline; margin: 10px 0 10px 0px; }
#footer					{ position: relative; margin-top: -34px; height: 34px; }
#footer-content			{ width: 800px; padding-top: 10px; height: 24px; background: #201104; margin: 0 auto; text-align: center; font-size: 15px; color: #e0d7ce; }

#menu					{ width: 800px; height: 26px; background: #201104;}
#menu ul				{ display: inline; }
#menu ul li				{ float: left; background-position: 26px 0; }
#menu ul li a			{ background-position: 0 0; display: block; height: 26px; color: #fff; border: none; text-decoration: none;}
#menu ul li a span		{ display: none;}

#menu ul li.home a,
#menu ul li.home		{ width: 75px; background: url(../images/menu_home.jpg);}
#menu ul li.aandeslag a,
#menu ul li.aandeslag 	{ width: 111px; background: url(../images/menu_aandeslag.jpg);}
#menu ul li.eelt a,
#menu ul li.eelt 		{ width: 115px; background: url(../images/menu_eelt.jpg);}
#menu ul li.basis  a,
#menu ul li.basis		{ width: 137px; background: url(../images/menu_basis.jpg);}
#menu ul li.projecten a,
#menu ul li.projecten 	{ width: 154px; background: url(../images/menu_eerdere.jpg);}
#menu ul li.over2sup a,
#menu ul li.over2sup 	{ width: 125px; background: url(../images/menu_over2sup.jpg);}
#menu ul li.contact a,
#menu ul li.contact 	{ width: 83px; background: url(../images/menu_contact.jpg);}

#menu ul li.highlight a	{ background-position: 0 26px;}
#menu ul li a:hover		{ background-position: 0 26px;}


#content				{ padding: 104px 0 64px 0; }
#flash-header			{ width: 790px; height: 258px; padding: 0 0 0 0px; border: 5px solid #201104; }
#info-content			{ width: 740px; padding: 26px 30px 0 30px;}
#info-contentbg			{ width: 740px; padding: 0px 0px 0 0px;background: url(../images/white.png);}
#info-contentin			{ width: 700px; padding: 20px 20px 20px 20px;}
#info-content ul		{ font-size: 14px; font-weight: normal; color: #342506; padding: 0 0 15px 0; line-height: 18px;}
#info-content ul li		{ list-style: square; margin-left: 20px;}
.info-left 				{ width: 320px;}
.info-right 			{ width: 320px;}

img.info-image			{ border: none; text-decoration: none; padding-left: 100px; margin: 10px 0;}

form#contactform		{ width: 500px;}
ol						{ width: 500px;}
ol li					{ margin: 10px 0;}
li.success				{ font-weight: bold; color: #6ebe46;}
li.error				{ font-weight: bold; color: #993333;}
ol li label				{ width: 100px; display: block; float: left;}
form input				{ border: 1px solid #342506; width: 300px; padding: 2px; font: 11px normal Arial, Helvetica, sans-serif;}
form textarea			{ border: 1px solid #342506; width: 300px; padding: 2px; font: 11px normal Arial, Helvetica, sans-serif;}
form input#submit		{ border: 1px solid #342506; width: 100px; margin-left: 100px; float: left; padding: 2px; font: 12px normal Arial, Helvetica, sans-serif;}
