/* ------------------------------------
Stylesheet: De Zon woning en projekt inrichting
Made by: Jordi van Kan
Date: 09-03-10
Last modified by: Jordi van Kan
------------------------------------*/
body{
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background-color:#333030;		
}


#bg_raster{
	position:absolute;
	z-index:11;
	width: 100%;
	height: 100%;
	background: url(../images/bg_raster.png) left top repeat;		
}

#header{
	position:fixed;
	z-index:20;
	top: 0;
	width: 100%;
	text-align:center;
	background: url(../images/bg_header.png) left top repeat-x;		
}

#headerWrapper{
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height:165px;
}

#headerWrapper ul.navigation{
	float:left;
	width: 668px;
	margin: 0;
	margin-top: 90px;
	padding:0;
	text-align:left;
	list-style-type: none;
}

#headerWrapper ul.navigation li{
	display: inline;
	font-family: helvetica, arial, verdana;
	margin: 0;
	padding:0;
	margin-right: 15px;
	font-size: 11pt;
	text-transform: uppercase;
}

#headerWrapper ul.navigation li a{
	color: #040707;
	text-decoration: none;
	outline: none;
}

#headerWrapper ul.navigation li a:hover, #headerWrapper ul.navigation li a.selected{
	color: #ff5200;
}

#headerWrapper img.logo{
	float:left;
	width:231px;
	height:165px;
	margin-left: 25px;
}

/* Bottom main content
------------------------------------ */
#bottomMainContentWrapper{
	padding: 0;
	margin: 0;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

#bottomMainContent{
	position:absolute;
 overflow:hidden;	
	z-index:15;
	bottom: 92px;
	width: 610px;	
	text-align:center;
}

#bottomMainContent div.contentTitle_01{
	float: left;
	width: 300px;
	height: 24px;
	padding:15px 10px 0px 10px;
	margin: 0;
	color: #000000;
	font-size: 12pt;
	text-align:left;
	background-color: #ffffff;
}

#bottomMainContent div.contentTitle_02{
	float: left;
	width: 200px;
	height: 29px;
	margin: 0;
	padding:10px 10px 0px 10px;
	text-align: left;
	color: #ffffff;
	background: url(../images/bg_h1.png) left top repeat;
}

#bottomMainContent div.contentTitle_02 a{
	color:#ffffff;
	text-decoration: none;
}

#bottomMainContent div.contentTitle_02 a:hover{
	color:#ff6a24;
	text-decoration: none;
}

#bottomMainContent div.content, #bottomMainContent div.contentScroller{
	float: left;
	width: 610px;
	margin: 0;
	padding: 15px 5px;
	text-align: left;
	background-color: #ffffff;
}

#bottomMainContent div.contentScroller{
	padding: 15px 10px 15px 20px;
	height: 82px;
}

#bottomMainContent div.breadcrumbs{
	width: 610px;
	clear:both;
	margin: 0;
	padding: 10px;
	text-align: left;
	font-size: 9pt;
	color:#909090;	
	background: url(../images/bg_breadcrumbs.png) left top repeat;	
}

#bottomMainContent div.breadcrumbs a{
	color:#909090;
	text-decoration: none;
}

#bottomMainContent div.breadcrumbs a:hover{
	color:#ffffff;
}

/* image carousel
------------------------------------ */
#slider a img{
	border: 1px solid #444444;
	outline: none;
}

#slider a:hover img, #slider a.active img{
	border: 1px solid #ff6a24;
	outline: none;
}

#slider img{
		margin: 0px;
		margin-left: 3px;
		margin-right: 3px;		
}


/* Main
------------------------------------ */
#main{
	position:absolute;
	z-index:10;
 overflow:hidden;	
	top: 190px;
	width: 100%;
	text-align:center;
	padding-bottom: 124px;	
}

#mainWrapper{
	padding: 0;
	margin: 0;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

#mainColumn{
	float:left;
	width: 610px;
}

#mainColumn h1{
	padding: 15px 30px;
	margin: 0;
	color: #ffffff;
	font-size: 25pt;
	line-height: 31pt;
	background: url(../images/bg_h1.png) left top repeat;
}

#mainColumn h2{
	padding:0;
	margin: 0;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18pt;
	line-height: 24pt;
}

#mainColumn h3{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	color: #ff5200;
	font-size: 15pt;
	line-height: 19pt;
}

#mainColumn h4{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	line-height: 16pt;
}

#mainColumn h4.datum{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 10pt;
	line-height: 16pt;
}

#breadcrumbs{
	padding: 5px 30px 5px 30px;
	margin: 0;
	color:#909090;
	overflow:auto;
	font-size: 9pt;
	background: url(../images/bg_breadcrumbs.png) left top repeat;	
}

#breadcrumbs a{
	color:#909090;
	text-decoration: none;
}

