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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, section, article, nav, header, footer, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	overflow:auto;
	overflow-x:hidden; 
}

body {
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	width:100%;
	height:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Tell the browser to render HTML 5 elements as block */  
header, footer, section, aside, nav, article {  
display					: block;  
}  

/* GLOBAL STYLES ---------------------------------------*/
@font-face {
font-family			: 'InterstateBoldRegular';
src					: url('../fonts/inb_____-webfont.eot');
src					: local('?'), url('../fonts/inb_____-webfont.woff') format('woff'), url('../fonts/inb_____-webfont.ttf') format('truetype'), url('../fonts/inb_____-webfont.svg#webfontIky0D0FO') format('svg');
font-weight			: normal;
font-style			: normal;
}

body {
background-color	: #231f20;
color				: #231f20;
}

h2 {
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
text-transform		: uppercase;
font-weight			: normal;
}

p {
font-size			: 12px;
line-height			: 1.5em;
}

a {
color				: #8c9d1c;
}

a:hover {
text-decoration		: none;
}

/* GLOBAL LAYOUT ---------------------------------------*/

#main_container {
position			: absolute;
width				: 950px;
left				: 50%;
top					: 24px;
margin				: 0px -475px;
background-color	: #FFFFFF;
}

header {
float				: left;
width				: 230px;
}

footer {
float				: left;
width				: 950px;
padding-top			: 15px;
background-color	: #231f20;
}


/* MAIN NAVIGATION  / IMAGE CONTAINER---------------------------------------*/

#img_container {
float				: right;
width				: 720px;				
height				: 120px;
}

#home #img_container {
float				: right;
width				: 720px;				
height				: 270px;
}

#home #img_container .slide-image {
height				: 270px;
}

#img_container nav {
width				: 720px;
height				: 23px;
margin				: 80px 0px 0px 0px;
background-image	: url(../img/bg_nav.png);
position			: absolute;
}

#img_container nav ul {
width				: 700px /*720px*/;
height				: 23px;
padding				: 0px 5px 0px 15px;
background-image	: url(../img/bg_nav.png);
}

#img_container nav li {
float				: left;
padding				: 6px 13px 0px 13px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.17em;
text-transform		: uppercase;
letter-spacing		: 0.5px;
}

#img_container nav li a {
color				: #231f20;
text-decoration		: none;
}

#img_container nav li a:hover {
color				: #848484;
}

#img_container nav li a.selected,
#img_container nav li a.selected:hover {
color				: #FFFFFF;
}

/* SUBNAVIGATION ---------------------------------------*/

header nav {
margin				: 37px 0px 0px 11px;
}

header nav li {
padding				: 1px 0px 18px 18px;
background			: url(../img/subnav_arrow.gif) no-repeat left top;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.17em;
text-transform		: uppercase;
letter-spacing		: 0.5px;
}

header nav li a {
color				: #231f20;
text-decoration		: none;
}

header nav li a:hover {
color				: #aabe29;
}

header nav li ul {
padding-top			: 2px;
}

header nav li li {
padding				: 5px 0px 0px 0px;
background			: none;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 0.86em;
text-transform		: none;
letter-spacing		: 0px;
}

header nav li li a {
padding				: 2px 0px 2px 1px;
}

header nav li li a:hover {
color				: #231f20;
text-decoration		: underline;
}

header nav li li a.selected,
header nav li li a.selected:hover {
background-color	: #e9f1b6;
}

/* FOOTER ---------------------------------------*/

footer .socialmedia {
float				: left;
}

footer .socialmedia span {
float				: left;
padding				: 8px 5px 0px 0px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.17em;
text-transform		: uppercase;
color				: #FFFFFF;
}

footer ul {
float				: right;
margin-top			: 5px;
}

footer li {
float				: left;
padding-right		: 10px;
margin-right		: 10px;
color				: #cacaca;
border-right		: 1px solid #cacaca;
}

footer li.lastitem {
border				: none;
padding				: 0px;
margin				: 0px;
}

footer li a {
color				: #cacaca;
}

/* CATEGORIES HOME ---------------------------------------*/

#cats {
float				: right;
width				: 720px;
height				: 150px;
}

#cats li {
float				: left;
width				: 180px;
height				: 150px;
background			: url(../img/bg_cats.jpg) no-repeat left top;
cursor				: pointer;
}

#cats li.cat_studio 			{ background-position: 0px 0px;}
#cats li.cat_studio_hover 		{ background-position: 0px -150px;}

#cats li.cat_reclame 			{ background-position: -180px 0px;}
#cats li.cat_reclame_hover 		{ background-position: -180px -150px;}

#cats li.cat_druk	 			{ background-position: -360px 0px;}
#cats li.cat_druk_hover 		{ background-position: -360px -150px;}

#cats li.cat_woonstyling		{ background-position: -540px 0px;}
#cats li.cat_woonstyling_hover 	{ background-position: -540px -150px;}


#cats h2 {
padding				: 18px 0px 15px 15px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.58em;
text-transform		: uppercase;
color				: #FFFFFF;
text-shadow			: 0px 1px 2px #666;
letter-spacing		: 0.5px;
}

