/*/////////////////////////////////////////////////////////////////*/
/*///////////////////////// GENERAL ///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


html { height: 99%; margin: 0px; padding: 0px; }

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #443B36;
}

html { background: url("/gifs/_config/background_horizontallines.gif") #F4F1EC; }
body { background: url("/gifs/_config/background_verticallines.gif") center repeat-y; }
hr { visibility: hidden; }
.clearfix { clear: both; }



/*/////////////////////////////////////////////////////////////////*/
/*///////////////////////// TOPPER ////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


#top {
	width: 100%;
	margin-top: -6px;
	z-index: 0;
}

#top #topwrapper {
	width: 984px;
	margin: auto;
}

#logo {
	width: 245px;
	float: left;
}

#logo a {
	color: #B0A595;
}

#topnavigation {
	width: 739px;	
	float: left;
}

#topnavigation .menu {
	margin: 0px;
	text-align: center;
}

#topnavigation .menu ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#topnavigation .menu li{	
	float:left;
	margin: 6px;
	background: #B7A789;
}

#topnavigation .menu li a{
	display: block;
	width: 108px;
	padding: 90px 0px 0px 0px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

#topnavigation .menu li a:hover{
	color: #967F60;
	text-decoration: none;
}

#topnavigation .menu li ul{
	background: #C6D343;
	position: absolute;
	z-index: 200;
	margin: -18px 0px 0px 0px;
}

#topnavigation .menu li li {
	display: block;
	float: none;
	margin: 0px 0px 3px 5px;
	background: #C6D343;
}

#topnavigation .menu li ul a{
	display: block;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
}

.top_nl0 { background: url("/gifs/wonen.jpg") no-repeat; }
.top_nl1 { background: url("/gifs/zitten.jpg") no-repeat; }
.top_nl2 { background: url("/gifs/slapen.jpg") no-repeat; }
.top_nl3 { background: url("/gifs/office.jpg") no-repeat; }
.top_nl4 { background: url("/gifs/kids.jpg") no-repeat; }
.top_nl5 { background: url("/gifs/obrickx.jpg") no-repeat; }







/*/////////////////////////////////////////////////////////////////*/
/*///////////////////////// CONTENT ///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


#content {
	width: 100%;
	height: 432px;
	margin: 0px;
	z-index: 1;
}

#content #splashwrapper {
	width: 984px;
	height: 432px;
	margin: auto;
}

#content #contentwrapper {
	width: 636px;		/* 696-padding */
	height: 372px;		/* 432-padding */
	margin: auto;
	padding: 30px;
	background: #B7A789;
	color: #FFF;
}

#content #contentwrapper a {
	color: #3A4B01;
	font-weight: bold;
	text-decoration: underline;
}

#content #contentwrapper a:hover {
	text-decoration: none;
}

#content #contentwrapper .white a {
	color: #FFF;
}

#content #contentwrapper a:hover {
	color: #3A4B01;
}

#contentTitle {
	position: absolute; 	
	width: 636px; 
	margin-top: 348px;
	padding: 25px 0px; 
	text-align:center; 
}

#contentBody {
	position: absolute; 	
	width: 636px;
	height: 358px;
	text-align:center;
	overflow-x: hidden; 
	overflow: auto;
}

#contentBody table {
	text-align: left;
}

#obrickx { 
	width: 606px;		/* 696-padding */
	height: 342px;		/* 432-padding */
	padding: 50px;
	margin: -30px;
	background: url("/gifs/obrickx_onshuismerk.jpg") no-repeat; 
	color: #443B36;
}




/*/////////////////////////////////////////////////////////////////*/
/*///////////////////////// HOMEPAGE //////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


#content #homewrapper {
	width: 696px;		/* 696-padding */
	height: 432px;		/* 432-padding */
	margin: auto;
	background: #B7A789;
	color: #FFF;
	line-height: normal;
}

#content #homewrapper .frame {
	background: #FFF;	/*E2DCD0;*/
}

#content #homewrapper a {
	color: #FFF;
	text-decoration: underline;
}

#content #homewrapper a:hover{
	text-decoration: none;
}





/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////// BOTTOM //////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


#bottom {
	width: 100%;
	z-index: 2;
	background: url("/gifs/_config/background_footer.gif") top center no-repeat;
	overflow: hidden;
}

#bottom #bottomwrapper {
	width: 984px;
	margin: 0px auto;
}

#adres {
	width: 144px;
	height: 192px;
	float: left;
	background: url("/gifs/_config/background_adres.gif") no-repeat;
}

#adrescontent {
	margin: 30px 20px;
	text-align: center;
	color: #3A4B01;
	font-size: 11px;
	line-height: 13px;
}

#adrescontent a {
	color: #3A4B01;	
	font-weight: bold;
}

#botnavigation {
	width: 840px;
	margin-top: 40px;
	padding-bottom: 2px;
	float: left;
	background: #FFF;
}

#botnavigation .menu ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#botnavigation .menu li{	
	float:left;
	margin-right: 10px;
}

#botnavigation .menu li a {
	display: block;
	padding-left: 4px;
	padding-right: 14px;
	font-weight: bold;
}

#botnavigation .menu li ul {
	padding: 0px;
}

#botnavigation .menu li li {
	display: block;
	float: none;
	padding: 0px;
	margin-left: 5px;
}

#botnavigation .menu li ul a {
	display: block;
	text-align: left;
	font-size: 11px;
	padding: 0px;
	font-weight: normal;
}






/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////// Footer //////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


#footer {
	width: 99%;
	margin: 0px auto;
	font-size: 11px;
	color: #B0A595;
}

#footer a {
	color: #B0A595;
	text-decoration: underline;
}

#footer a:hover {
	color: #3A4B01;
	text-decoration: none;
}



/*/////////////////////////////////////////////////////////////////*/
/*////////////////////// GLOBAL STYLES ////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/


/* colors */
.red { color: #3A4B01; }


/* link decoration */
a:link, a:visited { text-decoration: none; color: #967F60; }
a:hover, a:active { text-decoration: underline; color: #3A4B01; }


/* headers */
h1 { 
	font-size: 60px;
	color: #C9BAA5;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
}

h2 { 
	font-size: 24px;	
	line-height: 22px;
	padding-top: 0px;
	margin-top: 0px;
}

h3 { 
	font-size: 13px;
	color: #6B6250; 
	text-transform: uppercase; 
	padding: 0px;
	margin: 0px;
}

p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.small {
	font-size: 9px;
}




/* form */
input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #E6E6E6;
	height: 17px;
	padding-left: 2px;
	background: #FFF;
	color: #443B36;
}
.radio {
	background: 0;
	border: 0;
}
.button {
	height: 20px;
	background: #3A4B01;
	border: 0;
	color: #FFF;
	font-weight: bold;
}