* {
    padding: 0px;
    margin: 0px;
}

body {
	text-align:center; /*centreren voor IE*/
	background-image:url(images/background.jpg);
	background-repeat: repeat-x;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color:black;
}

#container {
    border:1px solid black;
    width:948px; /*950 px breed*/
    background-color:white;
    margin: 20px auto;
	text-align:left;/*in de container moet alles weer links worden uitgelijnd ipv gecentreerd*/
	overflow:auto;
}

/*gebied met logo */
#logoArea {
	background-image:url(images/top.gif);
	background-repeat: repeat-x;
	background-position: top left;
	overflow:hidden;
	height:140px;
	width:948px;
}

	#balloon {
		height:140px;
		width:200px;
		background-image:url(images/top-left.gif);
		background-position: top left;
		background-repeat: no-repeat;
		float:left;
	}
	
	#logo {
		width:748px;
		height:100px;
		background-image:url(images/logo.gif);
		background-position: top center;
		background-repeat:no-repeat;
		float:left;
		clear:right;
	}
	
	#logo a {
		display:block;
		width:100%;
		height:100%;
	}
	#header {
		width:748px;
		height:40px;
		float: left;
	}

/*eind logogebied*/
/*contentgebied*/
#mainContent {
	width:948px;
	background-image:url(images/left.gif);
	background-repeat: repeat-y;
	overflow:hidden;
	clear:both;
}
	#menu {
		float:left;
		width:186px;
		padding-left:14px;
	}
	
	#textContent {
		float:left;
		width: 728px; /*948-200-20*/
		margin-right:20px;
		overflow:hidden;
	}
	
#staticContent {
		height:80px;
		overflow:hidden;
		background-image:url(images/bottom.gif);
		background-repeat:repeat-x;
		background-position: bottom left;
}
	#address {
		width:350px;
		height:48px;
		padding-left:25px;
		padding-top:32px;
		font-size:11px;
		color: white;
		float:left;
		background-image:url(images/bottom-left.gif);
		background-position: bottom left;
		background-repeat:no-repeat;
	}
		/*address styles*/
		div#addressleft {
			float:left;
		}
		div#addressright {
			float:left;
			padding-left:10px;
		}
		/*eind adressijlen*/
	#memberorganisations {
		width:350px;
		background-image:url(images/ballooninglogos.gif);
		background-position: bottom right;
		background-repeat:no-repeat;
		height:80px;
		float:right;
	}

h1 {
	color: #6699cc;
	font-size:20px;
}		

		
ul {
	margin-left:20px;
}

img {
	border:1px solid black;
	margin:4px;
}
/*speciale staticContent links */
a#footer:link, a#footer:active, a#footer:visited {
	color: white;
	font-weight: bold;
	text-decoration : none;
}

a#footer:hover {
	text-decoration : underline;
}
/* normal links */
a:link, a:active, a:visited {
	color: #527aa1;
	text-decoration : none;
}

a:hover {
    text-decoration : underline;
	color: #97cafd;
}

/*menu styles*/

#menu ul.menu {
	list-style-type: none;
	margin:0px;
}

/*styles for IE */
#menu ul.menu li {
	background-image:url(images/normal.gif);
	background-repeat: no-repeat;
	padding-top:8px;
	padding-bottom:8px;
}
#menu ul.menu li#top0 {
	background-image:url(images/top0.gif);
	background-repeat: no-repeat;
}

#menu ul.menu li#top1 {
	background-image:url(images/top1.gif);
	background-repeat: no-repeat;
}
#menu ul.menu li#top2 {
	background-image:url(images/top2.gif);
	background-repeat: no-repeat;
}

#menu ul.menu li#bottom2 {
	background-image:url(images/bottom2.gif);
	background-repeat: no-repeat;
}
#menu ul.menu li#bottom1 {
	background-image:url(images/bottom1.gif);
	background-repeat: no-repeat;
}
#menu ul.menu li#bottom0 {
	background-image:url(images/bottom0.gif);
	background-repeat: no-repeat;
	padding-bottom:10px;
}