#cats p {
width				: 130px;
padding				: 0px 0px 0px 15px;
font-size			: 0.92em;
color				: #FFFFFF;
text-shadow			: 0px 1px 2px #666;
}

header nav li a {
color				: #231f20;
}

header nav li a:hover {
color				: #aabe29;
text-decoration		: none;
}

/* OVERVIEW PROJECTS / NEWSITEMS ---------------------------------------*/

#actueel {
float				: right;
width				: 720px;
margin				: 37px 0px 10px 0px;
}

#actueel .project-image {
width				: 235px;
height				: 75px;
background-position : center center;
background-repeat	: no-repeat;
}

#actueel h2 {
width				: 715px;
padding-bottom		: 7px;
margin-bottom		: 8px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.17em;
color				: #231f20;
letter-spacing		: 0.5px;
border-bottom		: 1px solid #c1d72e;
}

#actueel h2 span {
text-transform		: none;
}

#actueel article {
float				: left;
display				: inline;
width				: 235px;
min-height			: 185px;
height				: auto !important;
height				: 185px;
margin				: 0px 5px 36px 0px;
}

#actueel article h1 {
padding				: 10px 0px;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 1.25em;
font-weight			: bold;
}

#actueel article span {
font-size			: 0.92em;
color				: #848484;
}

#actueel article p {
padding-top			: 3px;
font-size			: 0.92em;
width				: 230px;
}

/* CATEGORY PAGES ---------------------------------------*/

#category {
float				: left;
width				: 624px /*720px*/;
padding				: 20px 64px 20px 32px;
background-color	: #c1d82e;
}

#category h1 {
padding-bottom		: 20px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.58em;
text-transform		: uppercase;
color				: #FFFFFF;
text-shadow			: 0px 1px 2px #666;
letter-spacing		: 0.5px;
background-color	: #c1d82e;
}

/* SUBCATEGORY PAGES ---------------------------------------*/

.subcat_txt {
width				: 600px;
padding				: 10px 0px 36px 0px;
}

/* PROJECTS / NEWSITEMS ---------------------------------------*/

#project {
float				: right;
width				: 720px;
margin				: 37px 0px 10px 0px;
}

#project h2 {
width				: 720px;
padding-bottom		: 7px;
margin-bottom		: 8px;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
font-size			: 1.17em;
color				: #231f20;
letter-spacing		: 0.5px;
border-bottom		: 1px solid #c1d72e;
}

#project h2 span {
text-transform		: none;
}

#project article {
float				: left;
display				: inline;
width				: 480px;
margin				: 0px 13px 36px 0px;
}

#project article h1 {
padding				: 10px 0px;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 1.25em;
font-weight			: bold;
}

#project article span {
font-size			: 0.92em;
color				: #848484;
}

#project article h2 {
width				: 480px;
border-bottom		: 0px;
padding				: 32px 0px 0px 0px;
}

#project article p {
padding-top			: 3px;
}

#project #project_thumbs {
padding-top			: 8px;
}

#project #project_thumbs li {
float				: left;
display				: inline;
width				: 100px;
height				: 100px;
margin-right		: 19px;
}

#project #project_thumbs li a {
float				: left;
width				: 98px;
height				: 98px;
border				: 1px solid #c6da40;
background-repeat	: no-repeat;
background-position	: center;
}
/* OFFERTEFORMULIER ---------------------------------------*/

aside {
float				: left;
width				: 197px /*227px*/;
padding				: 20px 15px;
background-color	: #e0eb96;
}

aside h2 {
border				: 0px !important;
width				: 197px !important;
}

aside p {
padding-bottom		: 10px;
color				: #8c9d1c;
}

aside span {
padding				: 0px 0px 0px 23px;
font-size			: 1.5em;
font-weight			: bold;
background			: url(../img/icon_phone.gif) no-repeat;
}

.offerteformulier {
padding-top			: 8px;	
}

.offerteformulier label {
display				: block;
margin				: 8px 0px 3px 0px;	
}

.offerteformulier input,
.offerteformulier textarea {
border				: 1px solid #c6da40;
width				: 176px;
padding				: 2px;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 1em;
}

.offerteformulier textarea {
height				: 100px;
}

.offerteformulier .btn_verzenden {
float				: right;
width				: 100px;
height				: 30px;
margin				: 8px 17px 0px 0px;	
background-color	: #b9cf29;
font-size			: 1.13em;
font-family			: 'InterstateBoldRegular', Arial, Helvetica, sans-serif;
text-transform		: uppercase;
font-weight			: normal;
cursor				: pointer;
}

.offerteformulier .btn_verzenden:hover {
background-color	: #a5b921;
}

/* CONTACT ---------------------------------------*/

iframe.routebeschrijving {
width				: 478px;
height				: 350px;
border				: 1px solid #C6DA40;
margin				: 15px 0px 5px 0px;	
}

/* SLIDESHOW AND IMAGES ---------------------------------*/
#slideshow .slide-image{
width				: 720px;
height				: 120px;
overflow			: hidden;
position			: absolute;
background-position	: center center;
display				: none;
/*z-index				: -1;*/
}