body {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	background-image:url(../art/graphics/bg25.gif);
	text-align:center;
	margin:0;
	font-family:Georgia;
	font-size:12px;
}

/* ### POSITIONERING */
#wrapper, #wrapper_home{
	width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header{
	width:100%;
	height:120px;
	margin:0;
}
#header #logo{
	margin:20px 0 0 32px;
	float:left;
}
#nav{ /* div om ul hoofdnavigatie */
	width:100%;
	margin:0;
}
#hoofdmenu{ /* ul hoofdnavigatie */
	width:580px;
	position:absolute;
	left:220px;
	top:30px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#hoofdmenu li{
	display:inline;
	float:left;
	padding:1px;
}
#hoofdmenu li a{
	/*padding:4px 10px 4px 0;*/
	margin:0px;
	/*background-color:#99CCFF;*/
	/* testje om te zien hoe hoofdmenu eruit ziet met Georgia */
	font-family:"Georgia";
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#hoofdmenu li a img{
	margin-top:5px;
}

#profielOverlay{
	position:absolute;
	width:400px;
	height:600px;
	left:300px;
	top:100px;
	background-color:#dff7ff;
	background-image:url(../art/graphics/bg25.gif);
	z-index:100;
	text-align:left;
}
#profielOverlay h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:14px;
	padding-left:20px;
	color:#000000;
	margin:0px;
	margin-bottom:5px;
}
#profielOverlay p, #profielOverlay label{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:20px;
	line-height:1.4;
	margin-top:0px;
}
#profielOverlay #btn_close{
	cursor:pointer;
	/* onnozele hack om plaatje in rechterbovenhoek te krijgen !!! */
	padding-left:370px;
	padding-top:10px;
}
#profielOverlay input[type=text]{
	width:200px;
}
#profielOverlay textarea{
	width:200px;
	height:200px;
}
#leftbar{
	float:left;
	clear:both;
	width:216px;
	margin:0;
	padding: 0 2px 0 2px;
}
#leftbar img{
	vertical-align:middle;
}
#leftmenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#leftmenu a{
	display:block;
	width:205px; 
	height:0;
	padding-top:48px;
	overflow:hidden;
}
#btn_projecten{
	margin-top:10px;
	border:none;
	background-image:url(../art/graphics/btn_projecten.png);
	background-repeat:no-repeat;
}
#btn_projecten:hover{
	background-image:url(../art/graphics/btn_projecten_ov.png);
}
#btn_opvang{
	background-image:url(../art/graphics/btn_opvang.png);
	background-repeat:no-repeat;
}
#btn_opvang:hover{
	background-image:url(../art/graphics/btn_opvang_ov.png);
}
#btn_personen{
	background-image:url(../art/graphics/btn_personen.png);
	background-repeat:no-repeat;
}
#btn_personen:hover{
	background-image:url(../art/graphics/btn_personen_ov.png);
}
#btn_meedoen{
	background-image:url(../art/graphics/btn_meedoen.png);
	background-repeat:no-repeat;
	width:102px;
	height:101px;
	float:right; 
	margin-right:50px;
	margin-top:10px;
	text-indent:-5000px;
}
#btn_meedoen:hover{
	background-image:url(../art/graphics/btn_meedoen_ov.png);
	cursor:pointer;
}
#rightbar{
	float:right;
	width:216px;
	margin:0;
	padding: 0;
}
#rightbar h3{
	font-size:14px;
}
#rightbar form input[type=submit], #homeInlogBox form input[type=submit]{
	display:inline;
	
	float: right;
}
#rightbar form input[type=text], #rightbar form input[type=password]{
	border:					1px solid #999999;
	margin-left:			24px;
	font-size:				12px;
	width:					100px;
	color:					#999999;
}
#rightbar form input #login{
	margin-left:			20px;				
}
.rightbarBox, #homeInlogBox{
	padding: 0 0 2px 0;
	margin: 0 10px 0 0;
	font-size:12px;
	width:216px;
	background:url(../art/graphics/gra_rightbar_box_top.png) no-repeat;
}
#homeInlogBox{
	margin-left:			782px;
	padding:				0 0 0 20px;
}
.rightbarBox h2, .rightbarBox h3{
	padding: 10px 20px 0 20px;
	font-size:13px;
}
.rightbarBox h4, #rightbar h4{
	padding: 				10px 20px 0 20px;
	font-size:				15px;
	font-weight:			bold;
	color:					#000000;
	text-decoration:		none;
}
#rightbar h4 a{
	color:					#000000;
	text-decoration:		none;
}
.rightbarBox h4 a{
	color:#000000;
	text-decoration:none;
}
.rightbarBox .bericht{
	font-size:				12px;
	color:					#000000;
	margin-left:			18px;
	padding-left:			28px;
	padding-top: 			3px;
	padding-bottom: 		3px;
	width:					160px;
	background-image:		url(../art/graphics/gra_envelope_small.png);
	background-repeat:		no-repeat;
	min-height:				30px;
}
.rightbarBox .bericht a{
	color:					#000000;
	text-decoration:		none;
}
.rightbarBox p.tekst{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	margin-left:			24px;
	margin-right:			24px;
}
.rightbarBox p a, .rightbarBox form p a{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#000000;
	text-decoration:		none;
	margin-left: 			24px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}
