/*	---------------- Cascading Style Sheet bij www.r-ix.nl ------------------------------------------------------------------- */


/*	---------------- Html, body ---------------------------------------------------------------------------------------------- */
	html {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:62.5%;*/
	font-size:12px;
	height:100%;
	}
	
	body {
	height:100%;
	}


	div#container {
	width:940px;
	margin: auto;	/*site centreren*/
	position: relative;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	}
/*	---------------- Branding ------------------------------------------------------------------------------------------------ */
	div#branding {	/*staat logo in*/
	width:940px;
	height:216px;
	position:relative;
	}
	div#branding2 { /*smalle balk onder logo*/
	width:940px;
	height:5px;
	position:relative;
	background:#4799AE;
	}

	/* div voor blokje met sitemap en email */
	div#small_buttons {
	width:145px;
	height:20px;
	position:absolute;
	top:0px;
	left:760px;
	background:#f0f0f0;
	padding-top:5px;
	padding-left:5px;
	
	}

/*	---------------- Menu -----------------------------  */
	div#menubar {
	position:relative;
	width:940px;
	height:35px;
	background:url(../image/menu_bg.bmp) ;
	}
	
	div#menuitemwrapper_0, div#menuitemwrapper_1, div#menuitemwrapper_2, div#menuitemwrapper_3, div#menuitemwrapper_4, div#menuitemwrapper_5{
	position:relative;
	margin:0 auto;
	float: left;
	}

	div#menuitem {
	background:inherit;
	width:110px;
	height:35px;
	margin-top:10px;
	text-align:center;
	float: left;
	position:relative;
	}

	div#menuspacer {
	width:1px;
	height:35px;
	margin:0 auto;
	float: left;
	position:relative;
	background:url(../image/menu_spacer.bmp) no-repeat ;
	}

	div#submenu {
	position:relative;
	float:left;
	margin:30px 20px 0 0;
	width:170px;
	background-color:#DADADA;
	}/*

	ul#mainnavi li {
	float:left;
	margin:0 0 0 1em;
	}

	ul#mainnavi li span {
	font-size:1.8em;
	line-height:2.5em;
	font-weight:bold;
	}

	No margin-left on the first child 
	ul#mainnavi li:first-child {
	margin:0;
	}
	
	IE6 doens't understand :first-child so we need a class 
	.first {
	margin:0;
	}

	ul#mainnavi li a,
	ul#mainnavi li a:visited {
	display:block;
	width:17em;
	height:4em;
	padding-left:1em;
	background:#b2b2b2;
	}

	ul#mainnavi li ul li span {
	font-size:1.2em;
	line-height:1.65em;
	}

	ul#mainnavi li a:hover {
	background:#000;
	text-decoration:underline;
	}*/

