/* CREDITS
 * ----------------------------------------------------------
 * Title:		Diensten.be - Screen Stylesheet
 * Author:		David Candreva <david@candreva.be>
 * Date:		26/10/09
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 */

/* Reset
---------------------------------------------------------- */
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; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; border:0; }

.btn{ display:block; text-indent:-9000px; }

/* General elements
---------------------------------------------------------- */
textarea, body{ line-height:18px; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:#4ab8e0 url(../images/layout/body_tile.png) repeat-x 0 0; }

.clear{ clear:both; }
a{ color:#0099cc; text-decoration:none; }
a:focus{ outline:none; }

/* Container
---------------------------------------------------------- */
div#container{ position:relative; width:968px; margin:0 auto; padding:151px 0 0 0; }

/* Header
---------------------------------------------------------- */
div#header_wrapper{ position:absolute; top:26px; left:0; }
div#header{ position:relative; width:968px; height:125px; background:url(../images/layout/header_background.png) no-repeat 0 0; }
	
	/* logo */
	div#header img{ z-index:5; position:absolute; top:-17px; left:-25px; }

	/* form */
	div#header form{ color:#FFF; padding:8px 0 0 115px; position:absolute; top:82px; left:4px; width:845px; height:31px; background:url(../images/layout/header_search_background.png) no-repeat 0 0; }
	div#header form label{ margin:4px 0 0 0; width:139px; height:13px; text-indent:-9000px; display:block; float:left; background:url(../images/layout/forms/labels/find.png) no-repeat 0 0; }
	div#header form input{ margin:0 5px; float:left; -moz-border-radius:2px; -webkit-border-radius:2px; width:185px; padding:2px 4px; color:#999; border:1px solid #5b2030; background:#FFF url(../images/layout/input_tile.png) repeat-x 0 0;}
	div#header form input#search_name{ width:188px; }
	div#header form input#search_zip{ width:113px; }
	div#header form select{ border:1px solid #5b2030; -moz-border-radius:2px; -webkit-border-radius:2px; padding:1px 1px 1px 0; float:left; }
	div#header form input.disabled{ font-style:italic; }
	div#header form button{ float:left; margin:-2px 0 0 5px; width:52px; height:27px; background:url(../images/layout/forms/buttons/search.png) no-repeat 0 0; }
	div#header form button:hover{ background-position:right 0; }
	
	/* header */
	div#header a.place{ position:absolute; top:25px; right:20px; height:43px; width:293px; background:url(../images/layout/buttons/place_add.png) no-repeat 0 0; }
		div#header a.place:hover{ background-position:left bottom; }
		
/* Sidebar
---------------------------------------------------------- */
div#sidebar{ float:left; width:220px; }

/* login */
div#sidebar a.login{ margin-bottom:2px; height:32px; width:221px; background:url(../images/layout/buttons/login.png) no-repeat 0 0; }
	div#sidebar a.login:hover{ background-position:left bottom; }

/* logout */
div#sidebar a.logout{ margin-bottom:2px; height:32px; width:221px; background:url(../images/layout/buttons/logout.png) no-repeat 0 0; }
	div#sidebar a.logout:hover{ background-position:left bottom; }
	
/* ads */
div#sidebar a.ads{ margin-bottom:2px; height:32px; width:221px; background:url(../images/layout/buttons/ads.png) no-repeat 0 0; }
	div#sidebar a.ads:hover{ background-position:left bottom; }

/* add addvertisement */
div#sidebar a.add_addvertisement{ height:32px; width:221px; background:url(../images/layout/buttons/add_addvertisement.png) no-repeat 0 0; }
	div#sidebar a.add_addvertisement:hover{ background-position:left bottom; }

/* navigation */
div#sidebar ul.navigation{ padding:10px 0; margin:7px 0 15px; border:1px solid #e0e0e0; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow:1px 1px 2px #e0e0e0; }
div#sidebar ul.navigation li{ line-height:25px; }
div#sidebar ul.navigation li a{ font-size:13px; width:198px; display:block; padding:0 0 0 20px; color:#77404f; background:url(../images/layout/icons/navigation_bullet.png) no-repeat 10px center; }
div#sidebar ul.navigation li a:hover{ color:#064961; }

div#sidebar ul.navigation li.active{ border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#e8f3fd;  }
div#sidebar ul.navigation li.active a{ font-weight:bold; color:#064961; }
div#sidebar ul.navigation li.active ul{ padding-bottom:10px; }
div#sidebar ul.navigation li.active ul li a{ font-weight:normal; background:none; font-size:12px; }	
div#sidebar ul.navigation li.active li.active{ padding:0 5px; border:0; }
div#sidebar ul.navigation li.active li.active a{ padding-left:15px; width:193px; background:#FFF; }
div#sidebar ul.navigation li.active ul li{ line-height:22px; }

/* box */
div#sidebar div.box{ border:1px solid #e0e0e0; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow:1px 1px 2px #e0e0e0; }
div#sidebar div.box h2{ padding:0 0 0 9px; line-height:38px; height:38px; color:#20334b; font-size:20px; font-weight:bold; }

div#sidebar div.box ul{ width:100%; clear:both; overflow:hidden; }
div#sidebar div.box ul li{ padding:5px 0 5px 9px; color:#0099CC; width:209px; border-top:1px solid #e0e0e0; }
div#sidebar div.box ul li a{ text-decoration:underline; }
div#sidebar div.box ul li a:hover{ text-decoration:none; }
div#sidebar div.box ul li.more a{ color:#94304a; }

/* Main
---------------------------------------------------------- */
div#main{ position:relative; margin:0 0 0 20px; width:700px; overflow:hidden; float:right; }
div#main a{ text-decoration:underline; }
div#main a:hover{ text-decoration:none; }

/* breadcrumbs */
div#main div.breadcrumbs{ margin-bottom:15px; border:1px solid #e0e0e0; width:698px; clear:both; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow:1px 1px 2px #ececec; }
div#main div.breadcrumbs ol{ padding:0 9px; }
div#main div.breadcrumbs ol li{ margin:0 5px 0 0; height:25px; line-height:25px; color:#b2b2b2; float:left; }
div#main div.breadcrumbs ol li a{ float:left; display:block; height:25px; line-height:25px; padding:0 20px 0 0; color:#b2b2b2; background:url(../images/layout/breadcrumb_bullet.png) no-repeat right 0; }

/* Content
---------------------------------------------------------- */
div#content{ width:940px; padding:8px 10px; background:#FFF; border-left:4px solid #5b2030; border-right:4px solid #5b2030; }
	
/* Footer
---------------------------------------------------------- */
div#footer{ padding:20px 0 20px 18px; width:950px; clear:both; overflow:hidden; color:#04435a;  background:url(../images/layout/footer_background.png) no-repeat 0 0; }

div#footer ul li{ float:left; margin:0 15px 0 0; }
div#footer ul li a{ padding:0 0 0 6px; color:#04435a; text-decoration:underline; background:url(../images/layout/icons/navigation_bullet.png) no-repeat 0 center; }
div#footer ul li a:hover{ text-decoration:none; }
div#footer ul li.important{ width:950px; clear:both; margin:5px 0 0 0; font-size:11px; padding:5px 0 0 8px; line-height:15px; color:#FFF; background:url(../images/layout/icons/important.png) no-repeat left bottom; }