/* CREDITS
 * ----------------------------------------------------------
 * Title:		Design vlaanderen - CSS Main Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		23/09/08
 * Last Edit:	01/12/08 Bart Vandebeek <bart@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6f6b60;}
body{ background:url(../images/layout/body_tile.gif) 0 0; width: 2373px;}
/* body{background:url(../images/bgs/homepage.jpg) no-repeat 0 0}  */
/* body{background:#3D3A34;} */

/*selectors*/
strong,b{font-weight:bold;}
a{outline:none;color:#211f1b;text-decoration:none}
a:hover{text-decoration:none;}

/* ContactData
---------------------------------------------------------- */
.contactData {float:right; line-height:16px;color:#272725;text-align:right}
.contactData a {background-color:#1f1e1a; padding:2px;color:#e7e6e4}

/* Container
---------------------------------------------------------- */
/*div#container{margin:18px 0 0 0;}*/
div#container{margin:18px 0 0 0; overflow:hidden} /* overflow needed for the ajax .. */

/* sidebar
---------------------------------------------------------- */
div#sidebar{float:left; margin-left:31px; width:344px}
	
	div#sidebar #languages{float:right; font-size:11px;}
	div#sidebar img{margin-bottom:20px; margin-left:0px;}

	div#sidebar .pagination { margin-top: 2px }
	div#sidebar .pagination img { margin-right: 5px }

	div#sidebar h2{font-size:26px; margin-bottom:9px; clear:both;color:#201f1b}
	div#sidebar h2 span{ width:1px; overflow:hidden; height:26px; background:url(../images/layout/sidebar_h2_subtitle_bg.gif) no-repeat 0 center;border-left:1px solid #000000;margin-right:0px}
	div#sidebar h2 em{font-size:12px;}
	
	div#sidebar ul.list{ clear:both; overflow:hidden; width:100%; font: 12px/19px Arial, Helvetica, sans-serif;color:#201f1d}
	div#sidebar ul.list li{color:#6F6B60; overflow:hidden; padding:2px 0 3px 0; border-top:1px solid #1f1f1d; width:345px}
	div#sidebar ul.list li a{color:#201f1d; text-decoration:none;}
	div#sidebar ul.list li span.left{float:left; width:285px;}
	div#sidebar ul.list li span.right{float:left; width:60px; text-align:right;}

	div#sidebar ul.feedbackList	{clear:both; overflow:hidden; width:100%; font: 12px/19px Arial, Helvetica, sans-serif; }
	div#sidebar ul.feedbackList li {color:#675c5a; overflow:hidden; padding:4px 0; border-top:1px solid #1f1f1d;width:345px}
	div#sidebar ul.feedbackList li a {color:#272521; text-decoration:none;}
	div#sidebar ul.feedbackList li span.left {float:left; width:285px;}
	div#sidebar ul.feedbackList li span.right {float:left; width:60px; text-align:right;}
 	
	div#sidebar #blackSide {position: relative}
	div#sidebar #news, div#sidebar #events{position:absolute;left:0;top:0}
	div#sidebar #designersBlock {position:relative;border:1px solid #000000;border-left:none;border-right:none;height:153px;padding-top:6px;}
	div#sidebar #designersBlock div {display:block;margin-left:154px;color:#6F6B60; line-height: 19.7px;position: absolute;left:0;width:190px}
	div#sidebar #designersBlock .readmore{position:absolute;right:3px;bottom:4px;color:#211f1b}
	div#sidebar #designerContact {position:absolute;right:3px;bottom:-15px;}
	
	div.portfolioBox {margin:33px 0 0 0; position:relative; padding:0 0 0 80px; width:1958px; clear:both;}
	

/* Content
---------------------------------------------------------- */
div#content{float:left;position:absolute;left:432px;width:100%}

	/*logo*/
	div#header img{ margin:35px 46px 0 35px; float:left; }
	div#header #languages{float:left;position:absolute;left:240px;top:35px;}
	
	/*main_navigation*/
	div#content ul.main_navigation {float:left; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px;margin-left:70px}
	div#content ul.main_navigation li {float:left; margin-left:-1px;}
	div#content ul.main_navigation li a {font-size:15px; line-height:20px; padding:0px 7px 3px 7px; background:url(../images/layout/main_navigation_bullet.gif) no-repeat right 0;}
	div#content ul.main_navigation li a:hover, div#content ul.main_navigation li a.active {color:#fff; background:url(../images/layout/main_navigation_bullet.gif) repeat right 0;}
	div#content ul.main_navigation li a.last	{background:none; padding:0px 7px 0 7px;}
	div#content ul.main_navigation li a.last:hover, div#header ul.main_navigation li a.last.active {background:url(../images/layout/main_navigation_bullet.gif) repeat right 0; padding:0px 7px 3px 7px;}
	div#content ul.main_navigation li ul	{position:absolute; left:342px; top:58px;width:600px;overflow:hidden;}
	div#content ul.main_navigation li li	{float:left;}
	div#content ul.main_navigation li li a {font-size:12px; background:none;float:left; padding:0px 7px 0px 7px;}

	/*extra_navigation*/
	div#content ul.extra_navigation{}
	div#content ul.extra_navigation li{float:left; margin-left:-1px;}
	div#content ul.extra_navigation li a{font-size:10px; padding:0 7px; background:url(../images/layout/extra_navigation_bullet.gif) no-repeat right center;}
	div#content ul.extra_navigation li a.last{background:none; margin-right:5px}

	
	/*search*/
	div#content form {float:left;margin:0;}
	div#content fieldset.search{margin:0px 5px 0 0; display:inline;}
	div#content fieldset.search legend{display:none;}
	div#content fieldset.search input{width:85px; color:#bab8ab; font-size:13px; padding:2px 5px 1px; height:18px; background:#211f1b; border:0;}
	
	div#content div#designerIntro, div#content div#designerInfo, div#content div#designerContactDiv {width:600px;margin:47px 0 0 0}
	div#content div#designerIntro h2, div#content div#designerInfo h2, div#content div#designerContactDiv h2 {font-size:25px;margin-bottom:10px;color:#211f1b}
	div#content div#designerIntro div, div#content div#designerInfo div, div#content div#designerContactDiv div {width:100%;border:1px solid #a6a598;border-left:none;border-right:none;padding:5px 0 7px 0;line-height:20px;color:#211f1b}
	div#content div#designerContactDiv div label {width:105px;display:block;float:left;}
	div#content div#designerContactDiv input, div#content div#designerContactDiv div textarea {display:block;float:left;width:480px;color:#bab8ab; font-size:13px; padding:2px 5px 1px; height:18px; background:#211f1b; border:0;margin-bottom:5px}
	div#content div#designerContactDiv div textarea {height:auto}
	div#content div#designerContactDiv div br {clear:both;height:10px}
	div#content div#designerContactDiv div.mailMsg {border-bottom:none}
	div#content div#designerContactDiv .button {width:auto !important;height:auto !important;float:right;margin-right:5px;margin-top:10px}
	
	/*flash*/
/*	div#sidebar div#flash {float:left} */

/* Footer
---------------------------------------------------------- */
div#footer{}

/* loginForm
---------------------- */

#loginForm{ display:none;}
div#loginFrom div.title { display:block; width:190px; text-align:right; color:#6f6b60;}
div#loginForm { position:absolute; z-index:999; left: 50%; top: 300px; width:200px; height:120px; margin-left: -100px; background:transparent url(../images/layout/loginformBg.png) no-repeat center center; padding: 10px;}

div#loginForm label {float:left;width:80px;height:25px;line-height:25px; text-align:right; padding-right:5px; font-size:11px;}
div#loginForm input {float:left;background-color:#201f1b;border:0;padding:3px 4px;width:87px;color:#fff}
div#loginForm input.reset {float:left;background-color:#ffffff;border:0;padding:4px 0 2px 0; width:60px; font-size:11px; color:#6f6b60; margin-left: 63px}
div#loginForm input.submit {float:left;background-color:#ffffff;border:0;padding:2px 0px; width:60px; color:#201f1b}
div#loginForm select {float:left;}
div#loginForm form p a:hover {color:#fff  !important;}
div#loginForm .btn {width:auto !important;float:right; padding:0 5px;}