/* CREDITS
 * ----------------------------------------------------------
 * Title:		Aanbiedingen.be - CSS Main Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		25/03/09
 * Last Edit:	25/03/09 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:#ffe066 url(/templates/images/layout/body_tile.png) repeat-x 0 0; }

/*default elements*/
strong, b{ font-weight:bold; }
em{ font-style:italic; }
abbr, acronym{ border-bottom:1px dotted; cursor:help; }
.clear{ clear:both; }
a{ color:#b25c08; }
a:hover{ text-decoration:none; }
a:focus{ outline:none; }

img#aanbiedingen{ top:-47px; left:-5px; position:absolute; z-index:5; }
img#zoekertjesweb{ right:40px; top:-16px; position:absolute; z-index:5; }

/* Container
---------------------------------------------------------- */
div#container_wrapper{ width:994px; margin:60px auto 0; position:relative; background:url(/templates/images/layout/container_tile.png) repeat-y 0 0; }
div#container{ position:relative; width:994px; background:url(/templates/images/layout/container_background.png) no-repeat 0 0; }
div#container_footer{ width:958px; padding:23px 18px 9px; background:url(/templates/images/layout/container_footer.png) no-repeat left bottom; }

/* Content
---------------------------------------------------------- */
div#content{ padding:10px 0 0 0; width:958px; }

div#main{ width:589px; padding:0 5px; float:left; }

/* entry */
div#main div.entry{ margin-bottom:10px; background:url(/templates/images/layout/sections/main_entry/tile.png) repeat-y 0 0; }

	div#main div.entry div.title{ width:571px; position:relative; padding:0 9px; }
	div#main div.entry div.title h1{ font-size:18px; font-weight:bold; color:#62371b; line-height:42px;  }
	div#main div.entry div.title a.bullet{ font-weight:bold; right:10px; top:15px; position:absolute; padding:0 0 5px 15px; background:url(/templates/images/layout/sections/main_entry/title_bullet.png) no-repeat 0 2px; }
	
	div#main div.entry div.top{ height:3px; overflow:hidden; background:url(/templates/images/layout/sections/main_entry/top.png) no-repeat 0 0; }
	div#main div.entry div.bottom{ height:3px; overflow:hidden; background:url(/templates/images/layout/sections/main_entry/bottom.png) no-repeat 0 0; }
	div#main div.entry div.content{ padding:0 6px; }
		
		/* default */
		div#main div.entry ol.default{ border-top:1px solid #fae6b7; }
		div#main div.entry ol.default li{ padding:7px 4px; border-bottom:1px solid #fae6b7; }
		div#main div.entry ol.default li a{ font-size:13px; font-weight:bold; }
		div#main div.entry ol.default li.odd{ background:#fef6e4; }
		div#main div.entry ol.default li span{ color:#301606; font-size:11px; }
		
		/* pagination */
		div#main div.entry div.pagination{ text-align:center; }
		div#main div.entry div.pagination ul{ color:#f9d7a2; font-size:14px; padding:10px 0; }
		div#main div.entry div.pagination ul li{ display:inline; }
		div#main div.entry div.pagination ul li a{ padding:2px 4px; font-size:14px; }
		div#main div.entry div.pagination ul li.active a, div#main div.entry div.pagination ul li a:hover{ background:#833603; color:#FFF; }

/* Sidebar
---------------------------------------------------------- */
div#sidebar{ padding:0 0 0 4px; float:left; width:350px; }

	/* subscribe */
	div#sidebar div.subscribe{ margin-bottom:10px; position:relative; width:350px; height:319px; background:url(/templates/images/layout/subscribe_background.png) no-repeat 0 0; }
	div#sidebar div.subscribe h2{ display:none; }
	div#sidebar div.subscribe p{ width:220px; color:#FFF; position:absolute; top:95px; left:10px; }

	div#sidebar div.subscribe form{ position:absolute; top:165px; left:10px; }
	div#sidebar div.subscribe form div.entry{ margin-bottom:10px; }
	div#sidebar div.subscribe form div.text input{ border:0; width:162px; height:18px; padding:2px 0 0 2px; }
	div#sidebar div.subscribe form div.text label{ font-weight:bold; display:block; width:100%; color:#FFF; }
	div#sidebar div.subscribe form div.submit input{ width:100px; height:23px; border:0; cursor:pointer; background:url(/templates/images/layout/subscribe_form_submit.png) no-repeat 0 0; }

	/* box */
	div#sidebar div.box{ width:350px; margin-bottom:10px; background:url(/templates/images/layout/sections/sidebar_box/tile.png) repeat-y 0 0; }
	div#sidebar div.box div.title{ padding:0 0 0 10px; border-bottom:1px solid #a26841; line-height:39px; background:#301606 url(/templates/images/layout/sections/sidebar_box/title.png) no-repeat 0 0; }
	div#sidebar div.box div.title h2{ font-size:18px; color:#FFF; font-weight:bold; }
	div#sidebar div.box div.content{ width:330px; overflow:hidden; padding:10px 10px 15px; background:url(/templates/images/layout/sections/sidebar_box/bottom.png) no-repeat left bottom; }
	div#sidebar div.box div.content ul.two_col li a{ padding:0 0 0 6px; font-size:11px; background:url(/templates/images/layout/sections/sidebar_box/link_bullet_raquo.png) no-repeat 0 5px; }
	
	/* two col */
	ul.two_col li{ line-height:16px; width:50%; float:left; }
	
/* Header
---------------------------------------------------------- */
div#header{ position:absolute; top:23px; height:78px; left:23px; width:653px; padding:12px 0 0 295px;  }
div#header_placeholder{ height:90px; width:948px; }

	/* search */
	div#header form.search label{ padding:4px 0 0 0; width:125px; height:15px; display:block; float:left; text-indent:-9000px; background:url(/templates/images/layout/frm_search_label.png) no-repeat left bottom; }
	div#header form.search input.text{ color:#bbbbbb; margin:0 4px; float:left; width:364px; height:17px; padding:3px 0 0 2px; border-top:1px solid #321806; border-left:1px solid #321806; background:url(/templates/images/layout/frm_search_background.png) no-repeat 0 0; }
	div#header form.search input.submit{ float:left; width:136px; height:27px; border:0; cursor:pointer; background:url(/templates/images/layout/frm_search_submit.png) no-repeat 0 0; }
	
	/* navigation */
	div#header ul.navigation{ position:absolute; top:51px; right:8px; }
	div#header ul.navigation li{ float:left;  }
	div#header ul.navigation li a{ display:block; text-indent:-9000px; height:39px; background:url(/templates/images/layout/sections/navigation/tile.png) no-repeat 0 0; }
	div#header ul.navigation li a.most{ width:121px; }
	div#header ul.navigation li a.archive{ width:78px; background-position:-121px 0; }
	div#header ul.navigation li a.last{ width:150px; background-position:-199px 0; }
	div#header ul.navigation li a.favorites{ width:117px; background-position:-349px 0; }
	
	div#header ul.navigation li.active a.most, div#header ul.navigation li a.most:hover{ background-position:0 -39px; }
	div#header ul.navigation li.archive a.most, div#header ul.navigation li a.archive:hover{ background-position:-121px -39px; }
	div#header ul.navigation li.last a.most, div#header ul.navigation li a.last:hover{ background-position:-199px -39px; }
	div#header ul.navigation li.favorites a.most, div#header ul.navigation li a.favorites:hover{ background-position:-349px -39px; }
	
/* Forms
---------------------------------------------------------- */
input.submit{ cursor:pointer; }
legend{ display:none; }

/* Footer
---------------------------------------------------------- */
div#footer{ font-size:11px; color:#62371b; height:49px; padding:10px 14px 0 14px; width:948px; margin:0 auto; background:url(/templates/images/layout/footer_background.png) no-repeat 0 0; }

div#footer p{ float:right; text-align:right; }

div#footer ul{ float:left; width:500px; }
div#footer ul li{ font-weight:bold; }
div#footer ul ul{ padding:0 0 0 0; }
div#footer ul ul li{ float:left; margin:0 14px 0 0; }
div#footer ul ul li a{ font-weight:normal; font-size:11px; color:#62371b; padding:0 0 8px 13px; background:url(/templates/images/layout/footer_bullet.png) no-repeat 0 3px; }