@CHARSET "UTF-8";

	body {
		margin:				0px;
		padding:			0px;
		
		background-color:	#ffead8;
		
		font-family:		Verdana,'Lucida Grande',Arial,Sans-Serif;
	}
	
	body.home {
		background-color:	#4b5070;
	}

/**** CSS hacks: ****/

	img {
		clear: right !important;
	}
	
	table {
		clear: right;
		width: 99%;
	}

	div.admino_module_afbeelding {
		clear: none !important;
	}
	
/**** Containers / layout: ****/

	#outercontainer {
	}
	
	#header {
		height:				127px;
		background:			url(../images/header-back.gif) top left repeat-x;
	}
	
	.home #header {
		height:				155px;
		background:			url(../images/header-back-home.gif) top left repeat-x;
	}
	
	#headercontent {
		height:				127px;
		width:				800px;
		margin-left:		auto;
		margin-right:		auto;
		background:			url(../images/top-logo.gif) top left no-repeat;
	}
	
	.home #headercontent {
		height:				155px;
		background:			url(../images/top-logo-home.gif) top left no-repeat;
	}
	
	
	#footer {
		clear:				both;
		background-color:	#6D7194;
		height:				226px;
	}
	
	#footercontent {
		height:				226px;
		width:				800px;
		margin-left:		auto;
		margin-right:		auto;
		background:			url(../images/footer-line.gif) top left repeat-x;
	}
	
	#centercontainer {
		margin-left:		auto;
		margin-right:		auto;
		width:				800px;
	}
	
	#imagebar {
		height:				377px;
		width:				800px;
		padding:			0px;
	}
	
	#imagebar img {
		margin:				0px;
	}
	
	.home #imagebar {
		margin-bottom:		8px;
		height:				295px;
	}

	#imagenav { background-color: #4b5170; height: 82px; }
	#imagenav a img { border: none; } 
	#imagenav #thumbs { float: left; width: 750px; overflow: hidden; white-space: nowrap; }
	#imagenav #thumbs img { border-right: 1px solid #ffead8; }
	#imagenav #previousheader { float: left; }
	#imagenav #nextheader { float: right; }
	#imagenav #previousheader, #imagenav #nextheader { 
		background-color: #6d7194;
	}
	#imagenav #previousheader:hover, #imagenav #nextheader:hover { 
		background-color: #ff8423;
	}

			
	#contentleft {
		width:				250px;
		float:				left;
		margin-top:			4px;
	}
	
	#mainmenu {
		width:				250px;
	}
	
	#banners {
		width:				250px;
		margin-top:			50px;
	}
	
	#adminocontent {
		margin-left:		250px;
		padding-top:		6px;
		padding-left:		20px;
	}
	
	#reconnect {
		width:				250px;
		height:				200px;
		padding-top:		20px;
		float:				left;
	}
	
	#footerlinks {
		height:				200px;
		margin-left:		250px;
		margin-right:		300px;
		padding-top:		20px;
		padding-left:		20px;
	}
	
	#susagroup-login {
		width:				300px;
		height:				200px;
		float:				right;
		padding-top:		20px;
	}
		
	#header-taglinks {
		margin-top:			90px;
		margin-left:		155px;
		float:				left;
	}
			
/**** Header: ****/
	
	#logolink {
	
		display:			block;
		float:				left;
		height:				110px;
		width:				220px;
	}
	
	.home #logolink {
		margin-top:			28px;
	}
	
	#logolink span {
		display:			none;
	}
	
	.home #imagebar a {
		display: block; height: 100%; width: 100%;
	}
	
	#header-taglinks ul {
		margin:				0px;
		padding:			0px;
	}
	
	#header-taglinks li {
		display:			block;
		float:				left;
		margin-right:		30px;
	}
	
	#header-taglinks li a {
		color:				white;
		text-decoration:	none;
		font-size:			13pt;
	}

	#adminocontenttable td {
		vertical-align:		top;
	}
	