.rightbarBox form input{
	margin:					0px;
}
.rightbarBox p a:hover{
	text-decoration:		underline;
}
.rightbarBox p.bottom{
	margin-top:				-10px;
	background:				url(../art/graphics/gra_rightbar_box_bottom.png) no-repeat bottom right;
	height:					20px;
}
.rightbarLink{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#000000;
	font-size:				10px;
	float:					right;
} 
.rightbarLink:hover{
	background-color:		#FFFF66;
}
#content{
	width:					440px;
	min-height:				510px;
	padding:				15px 45px 40px 45px;
	margin:					0 0 40px 225px;
	font-size:				12px;
	background-image:		url(../art/graphics/bgtrans.png);
	line-height:			140%;
}
* html #content{
	width:					440px;
	min-height:				510px;
	padding:				10px 10px 10px 15px;
	margin:					0 0 40px 225px;
	
	font-size:				12px;
	background-image:		url(../art/graphics/bgtrans.png);
	line-height:			140%;
}

#content_preview{
	width:					640px;
	text-align:				center;
	
	padding:				10px 45px 40px 45px;
	margin:					0 0 40px 225px;
	font-size:				12px;
	
	line-height:			140%;
}


#content h1, .rightbar h1 {
	font-size:				18px;
	filter:					alpha(opacity=100);
	opacity:				1;
}

#content h3 {
font-size:14px;
}

#content a{
	color:#000000;
}
/* homepage */
#kaart{
	width:					538px;
	padding:				15px 0px 0 10px;	/* marge links veranderd  van 16 in 10px, IE6 verplaatst anders div naar onderen */
	margin:					0 0 0 220px;
	background-image:		url(../art/graphics/kaartbg.png);
	background-repeat:		no-repeat;
	min-height:				530px;
	height:					auto !important;
	height:					530px;
}
#bottomline{
	clear:both;
}
#footer{
	clear:both;
	width:100%;
	height:0;
	margin:0;
}
img{
	border:none;
}
.formButton{
	margin-top:				5px;
	float:					left;
	border:					none;
	background-color:		#cddce6;
	cursor:					pointer;
	text-transform:			uppercase;
}
/* stijlen voor nieuws-pagina */
#nieuws h3 a{
	font-weight:			bold;
	text-decoration:		none;
}
#nieuws h3 a:hover{
	text-decoration:		underline;
}
#nieuws h4{
	font-size:				12px;
	line-height:			14px;
}
#nieuws .intro{
	margin:					-10px 0 0 0;
	padding:				0px;
}
#nieuws .intro img{
	margin:					4px;
}
#nieuws p.leesverder{
	margin:					-1px 0 0 0;
}
#nieuws p.leesverder a{
	text-decoration:		none;
	font-weight:			bold;
}
#loading{
	margin-top:				10px;
	padding:				10px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	width:					220px;
	height:					20px;
}
/* table binnen nieuws komt alleen voor bij plaatsen van filmpjes... hiermee wordt voorkomen dat tekst ernaast terecht komt */
#nieuws table{
	margin:					10px;
	width:					100%;
}
/* stijlen voor nieuws op homepage */
#home_nieuws{
	background:				#eaf7fe;
	border:					none;
	color:					#333;
	cursor:					pointer;
	font:					16px Verdana, Arial, Helvetica, sans-serif;
	height:					21px;
	left: 					230px;
	overflow:				hidden;
	position:				absolute;
	text-decoration:		none;
	top:					100px;
	width:					508px;
}
.nieuws{
	display:				none;
	opacity:				0;
	
}

