/* General Layout */
#wrapper {
	margin:	0px auto;
	width:	960px;
}
	#header {
		position:			relative;
		height:				150px;
		background-color:	#030303; 
	}
		#logo {
			position: 	absolute;
			top:		25px;
			left:		50px;
			background:	url('../images/logo.jpg') no-repeat;
			height:		110px;
			width:		168px;
		}
		
		#topmenu {
			position:	absolute;
			top:		10px;
			right:		40px;
		}
			#topmenu li {
				display:		inline;
				padding-left: 	15px;
			}
			
			#topmenu a {
				font-size: 11px;
			}
		
		#mainmenu {
			position:	absolute;
			top:		115px;
			right: 		00px;
			width:		700px;
		}
			#mainmenu li {
				padding:		0px 18px;
				display:		inline;
				float: left;
			}
			#mainmenu a, #topmenu a {
				text-transform:	uppercase;
				text-decoration: none;
			}
			
			#mainmenu a:link, #topmenu a {
				text-decoration: none;
			}			
			#mainmenu a:hover, #mainmenu a.active, #topmenu a:hover, #topmenu a.active {
				color:				#00CCFF;
				text-decoration:	none;
			}
		#left_panel, #right_panel {
			float:left;
			width: 480px;
		}
			#left_panel img, #right_panel img {
				float: left;
			}
		#footer {
			float:		left;
			height:		100px;
			width:		960px;
			background:	#292929;
			padding-top:	12px;
		}
			#socials {
				float:			right;
                padding-right: 20px;
				line-height:	19px;
                margin-top: 20px;
			}
            #socials li { float: left; }
			#socials a {
				color:			#00CCFF;
				text-decoration: none;
				padding-left:	30px;
			}
				#twitter {
					background: url('../images/twitter.gif') no-repeat;
                    padding-right: 20px;
				}
				#facebook {
					background: url('../images/facebook.gif') no-repeat;
					padding-bottom: 10px;
				}
			#contact_info {
				text-align:		right;
				float:			right;
				padding-right:	20px;
				line-height:	19px;
			}
				#contact_info li {
					font-size:	11px;
				}
/***
 * Home page
 */
#home #background {
	width:720px;
	height:360px;
	float: left;
}

#home #twitter_box {
	height: 320px;
}
/* mask, slider div and thumbnails */

	#home #mid {
		height:	360px;
		line-height: 0px;
		position: relative;
	}

		#home #overlaytekst 	{ position: absolute; z-index: 189; top: 305px; left: 20px; width: 340px; }
		#home #overlaytekst h2	{ font-size: 30px;float: left; padding-right: 10px; text-transform: none; }
		#home #overlaytekst img	{ float: left; padding-top: 3px; }
		#home #mid #owners {
			float: left;
		}
	
	#home #bottom {
	}
		#home #bottom #randomRoom {
			width:			480px;
			height: 		300px;
			position: relative;
		}
		#home #bottom #randomRoom h2 {
			position:	absolute;
			bottom: 	15px;
			left:		15px;
		}
		#home #right_text {
			padding:	20px;
			height:		140px;
		}
		#home #right_text h2 {
			padding-bottom:	10px;
		}
		#home #right_text p {
			font-size:	11px;
			line-height: 170%;
		}
		
/***
 *	Spinde pagina
 */
#spinde #mid #background {
	width: 960px;
	height: 360px;
}
#spinde #left_panel {
	width: 390px;
	padding: 0 45px;
}
#spinde h2 {
	padding-top: 15px;
}
#spinde p {
	padding-top: 20px;
	line-height: 175%;
}
/***
 *	Interieur Advies page
 */

#interieur #mid #background {
	background: url(../images/bg_interieur.jpg) no-repeat;
	width: 960px;
	height: 360px;
}

#interieur #bottom {
}
#interieur #bottom #left_text {
	position:		relative;
	margin-top:		-200px;
	width:			420px;
	height:			520px;
	background:		black;
	float:			left;
	margin-left:	20px;
	padding:		20px;
}
#interieur #bottom #left_text p, #interieur #bottom #right_text p {
	padding-top: 25px;
	line-height: 150%;
}

#interieur #bottom #right_text p {
	padding-top: 25px;
	line-height: 150%;
}
#interieur #bottom #right_text {
	float:		left;
	padding:	15px;
	width:		200px;
}
#interieur #right_text h1 {
	font-size: 45px;
	line-height: 0.9;
	text-align: center;
}

#interieur .readmore {
	float: right;
}
/***
 *	Merken page
 */

#merken #mid #background {
	background: url(../images/bg_merken.jpg) no-repeat;
	width: 960px;
	height: 360px;
}