#breadcrumbs a:hover{
	color:#ffffff;
}

#mainContent{
	padding: 20px 30px 10px 30px;
	margin: 0;
	background-color:#000000;
	color:#ffffff;
	overflow:auto;
}

#mainContent p{
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color:#ffffff;
	font-size: 11pt;
	line-height: 20pt;
}

#mainContent table{
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	color:#ffffff;
	font-size: 11pt;
	line-height: 20pt;
}

#mainContent hr{
	border: 0 !important;
	height: 1px;
	color: #575757;
	background-color: #575757;
	border-bottom: 1px solid #575757;
	margin: 0px;
	margin-top:20px !important;
	margin-top: 0px;
	margin-bottom:20px !important;
	margin-bottom: 0px;	
	padding: 0px;
}

#mainContent ul, #mainContent ol{
	padding: 0px;
	padding-left: 25px;
	margin: 0px;
	margin-bottom: 10px;
	color:#ffffff;
}

#mainContent ul li{
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	line-height: 16pt;
	list-style: square;
}

#mainContent ol li{
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	line-height: 16pt;
	list-style: decimal;
}

#mainContent a{
	color: #ff5200;
	text-decoration: none;
}

#mainContent a:hover{
	color: #ff5200;
	text-decoration: underline;
}

#mainContent a:visited{
	color: #ff8247;
}

#mainContent h3 a:visited{
	color: #ff5200;
}

#mainContent a.noUnderline:hover{
	text-decoration: none;
}

#mainContent img{
	border:	5px solid #909090;
	margin: 5px;
}

#mainContent img.artikelInzet{
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
}


#rightColumn{
	float:right;
	width: 287px;
	padding: 0;
	margin: 0;
}

#subContent{
	padding: 10px 20px 0px 20px;
	margin: 0;
	margin-bottom: 20px;
	background-color:#fff;
	overflow:auto;
}

#subContent h2{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	color: #ff5200;
	font-size: 12pt;
	line-height: 16pt;
}

#subContent p{
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color:#000000;
	font-size: 10pt;
	line-height: 15pt;
}

#subContent hr{
	border: 0 !important;
	height: 1px;
	color: #575757;
	background-color: #575757;
	border-bottom: 1px solid #575757;
	margin: 0px;
	margin-top:20px !important;
	margin-top: 0px;
	margin-bottom:20px !important;
	margin-bottom: 0px;	
	padding: 0px;
}

#subContent hr.newsOverview{
	margin: 0px;
	margin-top:5px !important;
	margin-top: 0px;
	margin-bottom:5px !important;
	margin-bottom: 0px;	
}

#subContent a, #specialContent a{
	color: #ff5200;
	text-decoration: none;
}

#subContent a:hover, #specialContent a:hover{
	text-decoration: underline;
}

#subContent a:visited, #specialContent a:visited{
	color: #ff8247;
}

ul.productfotos a img{
	border: 1px solid #444444;
}

ul.productfotos a:hover img{
	border: 1px solid #ff6a24;
}

#ul_twoColumn{
	padding: 10px 0px;
	margin: 0px;
	list-style-type: none;
}

#ul_twoColumn li{
	float: left;
	padding: 0px;
	padding-left: 0px;
	padding-bottom: 0px;		
	margin: 0px;
	margin-bottom: 10px;
	width: 123px;
	text-align:center;
}

#specialContent{
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

#specialContent span.contentTitle{
	padding:10px;
	margin: 0;
	color: #000000;
	font-size: 12pt;
	line-height: 26pt;
	height: 30px;
	background-color: #fff;
}

#specialContent span.contentTitleV2{
	padding:10px;
	margin: 0;
	color: #000000;
	font-size: 12pt;
	line-height: 26pt;
	height: 30px;
	background: url(../images/bg_tagclouds.png) left top repeat;
}

#specialContent p{
	padding: 10px;
	margin: 0px;
	color:#000000;
	font-size: 10pt;
	line-height: 15pt;	
	background-color: #ffffff;	
}

#specialContent div.newsOverview{
	margin: 0px;	
	padding: 10px;
	background-color: #ffffff;
}

#specialContent div.newsOverview ul{
	margin: 0;
	padding:0;
}

#specialContent div.newsOverview ul li{
	margin: 0;
	padding:10px 0px ;
	display:block;
	font-size: 10pt;
	line-height: 14pt;
	border-bottom: 1px dotted #c7c7c7;
}

#specialContent div.contentScroller{
	margin: 0px;	
	padding: 0px;
	background-color: #ffffff;
}

#footer{
	position:fixed;
	z-index:10;
	bottom: 0;
	width: 100%;
	height:124px;
	text-align:center;
	background: url(../images/bg_footer.png) center bottom no-repeat;		
}

#footerWrapper{
	padding: 0;
	margin: 0;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height:124px;
	text-align:right;
}

