/* Separator */
div#separatorContainer
{
	height:8px;
	position:relative;
}

div#separator
{
	position:absolute;
	left:3px;
	width:902px;
	height:8px;
	font-size: 50%;
}

/* login */
span.loginBox
{
	color: black;
	font-weight: bold;
}
span.loginBox input
{
	height:17px;
	width: 70px;
	font-size: 70%;
}
div#loginHeader
{
	position:relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index:10;
	height:28px;
	width: 810px;
	background:#E4E4E4;
	font-size: 85%;
}

div#loginBox
{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:10;
	width: 300px;
	line-height: 25px;
}


/* paging */
div#contentNext
{
	position: relative;
	text-align: right;
	top: 0px;
	right: 10px;
	font-weight: bold;
	font-size: 70%
}

div#contentNext a
{
	color: gray;
	font-weight: normal;
}

/* Message separator */
div#messageSeparatorContainer
{
	height:26px;
	position:relative;
}
div#messageSeparator
{
	position: absolute;
	width: 459px;
	top: 0px;
	height: 8px;
	border-bottom: 1px dotted black;
}
/* Blogtitle - Message separator */
div#blogMessageSeparatorContainer
{
	height:14px;
	position:relative;
	line-height: 0px;
}
div#blogMessageSeparator
{
	position: absolute;
	width: 459px;
	top: 0px;
	border-bottom: 1px dashed black;
}

/* Message - Response separator */
div#messageResponseSeparatorContainer
{
	height:25px;
	position:relative;
}
div#messageResponseSeparator
{
	position: absolute;
	width: 459px;
	top: 0px;
	border-bottom: 1px dashed black;
}
/* Left content styling */
P.leftContent
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 85%;
}
P.leftContent A
{
	font-family: times, arial, verdana;
	font-size: 90%;
	font-weight: normal;
	color: #006078;
	text-decoration: none;
}
P.leftContent A:hover
{
	text-decoration: underline;
}
a.adminLinks
{
	font-family: times, arial, verdana;
	font-weight: normal;
	color: #006078;
	font-size: 65%;
	text-decoration: none;
}
a.adminLinks:hover
{
	text-decoration: underline;
}
/* Blog summary styling */
/* span.blogTitle h1 */
{
	font-family: arial, verdana;
	text-align: left;
	color: #006078;
	font-size: 110%;
	line-height: 5px;
}
/* span.blogTitle h2 */
{
	font-family: arial, verdana;
	text-align: left;
	color: #706856;
	font-size: 90%;
	font-style: italic;
	line-height: 5px;
}
P.blogDesc
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 75%;
}
/* Message summary styling */
/* span.messageTitle h1 */
{
	font-family: arial, verdana;
	color: #006078;
	font-size: 110%;
	line-height: 5px;
	display: inline;
}
/* span.messageTitle h2 */
{
	font-family: arial, verdana;
	color: #706856;
	font-size: 90%;
	font-style: italic;
	line-height: 5px;
}
P.messageBody
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 75%;
}
P.messageFooter
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 70%;
	margin-bottom: 40px;
}
P.messageFooter A
{
	font-family: times, arial, verdana;
	font-weight: normal;
	color: #006078;
	text-decoration: none;
}
P.messageFooter A:hover
{
	text-decoration: underline;
}
P.responseFooter
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 70%;
}
P.responseFooter A
{
	font-family: times, arial, verdana;
	font-weight: normal;
	color: #006078;
	text-decoration: none;
}
P.responseFooter A:hover
{
	text-decoration: underline;
}
a.adminText 
{
	font-family: times, arial, verdana;
	font-weight: normal;
	color: #006078;
	text-decoration: none;
	font-size: 65%;
}
a.adminText:hover
{
	text-decoration: underline;
}
span.responseForm
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 75%;
}
span.responseForm td
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 75%;
}
span.responseForm A
{
	font-family: times, arial, verdana;
	font-weight: normal;
	color: #006078;
	text-decoration: none;
}
span.responseForm A:hover
{
	text-decoration: underline;
}
P.smallText
{
	font-family: arial, verdana;
	color: #000000;
	font-size: 75%;
}
a.kopje_reacties
{
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}

/*menu*/
ul#mainNav
{
	margin: 0px;
	padding: 0px;
	position:absolute;
	top: 0px;
	left: 310px;
	z-index:10;
	height:25px;
	width: 500px;
}
	ul#mainNav li
	{
		height:25px;
		position:relative;
		line-height:10px;
		text-align: left;
		float:left;
		width:auto;
		z-index: 10;
		cursor:pointer;
		list-style: none;
	}
		ul#mainNav li a,
		ul#mainNav li span
		{
			display: block;
			float: left;
			height: 25px;
			position: relative;
			line-height: 25px;
			padding: 0 15px;
			width: auto;
			color:#E28A49;
			font-weight: bold;
			text-decoration: none;
			z-index:10;
			border-right: 1px solid white;
		}
		
		ul#mainNav li.selected a
		{
			color: #8A94AC;
			background:  url(../images/bg_nav_blok.gif) no-repeat right bottom;
		}
		

		ul#mainNav a:hover
		{
			color:#FFF;
			background: #AEB5C6 url(../images/bg_nav_blok.gif) no-repeat right bottom;;
			
		}
	
		ul#mainNav li.first
		{
			background-image:none;
		}

			/* --- submenu --- */
			ul#mainNav li ul
			{
				position:absolute;
				display:none;
				top:28px;
				left:0px;
				width:150px;
				background:#E4E4E4;
				z-index:50;
				list-style:none;
				padding: 0px;
				margin: 0px;
			}
	
				ul#mainNav li ul li
				{
					position: relative;
					height:auto;
					line-height:25px;
					float:none;
					margin:0;
					padding: 0px;
					z-index: 50;
				}
	
					ul#mainNav li ul li a
					{
						float:none;
						line-height:25px;
						height:25px;
						width: auto;
						border-right: none;
						background-image:none;	
						padding:0 10px;
						text-decoration:none;
						z-index:10;
					}
						
						ul#mainNav li ul li a:hover
						{
							text-decoration:none;
							background-image:none;
						}

