html {
	height:				100%;
}

body {
	height: 			100%;
	margin:				auto;
	text-align:			left;
	background-color:	#FAFAFA;
	font-family:		Arial, Verdana;
	font-size:			12px;
	behavior:			url("csshover3.htc");
}

h1{
	text-align:			left;
	font-family:		Arial Black, Verdana;
	font-size:			16px;
}

h2 {
	text-align:			left;
	font-family:		Arial, Verdana;
	font-size:			13px;
	font-weight:		bold;
}

h3 {
	font-size:			12px;
	font-weight:		bold;
}

.titlelink {
	text-decoration:	none;
}

.highlight, .blogtitle{
	font-weight: 		bold;
}
.blogsubtitle{
	font-size:			10px;
}

.disabled{
	color:				grey;
}

hr.disabled{
	background-color:	grey;
}

table {
	width:				100%;
	border:				0px solid collapse;
}

img {
	border:				0px;
}

input, textarea, select {
	width:				100%;
}

td.help, td.remove, td.edit, td.add , td.check, td.view {
	width:				16px;
	vertical-align:		text-top;
}

td.title{
	width:				180px;
	vertical-align:		text-top;
}

td.smalltitle{
	width:				120px;
	vertical-align:		text-top;
}

td.date{
	width:				100px;
	vertical-align:		text-top;
}

table.photo tr{
	height:				90px;
}

table.photo td{
	vertical-align:		middle;
	text-align:			center;
	width:				90px;
}

td.photonav {
	height:				30px;
	width:				30px;
}

tr.d0 td, tr.s0 td {
/*	background-color:	#FFFFFF;*/
}

tr.d1 td, tr.s1 td {
	background-color:	#DDDDDD;
}

tr.d0:hover td, tr.d1:hover td {
	background-color:	#99FF66;
}

.error, .Error, .ERROR {
	color:				red;
}

.ok, .Ok, .OK {
	color:				green;
}

tr.priorityblog {
	background-color: 	rgb(236,236,236)		/* licht grijs */
}

.outherBorder {
	text-align:			left;
	position:			relative;
	overflow:			hidden;
	width:				850px;
	height:				100%;
	margin:				auto;

	z-index:			5;
}

.left-pane {
	position:			absolute;
	overflow:			hidden;
	
	top:				85px;
	left:				0px;
	bottom:				0px;
	width:				170px;
	
	z-index:			2;
}

.right-pane {
	position:			absolute;
	
	background-repeat:	repeat-y;
	background-position:top left;
	overflow:			hidden;
	
	top:				85px;
	right:				0px;
	bottom:				0px;
	width:				170px;
	
	z-index:			2;
}

.top-pane-right {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:center left;
	overflow:			hidden;
	
	top:				0px;
	right:				0px;
	
	height:				85px;
	width:				340px;
	
	z-index:			2;
}

.top-pane-left {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:center right;
	overflow:			hidden;
	
	top:				0px;
	left:				0px;
	
	height:				85px;
	width:				510px;
	
	z-index:			2;
}

.snlogo{
	position:			absolute;
	background-color:	#FFFFFF;
	background-image:	url('images/snlogo.gif');
	background-repeat:	no-repeat;
	background-position:center center;

	overflow:			hidden;
	
	bottom:				0px;
	right:				0px;
	
	width:				85px;
	height:				85px;
	
	z-index:			3;
}

.image-top-right {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:center center;
	
	overflow:			hidden;
	
	top:				0px;
	right:				0px;
	
	width:				85px;
	height:				170px;
	
	z-index:			3;
}

.image-right-pane-top {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:center center;
	background-color:	transparent;
	
	overflow:			hidden;
	
	top:				0px;
	left:				0px;
	
	width:				85px;
	height:				170px;
	
	z-index:			4;
}

.image-right-pane-bottom-left {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:center center;
	background-color:	transparent;
	
	overflow:			hidden;
	
	bottom:				0px;
	left:				0px;
	
	width:				85px;
	height:				85px;
	
	z-index:			4;
}

.image-right-pane-bottom-right {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:top center;
	
	overflow:			hidden;
	
	bottom:				0px;
	right:				0px;
	
	width:				85px;
	height:				170px;
	
	z-index:			4;
}

.image-bottom-left {
	position:			absolute;

	background-repeat:	no-repeat;
	background-position:top center;
	
	overflow:			hidden;
	
	bottom:				0px;
	left:				0px;
	
	width:				85px;
	height:				170px;
	
	z-index:			3;
}

.header {
	position:			absolute;
	background-color:	#FFFFFF;
	background-repeat:	no-repeat;
	background-position:left center;
	overflow:			hidden;
	
	top:				0px;
	left:				85px;
	
/*	width:				255px;*/
	height:				100%;
	
	z-index:			3;
}

.content {
	position:			absolute;
	overflow:			auto;
	top:				85px;
	bottom:				0px;
	width:				480px;
	margin-left:		170px;
	padding:			16px;
	z-index:			5;
	
}

.menu {
	position:			absolute;
	overflow:			auto;
	top:				25px;
	left:				10px;
	right:				0px;
	bottom:				170px;
}

a.level0, a.level0selected, a.level0:visited, a.level0selected:visited {
	font-size:			15px;
	text-decoration:	none;
	font-weight: 		bold;
}

a.level1, a.level1selected, a.level1:visited, a.level1selected:visited {
	text-decoration:	none;
	margin-left:		5px;
}

a.level2, a.level2selected, a.level2:visited, a.level2selected:visited {
	text-decoration:	none;
	margin-left:		10px;
}

a.level0:hover, a.level0selected:hover, a.level1:hover, a.level1selected:hover , a.level2:hover, a.level2selected:hover {
	text-transform:		uppercase;
}