/*	---------------- Content -------------------------------------------------------------------------------------------------- */
	div#content {		/*hoofd contener voor inhoud;*/
	position:relative;
	margin:0px;
	height:100%;
	min-height:300px;
	width:940px;
	background-color: #F2F2F2;
	}
	
	div#outersitepath {	/*sitepath boven in beeld*/
	float:none;
	width:940px;
	height:20px;
	}
	div#innersitepath {	/*sitepath boven in beeld*/
	margin-left:200px;
	width:auto;
	height:20px;
	}
	

	div#underspacer {
	position:relative;
	float:left;
	width:940px;
	height:20px;
	background-color: #F2F2F2;
	}
	
	#read_more, #read_more a, #read_more a:visited, #read_more:hover{
	background-color: #4799ae;
	width:100px;
	height:15px;
	text-align:center;
	padding-top: 2px;
	color: #FFFFFF;
	text-decoration: none;
	size: 12px;
	font-weight:bold;
	}
	
	/*	---------------- Footer -------------------------------------------------------------------------------------------------- */
	
	div#footersmall {
	background-color: #C1C1C1;
	width:940px;
	height:5px;
	position:relative;
	bottom: 0;
	}
	
	div#footer{
	float:left;
	background-color: #CCCCCC;
	width:940px;
	height:30px;
	text-align:center;
	position:relative;
	}
	
	span.read_more a:hover, span.read_more a {
	background-color: #4799ae;
	width:100px;
	height:15px;
	text-align:center;
	padding-top: 2px;
	color: #FFFFFF;
	text-decoration: none;
	size: 12px;
	font-weight:bold;
	}

	strong {
	font-weight:bold;
	}


	/* Resize the fonts in the edit mode (this is not how it should be done..) 
	---------------------------------------------------------------------------------------- 
	div#innercontent div.editContent,
	div#innercontent div.editContent div.editText,
	div#innercontent div.editContent div.editText div.title {
	font-size:12px;
	}


	div.editContent table {
	font-size:12px;
	}

	div.expand a {
	font-size:12px;
	}

	div.editAttachments a {
	font-size:12px;
	}

	div.editAttachments div.title {
	font-size:12px;
	}

	div#box3 div.title,
	div#box2 div.title {
	font-size:14px;
	}


	div.editAttachments div.editAttachment div.title {
	font-size:12px;
	}

	div#box3 div,
	div#box2 div {
	font-size:12px;
	}

	div#box4 td {
	padding-left:3px;
	padding-bottom:4px;
	vertical-align:top;
	}

	div#box5 td {
	vertical-align:top;
	padding:0;
	padding-left:3px;
	}

	div#innercontent div.menuEditor {
	background:#f6ffb0;
	border:1px solid #a8b403;
	}

	div.menuEditor h3 {
	font-weight:bold;
	font-size:1.3em;
	}

	div#innercontent div.menuEditor div.title {
	font-weight:normal;
	font-size:1em;
	}*/

	/* ---------------------------------------------------------------------------------------- 

	div#innercontent div#news,
	div#innercontent div#agenda {
	font-size:.9em;
	line-height:.9em;
	}

	div#innercontent div ul li {
	margin-bottom:10px;
	}

	h2,h1 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	}

	p {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:1em;
	color:#666;
	}

	div#contact h3 {
	text-indent:-999em;
	}

	div#contact {
	clear:both;
	}

	div#contact a,
	div#contact a:visited {
	color:#999;
	}

	div#contact a:hover {
	color:#666;
	}

	div#contact p {
	margin:3em 0 0 0;
	text-align:center;
	color:#999;
	}

	div#image {
	width:18em;
	position:absolute;
	left:0;
	overflow:hidden;
	}

	div#image img {
	width:18em;
	}*/

/*	---------------- Shortnews ------------------------------------------------------------------------------------------------*/ 
	div#shortnews {
	height:25em;
	width:18em;
	position:absolute;
	right:0;
	top:0;
	}

	div#shortnews ul li {
	background:#ccc;
	width:17em;
	margin:0 0 1em 0;
	padding:.7em 0 1em 1em;
	}

	div#shortnews ul li a,
	div#shortnews ul li a:visited {
	text-decoration:none;
	color:#000;
	}

	div#shortnews ul li a:hover {
	text-decoration:underline;
	}

	div#shortnews ul li img {
	float:left;
	margin:.7em .7em 0 0;
	height:6em;
	width:6em;
	}

	div#shortnews ul li p {
	margin:.3em .3em 0 0;
	font-size:1.1em;
	line-height:1.5em;
	}

	div#shortnews ul li span {
	font-size:1.1em;
	font-weight:bold;
	}

	/*---------------- Form -----------------------------------------------------------------------------------------------------*/ 
	div#news {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
	color:#666;
	}

	div.item {
	margin:0 0 1em 0;
	}

	div.title {
	font-weight:bold;
	color:#000;
	}

/*	---------------- Form ----------------------------------------------------------------------------------------------------- */
	form.mailform {
	width:360px;
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0 1em 0;
	color:#666;
	}

	form.mailform label {
	display:block;
	}

	form.mailform input {
	width:13.2em;
	}

	form.mailform textarea {
	width:13.38em;
	overflow:auto;
	}

/*	---------------- Sitemap -------------------------------------------------------------------------------------------------- */ 
	ul#sitemap a,
	ul#sitemap a:visited {
	color:#666;
	font-size:12px;
	line-height:1.5em;
	}

	ul#sitemap a:hover {
	color:#000;
	}

	ul#sitemap li {
	font-weight:bold;
	}

	ul#sitemap ul li {
	margin-left:1em;
	font-weight:normal;
	}

/*	---------------- Marketplace ---------------------------------------------------------------------------------------------- */ 
	table {
	width:100%;
	}

	table.list th {
	font-weight:bold;
	font-size:120%;
	background:#d2d2d2;
	padding:5px;
	}

	table.list td {
	height:23px;
	line-height:20px;
	padding:4px;
	}

	table.list td img {
	vertical-align:middle;
	}

	table.list a {
	color:#000;
	}

/*	-------------------------------------------------------------------------------------------------------------------------- */