/*
Projectnaam/algemene info
@author: Bernhard Verkade (bernhard@yes2web.nl)
@version: 20081205-01
*/

body, #publerBody {
	text-align: center;
}

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 985px;
}
#header {
	height: 65px;
	margin: 0;
}

div#header img{
	position: absolute;
	right: 0;
	top: 0;
}

div#main {
	margin-top: 0;
	height: 1%;
}

div#wrapper {
	float: left;
	width: 100%;
}

div#contents {
	margin: 25px 0 0 248px;
	padding: 32px 23px 10px 23px;
	background: #CDCDCD url(../../images/rendon/background/bg-standard-contents.jpg) top left no-repeat;
	min-height: 381px;
	_height: 381px;
}

body.contactformulier div#contents{
	padding: 32px 0 10px 23px;
}
body.home div#contents{
	background: #CDCDCD url(../../images/rendon/background/bg-home-content.jpg) top left no-repeat;
	padding: 210px 248px 0 23px;
	margin-top: 25px;
	height: 281px;
	min-height: 319px;
}

/* ------------------------------------------------Navigation
*/
ul#navigation-top{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 13px;
	top: 10px;
	}
	ul#navigation-top li{
		list-style: none;
		float: left;
		border-right: 1px solid #999999;
		line-height: 1em;
		font-size: 12px;
		padding: 0 4px;
		}
		ul#navigation-top li a{
			color: #999999;
			text-decoration: none;
			font-weight: normal;
		}
		ul#navigation-top li a:hover, ul#navigation-top li.selected a{
			text-decoration: underline;
		}
		ul#navigation-top li.last {
			margin: 0;
			border-right: 0;
		}

/* Niveau 1 */
ul#navigation {
	position: absolute;
	top: 67px;
	left: 267px;
	width: 600px;
	height: 20px;
	margin: 0;
	padding: 0;
	}
	ul#navigation li{
		list-style: none;
		float: left;
		}
		ul#navigation li a{
			color: #003366;
			font-weight: bold;
			margin-right: 20px;
			text-decoration: none;
			letter-spacing: 0.6px;
		}
		ul#navigation li a:hover{
			text-decoration: underline;
		}

/* Niveau 2 */
ul#navigation li ul{
	position: absolute;
	left: -282px;
	top: 300px;
	display: none;
}
ul#navigation li.selected ul{
	display: block;
	}
	ul#navigation li ul li{
		float: none;
		width: 250px;
		}
		ul#navigation li ul li a{
			font-weight: normal;
		}
		ul#navigation li ul li a:hover, ul#navigation li ul li.selected a{
			text-decoration: none;
			font-weight: bold;
		}

/* Niveau 3 */
ul#navigation ul ul{
	position: static;
	}
	ul#navigation ul ul li a{
		font-weight: normal;
	}
	ul#navigation ul ul li a:hover, ul#navigation ul ul li.selected a{ 
		color: #00CCFF;
		font-weight: bold;
	}

div#sub-navigation {
	float: left;
	width: 248px;
	margin: 25px 0 0 -985px;
	padding: 0;
	min-height: 270px;
	_height: 270px;
	}
	body.home div#sub-navigation{
		background: url(../../images/rendon/background/bg-home-subnav.jpg) top left no-repeat;
		padding: 5px 0 0 0;
		margin-top: 0;
		width: 248px;
	}
	body.archief div#sub-navigation{
		background: url(../../images/rendon/background/archief.jpg) top left no-repeat !important;
	}
	body.laatstenieuws div#sub-navigation {
		background: url(../../images/rendon/background/laatstenieuws.jpg) top left no-repeat;
	}
	body.nieuwsbrief div#sub-navigation{
		background: url(../../images/rendon/background/nieuwsbrief.jpg) top left no-repeat;
	}
	body.personeelsblad div#sub-navigation{
		background: url(../../images/rendon/background/personeelsblad.jpg) top left no-repeat;
	}
	body.homebericht-verzonden div#sub-navigation{
		background: url(../../images/rendon/background/verzonden.jpg) top left no-repeat;
	}
	
/* subnavi jobs */
ul#subnavi {
	position: absolute;
	top: 370px;
	left: 16px;
	width: 600px;
	height: 20px;
	margin: 0;
	padding: 0;
	}
	ul#subnavi li{
		list-style: none;
		float: none;
		}
		ul#subnavi li a{
			color: #003366;
			font-weight: normal;
			margin-right: 20px;
			text-decoration: none;
			letter-spacing: 0.6px;
		}
		ul#subnavi li a:hover, ul#subnavi li.selected{
			text-decoration: none;
			font-weight: bold;
		}
		
/* News on homepage */
div#flash{
	position: absolute;
	right: 0;
	top: 299px;
	width: 248px;
}

div#news-items{
	background: #00669c;
	padding: 10px 11px;
	height: 155px;
	color: #FFF;
}

div#submenu{
	position: absolute;
	left: 0;
	top: 338px;
}
body.nieuws div#submenu{
	top: 340px;
}

div.subitem{
	background: url(../../images/rendon/background/bg-submenu.gif) top left no-repeat;
	height: 23px;
	width: 232px;
	padding: 2px 0 0 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #66CCFF;
}