@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:				179px;
		width:				800px;
		padding:			0px;
	}
	
	#imagebar img {
		margin:				0px;	
	}
	
	.home #imagebar {
		margin-bottom:8px;
		height:				295px;
		width: 				800px;
		white-space: 	nowrap;
		overflow: 		hidden;
	}
	.home #imagebar a { 
		background-color: transparent; 
		display: block; float: left;
		width: 800px; height: 295px; 
		background-repeat: no-repeat;
		font-size: 250%;
	}
	.home #imagebar #headerstrip { height: 100%; width: 2400px; }
		
	.home #imagenav {
		position: absolute; top: 450px;
	}
	
	.home #imagenav a img { border: none; }
	.home #imagenav a { 
		background-color: #383c5b; 
		float: right; 
		display: block; 
		height: 26px; 
		color: white; 
		text-decoration: none;
		font-size: 8pt;
	}
	.home #imagenav #viewall { padding: 5px; height: 16px; }
	.home #imagenav #previousheader, .home #imagenav #nextheader { 
		background-color: #6d7194;
	}
	.home #imagenav #previousheader:hover, .home #imagenav #nextheader:hover { 
		background-color: #ff8423;
	}
	.home #adminocontent { padding-top : 1em; }	
	
	#contentleft {
		width:				250px;
		float:				left;
		margin-top:			4px;
		/*position:			absolute;*/
	}
	
	#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;
	}
	
	#submenu {
	}	
	
	#header-taglinks {
		margin-top:			90px;
		margin-left:		155px;
		float:				left;
	}
	
	.home #header-taglinks {
		margin-top:			118px;
	}
		
/**** Header: ****/
	
	#logolink {
	
		display:			block;
		float:				left;
		height:				110px;
		width:				220px;
	}
	
	.home #logolink {
		margin-top:			28px;
	}
	
	#logolink span {
		display:			none;
	}
	
	#header-taglinks { width: 425px;}
	
	#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;
	}

	#header-taglinks #language { text-align: right; margin-right: 0; float: right; }
	#header-taglinks #language a { font-size: 9pt; }

	#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 .strong {
		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;
			font-size: 20px; line-height: 25px; 
	}
	.home #adminocontent h1, .home #adminocontent p { display: inline; }
	
	#adminocontent a {
		color: #2f6e8f;
	}
	
	#adminocontent, #banners {
		padding-bottom: 20px;
	}