#merken #bottom {

}
#merken #bottom #left_text {
	position:		relative;
	margin-top:		-200px;
	width:			420px;
	min-height:		620px;
	background:		black;
	float:			left;
	margin-left:	20px;
	padding:		20px;
	line-height: 	150%;
}
#merken #bottom #left_text a {
	color: #00CCFF;
	text-align: right;	
}
#merken #bottom #left_text h1 {
	padding-bottom: 25px;
}

#merken #bottom #left_text h2 {
	padding-bottom: 10px;
	padding-top: 	10px
}
#merken #right_text {
	height: 	330px;
}
#merken #bottom #right_text p {
	padding-top: 25px;
	line-height: 150%;
}
#merken #bottom #right_text {
	float:		left;
	padding:	15px;
	width:		200px;
}
#merken #right_text h1 {
	font-size: 45px;
	line-height: 0.9;
	text-align: center;
}

#merken .readmore {
	float: right;
}
/***
 * Referenties
 */
#referenties #mid #background {
	width: 960px;
	height: 360px;
}
#referenties #left_panel {
	width: 390px;
	padding: 0 45px;
}
#referenties h2 {
	padding-top: 15px;
}
#referenties p {
	padding-top: 20px;
	line-height: 175%;
}
#referenties #mid			{ position: relative;}
#referenties #overlaytekst	{ position: absolute; top: 20px; left: 590px; }
#referenties #overlaytekst h1	{ font-size: 50px;}

#referenties .mask	{ height: 360px;}
/***
 * Accessoires
 */

#accessoires #mid {
	height: 360px;
}
#accessoires #bottom img{
	float: left;
}

#accessoires .accessoire {
	position: relative;
	float: left;
	overflow: hidden;
}
#accessoires .twofouroneeight, #accessoires .twofouroneeight .acc_img {
	width:	240px;
	height:	180px;
}
#accessoires .foureightthreesix, #accessoires .foureightthreesix .acc_img {
	width:	480px;
	height:	360px;
}
#accessoires .threetwotwozero, #accessoires .threetwotwozero .acc_img {
	width:	320px;
	height:	200px;
}

#accessoires .text_wrapper {
	position: absolute;
	padding: 15px;
    padding-bottom: 0;
	z-index: 100;
	bottom:	 0px;
}
#accessoires .acc_title {
	color:			white;
	font-size: 		20px;
	padding-bottom: 11px;
	text-transform: uppercase;
}
#accessoires .acc_title_b, #accessoires .acc_title_b b{
	color:			black;
	font-size:		20px;
	padding-bottom: 11px;
	text-transform: uppercase;
}
#accessoires .acc_text {
	font-size: 11px;
	line-height: 20px;
	max-height: 50px;
}

#accessoires .acc_arrow {
	margin-bottom: -2px;
	float: none;
}
#accessoires #footer {
	margin-top: 25px;
}
/***
 * Partners page
 */
 
#partners #mid #background {
	background: url(../images/bg_partners.jpg) no-repeat;
	width: 960px;
	height: 360px;
}

#partners #bottom {

}
#partners #bottom #text {
	position:		relative;
	margin-top:		-200px;
	width:			420px;
	height:			160px;
	background:		black;
	float:			left;
	margin-left:	20px;
	padding:		20px;
}
#partners #bottom #text p {
	padding-top: 25px;
	line-height: 150%;
}

#partners #bottom #text h1 {
	font-size: 20px;
}

#partners .partner_box {
	width: 320px;
	height: 200px;
	position: relative;
	float: left;
	overflow: hidden;
}

#partners .partner_img {
	width: 320px;
	height: 200px;
}

#partners .text_wrapper {
	position: absolute;
	padding: 15px;
	z-index: 100;
	margin-top:	150px;
}
#partners .title {
	font-size: 21px;
	padding-bottom: 15px;
}
#partners .text {
	line-height: 20px;
}
/***
 * Nieuws pagina
 */
#nieuws #seventwothreesix_news {
	float:		left;
	width:		720px;
	height: 	360px;
	background: url(../images/nieuws/720x360_oktobersofamaand.jpg);
}
#nieuws #seventwothreesix_news .newstext{
	width: 360px;
	padding-top:	250px;
	padding-left: 250px;
}
#nieuws #right_panel {
	float: right;
	width: 240px;
}
#nieuws #twitter_box h2 {
	font-size: 13px;
}
#nieuws #threetwothreeeight_news {
	float:		left;
	width:		320px;
	height: 	380px;
	background: url(../images/nieuws/320x380_stoel.jpg);
}
	#nieuws #threetwothreeeight_news a {
		position:  absolute;
		padding-top: 340px;
		padding-left: 30px;
	}
