@charset "UTF-8";
/* CSS Document */

* { padding: 0;	margin: 0; }

body { height: 100%; background-color: #FFFFFF; background: url(../images/bg_top.gif) repeat-x; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

p { margin-bottom: 20px; line-height: 20px; }

a { text-decoration: none; color: #e76500; }

table { margin-bottom: 20px; }

a:hover { text-decoration: none; }

.clear { clear: both; }

.email { margin-bottom: -2px; }

hr { margin-top: 15px; display: none; background-image: url(/images/ad_dotted.gif) }

a img { border: none; }

h1 { font-size: 18px; color: #e76500; font-weight: bold; margin-bottom: 20px; }

h2 { font-size: 14px; }

h3 { font-size: 13px; text-decoration: underline; }

h4 { font-size: 14px; }

.text_images { float: right; margin: 0 10px 20px 15px; }

.product_images { margin-right: 10px; margin-bottom: 20px; }

.logo_images { margin-left: 20px; margin-right: 5px; }

#container_header { margin: 0 auto; width: 931px; height: auto; }

	#header { width: 931px; height: 135px; }
	#header .logo { margin-left: 40px; margin-top: 25px; }
	
	#navbar { width: 931px; height: 33px; }
	
	#navbar #flags { float: left; width: 215px; height: 33px; }
	#navbar #flags img { margin-top: 10px; margin-left: 7px; }
	#navbar #flags .first { margin-top: 10px; margin-left: 30px; }
	
	#navbar #nav_menu { float: left; width: 716px; height: 33px; font-size: 13px; color: #DDDDDD; font-family: Arial, Helvetica, sans-serif; }

						ul#dropdown-menu { float: left; list-style: none; margin: 0; width: 716px; font-family: Arial, Helvetica, sans-serif; }
						#dropdown-menu li.active_menu { background: url('../images/menu-active.gif') no-repeat; background-position: center bottom; }
						#dropdown-menu .pointer { background: url('../images/down-arrow.png') no-repeat; background-position: center right; }
						#dropdown-menu > li { display: block; float: left; padding: 0; margin: 0; position: relative; z-index: 100; }
						#dropdown-menu > li:hover { background: url('../images/menu-active.gif') no-repeat; background-position: center bottom; }
						#dropdown-menu li a { padding: 10px 20px 8px; }
						#dropdown-menu a { color: #FFF; cursor: pointer; display: block; text-decoration: none; }
						#dropdown-menu li ul { background: #222222; display: none; left: -1px; position: absolute; top: 33px; width: 120px; z-index: 99; }
						#dropdown-menu li:hover ul { display: block; padding: 0; }
						#dropdown-menu li ul li { border: solid 1px #777777; border-top: none; display: block; float: none; font-size: 10px; list-style: none; padding: 0px; text-transform: uppercase; }
						#dropdown-menu li ul li a, #pro-toolbar li:hover ul li a { color: #FFF; display: block; padding: 4px 20px; }
						#dropdown-menu li ul li a:hover { background: #e76500; color: #FFF; text-decoration: none; }

	
	#navbar #nav_menu ul { padding: 9px 0 7px 20px; /*9px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/ margin: 0; text-align: left; }
	#navbar #nav_menu ul li { display: inline; }
	#navbar #nav_menu ul li a { color: #FFFFFF; padding: 9px 3px 4px 3px; margin-right: 20px; text-decoration: none; border-bottom: 3px solid black; /*bottom border is 3px */ }
	#navbar #nav_menu ul li .active { color: #FFFFFF; padding: 9px 3px 4px 3px; margin-right: 20px; text-decoration: none; border-bottom: 3px solid #e45326; /*bottom border is 3px*/ }
	#navbar #nav_menu ul li a:hover, .underlinemenu ul li a.selected { border-bottom-color: #e45326; }
	
	
			
#content_container { margin: 0 auto; width: 955px; }

#content_container #left { float: left; width: 227px; background: url(../images/bg_shadow_left.png) repeat-y; text-align: right; }

#content_container #right { position: relative; float: right; width: 728px; background: url(../images/bg_shadow_right.png) repeat-y; } 
				   #right #masthead { position: relative; width: 728px; height: 272px; overflow: hidden; }
				   #right #content { position: relative; width: 636px; min-height: 350px; padding: 30px 52px 40px 40px; line-height: 20px; }
				   #right #content a:hover { text-decoration: underline; }
				   #right #content a { color: #333333; font-weight: bold; }
				   #right #content li { margin-left: 20px; margin-bottom: 10px; }
				   #right #content #flash_video { float: right; width: 320px; height: 227px; padding: 0 0 20px 20px; }
				   #right #sitemap { padding: 30px 40px 20px; line-height: 20px; }
				   #right #sitemap ul { padding-left: 15px; padding-bottom: 20px; list-style: none; }
				   #right #sitemap li a { text-decoration: none; padding: 0px 0px 5px 20px; background: transparent url(/images/arrow_orange_01.gif) 0px 1px no-repeat; } 
				   #right #sitemap a { color: #666666; }
				   #right #sitemap a:hover { color: #333333; background: transparent url(/images/arrow_orange_02.gif) 0px 1px no-repeat; }
				   #right #sitemap h2 { font-size: 13px; font-weight: bold; }
				   
				   #right #content #contact_page { float: left; width: 350px; padding-right: 70px; margin-bottom: 30px; }
				   
				   #right #content #contact_details { float: right; width: 200px; }
				   #right #content #contact_details a { color: #e76500; }

 .offers { width: 636px; height: 270px; padding: 0 40px 0; }
					   .offer_small { position: relative; float: left; width: 197px; height: 197px; margin-right: 7px; margin-left: 7px; background: url(../images/aanbiedingen/bg_aanbiedingen.gif) no-repeat; }
					   .offer_small p { margin: 5px 0 0 5px; font-weight: bold; }
					   .offer_small .price { position: absolute; right: 10px; bottom: 6px; color: #e76500; font-weight: bold; }
					   .offer_small .label { position: absolute; left: 0; top: 0; width: 71px; height: 71px; z-index: 20; }
					   .offer_small .image { position: absolute; width: 189px; height: 125px; left: 4px; top: 4px; z-index: 10; }
					   .offer_small .text { position: absolute; width: 185px; left: 9px; top: 135px; text-align: left; font-weight: bold; }

#content_container #right #content .offer_big { position: relative; width: 650px; height: 133px; margin-top: 25px; background: url(../images/aanbiedingen/bg_aanbiedingen_small.gif) no-repeat; }
#content_container #right #content .offer_big .label { position: absolute; left: 0; top: 0; width: 71px; height: 71px; z-index: 20; }
#content_container #right #content .offer_big .image { position: absolute; width: 189px; height: 125px; left: 4px; top: 4px; z-index: 10; }
#content_container #right #content .offer_big .text_aanbieding { position: absolute; width: 420px; right: 10px; top: 10px; }
#content_container #right #content .offer_big h1 { margin-bottom: 10px; }
#content_container #right #content .offer_big h2 { margin-top: 10px; font-size: 15px; }
#content_container #right #content .offer_big p { text-align: left; margin-bottom: 3px; }

#content_container #right #content .offer_big2 { width: 650px; margin-top: 25px; }
#content_container #right #content .offer_big2 .ad_image { float: left; position: relative; margin: 0 20px 10px 0; width: 197px; height: 133px; background: url(../images/aanbiedingen/bg_aanbiedingen_small.gif) no-repeat; }
#content_container #right #content .offer_big2 .ad_image .image { position: absolute; width: 189px; height: 125px; left: 4px; top: 4px; z-index: 10; }
#content_container #right #content .offer_big2 .ad_image .label { position: absolute; left: 0; top: 0; width: 71px; height: 71px; z-index: 20; }
#content_container #right #content .offer_big2 .ad_tekst { float: right; width: 430px; padding-top: 5px; }
#content_container #right #content .offer_big2 h1 { margin-bottom: 10px; }
#content_container #right #content .offer_big2 h2 { margin-top: 10px; font-size: 15px; }
#content_container #right #content .offer_big2 p { text-align: left; margin-bottom: 3px; }


/* drop down menu code */

#dropmenudiv{ position: absolute; border: 1px solid black; border-bottom-width: 0; font: normal 12px Verdana; line-height: 18px; z-index: 100; }

#dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; color: #FFFFFF; padding: 1px 0; text-decoration: none; }

#dropmenudiv a:hover{ background-color: #e76500; }


/* footer code */

div#footer_container { clear: both; position: relative; width: 100%; height: 160px; background-color: #262626;  }
div#footer { position: relative; margin: 0 auto; width: 955px; height: 147px; background: url(../images/bg_footer.png) no-repeat; color: #999999; font-size: 11px; }
div#footer p { margin-bottom: 10px; }

div#copyright { position: absolute; right: 40px; bottom: 30px; text-align: right; }
div#copyright h3 { color: #CCCCCC; font-size: 13px; font-weight: normal; }
div#copyright a { color: #777777; }
div#copyright a:hover { color: #FFFFFF; }
div#copyright .white { color: #FFFFFF; }
div#copyright .grey { color: #777777; }

div#copyright #last { border-right: none; }

div#links { position: absolute; left: 40px; bottom: 30px; text-align: left; }
div#links a { color: #777777; }
div#links a:hover { color: #FFFFFF; }