/**
Global reset (Eric Meyer w/ modifications)
*/

/**
 * Stylesheet for <http://www.burigatdecoratie.be>
 *
 * @media	screen, projection
 * @copyright	Code d'Or <http://www.codedor.be>
 * @author	karen
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/* outline: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {
	line-height: 1;
	color: #9B9B9B;
	font: 300 12px/1.4 "Trebuchet MS", Tahoma, Arial, sans-serif;
	background: #686868 url(../img/bg_body.jpg) no-repeat;
}

ol, ul {
	list-style: none;
}

img.icon{
	vertical-align: middle;
}

strong.green{ font-weight: bold; color: #BBC94A; }

/**
 * = General
 * ----------------------------------------------------------
 */

p{	font-size: 1.0em;	margin: 0 0 15px 0;}

h1{	color: #000;	font-size: 1.8em;	font-weight: bold;	margin: 0 0 5px 0;}
h3{	color: #B9C64E;	font-size: 1.4em;	font-weight: normal;	margin: 0 ;	text-transform: capitalize;}

div.content ul{	padding: 0; list-style: disc; }

div.content ul li{	margin: 0;	list-style: disc;}


/**
 * = Global
 * ----------------------------------------------------------
 */
div#wrapper{ margin: 30px auto 0 auto;	width: 979px; }

/**
 * = footer
 * ----------------------------------------------------------
 */
#footer a{ color: #fff;}


/**
 * = Header
 * ----------------------------------------------------------
 */

div#header{	height: 182px;	width: 979px;	background: url(../img/bg_header.png) no-repeat;}
div#header h1#logo {	width: 225px;	height: 63px;	margin: 22px 0 0 40px;	float: left;	display: block;	background: url(../img/logo_burigat.jpg) no-repeat 0 0;}
div#header h1#logo a {	width: 225px;	height: 63px;	display: block;	text-indent: -9000px;	overflow: hidden;}

/** Menu  **/
div.menu{ display: block; float: left; width: 961px; margin: 37px 0 0 8px; }
div.menu ul li{	float: left; }
div.menu ul li a{ text-indent: -9000px; overflow: hidden; display: block; }
div.menu ul li.home a{ width: 75px; height: 51px; background: url(../img/menu_home.png) no-repeat; }

div.menu ul li.home a.selected,
div.menu ul li.home a:hover{ background: url(../img/menu_home_active.png) no-repeat; }

div.menu ul li.aanbod a{ width: 75px; height: 51px; background: url(../img/menu_aanbod.png) no-repeat; }
div.menu ul li.aanbod a.selected,
div.menu ul li.aanbod a:hover{ background: url(../img/menu_aanbod_active.png) no-repeat; }

div.menu ul li.services a{ width: 72px; height: 51px; background: url(../img/menu_services.png) no-repeat; }
div.menu ul li.services a.selected,
div.menu ul li.services a:hover{ background: url(../img/menu_services_active.png) no-repeat; }

div.menu ul li.sfeerwerelden a{ width: 113px; height: 51px; background: url(../img/menu_sfeerwerelden.png) no-repeat; }
div.menu ul li.sfeerwerelden a.selected,
div.menu ul li.sfeerwerelden a:hover{ background: url(../img/menu_sfeerwerelden_active.png) no-repeat;}

div.menu ul li.merken a{ width: 86px; height: 51px; background: url(../img/menu_merken.png) no-repeat; }
div.menu ul li.merken a.selected,
div.menu ul li.merken a:hover{ background: url(../img/menu_merken_active.png) no-repeat;}

div.menu ul li.team a{ width: 113px; height: 51px; background: url(../img/menu_team.png) no-repeat; }
div.menu ul li.team a.selected,
div.menu ul li.team a:hover{ background: url(../img/menu_team_active.png) no-repeat; }

div.menu ul li.realisaties a{ width: 104px; height: 51px; background: url(../img/menu_realisaties.png) no-repeat; }
div.menu ul li.realisaties a.selected,
div.menu ul li.realisaties a:hover{ background: url(../img/menu_realisaties_active.png) no-repeat;}

div.menu ul li.geschenklijsten a{ width: 123px; height: 51px; background: url(../img/menu_geschenklijsten.png) no-repeat; }
div.menu ul li.geschenklijsten a.selected,
div.menu ul li.geschenklijsten a:hover{ background: url(../img/menu_geschenklijsten_active.png) no-repeat;}

div.menu ul li.contact a{ width: 75px; height: 51px; background: url(../img/menu_contact.png) no-repeat; }
div.menu ul li.contact a.selected,
div.menu ul li.contact a:hover{ background: url(../img/menu_contact_active.png) no-repeat; }


/** Center  **/
div#center{	margin: -5px 0 0 0;}

div#center div#home_top{ display: block; background: url(../img/bg_content_home_top.png) no-repeat; }
div#center div#top{ display: block; height: 20px; line-height: 0; font-size: 0px; background: url(../img/bg_content_top.png) no-repeat; }
div#center div#middle{ min-height:400px; height:auto !important; height:400px; display: block; background: url(../img/bg_content_center.png) repeat-y; padding: 0 0 0 20px; }
div#center div#bottom{ height: 20px; display: block; line-height: 0; font-size: 0px; background: url(../img/bg_content_bottom_white.png) no-repeat; }

div.flash_left{ float: left; display: block; width: 296px; height: 383px; padding: 50px 0 0 40px; background: url(../img/flash_left.png) no-repeat 9px 9px;}
p.introtext{ margin: 0 10px 0 2px; color: white; font-size: 1.1em; line-height: 2.0em; letter-spacing: 0.5px; font-family: Lucida, "Trebuchet MS", Tahoma, Arial; }
p.author{ color: #d0d0d0; margin: 30px 0 0 0; font-size: 1.3em; }

#flash_home,
div.flash_right{ float: left; display: block; width: 634px; height: 424px; margin: 9px 0 0 0; }

body#home div.newsbox{	width: 310px;	display: block;	float: left;	margin: 15px 0 10px 10px;}
body#home div.news_tag{	float: left;	padding: 10px 0 0 0;	margin: 0 76px 0 20px;}
body#home div.news{	height: 80px; margin: 0 0 0 20px;	float: left; }

body#home div.newsimg{	float: left;	display: block;	margin: 0 10px 0 0;}
body#home div.newsimg img{	padding: 4px;	border: 1px solid #CDCDCD;}
body#home div.newstxt{	float: left;	width: 190px;}
body#home div.news_title a{	color: #b9c64e;	text-decoration: none;}
body#home div.news_title{ color: #b9c64e;	font-size: 1.2em;}
body#home div.news_desc{ font-size: 1.0em;	color: #686868;}
div.news_desc p{ color: #9B9B9B;}

body#home div.news_date{	font-size: 0.95em;	margin: 0 0 8px 0;}
div.date{	color: #686868;	font-size: 0.95em;	margin: 0 0 7px 0;}
div.news_detail{	display: block;	float: left;	margin: 0 0 10px 0;	width: 600px;} 
div.news_detail img{	float: left;	padding: 3px;	margin: 0 15px 0 0;	border: 1px solid #CDCDCD;}
div.news_detail p{	}

body#home div#center div#bottom{ height: 20px; display: block; line-height: 0; font-size: 0px; background: url(../img/bg_content_bottom.png) no-repeat; }


div#footer{	font-size: 0.95em;	text-align: center;	color: white;	padding: 0 0 5px 0;	margin: 5px 0 7px 0;}

/** Imgbar  **/

div.bar{	margin: -5px 0 0 0;	padding: 0 0 0 0;	background: url(../img/bg_imgbar.png) no-repeat 0px 0px;}
#flash_services, #flash_merken_stoffen,  #flash_merken_behang, #flash_realisations, #flash_merken_tapijt, #flash_merken_raam, #flash_merken_interieur {	
	width: 961px;	height: 164px;	margin: 9px 0 0 8px;	
}
#flash_realisations{	width: 961px;	height: 164px;	margin: 9px 0 0 8px;	}

/** Submneu  **/
div.submenu{ width: 200px;	display: block;	float: left;margin: 40px 0 0 20px;}

div.submenu ul li a{	color: #9b9b9b;	width: 200px;	height: 21px;	padding: 4px 0 0 7px;	display: block;	text-decoration: none;	border-bottom: 1px solid #e4e4e4;}
div.submenu ul li a.selected,
div.submenu ul li a:hover{	background: #e6e6e6;}

/** Content  **/

div.content{ width: 650px; float: left; display: block; margin: 30px 0 20px 30px;}
div.content p, div.content a{ color: #9b9b9b; }

div.merken_image{ width: 445px;	display: block;	float: left; margin: 20px 0 0 0;}
div.merken_image img{ padding: 4px; margin: 0; border: 1px solid #cdcdcd; }

div.merken_menu ul{ margin: 0; padding: 0; width: 190px; display: block; float: left;}
div.merken_menu ul li{ margin: 0; padding: 0;}
div.merken_menu ul li{ color: #9b9b9b; width: 200px; height: 21px; padding: 4px 10px 0 7px; margin: 0; display: block;text-decoration: none;}
div.merken_menu ul li.selected{ background: #787A7E; }
div.merken_menu ul li.selected a{ color: white; }
div.merken_menu ul li a.lnk_site{ float: right; }
div.merken_menu ul li a.supplier_name{ float: left;}

div.numeration { margin: 7px 0 0 0; float: left; width: 435px; display: block; }
div.numeration a{  color: white;font-size: 0.85em; padding: 3px 5px 3px 5px; text-decoration: none;	background: #555555;}


/**
 * = Forms
 * ----------------------------------------------------------
 */

input.input-text, 
textarea.input-textarea { border:1px solid #9b9b9b; margin:0pt 0pt 5px;}
textarea.input-textarea { height: 150px; width: 300px;}
input.input-submit{ background: #9b9b9b; padding: 5px; color: white;}

input.mrbotski{
    display: none;
    visibility: hidden;
    width: 0px;
}

#form_missing{
    border: 1px solid #FF0000;
}

span.missing{ color: red;}

span.success{ color: red;}


/**
 * = Team
 * ----------------------------------------------------------
 */
div.img_team{ width: 660px; float: left; display: block; margin: 0 0 10px 0; }
div.img_team img{ float: left; padding: 4px; margin: 0 10px 10px 0;	border: 1px solid #CDCDCD; }


/**
 * = Contact
 * ----------------------------------------------------------
 */
div.contact{ float: left; display: block; width: 320px; padding: 0 20px 0 0; clear: both; }
.img_location{ float: right; border: 1px solid #CDCDCD;}
div.map{width: 610px; padding: 0; margin: 0; border: 1px solid #9b9b9b; }



/**
 * = Merken
 * ----------------------------------------------------------
 */
 
 ul.lists{ margin: 0 0 0 15px; }
 
.page_merken ul,
.page_aanbod ul{ display: block; width: 600px; list-style: disc;}

.page_merken ul li, 
.page_aanbod ul li{ width: 200px; float: left; }




 /**
 * = Clearfix
 * ----------------------------------------------------------
 * @see	http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

* html .clearfix {
	height: 1%;
}