#nieuws #fourzeroeoneeight_news {
	float:		left;
	width:		400px;
	height: 	180px;
	background: url(../images/nieuws/400x180_rossumfurniture.jpg);
}
	#nieuws #fourzeroeoneeight_news a {
		position:  absolute;
		padding-top: 145px;
		padding-left: 20px;
	}
#nieuws #threetwotwozero_news_left {
	float:		left;
	width:		320px;
	height: 	200px;
	background: url(../images/nieuws/320x200_pilatpilat.jpg);
}
	#threetwotwozero_news_left a, #threetwotwozero_news_right a {
		position:  absolute;
		padding-top: 160px;
		padding-left: 20px;
	}
#nieuws #threetwotwozero_news_right {
	float:		left;
	width:		320px;
	height: 	200px;
	background: url(../images/nieuws/320x200_zittrends.jpg);
}
#nieuws #overlay {
	position: absolute;
	display: none;
	opacity: 0.9;
	background: black;
	width:	960px;
	height: 840px;
	z-index: 100;
	float:left;
}
#nieuws #overlaycontent {
	padding: 20px;
	opacity: 1;
}
#nieuws #twitter_box {
	height: 510px;
}
#nieuws .tweet {
	font-size: 12px;
	border: none;
	padding-bottom: 20px;
}
#nieuws .nieuws_content {
	display: none;
}
#nieuws .newsclose {
	cursor: pointer;
	padding-left: 750px;
}
/***
 * Contact page
 */
		#contact #mid #contact_map {
			height:	360px;
			width:	960px;
		}
		
		#contact #bottom #opentimes {
			font-size:		12px;
			float:			left;
			padding-top:	15px;
			padding-left:	40px;
		}
		#contact #bottom #opentimes table {
			margin-top:	18px;
		}
		
		#contact #bottom #opentimes table .odd {
			background-color: #1E1E1E;
		}
		#contact #bottom #opentimes table td {
			vertical-align: middle;
			padding: 5px 10px;
			border:	1px #1E1E1E solid;
		}
		#contact #bottom #right-floater {
			float: left;
			height: 300px;
			padding-left: 50px;
		}
		#contact #bottom #address {
			float:left;
			padding-top: 15px;
		}
		#contact #bottom #address ul {
			margin-top:	20px;
		}
		#contact #bottom #address ul li {
			margin-top:	5px;
		}
		
		#contact #bottom #text {
			margin-top: 40px;
			width: 425px;
		}

/* Elements */
* {
	color:	#FFFFFF;
}

html {
	font-family:	"Avant Garde", Verdana, sans-serif;
	background:	#000000;
	font-size:	12px;
}
body {
	background: url('../images/background.jpg') repeat-x;
	height:835px;
}
h1 {
	font-size:		28px;
	text-transform: uppercase;
}

h2 {
	font-size:		22px;
	text-transform: uppercase;
}
.readmore, .readmore a {
	color: #00CCFF;
	margin-top: 10px;
	text-align: right;
}
.url, .url a {
	color: #00CCFF;
	margin-top: 10px;
}

#voucher_item {
	width:		480px;
	height: 	120px;
	background:	#202020;
	float: left;
}
	#voucher_txt {
		padding: 10px;
		width: 220px;
		float:left;
		text-align: center;
	}
	#voucher_txt .readmore {
		float: right;
	}
	#voucher_txt p {
		padding-top: 10px;
		font-size: 18px;
	}
	#voucher_img {
		float:left;
	}

#twitter_box {
	background:	#1A1A1A;
	padding:	15px;
}
	#twitter_box h2 {
		padding-bottom: 10px;
	}
	.tweet {
		border-top:		1px solid #292929;
		padding:		10px 0px;
		line-height: 	160%;
		font-size:		10px;
	}
	.tweet .tweet-text	{ font-size: 12px; color: #646464; }
	.tweet .tweet-date p { color: #666666; }
	.tweet a			{ color: #00CCFF; }
#slider-prev,
#slider-next	{ position: absolute; top: 330px; left: 0px; z-index: 1001; line-height: 30px; padding-left : 15px; }
#slider-next	{ left: 25px; }

#error #mid #background {
	background: url(../images/referenties/large_woonhuisepe1.jpg) no-repeat;
	width: 960px;
	height: 360px;
}
#error #bottom #left_text {
	position:		relative;
	margin-top:		-200px;
	width:			420px;
	min-height:		140px;
	background:		black;
	float:			left;
	margin-left:	20px;
	padding:		20px;
}
#error #bottom #left_text p, #error #bottom #right_text p {
	padding-top: 25px;
	line-height: 150%;
}