/*
KBDQ
@author: Rick Stoopman
@version: 20091026-01

Used colors:

*/

/* Main sprite
**********************************/
#header ul li a,ul#nav li a{
	background: url(../../images/kbdq/sprites/main.png) no-repeat bottom right;
}

/* General styling
**********************************/
body, #publerBody {
	text-align: center; 
	background: url(../../images/kbdq/backgrounds/body.png) repeat-x top left;
	}
body.home{
	background: url(../../images/kbdq/backgrounds/body-home.png) repeat-x top left;
	}
body.sub{
	background: url(../../images/kbdq/backgrounds/body-sub.png) repeat-x top left;
	}	

#container {
	position:relative;
	width:990px;
	margin:0 auto;
	text-align: left;

	}
	
/* Header
**********************************/	
#header {
	height: 145px;
	position:relative;
	_height:148px;
	}
body.home #header{
	height: 195px;
	_height:198px;
}
	#header ul{
		position:absolute;
		top:25px;
		right:0;
		margin:0;
		padding:0;
		list-style:none;
		}
		#header ul li{
			float:left;
			margin-left:7px;
			}
			#header ul li a{
				width:13px;
				display:block;
				height:13px;
				line-height:13px;
				text-indent:-5555px;
			}
			#header ul li a.en{ background-position:0 -14px;}
			#header ul li.selected a.en, #header ul li a.en:hover{ background-position:0 0px;}
			#header ul li a.nl{ background-position:-14px -14px;}
			#header ul li.selected a.nl, #header ul li a.nl:hover{ background-position:-14px 0;}				
	#header p{
		position:absolute;
		top:40px;
		right:0;
		text-align:right;
		width:455px;
		font-weight:bold;
		font-size:.85em;
		color:#454545;
		}
	
	a#logo{
		position:absolute !important;
		top:0;
		left:0;
		z-index:250 !important;
	}
	
	* html a#logo{position:relative;}
div#main {
	padding-top: 45px;
	background: url(../../images/kbdq/sprites/backgrounds.png) no-repeat -991px -261px;	
	height:1%;
	}

body.home div#main{
	padding-top:65px;
	background-position: 0 -366px;	
	height:1%;
}
div#wrapper {
	float:left;
	width:100%;
	}
div#contents {
	margin: 0 345px 0 80px; /* true width:565px*/
	border-bottom:1px solid #cce5e5;
	padding-bottom:70px;
	min-height:367px;	
	}
		* html div#contents{
		height:367px;
		}
	
div#right-column{
	float:left;
	width:255px;
	margin-left:-300px;
	position:relative;
	top:-115px; /*guess*/
	z-index:120;
	min-height:367px;
	}
			* html div#right-column{
		height:367px;
		}
body.home div#right-column{
	top:0;
}
	div#right-column h2{
		margin:0;
		margin-bottom:15px;
		color:white;
		font-weight:normal;
		font-size:22px;
		text-transform:uppercase;
	}
/* Themes
**********************************/		
ul#themes{
	list-style:none;
	padding:0;
	margin:0;
}	
ul#themes li {
	margin-bottom:9px;
}
ul#themes li a{
	background: url(../../images/kbdq/sprites/themes.jpg) no-repeat top left;
	display:block;
	font-weight:normal;
	padding:78px 0px 5px 8px;
	height:38px;
	width:248px;
	text-transform:uppercase;
	color:#98012F;
	font-size:1.2em;
}	
ul#themes li.hr a{background-position: -257px 0;}
ul#themes li.zorg a{background-position: -514px 0;}
ul#themes li.dienstverlening a{background-position: -771px 0;}

ul#themes li a:hover, ul#themes li a.selected{
	background-position: 0 -122px;
	color:white;text-decoration:none;
	}
ul#themes li.hr a:hover, ul#themes li.hr a.selected{background-position: -257px -122px;}
ul#themes li.zorg a:hover, ul#themes li.zorg a.selected{background-position: -514px -122px;}
ul#themes li.dienstverlening a:hover, ul#themes li.dienstverlening a.selected{background-position: -771px -122px;}
	
/* Middle block
**********************************/	
div#middle{
	height:206px;
	color:white;
	background: url(../../images/kbdq/sprites/backgrounds.png) no-repeat -991px 0;	
	padding-top:55px;
	position:relative;
	_top:-3px;
	}
body.sub div#middle{
	background-position:-1983px 0;}	
body.home div#middle{
	height:311px;
	background-position:0 0;
	padding-top:55px;
	}
	
	/* Carousel
	**********************************/
	ul#carousel{
		padding:0;
		margin:0;
		left:-4px;
		top:156px;
		list-style:none;
		position:absolute;
		width:999px;
		}
		ul#carousel li{
			float:left;
			margin-right:13px;
			background: url(../../images/kbdq/sprites/carousel.png) no-repeat top left;
			padding:18px 22px 20px 19px;
			width: 199px;
			height:152px;
			color:#98012F;
			position:relative;
			cursor:pointer;
			}
			* html ul#carousel li{
				background: url(../../images/kbdq/sprites/carousel-ie6.png) no-repeat top left;
			}
			ul#carousel li.last{
				margin-right:0;
				}
				ul#carousel li a{
					display:none;
					font-size:.85em;
					}
		ul#carousel li h3{
			margin:0;
			font-weight:normal;
			float:left;
			width:120px;
			text-transform:uppercase;
			}		
		ul#carousel li:hover,ul#carousel li.hover{
			background-position:-268px 0;
			height:219px;
			top:-19px;
			color:white;
			}
			ul#carousel li:hover a,ul#carousel li.hover a{
				color:white;
				display:block;
				float:right;
				}
	