/* stijlen voor popup-windowtje bij keuze van thema's onder 'documenten' */
#popup_hitarea{
	background-color:		#7fffc9;
	display:				inline-block;
	position:				relative;
	vertical-align:			top;
	width:					120px;
}
#popup_window{
	background-color:		#FFFFFF;
	margin-top:				1.25em;
	padding:				0 5px 2px 5px;
	display:				none;
	position:				absolute;
	width:					120px;
	z-index:				100;
}
#popup_window ul{
	margin:					0;
	padding:				0;
	list-style:				none;
}
#popup_window ul li{
	margin:					0;
	padding:				0;
}
#popup_window ul li:hover{
	background-color:		#7fffc9;
}
/* stijlen voor documentenlijst onder 'documenten' */
#li_documenten{
	list-style-type:		none;
	margin:					5px 0 0 0px;
	padding:				0px;
}
#li_documenten li h3 a{
	font-weight:			bold;
	text-decoration:		none;
}
#li_documenten li h3 a:hover{
	text-decoration:		underline;
}
#li_documenten p{
	margin:					-10px 0 15px 0;
}
#li_documenten p a{
	text-decoration:		none;
}
#li_documenten p.opendocument a{
	text-decoration:		none;
	font-weight:			bold;
	margin-top:				15px;
}
/* stijlen voor HTML info window op Google Maps */
.GMapInfoWindowTitel{
	border:					thick #0000FF;
	color:					#000000;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				15px;
	font-weight:			bold;
	margin-top:				0px;
	margin-bottom:			0px;
	max-width:				320px;
}
.GMapInfoWindowTekst{
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
}
.GMapInfoWindowLink{
	color:					#000000;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	text-decoration:		underline;
}
/* Stijlen voor percentage bij profiel */
.percentagebalk{
	width:					100px;
	height:					10px;
	border:					1px solid #000;
	margin-left:			24px;
}
.percentage{
	height:					10px;
	background-color:		#7fffc9;
}
/* Stijlen voor profiel */
.profiel_left{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 10px 10px -30px;
	width:110px;
	float:left;	
}

* html .profiel_left{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 10px 10px 0px;
	display: block;
	width:110px;
	float:left;	
}
.profiel_left a{
	text-decoration:none;
}
.profiel_left a:hover{
	text-decoration:underline;
}
.profiel_left h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}
.profiel_left hr{
	color:#00CCFF;
	margin: 5px 0 5px 0;
}
.profiel_right{
	float:right;
	margin:10px 40px 10px -30px;
	width:340px;
}

* html .profiel_right{
	float:right;
	display:inline;
	margin:0px;
	width:340px;
}


.profiel_right p{
	margin-top: 0px;
}
.profiel_right h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	margin:0 0 3px 0;
}
.profiel_right h5{
	font-size:12px;
	display:inline;
}
.profiel_right hr{
	color:#00CCFF;
	margin: 5px 0 5px 0;
	padding:0;
}
.profiel_type{
	font-style:italic;
	margin:0px;
	padding:0px;
}
.profiel_persoon{
	float:left;
	margin:0 10px 5px 10px;
	padding:0;
	width:85px;			/* breedte hiervan is max 85px, anders wordt t te breed voor IE6! */
	height:100px;
	/*border:1px solid #e8f9ff; ie6 hack... moet border hebben???? */
}
.profiel_persoon img{
	margin:0 20px 0 20px;
}
.reactieblok .profiel_left .naam{
	margin-left:25px;
}
/* beheer van profielen (rode linkjes) */
.profielbeheer{
	color:#990000;
	float:right;
}
.profielbeheer :hover{
	color:#990000;
	text-decoration:underline;
}
/* connecties rechterbalk */
.connectie{
	margin-bottom:10px;
	display:block;
	clear:both;
}
#rightbar_connecties h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
.naam{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	width:95px;
}
.naam a{
	color:#000000;
	text-decoration:none;
}
.naam a:hover{
	background-color:#FFFF66;
}
.icoon{
	float:left;
	margin: 10px 0 0 2px;
	width:60px;
	text-align:center;
}

#pwTSpan, #pwSpan{
    padding-top: 5px;
}
.img_left{
	margin:0 8px 8px 0;
}
.img_right{
	margin:0 0 8px 8px;
}

.balloon{
	font-family:verdana;
	font-size:11px;
	height:auto;
	position:absolute;
	visibility:hidden;
	width:400px; 
}

.balloon div.tl{
	background:url(../art/graphics/balloon_tl.gif) top left no-repeat;
	height:8px;
	width:400px;
}
.balloon div.tr{
	background:url(../art/graphics/balloon_tr.gif) top right no-repeat;
	float:right;
	height:8px;
	width:392px;
}
.balloon p {
	background:#fff;
	margin:0px;
	padding:3px;
}
.balloon div.bl{
	background:url(../art/graphics/balloon_bl.gif) top left no-repeat;
	float:left;
	height:8px;
	width:8px;
}
.balloon div.br{
	background:url(../art/graphics/balloon_br.gif) top right no-repeat;
	float:right;
	height:8px;
	width:392px;
}
.balloon div.point{
	background:url(../art/graphics/balloon_pt.gif) top left no-repeat; margin:5px 0 0 25px;
	height:14px;
	width:25px;
}


/* png fix voor Micro$oft spul */
.pngfix { behavior: url(styles/ie_png/iepngfix.htc) }
#header img, #btn_meedoen, #leftbar img, #leftbar a, .rightbarBox, .bottom{ behavior: url(styles/ie_png/iepngfix.htc) }