/*end styles for IE*/
/*now override everything for the real browsers*/

#menu>ul.menu>li {
	background-image:url(images/normal.gif);
	background-repeat: no-repeat;
	padding-top:8px;
	padding-bottom:8px;
}
#menu>ul.menu>li#top0 {
	background-image:url(images/top0.gif);
	background-repeat: no-repeat;
}

#menu>ul.menu>li#top1 {
	background-image:url(images/top1.gif);
	background-repeat: no-repeat;
}
#menu>ul.menu>li#top2 {
	background-image:url(images/top2.gif);
	background-repeat: no-repeat;
}

#menu>ul.menu>li#bottom2 {
	background-image:url(images/bottom2.gif);
	background-repeat: no-repeat;
}
#menu>ul.menu>li#bottom1 {
	background-image:url(images/bottom1.gif);
	background-repeat: no-repeat;
}
#menu>ul.menu>li#bottom0 {
	background-image:url(images/bottom0.gif);
	background-repeat: no-repeat;
	padding-bottom:10px;
}
a.menuDepth1:link, a.menuDepth1:active, a.menuDepth1:visited {
	color: black;
	font-weight: bold;
	text-decoration : none;
	margin-left:3px;
}

a.menuDepth1:hover {
    text-decoration : underline;
}

/*end menu styles*/
/*submenu styles*/

/*styles for IE */
#menu ul.menu li ul.menu {
	margin-top:8px;
	border-top: 1px solid black;
	width:161px;
	border-right:1px solid black;
}
#menu ul.menu li ul.menu li {
	padding-top:2px;
	padding-bottom:2px;
	background-image:url();
	border-bottom: 1px solid black;
	background-color:Gainsboro;
	padding-left: 5px;
}

#menu ul.menu li#top0 ul{
	background-image:url();
	width:147px;
}

#menu ul.menu li#top1 ul{
	background-image:url();
	width:158px;
}

#menu ul.menu li#top2 ul{
	background-image:url();
	width:161px;
}
#menu ul.menu li#bottom2 ul{
	background-image:url();
	width:158px;
}
#menu ul.menu li#bottom1 ul{
	background-image:url();
	width:147px;
}
#menu ul.menu li#bottom0 ul{
	background-image:url();
	width:127px;
}

#menu ul.menu li.normal ul li{
	background-image:url();
	width:161px;
}

/*end styles for IE*/
/*now override everything for the real browsers*/

#menu>ul.menu>li>ul.menu {
	background-image:url();
	margin-top:8px;
	border-right:1px solid black;
	border-top: 1px solid black;
	width:161px;
}

#menu>ul.menu>li>ul.menu>li {
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 1px solid black;
	background-color:Gainsboro;
	padding-left: 5px;
}

#menu>ul.menu>li#top0>ul {
	width:147px;
}

#menu>ul.menu>li#top1>ul {
	width:158px;
}

#menu>ul.menu>li#top2>ul {
	width:161px;
}

#menu>ul.menu>li#bottom2>ul {
	width:158px;
}

#menu>ul.menu>li#bottom1>ul {
	width:147px;
}

#menu>ul.menu>li#bottom0>ul {
	width:127px;
}

a.menuDepth2:link, a.menuDepth2:active, a.menuDepth2:visited {
	color: black;
	font-weight: bold;
	text-decoration : none;
	font-size: 10px;
}

a.menuDepth2:hover {
	text-decoration : underline;
}

/*end submenu styles*/


/* portal items */
.columnCompleteWidth {
	width:748px;
}
.column {
	width:350px;
	float:left;
	margin-right: 10px;
}
.portalItem {
	margin-bottom: 10px;
}
.portalHeader {
	font-weight:bold;
	margin-bottom: 5px;
}

/*photoalbum styles*/
.photoAlbum {
	width:100%;
}
.coverPhotoThumb {
	text-align:left;
}
.photoAlbumInfo {
	float: left;
}
.photoAlbumTitle {
	font-weight: bolder;
}
.photoAlbumDescription {
}