/*
Gemaakt door: 	Sead Memic
Bedrijf:		VPRI Internetdiensten
Project:		Autoschade Wildeboer
*/

/*Padding and margin reset*/
	html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, th, form, fieldset { margin:0; padding:0; list-style:none; font-style:normal; border:none;}
	img 					{ }
	a 						{ }
	a:hover 				{ }
	
/*General*/
	html, body 				{ }
	body 					{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background: #88BAEF url(images/body-bg.png) left top repeat-x; }
	h1, h2, h3, h4, h5, h6 	{ margin-bottom: 6px;}
	h1						{ font-size: 22px; color: #0F56A3; font-family: "Arial Narrow", Arial; letter-spacing: 3px; font-weight: normal; padding-bottom: 10px; border-bottom: 1px dotted #4A4A4A; font-weight:bold;}
	h2						{ font-size: 12px; color: #0F56A3; letter-spacing: 0.15em; font-family: Verdana, Arial, Helvetica, sans-serif;}
	p						{ }
	a						{ }
	
	
/*Layout*/
	#site					{ margin-top: 10px;}
	

	#credo					{ width: 100%; height: 30px; background: url(images/credo.png) top center no-repeat;}
	
	#header					{ width: 920px; height: 180px; margin: 0 auto; _width: 950px; position: relative;}
		#header-image			{ width: 572px; height: 172px; margin-left: 323px; margin-top:3px; padding: 8px 7px 0px 8px; *padding-top:8px; *margin-top:0px; _margin-left: 340px;}
		#header-logo			{ position:absolute; top:0px; left:0px; width: 920px; height: 180px; background: transparent url(images/logoHeader.png) Top Left no-repeat; margin-left: 24px; }
			
	#menu					{ width: 100%; height: 30px; background: url(images/menu-bg.jpg) left top repeat-x; border-top: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; margin: 0 auto;}
	
	#wrapper				{ width: 883px; margin: 0 auto; padding-left: 8px;}
		#content				{ width: 606px; background: url(images/content-gradient.png) left top repeat-y; padding-left: 5px; float: left; min-height: 625px; _height: 625px; _margin-left:4px;}
		#pathway				{ height: 56px; width: 588px; padding: 15px 0 0 12px; margin-left: 1px; background: url(images/wrapper-bg.jpg) left top no-repeat;}
		#content-text			{ margin: 10px 50px 10px 40px;}
		#footer					{ text-align: center; height: 70px; clear:both;}


	#article				{ float:left; *float: none; width: 245px; _width: auto; margin-left:24px; *margin-left:635px; _margin-left:24px;}
		#search					{ padding-top: 25px; *margin-left: 30px; _margin-left:-8;}
		

	
/*Navigation */
	#menu ul				{ width: 890px; margin: 0 auto; padding:0; _width: 900px;}
	
	#menu ul li				{ margin: 0 0 0 10px; _margin: 0 0 0 11px; text-align: center; font-size: 11px; font-weight: 600; letter-spacing: 2px; float: left; list-style:none;padding:0;}
	
	#menu ul li a			{ text-decoration: none; width: 115px; height: 22px; display: block; color: #fff; padding-top: 8px; background: #F6961E; border-left: 1px solid #4A4A4A; border-right: 1px solid #4A4A4A; _width: 114px;}
	#menu ul li a:hover		{ text-decoration: none; color: #fff; background: #D77A09;}
	#menu ul li a.current	{ text-decoration: none; color: #fff; background: #D77A09;}
	
	#menu li ul 			{ display: none; width: 107px;}
	#menu li:hover ul		{ display: block; position: absolute; padding: 0; margin: 0; margin-left: -10px; _margin-left: -22px;}
	#menu li ul li a 		{ width: 107px; _width: 106px; padding-left: 8px; font-weight: normal; font-size: 10px; background-image: none; background-color: #D77A09; text-align: left; border-bottom: 1px solid #4A4A4A; letter-spacing: 0px;}
	#menu li ul li a:hover	{ text-decoration: underline; background:#000; color:#fff;}
	
/*Search */
	#searchform				{ }
	#string					{ margin-left:40px; *margin-left: 10px; _margin-left: 0px; width: 160px; height: 14px; border: 1px solid #999; color: #000; background-color: #CED6DB; font-size: 11px; padding: 3px;}
	#button					{ margin-left: 6px; width: 22px; height: 22px; background: url(images/searchGO.png) no-repeat; border: 0; margin-top: -2px;}


/*Links */
	#content-text a			{ text-decoration: none; color: #000; border-bottom: 1px dashed #F6961E;}
	#content-text a:hover	{ text-decoration: none; color: #0F56A3; border-bottom: 1px dashed #F6961E;}
        #pathway a { color: #000; text-decoration: none; font-size: 11px; letter-spacing: 2px;}
        #pathway a:hover {color: #000; text-decoration: underline;}

	
/* V A R I O U S */
	#content-text			{ letter-spacing: 0.1em; line-height: 1.4em;}
	#content-text ul, #content-text ul	{ margin-left:40px;}
	#content-text ol li		{ list-style-type:decimal;}
	#content-text ul li		{ }
	.minus-left				{ margin-left: -42px;}
        .minus-wie                               { margin-left: -38px;}
	#sponsors				{ width: 249px; height: 98px; margin-top: 10px; background: url(images/logos.png); _margin-left: 630px; _margin-top: -130px; float: right;}
	
	#article ul				{ padding:0;margin:0;}
	#article ul li			{ list-style:none;padding:0;margin:0;}
	#article ul li a  		{ width: 198px; height: 88px; display: block; margin: 10px 0 0 40px; border:1px solid #fff;}
	#article ul li a:hover	{ border:1px solid #000;}
	
		/* #schade a:hover		{ background-image:url(images/article-schade.jpg);} */
		#schade a				{ background-image:url(images/article-schade-hover.jpg);}
		/* #offerte a:hover		{ background-image:url(images/article-offerte.jpg);} */
		#offerte a				{ background-image:url(images/article-offerte-hover.jpg);}
		/* #nieuwsbrief a:hover	{ background-image:url(images/article-nieuwsbrief.jpg);} */
		#nieuwsbrief a			{ background-image:url(images/article-nieuwsbrief-hover.jpg);}
		/* #wist-u-dat a:hover	{ background-image:url(images/article-wist.jpg);} */
		#wist-u-dat	a			{ background-image:url(images/article-wist-hover.jpg);}