/*dit is de algemene style-sheet van de Zuidkanter - geldt voor alle pagina's*/

/*het algemene lettertype en alg kenmerken van elke pagina*/
body{
	width:779px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#006688;
	font-weight:normal;
	line-height:15px;
	text-align:left;
	margin:0px;
	background-color: #ffffff;
}

/* een eigen margin voor de paragraaf is nodig om de grote tussenruimte tegen te gaan*/
p {
	padding: 0px 10px 0px 20px;
	margin: 0px;
}

/* h1 en titel zijn hetzelfde - de titel van de pagina*/
h1 {
	padding: 0px 20px;
	margin: 0px;	
	font-size: 12px;
	font-weight: bold;
	color: #ffa200;
	text-transform: uppercase;
}
/* h2 en kopje zijn hetzelfde - de kop van een alinea*/
h2 {
	padding: 0px 20px;
	margin-top: 1px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #006688;
}
.kopje{
	font-size: 12px;
	font-weight: bold;
	color: #006688;
}
h3 {
	padding: 0px 20px;
	margin-top: 1px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #006688;
}

/*dit menu staat nu helemaal bovenaan*/
#menuklein {
	position:absolute;
	background-color:#51A9B4;
	left:150px;
	top:0px;
	width:417px;
	height:16px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	letter-spacing:1px;
	line-height: 11px;
	
}
#sfeer-foto {
	position:absolute;
	left:0px;
	top:0px;
	width:149px;
	height:64px;
}

#zoek {
	position:absolute;
	left:568px;
	top:0px;
	width:210px;
	height:64px;
	background-color:#FFA200;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	line-height:8px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FFA200;

}

.popup {
	color: #FFFFFF;
	font-size:10px;
}

#logo {
	position:absolute;
	left:150px;
	top:17px;
	width:417px;
	height:47px;
}

#navigatie {
	position:absolute;
	left:0px;
	top:65px;
	width:149px;
	background-color:#FF9933;
	height: 372px;

}
#broodkruimels {
	position:absolute;
	left:150px;
	top:65px;
	width:417px;
	height:10px;
	text-transform: lowercase;
	padding: 0px 20px 20px;
}

#hoofd-content {
	position:absolute;
	left:160px;
	top:91px;
	width:407px;
	height:346px;
	overflow: scroll;

/*	padding: 0px 20px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:417px;
*/
}
/*#myDIV{
	 	border:10px solid black;*/
/*	
html>body #hoofd-content  {
	width:407px;
}*/
#404-content {
	position:absolute;
	left:150px;
	top:150px;
	width:407px;
	height:328px;

/*	padding: 0px 20px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:417px;
*/
}
#bewoners-content {
	position:absolute;
	left:150px;
	top:90px;
	width:250px;
	height:328px;
}

#wiezijnwij-content {
	position:absolute;
	left:151px;
	top:90px;
	width:411px;
	height:328px;

/*	padding: 0px 20px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:417px;
*/
}

#illustratie-rechts1 {
	position:absolute;
	left:568px;
	top:65px;
	width:105px;
	height:107px;
}

#illustratie-rechts2 {
	position:absolute;
	left:674px;
	top:65px;
	width:104px;
	height:107px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFa200;
}
#illustratie-rechtsgroot {
	position:absolute;
	left:568px;
	top:65px;
	width:210px;
	height:107px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFa200;
}
#rechterlinksblok {
	background-color:#DAEDF4;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFa200;
	border-bottom-color: #ffa200;
	position:absolute;
	left:568px;
	top:172px;
	height: 200px;
	width:210px;
}

/*bij hoger plaatje in rechterblok wordt dit linksblok eronder geplaatst bijv de medische pagina*/
#rechterlinksblok2 {
	background-color:#DAEDF4;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFa200;
	border-bottom-color: #ffa200;
	position:absolute;
	left:568px;
	top:185px;
	height: 187px;
	width:210px;
	border-top-color: #FFFFFF;
	/*padding:10px;
	/*work a round*/
