html {
	height: 100%;
	background-image: url('images/bg.gif');
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
}

body {
	color: #555;
 	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
	background-color: #555;
	background-image: url('images/bg.gif');
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	word-spacing: 0;
}

div.site_css {
	font-size: 1.2em;
}

#page-body em {
  font-size: 1.0em;
}

.navbar {
	font-size: 1em;
}

body .container {
	background-color: #FFF;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	text-align: left;
	background-image: url('images/bg_page.gif');
}

body .page {
	background-color: #FFF;
	padding: 0px 25px 0px 25px;
	float: left;
	width: 850px;
	background-image: url('images/bg_page.gif');
}

.site_css small, em {
	font-size: .9em;
}

.site_css small.crumbs {
	font-size: .8em;
	display: block;
	margin-bottom: 1em;
}

.site_css a:active,
.site_css a:link,
.site_css a {
	color: #038;
	text-decoration: none;
}

.site_css a:hover {
	text-decoration: underline;
}

.site_css ul {
	color: #000;
	list-style-position: inside;
}

.site_css .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* menu --> */
.site_css .menu {
	margin: -29px 0 1.5em 0;
	height: 25px;
}

.site_css .menu ul li {
	height: 29px;
	float: left;
	width: 40px;
}

.site_css .menu ul li a {
	display: block;
	height: 29px;
	width: 100%;
}

.site_css .menu ul li.button_phpbb,
.site_css .menu ul li.button_phpbb a { width: 74px; }
.site_css .menu ul li.button_forums,
.site_css .menu ul li.button_forums a { width: 76px; background-position: -74px; }
.site_css .menu ul li.button_downloads,
.site_css .menu ul li.button_downloads a { width: 98px; background-position: -150px; }
.site_css .menu ul li.button_documentatie,
.site_css .menu ul li.button_documentatie a { width: 118px; background-position: -248px; }

.site_css .menu ul li:hover,
.site_css .menu ul li a:hover {
	background-image: url('images/nav_hover.gif');
}

.site_css .menu ul li span {
	display: none;
}
/* <-- menu */

/* sub menu --> */
.site_css .menu ul ul {
	display: none;
	width: 200px;
	font-size: .9em;
	position: absolute;
	top: 118px;
	
}

.site_css .menu ul ul li, .menu ul ul a {
	color: #FFF !important;
	float: none;
	width: 200px !important;
	background: #F60;
	height: auto !important;
}

.site_css .menu ul ul span {
	display: block !important;
	padding: 4px;
}

.site_css .menu ul ul li {
	float: none;
	border-top: 1px solid #FFF;
}

.site_css .menu ul ul li:hover, .menu ul ul a:hover {
	background-image: none !important;
	background: #333 !important;
	text-decoration: none;
}

.site_css .menu ul ul small {
	font-style: italic;
	display: block;
}
/* <-- sub menu */

.site_css .news ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.site_css .news ul li {
	background: url('images/icon_topic_latest.gif') no-repeat 0 .3em;
	border-bottom: 1px solid #DDD;
	padding: 0 0 .5em 1.5em;
	margin-bottom: .5em;
}

.site_css .news ul li:hover {
	background-color: #F8F8F8;
}

.site_css .news ul li a {
	font-weight: bold;
}

.site_css .news ul li span {
	display: block;
	font-size: .9em;
	margin-left: -1.5em;
}

.site_css .header {
 background-image: url('images/header.png');
 background-repeat: no-repeat;
 height: 118px;
}

.site_css .header span {
	color: #F60;
	margin: 15px;
	font-size: .9em;
}

.site_css .header a {
	color: #F60;
	text-decoration: none;
}

.site_css .header a:hover {
	color: #F60;
	text-decoration: underline;
}

.site_css .footer {
	font-size: .8em;
	text-align: left;
	border-top: 5px solid #F60;
	margin-top: 1em;
	padding-top: .3em;
	float: left;
	width: 100%;
}

.site_css .footer span {
	float: right;
}

.site_css .footer a {
	color: #555;
	text-decoration: none;
}

.site_css .footer a:hover {
	text-decoration: underline;
}

.site_css .q_search {
	margin: 0;
	width: 300px;
	float: right;
}

.site_css .q_search input {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: .8em;
	background-color: #FFF;
	width: 160px;
	margin: 6px 15px 0 0;
	border: none;
	float: right;
	background: none;
}

.site_css div.heading_img {
	background-repeat: no-repeat;
	height: 29px;
}

.site_css div.heading_img h1 {
	display: none;
}

.site_css h2 {
	color: #333;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 1.1em;
	margin: 1em 0em .5em 0em;
	font-weight: bold;
}

.site_css p {
	margin: 0em 0em .5em 0em;
}

.site_css .colums {
	float: left;
	width: 78%;
	clear: both;
	padding-right: 1%;
}

.site_css .double {
	float: left;
	width: 100%;
}

.site_css .left {
	float: left;
	width: 49%;
}

.site_css .middle {
	float: right;
	width: 49%;
}

.site_css .right {
	width: 20%;
	float: right;
}

.site_css .sidebar {
	background-color: #F8F8F8;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	padding: 4px 4px 0 4px;
}

.site_css .block {
	background-color: #EEE;
	border: 1px solid;
	border-color: #FFF #CCC #CCC #FFF;
	padding: .0em .3em .5em .5em;
	margin-bottom: 5px;
	font-size: .9em;
	background-image: url('images/bg_block.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.site_css .block h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: .5em .3em .5em .3em;
	margin: 0;
	border-bottom: 1px solid #CCC;
	font-size: .9em;
	text-transform: uppercase;
	text-align: right;
	font-style: normal;
	font-weight: bold;
}

.site_css .block ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

.site_css .block ul li {
	background: url('images/list.gif') no-repeat .3em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	padding: .5em .2em .5em 1.3em;
}

.site_css .block ul li:hover {
	background-color: #EEE;
}

.site_css .download {
	color: #FFF;
	padding: 1em 0 0 1em;
	background-repeat: no-repeat;
	height: 80px;
	width: 300px;
}

.site_css .download h2 {
	color: #FFF;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.site_css .download a {
	color: #FFF;
	text-decoration: underline;
}

.site_css .color_1 {
	background-image: url('images/dl_1.gif');
}

.site_css .color_2 {
	background-image: url('images/dl_2.gif');
}


ul#gebruiksaanwijzing .second {
	margin-left: 1em;
}