/***** Global Settings *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0;  padding:0; } 
body { font: 12px Arial, Helvetica, sans-serif; background: #4c4c4c; }
a, a:visited { text-decoration:none; }
html { height: 100.01%; }
ul, li { list-style: none; }
fieldset,img { border:0; } 
table { border-collapse:collapse; border-spacing:0; } 
caption,th { text-align:left; } 
a:active, a:focus { outline: 0; } 

/***** Global Classes *****/
.Clear { clear: both; }
.ImgLeft { float: left; display: block; margin: 0px 10px 5px 0; border: 1px solid #000; }
.ImgRight { float: right; display: block; margin: 0 0 5px 10px; border: 1px solid #000; }
.TextRight { text-align: right; }
.Hidden { position: absolute; left: -9999px; top: -9999px; height: 1px; width: 1px; overflow: hidden; }
SPAN.DisplayNone { display: none; }

/***** DIV's in order of appereance *****/
#Container { width: 979px; margin: 10px auto 0 auto; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #434343; background: #FFF;}

#Header { background: url('../images/header.jpg') no-repeat; width: 979px; height: 181px; }

#MainNav { height: 27px; background: #00682a; border-top: 1px solid #434343; padding-left: 253px; }
	#MainNav UL { padding: 5px 0 0 0; }
	#MainNav LI { font: 13px Arial, Helvetica, sans-serif; display: inline;  }
	#MainNav a:link, #MainNav a:visited { color: #FFF; border-left: 13px solid #FFF; }
	#MainNav a:hover { border-left: 13px solid #fdf200; }

#QuickLinks { float: right; padding-right: 40px; margin-top: -21px; }
	#QuickLinks LI { display: inline; }
	#QuickLinks a:link, #QuickLinks a:visited { color: #FFF; margin: 0 0 0 15px; }
	#QuickLinks LI#home a { background: url('../images/home_icon.gif') left no-repeat; padding: 0 0 0 15px; }
	#QuickLinks LI#home a:hover { background: url('../images/home_icon_hover.gif') left no-repeat; text-decoration: underline; }
	#QuickLinks LI#contact a { background: url('../images/contact_icon.gif') left no-repeat; padding: 0 0 0 15px; }
	#QuickLinks LI#contact a:hover { background: url('../images/contact_icon_hover.gif') left no-repeat; padding: 0 0 0 15px; text-decoration: underline; }

#NavHolder { height: 27px; }
#NavHolder UL LI { float: left; }
#NavHolder A:link, 
#NavHolder A:visited, 
#NavHolder A:hover { padding: 5px 10px 6px 10px; display: block; }

/* Sub menus styles */
.SubMenu UL { z-index:3; margin-top: 0; margin-left: -1px; clear: left; display: none; background: #00682a; border: 1px solid #434343; }
.SubMenu:hover UL,
LI.over UL { z-index:3; display: block; position: absolute; padding-top: 0; }
.SubMenu UL LI { z-index:3; margin-top: -5px; clear: both; display: block; width: 165px; }
#NavHolder .SubMenu UL LI A:link, 
#NavHolder .SubMenu UL LI A:visited, 
#NavHolder .SubMenu UL LI A:hover { z-index:3;  padding: 5px 10px 5px 10px; }


#Content { clear: both; border-top: 1px solid #424242; }
#Culvita { background: #333 url('../images/culvita.gif') no-repeat; padding-bottom: 30px; width: 253px; height: 553px; float: left; }

#MainContent { background: #FFF; width: 500px; float: left; padding: 20px; margin-top: 1px; color: #424443; }
	#MainContent P, #Sidebar P { margin-bottom: 7px; }
	#MainContent H2, #Sidebar H2 { font: bold 14px Arial, Helvetica, sans-serif; color: #00692a; margin-bottom: 10px; }
	#MainContent a:link, #MainContent a:visited, #Sidebar a:link, #Sidebar a:visited { color: #006a28; }
	#MainContent a:hover, #Sidebar a:hover { text-decoration: underline; }
	#PartONE { width: 242px; float: left; margin-right: 15px; }
	#PartTWO { width: 242px; float: left; }
	.ColoredBG { background: #f8faf9; padding: 5px; margin-left: -5px;}
	
	/* catalogus */
	TABLE#Catalogus { margin-bottom: 10px; }
	IMG.Product { border: 1px solid #000; }
	TD.ProductPicture { vertical-align: top; }
	TD.Text { background: #f7faf8; padding: 10px 10px 10px 20px; color: #000; width:495px;}
	#MainContent .Text H2 { margin-bottom: 3px; }
	.FloatTextRight { float: right; }

	/**/
	#Picture { width: 122px; float: left; margin-right: 20px; }
	DIV#Text { width: 341px; float: left; }
	
#Sidebar { width: 133px; padding: 26px 26px 285px 26px; float: left; background: #e8f1ec; color: #414544; margin-top: 1px; }
#ContentPage #Sidebar { height: 270px; }
	.InputForm label { font: 10px Arial, Helvetica, sans-serif; width: 30px; margin-right: 4px; float: left; padding-top: 3px; }
	.InputForm .button { background: #FFF; color: #006829; font-size: 11px; padding: 2px 4px; border: 1px solid #434343; margin: 0 0 0 34px; width: 75px; cursor: pointer; }
	.InputForm .button:hover { color: #000; }
	INPUT.text { width: 90px; border: 1px solid #434343; padding: 2px; margin-bottom: 3px;}

#Footer { clear: both; background: #006829; border-left: 6px solid #1a7b41; border-right: 6px solid #1a7b41; padding: 6px 0; text-align: center; font-size: 11px; color: #FFF; height: 17px; }
	#Footer LI { display: inline; }
	#Footer a:link, #Footer a:visited { color: #FFF; font-size: 10px; padding: 0 4px 0 0; }
	#Footer a:hover { text-decoration: underline; }
	#Footer SPAN.Webstijl { float: right; margin: -14px 20px 0 0; }
	#Footer IMG.Logo { vertical-align: middle; }
	
/* Contact form style */
#ContactForm fieldset.Holder { font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 350px;}
	#ContactForm H3 { font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0;}
	#ContactForm .text { width: 125px; border:1px solid #d0d0d0; padding:3px; margin: 0 5px 5px 0; font: 12px Arial, Helvetica, sans-serif;}
	#ContactForm .adres { width: 25px; border:1px solid #d0d0d0; padding:3px; margin: 0 0 5px 0; font: 12px Arial, Helvetica, sans-serif; }
	#ContactForm .text:hover { border: 1px solid #3f3f37;} /* works only in firefox */ 
	#ContactForm label { float: left; padding: 4px 0 0 0; width: 70px; }
	#ContactForm .button { float: right; margin: 0 52px 0 0; background: #FFF; color: #3f3f37; border: 1px solid #3f3f37; padding: 1px 2px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif;  }
	#ContactForm textarea.text { width: 220px; height: 100px; }

/* magazine */
table#Mag { vertical-align: top; width: 230px; background: #f8faf9 url('../images/bgtopmag.gif') repeat-x; float: left; margin: 0 10px 10px 0; }
td#Pic { vertical-align: top; }
td#Info {  vertical-align: top; padding: 0 5px 5px 0; }
#Mag H2 { display: block; }