/*	voice-family: "\"}\"";
	voice-family: inherit;
	width:190px; */
}
/*
html>body #rechterlinksblok  {
	width:190px; */
}
/*deze stijl toepassen bij de bewonerstemplate met transparantie in dit blok*/
#rechterlinksblok3 {
	text-align:left;
	position:absolute;
	left:568px;
	top:171px;
	height: 265px;
	width:210px;
	z-index: 1;
	filter: Alpha(Opacity=50);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFa200;



}
/*deze heeft een witte achtergond*/
#rechterlinksblok4 {
	background-color:#ffffff;
	text-align:left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFa200;
	border-bottom-color: #ffa200;
	position:absolute;
	left:568px;
	top:65px;
	height: 307px;
	width:210px;
}
.rechterlinks{
	color: #000066;
	text-transform: lowercase;
	text-decoration:none;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;

}
a.rechterlinks:link {
	text-decoration: none;
	font-size: 11px;

}

a.rechterlinks:hover {
	color: #FFA200;
	text-decoration: none;
}

#banner {
	position:absolute;
	left:568px;
	top:373px;
	width:210px;
	height:65px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffa200;

}
#bewonersbg {
	position: absolute;
	z-index: -2;
	height: 355px;
	width: 496px;
	left: 283px;
	top: 65px;
}
#bewonersbg2 {
	position: absolute;
	z-index: -1;
	height: 372px;
	width: 420px;
	left: 359px;
	top: 65px;
}
.kleinmenulink{
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	line-height: 11px;
	text-decoration: none;
}

a.kleinmenulink:link {
	text-decoration: none;
}

a.kleinmenulink:hover {
	color: #FFA200;
	text-decoration: none;
}

.titel {
	color: #FFA200;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 12px;

}
.meer{
	color: #51A9B4;
	text-transform: lowercase;
	text-decoration:none;
	font-weight: normal;
	font-size: 10px;
}
.meer:link {
	color: #51A9B4;
	text-transform: lowercase;
	text-decoration:none;
	font-weight: normal;
	font-size: 10px;
}
.meer:hover {
	color: #FFA200;
}
.meer:active {
	color: #51A9B4;
}
.wit {
	color: #FFFFFF;
}

/*de links hieronder moeten nog de juiste eigenschappen krijgen*/
.onderaan {
	font-size: 10px;
	text-decoration: underline;
	color: #51A9B4;
}
.onderaan:link {
	font-size: 10px;
	text-decoration: underline;
	color: #51A9B4;
}
.onderaan:hover {
	color: #ffa200;
}

/*de links hieronder moeten nog de juiste eigenschappen krijgen*/
.gewonelinks {
	font-size: 11px;
	color: #006688;
	text-decoration: underline;
}
.gewonelinks:link {
	font-size: 11px;
	text-decoration: underline;
	color: #006688;
}
.gewonelinks:hover {
	color: #ffa200;
	text-decoration: underline;
}
.gewonelinks:visited {
	color: #000000;
	text-decoration: underline;
}
.nav {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
	height: 22px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	padding-left: 6px;
}
.mainnav{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.mainnav:link{
	color: #FFFFFF;
	text-decoration: none;
}
.mainnav:hover{
	color: #51A9B4;
	text-decoration: none;
}

.broodkruim {
	font-size: 9px;
	color: #006688;
	text-decoration: none;
	line-height: 10px;
	text-transform: lowercase;
}
.broodkruim:link {
	font-size: 9px;
	color: #006688;
	text-decoration: none;
}
.broodkruim:hover{
	font-size: 9px;
	color: #FFA200;
	text-decoration: none;
}.oranje {
	color: #FFA200;
}
.plaatjeLinks {
	margin: 15px 20px 15px 0px;
	float: left;

}
ul {
	font-size: 11px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(file:///C|/inetpub/wwwroot/html/images/oran_dot.gif);
	margin: 2px 0px 0px 11px;
	padding: 0px 20px;
}
.bijschrift {
	font-size: 10px;
	line-height: 12px;
	color: #51a9b4;
}