#footerWrapper p{
	padding: 0;
	margin: 0;
	font-size: 8pt;
	color: #484848;
}

#footerWrapper a{
	color: #484848;
	text-decoration: none;
	padding-left: 8px;
	margin-left: 8px;
	border-left: 1px solid #a6a6a6;
}

#footerWrapper a.first{
	margin-left: 8px;
}

#footerWrapper a:hover{
	color: #c9c9c9;
}

#footerWrapper img{
	margin-left: 10px;
}

/* Artikelen
----------------------------------------------------------------------*/
div.artikelenOverzicht div{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#articleFooter{
	margin: 15px 0px;
	padding: 5px 0px;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;	
}

#articleFooter ul{
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #909090;
}

#articleFooter ul li{
	font-size: 9pt;
	list-style: none;	
}

/* Recordset & paging
----------------------------------------------------------------------*/
#recordsetPaging{
	padding: 0;
	margin: 0;
	font-size: 8pt;
	color: #ffffff;
	text-align:left;
	clear:both;
}

#recordsetPaging.articleNavigation{
	text-align:left;
}

#recordsetPaging a{
	color: #ffffff;
	text-decoration: none;
	padding: 0;
	border: 0;
}

#recordsetPaging span.selected{
	padding: 3px 6px;
}

#recordsetPaging a:hover {
	color: #ff5200;
}
#recordsetPaging span.recordsetIndex, #recordsetPaging span.recordsetJump{
	margin: 0px;
	padding: 0px;
}

#recordsetPaging span.recordsetPages{
	margin: 0;
	padding: 10px;	
}

#recordsetPaging span.articleNavigation{
	margin: 0px;
	padding: 0px;
}

/* Tagclouds
----------------------------------------------------------------------*/
#tagcloud{
	padding:15px 10px;
	text-align:center;
	line-height: 17pt;
	background: url(../images/bg_tagclouds.png) left top repeat;
	background-color: #ffffff;
}

#tagcloud a{
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	border-bottom: none;
}

#tagcloud a.tagStyle_01{
	color:#484848;
	font-size: 9pt;
}

#tagcloud a.tagStyle_02{
	color: #040707;
	font-size: 9pt;	
}

#tagcloud a.tagStyle_03{
	color: #040707;
	font-size: 9pt;
	font-weight: bold;
}

#tagcloud a.tagStyle_04{
	color: #040707;
	font-weight: bold;
	font-size: 11pt;
}

#tagcloud a.tagStyle_05{
	color: #ff6a24;
	font-weight: bold;
	font-size: 12pt;		
}

#tagcloud a:hover{
	color: #ff6a24;
	text-decoration: none;
	border-bottom:1px dotted #ff6a24;		
}

/* Background photo
------------------------------------ */
#background-photo { display:block; overflow:hidden; position:fixed; left:0; top:0; width:100%; min-width:1200px; height:100%; z-index:1; }
#background-photo img { border:0; display:block; height:auto; width:100%; }

/* sub navigatie
----------------------------------------------------------------------*/
#subContent.subnav2 ul{
	margin: 5px 0px 15px 0px;	
}

#subContent.subnav2 ul li{
	margin: 0;
	font-size: 8pt;
	border-bottom: 1px dotted #c7c7c7;
}

#subContent.subnav2 ul li a{
	margin:0;
	padding:6px 5px;
	color: #333030;
	display:block;
	border-bottom: none;
	text-decoration:none;
}

#subContent.subnav2 ul li a:hover{
	text-decoration: none;
	border:none;
	color: #ff6a24;
	background: #c7c7c7;
}

#subContent.subnav2 ul li.selected{
	color: #ff6a24;		
	background-color:#dadada;	
}

#subContent.subnav2 ul li.selected a{
	color: #ff6a24;	
}


/* Sitemap
----------------------------------------------------------------------*/
ul.sitemapLevel_00{
	margin: 0 0 20px 20px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_01{
	margin: 5px 0 20px 20px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_02{
	margin: 5px 0 5px 10px;
	padding:0 0 0 10px;
}
ul.sitemapLevel_03,
ul.sitemapLevel_04,
ul.sitemapLevel_05,
ul.sitemapLevel_06{
	margin: 5px 0 5px 5px;
	padding:0 0 0 5px;
}
ul.sitemapLevel_00 li{
	font-weight: bold;
	list-style-type: square;
	padding-bottom: 5px;	
}
ul.sitemapLevel_01 li,
ul.sitemapLevel_02 li,
ul.sitemapLevel_03 li,
ul.sitemapLevel_04 li,
ul.sitemapLevel_05 li,
ul.sitemapLevel_06 li{
	font-size: 9pt;
	font-weight: normal;
	list-style-type: square;	
	padding-bottom: 2px;		
}