/*
Gemaakt door: 	Sead Memic
Bedrijf:		VPRI Internetdiensten
Project:		Magdale B.V.
*/

/*Padding and margin reset*/
	html, body, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset { margin:0; padding:0; font-style:normal; border:none;}
	
/*General*/
	html, body 				{ font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333;}
	body 					{ background: url(images/body.jpg) left top repeat-x;}
	h1, h2, h3, h4, h5, h6 	{ color: #7A8A96; letter-spacing: 2px;}
	h1						{ font-size: 14px;}
	h2						{ font-size: 12px; width: 100%; border-bottom:1px solid #7A8A96; padding-bottom:4px; margin-top:30px;}
	p						{ padding:0; margin-top: 10px; margin-bottom:0;}
	
/*Layout*/
	#site					{ width: 960px; margin: 0 auto;}
	#header					{ width: 960px; height: 175px;}

	#wrapper				{ width: 940px; background: url(images/content-bg.png) left top no-repeat; padding: 20px;}
	#breadcrumb				{ float: left; }
	#search					{ margin-left: 725px; position:relative;}
	
	#left					{ float: left;}
	#menu					{ width: 198px; min-height: 190px; background: none; }
	#retailer				{ width: 198px; height: 211px; background: url(images/retailer-bg.gif) no-repeat; margin-top: 20px; padding-top: 2px;}
	#worldmap				{ width: 198px; height: 131px; background: url(images/magdale-kaart.jpg); margin-top: 20px;}
	
	#main					{ width:715px; margin-left: 215px; background: url(images/main-bg.gif) left top no-repeat;}
	#content-top			{ width:490px; height: 10px; background: url(images/content-box-top.gif) no-repeat;}
	#content				{ width:450px; background: url(images/content-box.gif) repeat-y; padding: 10px 20px; min-height: 500px;}
	#content-bottom			{ width:490px; height: 10px; background: url(images/content-box-bottom.gif);}	
	
	#right					{ width: 198px;	position:absolute; top: 210px; left: 7px; }
	
	#right a				{ background: url(images/login-btn.jpg); padding-top: 11px; padding-left: 15px; text-decoration: none; width: 170px; height: 25px; color: #fff; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing:normal; }
	#right a:hover		{ background: url(images/login-btn-hover.jpg); text-decoration: none; color: #fff;}

	#footer					{ width: 500px; height: 22px; background: url(images/footer-bg.gif) center top no-repeat; margin: 0 auto; color: #85939E; font-size: 11px; padding-top: 8px; clear: both; margin-top: 40px; font-weight:600;}
	
/*Navigation and Links */
	#menu ul				{ padding: 15px;}
	#menu li				{ width: 170px; text-transform: capitalize; font-weight: 600; letter-spacing: 3px; margin-bottom: 5px; list-style: none;}
	
	#menu a					{ text-decoration: none; color: #727272; font-size: 11px; letter-spacing: 2px; border-bottom:1px dashed #B8BEC7; width: 160px; height: 18px; text-transform: uppercase; display: block;}
	#menu a:hover			{ text-decoration: none; color: #424344; border-bottom:1px dashed #424344;}
	#menu a.current			{ text-decoration: none;}
	
	#content a				{ text-decoration: none; color: #999; border-bottom: 1px dashed #333;}
	#content a:visited		{ text-decoration: none; color: #0000FF; }
	#content a:hover		{ text-decoration: none; color: #333;}
	
	#footer a				{ text-decoration: none; color: #999;}
	#footer a:hover			{ text-decoration: underline; color: #999;}
	
	#breadcrumb a			{ text-decoration: none; color: #999;}
	#breadcrumb a:hover		{ text-decoration: underline; color: #999;}
	.menu-current menu-first{ font-weight:bold;}

	#retailer a				{ background: url(images/login-btn.jpg); padding-top: 8px; padding-left: 25px; text-decoration: none; width: 160px; height: 27px; color: #fff; display: block; font-size: 14px; font-weight: bold; text-transform: uppercase;}
	#retailer a:hover		{ background: url(images/login-btn-hover.jpg); text-decoration: none; color: #fff;}
		
/*Search */
	#string					{ width: 192px; height: 18px; color: #ACAEB5; letter-spacing: 1px; font-size: 11px; font-style: italic; border:0; background: url(images/search.gif) left top no-repeat; padding: 6px;}
	#string:hover			{ width: 192px; height: 18px; color: #ACAEB5; letter-spacing: 1px; font-size: 11px; border:0; background: url(images/search-hover.gif) left top no-repeat; padding: 6px;}

/*Various */
	#content p				{ padding-left: 7px; color: #333333; font-size: 12px; line-height: 18px; letter-spacing: 1px;}
	#right a img			{ border:0;}
	#retailer p				{ color: #666666; font-size: 11px; padding: 8px; padding-top: 15px;}
	#map					{ overflow: hidden;