#dhtmltooltip{
text-align: left;
position: absolute;
/*width: 150px;*/
border: 1px solid #666;
padding: 6px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}


body, p, td, li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

body {
	background: #1c81c1 url(../images/body_bg.gif) repeat-x;
	background: #0074a8 url(../images/body_bg.gif) repeat-x;
	text-align: center; 
	}
body, form, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
a:link {  }
a:visited {  }
a:hover { 
color: #fff;
text-decoration: underline; }
a:active {  }



#horizon   {
	background: #0082c5;
	text-align: center;
	position: relative;
	float: left;
	top: 0;
	left: 0px;
	_left: 10px;
	width: 100%;
	height: 660px;
	overflow: visible;
	visibility: visible;
	display: block
}
#horizon2   {
	background: #0074a8;
	text-align: center;
	position: relative;
	float: left;
	left: 0px;
	_left: 10px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block
}

#balk {
	position: absolute;
	width: 100%;
	height: 600px;
	left: 0px;
	z-index:0;
	top: 50%;
	margin-top: -320px;
	background: url(../images/body_bg.gif) repeat-x;
	}
	
#wrapper {
	z-index: 1;
	padding:0;
	margin:0;
	margin-left: -492px;
	position: absolute;
	top: 50%;
	margin-top: -320px;
	left: 50%;
	width: 984px;
	height: 660px;
	background: url(http://www.wzsw.nl/fileadmin/templates/wzsw_portal_2008/images/wrapper_bg.gif) no-repeat;
}

#img_over {
	position: absolute;
	display: block;
	/*background: url(../images/mainbuttons_bg.gif) no-repeat;*/
	width: 824px;
	height: 461px;
	top: 199px;
	left: 86px;
	z-index: 1;
	}	

#header {
	position: relative;
	float: left;
	margin: 0px 0 0px 0;
	width: 824px;
	left: 86px;
	height: 229px;
	top: 0px;
	}
#header a b {
	display: none;
	visibility: hidden;
	}
a#homelogo {
	width: 400px;
	height: 90px;
	left: 214px;
	display: block;
	position: absolute;
	z-index: 10;
	text-decoration: none;
	}
a#homelogo:hover{
	background: url(http://www.wzsw.nl/fileadmin/templates/wzsw_portal_2008/images/homelogo.gif) no-repeat;
}
#mainbuttons {
	position: relative;
	float: left;
	width: 824px;
	height: 331px;
	left: 86px;
	top: 0px;
	z-index: 2;
	}
		
#mainbuttons a b {
	display: none;
	visibility: hidden;
	}
#mainbuttons a {
	text-decoration: none;
	}
a#indewijk {
	width: 294px;
	height: 331px;
	left: 267px;
	display: block;
	position: absolute;
	z-index: 50;
	text-decoration: none;
	background: url(../images/indewijk.gif) no-repeat;
	}
a#indewijk:hover {
	background: url(../images/indewijk-over.gif) no-repeat;
	}

#wijknaam {
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin-top: 150px;
	font-size: 20px;
	font-weight: bold;
	z-index: 100;
	}

a#indewijk:hover #wijknaam {
	color: #19006b;
	}



a#kleinlinks {
	width: 106px;
	height: 185px;
	left: 0px;
	top: 146px;
	display: block;
	position: absolute;
	}
a#kleinlinks:hover {
	background: url(../images/kennisnet-over.gif) no-repeat;
	}
a#kleinrechts {
	width: 110px;
	height: 185px;
	left: 710px;
	top: 146px;
	display: block;
	position: absolute;
	}
a#kleinrechts:hover {
	background: url(../images/diensten-over.gif) no-repeat;
	}
a#grootlinks {
	width: 202px;
	height: 324px;
	left: 104px;
	top: 7px;
	display: block;
	position: absolute;
	z-index: 15;
	}
a#grootlinks:hover {
	background: url(../images/kennisnet-over.gif) no-repeat;
	}
a#grootrechts {
	width: 202px;
	height: 324px;
	left: 508px;
	top: 7px;
	display: block;
	position: absolute;
	z-index: 10;
	}
a#grootrechts:hover {
	background: url(../images/actueel-over.gif) no-repeat;
	}	

