/* Stylesheet voor de pagina's in de topnavigatie */

/* Element styles */

h1{
	color: #EC1C2E;
}

h2,h3,h4,h5,h6{
	color: #8B8B8B;
}

a{
 color: #8B8B8B;
}

/* Basic building block styles */

#header{
	height: 13.4em;
}

.home #header{
	height: 172px;
}

#contentcontainer{
	top: 13.8em;
	background: url(../_img/home_img_big.jpg) no-repeat 0 100%;
}

.home #contentcontainer{
	background: url(../_img/blueline_vertical.gif) repeat-y 100% 0;
	top: 172px;
}

#contentblock{
	border: 1px solid #A8A8A8;
}

/* Header styles */

#headerimg{
	background: url(../_img/home_bg.jpg) no-repeat;
}

/* Topnav styles */

#topnav{
	background: url(../_img/home_nav_bg.gif) no-repeat;
}

#topnav ul li.current ul{
	width: 20em;
	margin-left: 20px;
}

#topnav ul li.current ul li{
	position: static;
	background: none;
	list-style-image: url(../_img/ico_li_grey.gif);
	list-style-position: inside;
	width: auto;
	height: auto;
}

#topnav ul li.current ul li a{
	background: none;
	display: inline;
	color: #8B8B8B;
	text-decoration: none;
	font-size: .9em;
	height: auto;
}

#topnav ul li.current ul li.current a,
#topnav ul li.current ul li a:hover{
	color: #000;
}

#nav_home a{
	background: url(../_img/home_nav_home.jpg) no-repeat;
}

#nav_ciz a{
	background: url(../_img/home_nav_ciz.jpg) no-repeat;
}

#nav_sitemap a{
	background: url(../_img/home_nav_sitemap.jpg) no-repeat;
}

#nav_help a{
	background: url(../_img/home_nav_help.jpg) no-repeat;
}

#nav_privacy a{
	background: url(../_img/home_nav_privacy.jpg) no-repeat;
}

#nav_disclaimer a{
	background: url(../_img/home_nav_disclaimer.jpg) no-repeat;
}

#button_zoek{
	background: transparent url(../_img/home_nav_zoek.jpg) no-repeat;
}

/* Broodkruimelpad styles */

#bkp a{
	background: url(../_img/ico_bkp_red.gif) no-repeat 100% 50%;
}

/* Homepage block styles */

#clientblock{
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	margin-left: 14px;
	border: 1px solid #EC1C2E;
	background: #FFF;
	overflow: auto;
	z-index: 1;
}

#profblock{
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	margin-left: 14px;
	border: 1px solid #00ABDF;
	background: #FFF;	
	overflow: auto;
	z-index: 1;
}

.client_link_block,
.prof_link_block{
	float: right;
	width: 91px;
	height: 94px;
	margin-right: 0px;
}

.client_link_block{
	background: #FFF url(../_img/home_client_bg.gif) no-repeat 100% 0;
}

.prof_link_block{
	background: #FFF url(../_img/home_prof_bg.gif) no-repeat 100% 0;
}

#client_link,
#prof_link{
	display: block;
	width: 79px;
	height: 79px;
	margin: 12px 12px 0 0;
}

#client_link{
	background: url(../_img/home_client_link.gif) no-repeat;
}

#prof_link{
	background: url(../_img/home_prof_link.gif) no-repeat;
}

#client_link:active,
#client_link:hover,
#prof_link:active,
#prof_link:hover{
	background: none;
}

#clientblock ul,
#profblock ul{
	margin: 45px 18px 15px;
	padding: 0;
	list-style-position: inside;
}

#clientblock ul li{
	list-style-image: url(../_img/ico_li_red.gif);
	margin-bottom: 15px;
}

#profblock ul li{
	list-style-image: url(../_img/ico_li_blue.gif);
	margin-bottom: 15px;
}

/* Rightblock styles */

#rightblock_home{
	position: absolute;
	right: 0;
	width: 20%;
	height: 100%;
	background: url(../_img/blueline_horizontal.gif) repeat-x 0 100%;
	z-index: 0;
}

#rightblock{
	position: absolute;
	right: 0;
	width: 20%;
	height: 100%;
}

#topblock_home{
	position: absolute;
	right: 0px;
	width: 104px;
	height: 51px;
	background: url(../_img/home_medewerk_bg.gif) no-repeat;
}

#home_medewerk_link{
	display: block;
	width: 90px;
	height: 51px;
	background: url(../_img/home_medewerk_link.gif) no-repeat;	
}

#topblock{
	position: absolute;
	right: 0px;
	width: 104px;
	height: 51px;
	background: url(../_img/prof_medewerk_bg.gif) no-repeat;
}

#medewerk_link{
	display: block;
	width: 104px;
	height: 51px;
	background: url(../_img/prof_medewerk_link.gif) no-repeat;	
}

#home_medewerk_link:active,
#home_medewerk_link:hover,
#medewerk_link:active,
#medewerk_link:hover{
	background: none;
}

#middleblock{
	position: absolute;
	top: 5.5em;
	right: 0;
	width: 104px;
	height: 90px;
	background: url(../_img/client_bg.gif) no-repeat;
}

#bottomblock_home{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 104px;
	height: 90px;
	background: url(../_img/home_bottom_img.jpg) no-repeat;
}

#bottomblock{
	position: absolute;
	right: 0;
	top: 13.5em;
	width: 104px;
	height: 90px;
	background: url(../_img/prof_bg.gif) no-repeat;
}

#rightblock #client_link{
	margin: 0;
	background: url(../_img/client_link.gif) no-repeat;
}

#rightblock #prof_link{
	margin: 0;
	background: url(../_img/prof_link.gif) no-repeat;
}

#rightblock #prof_link:active,
#rightblock #prof_link:hover,
#rightblock #client_link:active,
#rightblock #client_link:hover{
	background: none;
}

/* miscallaneous styles */

.naarboven{
	color: #EC1C2E;
	background: url(../_img/ico_naarboven_red.gif) no-repeat 0 70%;
}