@import url('reset.css');

/* MAIN CSS */

html, body  {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;
	height:100%;
} 

html { overflow-y: scroll; }

a { text-decoration:underline; color:#000000; }
a:hover { text-decoration:underline; color:#000000; }
a:active { text-decoration:underline; color:#000000; }

h1 {
	font-weight: normal;
	font-size: 24px;
}

h2 { 
	font-weight: normal;
	font-size: 18px;
}


img{
	border: none;
}

strong { 
	font-weight: bold
}

dd{
	margin-left:30px;
	display: list-item;
    list-style-type: disc;
}
em { font-style: italic; }

/* MAIN DIVS */
#backgroundBlock {
	z-index: 1;
	width: 100%;
	left: 0;
	background: #edecec;
	height: 380px;
	position: absolute;
}
#wrapper{
	width: 855px;
	min-height:100%;
	margin: auto;
	padding: 0 8px;
	z-index: 2;
	position: relative;
	}

/* END WRAPPER CSS */



/* START HEADER CSS */

#header{
	height: 96px;
	width: 855px;
	margin: auto;
	}
	
#subHeader {
	height: 170px;
	width: 854px;
}



/* END HEADER CSS */



/* START NAV CSS */

#navigatie{
	margin: 0;
	width: 855px;
	height: 37px;
	background: url('images/menu_bg.png') repeat-x;
	border-bottom: solid 1px #e6e6e6;
	position: relative;
}
	
ul.menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: none;
	top: 0;
	right: 20px;
	position: absolute;
}

ul.menu li {
	padding: 0;
	margin: 0;
	display: inline;
	text-align: center;
}

ul.menu li a {
	margin-left: 0;
	margin-right: 0;
	border: 0;
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0 15px;
	font: 12px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
ul.menu li.devider {
	background: url('images/devider.png') no-repeat; 
	width: 1px;
	height: 39px;
	float: left;
}

ul.menu li a:hover, ul.menu li.active a {
	border: 0;
	display: block;
	color: #000000;
	background: url('images/menu_active.png') repeat-x; 
}
		
ul.menu li a.red { color: #f02513; }
ul.menu li a.blue { color: #2b88e7; }
ul.menu li a.yellow { color: #d9a303; }

li.home a{ 
	background: url('images/buttons/home.gif') top no-repeat; 
	width: 150px!important; 
}

li.home a:hover{ 
	background: url('images/buttons/home.gif') bottom no-repeat; 
}

li.home_active a{
	background: url('images/buttons/home.gif') bottom no-repeat; 
	width: 150px!important;
	}
	
/* END NAV CSS */



/* START CONTENT CSS */

#content {	
	width: 855px;
	padding-bottom: 48px;	
	display: table;
}

#contentLeft {	
	float: left;
	width: 281px;
	min-height: 10px;
	padding-left: 6px;
}

#contentRight {	
	float: left;
	width: 562px;
	padding-right: 6px;
}
#subContentRight {	
	float: left;
	width: 535px;
	padding-right: 6px;
	margin: 17px 0 0 12px;
}

#slider {
	width: 576px;
	height: 231px;
	overflow: hidden;
	float: left;
	margin-bottom: 12px;
}

#sliderBlock {
	width: 248px;
	height: 171px;
	background: #292928;
	color: #fefefd;
	float: left;
	padding: 30px 15px;
	position: relative;
	margin-bottom: 12px;
}

#sliderBlock span {
	font-size: 14px;
}
#sliderblockShadow {
	position: absolute;
	width: 8px;
	height: 231px;
	background: url('images/sliderblock_shadow.png') left repeat-y;
	left: -8px;
	top: 0;
}

.homeColumn, .subColumn {
	width: 245px;
	margin: 0 6px;
	height: auto;
	background: #f5f5f5;
	float: left;
	padding: 12px;
}
.subColumn {
	background: none;
	margin-top: 5px;
}

.homeColumn span, .subColumn span {
	font-size: 24px;
}

.block {
	width: 100%;
	clear: both;
	margin: 12px 0 0 0;
	float: left;
	cursor: pointer;
}

.subColumn .block:hover, .subactive {
	background: #f4f4f4;
	padding: 5px;
	height: 54px;
	width: 256px;
	margin: 7px 0 -5px -5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	behavior: url(inc/pie/PIE.htc);
}

.blockText span {
	font-size: 14px;
	display: block;
}

.blockImg {
	width: 77px;
	height: 53px;
	float: left;
	margin-right: 12px;
	border-radius: 5px;
	overflow: hidden;
	background-position: bottom;
	background-repeat: none;
}	
.subactive .blockImg, .block:hover .blockImg { background-position: top; }

.sw-item01 { background-image: url('../images/schilderwerken_schilderwerken.png');  }
.sw-item02 { background-image: url('../images/schilderwerken_huisschilderplan.png');  }
.sw-item03 { background-image: url('../images/schilderwerken_wandafwerking.png');  }
.sw-item04 { background-image: url('../images/thumb.png');  }
.gs-item01 { background-image: url('../images/thumb.png');  }
.gs-item02 { background-image: url('../images/glasservice_dubbelglas.png');  }
.gs-item03 { background-image: url('../images/thumb.png');  }
.gs-item04 { background-image: url('../images/thumb.png');  }
.gs-item05 { background-image: url('../images/thumb.png');  }
 



.dewinkel { color: #f02513; }
.schilderwerkenMenu { color: #2b88e7; }
.glasservice { color: #b78a03; }

#actie {
	margin: 15px 6px;
	text-align: right;
	float: left;
	font-size: 11px;
	font-style: italic;
}

#merken { width: 535px; float: left; height: 45px; overflow: hidden; }
#merken img { margin-right: 6px; float: left; }
#merken img:last-child { margin-right: 0px; }

/* END CONTENT CSS */


/* START FOOTER CSS */

#footer {
	position: absolute;
	bottom: 0; 
	width: 854px;
	height: 22px;
	padding-top: 4px;
	text-align: center;
	background: #e0e0e0;
	border-top: 12px solid #f5f5f5;
}

#footer span { margin: 0 10px; }

#footer a {
	color: #000;
	text-decoration: none;
}

/* END FOOTER CSS */

/* START FORM CSS */

#formTable {
	width: 500px;
}

#formTable td, #formTable th {
	padding: 0 0 3px;
}

#formTable th {
	width: 200px;
	text-align: left;
	font-weight: bold;
}

#formTable input {
	width: 300px;
	border: solid 1px black;
}

#formTable textarea {
	width: 500px;
	height: 150px;
	border: solid 1px black;
}
#formTable #button {
	padding: 3px 0px;
	border: none;
	width: 90px;
	background: #febf04;
	float: right;
	font-weight: bold;
	cursor: pointer;
}

label { position: relative; float: right; }
.errorSmall { 
	display: none; 
	position: absolute;
	right: 8px;
	top: 4px;
	height: 15px;
	padding: 0;
	width: auto;
	color: #D8000C;
	font-size: 11px;
	background: url('../images/contactform/error.png') 0px 0px no-repeat;
	z-index: 99;
	width: 15px;
}

.success { padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}\

.button{
	background-color: #479df3;
}

/* END FORM CSS */