#subbuttons {
	position: relative;
	float: left;
	margin-top: 29px;
	/*background: url(http://www.wzsw.nl/fileadmin/templates/wzsw_portal_2008/images/subbuttons_bg.gif) no-repeat;*/
	width: 624px;
	left: 186px;
	top: 0px;
	}
/*#subbuttons a b {
	display: none;
	visibility: hidden;
	}*/
#subbuttons a {
	width: 624px;
	margin-right: 0px;
	position: relative;
	text-decoration: none;
	color: #4ca2d9;
	}
#subbuttons a:hover {
	color: #fff;
}	

	/* Homepage actueel ================================== */

#actueel {
	z-index: 40;
	text-align: left;
	position: relative;
	width: 259px;
	_width: 230px;
	height: 130px;
	_height: 100px;
	top: 90px;
	margin-left: 380px;
	padding: 20px 0px 0px 16px;
	line-height: 16px;
	background: url(http://www.wzsw.nl/fileadmin/templates/wzsw_portal_2008/images/postit_2.png) no-repeat;
	_background: #ffff00;
	display: none;
	visibility: hidden;
}
#actueel h2, #actueel p, #actueel b {
	color: #000;
	text-decoration: none;
display: none;
	visibility: hidden;
}
#actueel h2 {
	font-size: 13px;
}
a#actueellink {
	color: #000;
	text-decoration: none;
display: none;
	visibility: hidden;
		}
a#actueellink:hover, a#actueellink:hover h2 {
	color: #999;
	}

	/* Homepage snelmenu ================================== */

#snelmenu {
	position: relative;
	float: left;
	margin: 0px 0 20px 0;
	width: 824px;
	left: 50%;
	margin-left: -412px;
	top: 0px;
	padding-top: 0px;
	background: #0074a8;
	display: block
	}
#snelmenu p {
	margin-bottom: 10px;
	}	
#blok1 {
	float: left;
	width: 824px;
	margin: 0 0 0px 0px;
	left: 0px;
	_margin: 2px -0px -2px 0px;*/
	padding: 0px 0 0px 0px;
	display: block;
	position: relative;
	text-align: left;
}

#content a:visited, #content a:vlink, #content2 a, #content3 a, #content4 a {
	font-weight: bold;
	color: #fff;
}

#item11, #item12, #item13 {
	margin: 4px 0px 4px 0px;
	position: relative;
	padding-left: 20px;
	float: left;
	width: 254px;
	line-height: 16px;
}

.csc-firstHeader {
padding: 0;
margin:0;
}

#item11 h1, #item12 h1, div#item13 h1 { color: #4ca2d9; font-size: 14px; padding: 0px 0 0px 0; }
#item11:hover h1, #item12:hover h1, #item13:hover h1 { color: #fff; }
#item11.hover h1, #item12.hover h1, #item13.hover h1 { color: #fff; }

* html #item11 a, * html #item11 p, * html #item12 a, * html #item13 a {  /* make hover effect work in IE */
	color: #4ca2d9;
}
* html #item11 a:hover, * html #item12 a:hover, * html #item13 a:hover {  /* make hover effect work in IE */
	color: #fff;
	text-decoration: underline;
}
.item11 news-list-date { color: #4ca2d9;  }
.item11:hover news-list-date { color: #fff; }
.item11.hover news-list-date { color: #fff; }
#item11 ul, #item12 ul, #item13 ul { margin: 0; padding: 0px; list-style: none; display: block;}
#item11 ul li, #item12 ul li, #item13 ul li { margin: 0; padding: 0px; list-style: none; display: block;}
#item11 a, #item11 p, #item12 a, #item13 a {color: #4ca2d9; padding: 0px; text-decoration: none;}
#item11:hover a, #item11:hover p, #item12:hover a, #item13:hover a {color: #fff; padding: 0px; text-decoration: none;}
#item11.hover a, #item11.hover p, #item12.hover a, #item13.hover a {color: #fff; padding: 0px; text-decoration: none;}
#item11:hover a:hover, #item12:hover a:hover, #item13:hover a:hover { text-decoration: underline;}
#item11.hover a.hover, #item12.hover a.hover, #item13.hover a.hover { text-decoration: underline;}

/* de linkvlakken in de blokken  ---------------------------------------------*/

#item12, #item13 {	border-left: 1px solid #4ca2d9;}