/**** Main menu: ****/
	
	#mainmenu ul {
		margin:				0px;
		padding:			0px;
	}
	
	#mainmenu li {
		display:			block;
		height:				31px;
		background-color:	#ff8423;
		margin-bottom:		6px;
	}

	#mainmenu li a {
		display:			block;
		padding-left:		14px;
		padding-right:		14px;
		line-height:		31px;
		color:				#FFFFFF;
		
		text-decoration:	none;
	}
	
	#mainmenu li a:hover span {
		border-bottom:		dotted 1px #FFFFFF;
	}
	
	
	#mainmenu li.level0-actief {
		background-color:	#9b9fb9;
	}
	
	#mainmenu li.level1 {
		background-color:	#4b5170;
	}

	#mainmenu li.level1-actief {
		background-color:	#9b9fb9;
	}
	
	#mainmenu li.level1 a {
		border-left:		solid 8px #9b9fb9;
	}
	
	#mainmenu li.level1-actief a {
		border-left:		solid 8px #4b5170;
	}

	#mainmenu li.level2 {
		margin-left:		8px;
		background-color:	#4b5170;
	}
	
	#mainmenu li.level2 a {
		border-left:		solid 8px #9b9fb9;
	}
	
/**** Submenu: ****/

	#submenu {
		margin: 			0px;
		margin-bottom:		8px;
		padding: 			0px;
	}
	
	#submenu li {
		display:			block;
		margin-right:		20px;
	}
	
	#submenu li a {
		color:				#494D69;
		font-size:			12px;
		font-weight:		bold;
		text-decoration:	none;
	}
	
	#submenu li a:hover {
		color:		#2F6E8F;
	}
	
	#submenu li.actief a {
		border-bottom:		solid 1px #ff8423;
	}

/**** Footer: ****/

	#footer {
		color:				white;
		font-size:			9pt;
	}
	
	#footer h1 {
		font-weight:		bold;
		margin:				0px;
		padding:			0px;
		font-size:			9pt;
	}
	
	#footer p {
		margin:				0px;
		margin-top:			4px;
		margin-bottom:		8px;
		padding:			0px;
		line-height:		150%;
	}
	
	#footer input {
		border:				solid 1px #848692;
		background-color:	#dcdcdc;
		height:				15px;
		font-size:			9pt;
		vertical-align:		middle;
	}
	
	#footer a {
		color:				#FFFFFF;
	}
	
	#footer ul {
		margin:				0px;
		margin-bottom:		10px;
		padding:			0px;
	}
	
	#footer li {
		display:			block;
		list-style-type:	none;
		
	}
	
	#footer li a {
		text-decoration:	none;
	}
	
/**** Reconnect box: ****/

	#reconnect button {
		width:				24px;
		height:				19px;
		background:			url(../images/reconnect-ok.gif) top left no-repeat;
		border:				none;
		color:				#FFFFFF;
		font-size:			10px;
		padding:			0px;
	}
	
	#reconnect button:active {
		background:			url(../images/reconnect-ok-actief.gif) top left no-repeat;
	}
	
/**** Susagroup login: ****/
	
	#susagroup-login button {
		color:				#FFFFFF;
		font-size:			10px;
		height:				19px;
		border:				none;
		border:				solid 1px #86899e;
		background-color:	#4e5473;
		padding:			0px;
	}
	
/**** Susagroup login: ****/

	div.admino_banner {
		margin-bottom:		40px;
	}
	
	div.admino_banner h3, div.admino_banner h3 a {
		color:				#494D69;
		text-decoration:	none;
		font-weight:		bold;
		font-size:			12px;
	}
	
	div.admino_banner h3 {
		margin:				0px;
		margin-bottom:		4px;
	}
	
	div.admino_banner p {
		color:				#494D69;
		font-size:			10px;
		margin:				0px;
		margin-top:			4px;
		text-align:			justify;
	}
	
/**** Content: ****/

	#adminocontent h1, #adminocontent h2, #adminocontent h3 {
		color: #383C5B;
		text-align: left;
		font-weight:	normal;
	}
	
	#adminocontent h1 {
		font-size: 20px;
		line-height: 25px;
	}

	.home #adminocontent h1, .home #adminocontent h2, .home #adminocontent h3 {
		color: #ff8423;
	} 

	#adminocontent {
		color: #494d69;
		font-size: 10pt;
		line-height: 1.6em;
		text-align:justify;
	}
	
	.home #adminocontent {
		color: #FFFFFF;
	}
	
	#adminocontent a {
		color: #2f6e8f;
	}
	
	#adminocontent, #banners {
		padding-bottom: 20px;
	}