/***** 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: 62.5% Arial, Helvetica, sans-serif; background: #d6e03d url('../images/background.gif') repeat-x; }
a, a:visited { text-decoration:none; }
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: 5px 10px 5px 0; border: 3px solid #1798c7; }
.ImgRight { float: right; display: block; margin: 5px 0 5px 10px; border: 2px solid #FFF;}
.TextRight { text-align: right; }
.Hidden { position: absolute; left: -9999px; top: -9999px; height: 1px; width: 1px; overflow: hidden; }
UL.TextList LI { list-style: circle; margin: 0 0 0 15px; }
SPAN.DisplayNone { display: none; }

/***** DIV's in order of appereance *****/
#Container { width: 854px; margin: 0 auto; font: 11px Arial, Helvetica, sans-serif; }
#Content { float: right; background: #FFF url('../images/contentbg.gif') right no-repeat;  width: 744px; height: 504px; margin: 104px 0 7px 0; }


#Nav { padding: 27px 0 40px 46px; z-index: 3; }
	#Nav UL LI { list-style-type: none; display: inline; }
	#Nav #home { background: url('../images/nav/home.gif') no-repeat; padding: 0 30px 0 0; display: inline;  float: left; width: 54px; height: 16px;}
	#Nav #home:hover { background: url('../images/nav/home_hover.gif') no-repeat;}
	#Nav #over_ons { background: url('../images/nav/over_ons.gif') no-repeat; padding: 0 30px 0 0; margin: 5px 0 0 0; display: inline;  float: left; width: 81px; height: 11px;}
	#Nav #over_ons:hover { background: url('../images/nav/over_ons_hover.gif') no-repeat;}
	#Nav #onze_producten { background: url('../images/nav/onze_producten.gif') no-repeat; padding: 0 30px 0 0;  display: inline;  float: left; width: 157px; height: 21px;}
	#Nav #onze_producten:hover { background: url('../images/nav/onze_producten_hover.gif') no-repeat;}
	#Nav #webshop { background: url('../images/nav/webshop.gif') no-repeat; padding: 0 30px 0 0;  display: inline;  float: left; width: 89px; height: 21px;}
	#Nav #webshop:hover { background: url('../images/nav/webshop_hover.gif') no-repeat;}
	#Nav #links { background: url('../images/nav/links.gif') no-repeat; padding: 0 30px 0 0; display: inline;  float: left; width: 44px; height: 17px;}
	#Nav #links:hover { background: url('../images/nav/links_hover.gif') no-repeat;}
	#Nav #contact { background: url('../images/nav/contact.gif') no-repeat; padding: 0 30px 0 0; margin: 2px 0 0 0; display: inline;  float: left; width: 78px; height: 15px;}
	#Nav #contact:hover { background: url('../images/nav/contact_hover.gif') no-repeat;}

#Left {  width: 381px; margin: 0 0 0 -107px; position: absolute; float: left; }
	#MainContent { background: #ed008c url('../images/maincontent_rounded_left_top.gif') left top no-repeat; font: 13px Arial, Helvetica, sans-serif; color: #FFF; padding: 23px; width: 381px; }
	#MainContent #Overflow { overflow: auto; height: 465px; padding: 0 10px 0 0;}
	#MainContent #Overflow2 { overflow: auto; height: 465px; padding: 0 15px 0 0;}
	#MainContent a:link, #MainContent a:visited { color: #f8ff7b; }
	#MainContent a:hover { text-decoration: underline; }
	#MainContent P { margin: 8px 0; }
	#MainContent P.Last { margin: 0 0 20px 0; }
	#MainContent H2 { margin: 10px 0; }
	#MainContent UL#LinksList { display: block ; }
		/* custom headings */
		H2.WIK { background: url('../images/headings/wat_is_kleingrut.gif') no-repeat; width: 166px; height: 22px; }
		H2.Aan { background: url('../images/headings/Aanbiedingen.gif') no-repeat; width: 136px; height: 22px; }
		H2.OverOns { background: url('../images/headings/over_ons.gif') no-repeat; width: 86px; height: 16px; }
		H2.OnzeProducten { background: url('../images/headings/onze_producten.gif') no-repeat; width: 162px; height: 21px; }
		H2.Links { background: url('../images/headings/links.gif') no-repeat; width: 45px; height: 17px; }
		H2.Contact { background: url('../images/headings/contact.gif') no-repeat; width: 82px; height: 16px; }
	
#RoundedCorner { background: #ed008c url('../images/maincontent_rounded_left_bottom.gif') left bottom no-repeat; height: 12px; width: 427px; }

	#Highlight { background: #f49ac0 url('../images/homepage_highlight_products.gif') no-repeat; width: 381px; height: 128px; padding: 45px 23px 45px 23px; z-index: 2; }
	#Highlight IMG.Pic { border: 2px solid #FFF; margin: 0 16px 0 0; }
	#Highlight IMG.PicLast { border: 2px solid #FFF; }
	#Highlight #ImageList LI { display: inline; }

#Right { width: 409px; padding: 0 9px; float: right; }
	#Right .Breadcrumbs { float: right; padding: 0 3px 9px 0; }

#Footer { clear: both; z-index: 1; background: url('../images/footer.gif'); width: 852px; height: 110px;   }
#Footer UL  { padding: 0 0 0 23px; margin: -5px 0 0 0; }
#Footer LI { display: inline; }
#Footer a:link, #Footer a:visited { color: #ed008c; padding: 0 6px 0 0; }
#Footer a:hover { text-decoration: underline; }

.Form { width: 160px; padding: 15px 0 0 445px;}
	.Form .text { width: 105px; border:1px solid #ec008b; padding:2px; margin: 0 0 5px 0; }
	.Form .text:hover { border: 1px solid #333;} /* works only in firefox */ 
	.Form label { float: left; padding: 4px 0 0 0; width: 45px; font: 13px Arial, Helvetica, sans-serif; color: #505050; }
	.Form .button { margin: 0 0 0 45px; background: #FFF; color: #c52520; border: 1px solid #ec008b; padding: 1px 2px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif;  }

.Schrijf { float: right; margin: -75px 0 0 0; padding: 0 20px 0 0; color: #ed008c; }
	.Schrijf P.BigText { background: url('../images/schrijf_je_in.gif') no-repeat; width: 185px; height: 32px;}

SPAN.Copyright { float: right; margin: -14px 0 0 0; color: #ed008c; padding: 0 23px 0 0; }
	SPAN.Copyright IMG.webstijl_logo { border: 0; vertical-align: middle; padding: 0 5px; }

#ContentPage #MainContent {  background: #ed008c url('../images/maincontent_rounded_left_top.gif') left top no-repeat; font: 13px Arial, Helvetica, sans-serif; color: #FFF; padding: 23px; width: 381px; height: 461px; }

/* Contact form style */
#ContactForm fieldset.Holder { font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 350px;}
	#ContactForm H3 { font: bold 14px Arial, Helvetica, sans-serif; }
	#ContactForm .text { width: 125px; border:1px solid #f69abf; padding:3px; margin: 0 5px 5px 0; font: 12px Arial, Helvetica, sans-serif;}
	#ContactForm .adres { width: 25px; border:1px solid #f69abf; padding:3px; margin: 0 0 5px 0; font: 12px Arial, Helvetica, sans-serif; }
	#ContactForm.text:hover { border: 1px solid #333;} /* 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: #ed008c; border: 1px solid #f69abf; padding: 1px 2px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif;  }
	#ContactForm textarea.text { width: 220px; height: 60px; }
	
fieldset, img {
    border: 2px solid white;
}