h1#slogan{
	margin:0;
	padding:0;
	font-size:32px;
	line-height:1.1em;
	width:380px;
	z-index:205;
	position:relative;
	}
	
body.home h1#slogan{font-size:26px;width:100%;}
body.over-ons h1#slogan{font-size:32px;}

	p#sub-slogan{
		font-weight:bold;
		z-index:206;position:relative;
		}
		
	#middle img.bg{
		position:absolute;
		z-index:0 !important;
		bottom:0;		
	}
	body.contact #middle img.bg{
		left:107px;
		_bottom:-1px;
	}
	body.mensen #middle img.bg{
		left:0;
		_bottom:-1px;
	}
	body.visie #middle img.bg{
		left:75px;
		_bottom:-1px;
	}
	/*
	body.pensioen #middle img.bg{
		left:90px;
		_bottom:-1px;
	}*/	
	body.mensen #slogan,body.mensen #sub-slogan,
	body.visie #slogan,body.visie #sub-slogan{
		display:none;
		}
	
/* Navigation
**********************************/	
ul#nav{
	position: absolute;
	z-index:110;
	top: 113px;
	width: 404px;
	margin:0;
	padding:0;
	list-style:none;
	right:0;
	}
body.home ul#nav{
	top:163px;
	}
	ul#nav li{
		float:left;		
		}
		ul#nav li a{
			display:block;
			height:32px;
			text-indent:-5555px;
			}		
		ul#nav li#nav-home a{ width:66px; background-position: -28px 0;}
		ul#nav li#nav-over-ons a{ width:95px;background-position: -94px 0;} 
		ul#nav li#nav-cases a{ width:65px;background-position: -189px 0;}
		ul#nav li#nav-actueel a{ width:85px;background-position: -254px 0;}
		ul#nav li#nav-contact a{ width:93px;background-position: -339px 0;}
		ul#nav li#nav-home a:hover, ul#nav li#nav-home a.selected{ background-position: -28px -32px;}
		ul#nav li#nav-over-ons a:hover, ul#nav li#nav-over-ons a.selected{background-position: -94px -32px;} 
		ul#nav li#nav-cases a:hover, ul#nav li#nav-cases a.selected{ background-position: -189px -32px;}
		ul#nav li#nav-actueel a:hover, ul#nav li#nav-actueel a.selected{background-position: -254px -32px;}
		ul#nav li#nav-contact a:hover, ul#nav li#nav-contact a.selected{ background-position: -339px -32px;}		
	
	/* sub menu */
	ul#sub-nav{
		padding:0;
		list-style:none;
		margin:0;
		background:#2c3031;
		position:absolute;
		right:0;
		top:145px;
		height:26px;
		text-align:left;
		padding-top:4px;
		}
		ul#sub-nav li{
			line-height:26px;
			height:26px;		
			vertical-align:center;
			float:left;
			}
		ul#sub-nav li a{
			display:block;
			color:#9ACCCC;
			height:100%;
			padding:0 7px;
			}
			* html ul#sub-nav li a{
				display:inline-block;
			}

		ul#sub-nav li a.selected, ul#sub-nav li a:hover{			
			color:#2c3031;
			background-color:#63adac;
			text-decoration:none;
			}

	
/* Footer
**********************************/	
div#footer{
	clear:left;
	width:100%;
	background:#454545;
	margin:0;
	text-align:left;
	color:#D1D1D1;
	font-size:.85em;
	font-weight:bold;
	margin-bottom:25px;
	}
	div#footer a{
		color:#FF3366;
		}
	
	div#footer-wrapper{
		width:865px;
		margin:0 auto;
		padding:0 45px 40px 80px;
		position:relative;
	}
	div#footer #sitemap, div#footer address{
		background:#515151;
		height:175px;
		width:215px;
		padding:20px;
	}
	
	div#footer #sitemap{
		width:525px;		
		margin-right:45px;
		 background:url(../../images/kbdq/sprites/main.png) no-repeat 100% -65px #515151; 
		}
		div#footer #sitemap ul{
			margin:0;		
			list-style:none;
			padding:0;
			float:left;
			margin-right:38px;
		}
		div#footer #sitemap li{
			color:#FF3366;
			
			}
			
			div#footer #sitemap ul li ul{
				margin:0;
				padding:0 0 0 10px;
				list-style:none;
				float:none;
				}
			div#footer #sitemap ul li ul li, div#footer #sitemap ul li ul li a{
				color:#999999;
				}
				div#footer #sitemap ul li ul li ul{
					display:none;
					}
	div#footer h2{
		width:565px;
		margin:0;
		height:60px;
		font-size:21px;
		position:relative;
		top:30px;
		}

	div#footer h2.contact{
		width:255px;
		position:absolute;
		left:685px;
		
		}
	div#footer address{
		position:absolute;
		left:685px;
		top:60px;
		margin:0;
		}
		
	#top-logos{
		position:absolute;
		top:40px;
		left:250px;
	}
	#top-logos a{
		float:left;margin-right:25px;
	}
	
	
.hide {
	display: none;
	}
	

/* sIFR
**********************************/	
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

/* sIFR Replacements
**********************************/	
.sIFR-active body.home h1#slogan, .sIFR-active #slogan, .sIFR-active #right-column h2, .sIFR-active #footer h2, .sIFR-active h2{
	font-family: Verdana;
	visibility: hidden;
	}