body {
/*
	background: url('../images/example.gif');
	background-position: top center;
	background-repeat: no-repeat;
*/
	background-color: #FFD163;
	margin: 10px auto 0 auto;
	font-family: verdana;
	font-size: 14px;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

.spacer {
	height: 4px;
	margin: 0;
	padding: 0;
}

.login form  p {
	float: left;
}

form br {
	clear:both;
}

.clear {
	clear: both;
}

#content {
	width: 958px;
	margin-left: auto;
	margin-right: auto;	
}

.startpagina .heading {
	background: url('../images/nMijnStempel.gif');
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 19px;
	height: 83px;
}

.startpagina .main-menu {
	text-align: center;
}

.startpagina .main-menu img {
	width: 196px;
	height: 244px;
	margin: 8px 20px 0 20px;
}

.startpagina .pencil {
	background: url('../images/npotlood.gif');
	background-position: top left;
	background-repeat: no-repeat;	
	width: 44px;
	height: 134px;	
	margin: -138px 0 0 60px;
}
.startpagina .welcome {
	background: url('../images/home_welkom.gif');
	background-position: top left;
	background-repeat: no-repeat;	
	height: 30px;
	margin: 14px 0 0 139px;
	
}

.startpagina .welcome-text {
	color: #009933;
	font-weight: bold;
	font-size: 12px;
	margin: 0 auto 0 auto;
	height: 99px;
	overflow: hidden;
}

.startpagina .welcome-text div {
	display: none;
	width: 689px;
	margin-top: 8px;
	margin-left: 142px;
}

.startpagina .welcome-text p {
	margin-bottom: 10px;
}

#text_default {
	display: block;
}

.main-menu .others {
	margin-top: -26px;
}

.startpagina .footer, .main-menu .others, .main-menu .member{
	text-align: right;
	font-size: 11px;	
}

.startpagina .footer a, .main-menu .others a, .main-menu .member a {
	margin-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.startpagina .footer a:hover, .main-menu .others a:hover, .main-menu .member a:hover {
	text-decoration: underline;
}

.startpagina .footer a.last {
	margin-left: 16px;
	margin-right: 58px;
}

.main-menu .others a.last {
	margin-left: 16px;	
	margin-right: 5px;
}

.startpagina .footer img, .main-menu .others img {
	margin-bottom: -1px;
}

.groep .leftcol {
	float: left;
	width: 253px;
}

.groep .rightcol {
	float: left;
	width: 689px;	
}

.groep {
	margin-top: 19px;
}

.groep .main-menu {
}

.groep .selector {
	border: none;
	margin-left: 30px;
	margin-bottom: 5px;
}

div.wizard_page {
	display: none;
}

#page_1.wizard_page {
	display: block;
}

.left-menu {
	margin: -9px 10px; 
}

.left-menu img{
	border: none;
	width: 208px;	
}

.left-menu .menu_item {
	display: none;
}

.left-menu .menu_initial {
	display: block;
}

.groep .tekstvlak {
	margin-left: 2px;
	margin-top: 28px;
	width: 689px;
	height: 505px;
}

.groep .tekstvlak.member {
	margin-top: 17px;
}

.groep0609 .tekstvlak {
	background: #B3FFCE;		
}

.groep0609 .growing_tekstvlak {
	background: #B3FFCE;	
	background-image: url('../images/6-9watermerk.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

.groep0609 .uptext {
	background-image: url('../images/6-9uptext.gif');
	background-position: top center;
	background-repeat: no-repeat;		
	height: 58px;
}

.groep1012 .tekstvlak {
	background: #B3FFCE;	

}

.groep1012 .growing_tekstvlak {
	background: #B3FFCE;	
	background-image: url('../images/9-12watermerk.gif');
	background-position: top right;
	background-repeat: no-repeat;		
}

.groep1012 .uptext {
	background-image: url('../images/9-12uptext.gif');
	background-position: top center;
	background-repeat: no-repeat;	
	height: 58px;
}
.groep1316 .tekstvlak {
	background: #CCFFFF;
}

.groep1316 .growing_tekstvlak {
	background: #CCFFFF;	
	background-image: url('../images/12+watermerk.gif');
	background-position: top right;
	background-repeat: no-repeat;	
}

.groep1316 .uptext {
	background-image: url('../images/12+uptext.gif');
	background-position: top center;
	background-repeat: no-repeat;	
	height: 58px;
}

.page_title {
	font-size: 36px;
	font-weight: bold;
	color: #FF6600;
	margin: 5px 15px 0 15px;	
}

.page_explanation {
	font-size: 15px;
	font-weight: normal;
	line-height: 22px;
	color: #048686;
	margin: 5px 15px 0 15px;
}

.page_explanation .emph {
	font-weight: bold;
}

.page_explanation a {
	color: #048686;
}

.suggesties {
	font-weight: normal;
	font-size: 15px;
	color: #103F99;
	line-height: 22px;
	margin: 5px 15px 0 15px;
}
.suggesties .title {
	font-weight: bold;
	margin-top: 25px;	
	margin-bottom: 0;
}

.suggesties a {
	color: #103F99
}

.suggesties ul {
	margin: 0;
	padding: 0;
}

.suggesties li {
	list-style: none;	
}

.suggesties .emph {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 1.5em;
}

.login .page_explanation {
	margin-top: 0;
}

.form {
	width: 438px;
	height: 216px;
	margin: 15px 15px;
	padding-top: 1px;
}

.groep0609 .form {
	background-image: url('../images/6-9leegvlak438x216.gif');
	background-position: top left;
	background-repeat: no-repeat;	
}

.groep1012 .form {
	background-image: url('../images/9-12leegvlak438x216.gif');
	background-position: top left;
	background-repeat: no-repeat;	
}

.groep1316 .form {
	background-image: url('../images/12+leegvlak438x216.gif');
	background-position: top left;
	background-repeat: no-repeat;	
}

.vlak {
	width: 438px;
	height: 256px;
	margin: 15px 15px;
	padding-top: 1px;
}

.colofon .growing_tekstvlak {
	background: #CCFFFF;	
	background-image: url('../images/COwatermerk.gif');
	background-position: top right;
	background-repeat: no-repeat;	
}


.email .growing_tekstvlak {
	background: #CCFFFF;	
	background-image: url('../images/EMwatermerk.gif');
	background-position: top right;
	background-repeat: no-repeat;	
}

.colofon .uptext {
	background-image: url('../images/COuptext.gif');
	background-position: top center;
	background-repeat: no-repeat;		
	height: 58px;
}

.email .uptext {
	background-image: url('../images/EMuptext.gif');
	background-position: top center;
	background-repeat: no-repeat;		
	height: 58px;
}

.colofon .leftcol, .email .leftcol  {
	text-align: center;	
}

.colofon .vlak {
	background-image: url('../images/leegvlak438x256.gif');
	background-position: top left;
	background-repeat: no-repeat;	
}

.colofon a, .email a{
	text-decoration: underline;
}

.form .page_title {
	color: white;
	font-size:24px;
	margin: 4px 0 0 10px;
}

.vlak .page_title {
	color: white;
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0 0 10px;
}

.vlak .emph {
	font-weight: bold;
}

.vlak .code {
	font-size: 12px;
	line-height: 1em;
}

.form .page_explanation, .vlak .page_explanation{
	color:white;
	margin-left: 10px;	
	margin-bottom: 20px;
}

.form .page_explanation a {
	color: white;
}

.form #id {
	width: 192px;
}

.form #search {
	width: 250px;
	margin-left: 10px;
}

.form .outro {
	font-size: 11px;
	text-align: center;
	color: black;
	margin-top: 0;
}

.form .outro a {
	color: black;	
}

.label {
	color: white;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	width: 120px;
	text-align: right;
}

.field {
	text-align: left;	
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

.form .submit {
	text-align: center;
	margin-top: -10px;
}

.result .submit {
	margin-top: 8px;
	text-align: center;
}

.error_message {
	font-weight: bold;
	font-size: 11px;
	color: #FF6600;
	margin: 20px 10px 10px 10px;
}

.result table {
	width: 670px;
	margin: 15px 0px 10px 10px;
}

.result a {
	color: #103F99;	
}

.result a:visited {
	color: #103F99;
}

.result  td {
	height: 28px;
	padding: 0 5px 0 5px;
}

.result .positie {
	width: 1em;
	text-align: right;
	font-weight: bold;
	color: #ff6600;
}

.result .door {
	font-size: 11px;
	color: #FF6600;
}

.result .titel {
	width: 430px;	
	color: #103F99;
}

.result .auteur {
	color: #103F99;
}

.odd {
	background: #5eec90;
}

.groep1316 .odd {
	background: #91f1f4;
}

#navigation .count {
	display: inline;
	color: #103F99;
	margin-right: 15px;
}

#navigation div {
	padding: 3px;
}

#navigation a {
	color: #103F99;
}

#navigation a:visited {
	color: #103F99;
}

#navigation {
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
	color: #103F99;
}
#navigation .curpage {
	color: #ff6600;
	text-decoration: underline;
	
}

#navigation  div {
	display: inline;
}

.left_subcol {	
	float: left;
	width: 530px;	
}

.right_subcol {
	float: left;
	width: 155px;	
}

.recensie #cijfer {
	text-align: left;
	margin-top: 29px;
}

.recensie .page_title{
	margin-top: -9px;
}
.recensie #cijfer .label {	
	display: inline;
	font-weight: bold;
	font-size:16px;
	color:  #FF6600;
	margin-left: 0;
}

.recensie #cijfer .data {
	display: inline;
	font-weight: bold;
	font-size:29px;
	color: #103f99;
	
}

.recensie .detail {
	margin-top: 12px;
}

.recensie .right_subcol .title {
	font-weight: bold;
	font-size: 12px;
	color:  #FF6600;	
}

.recensie .right_subcol ul {
	margin: 0;
	padding: 0;
}

.recensie .right_subcol li{
	list-style: none;	
	text-align: left;
	margin: 0;
}

.recensie .right_subcol a{
	text-decoration: underline;
	color: #103f99;
	font-size: 12px;
}

.recensie .right_subcol .title.member {
	margin-top: 4em;
}

.recensie .right_subcol .title.book {
	margin-top: 1em;
}

.colofon .main-menu  a.email {
	text-decoration: none;
}

.colofon .main-menu  a:hover.email {
	text-decoration: underline;
}

.colofon .main-menu  a.colofon {
	text-decoration: underline;
}

.email .main-menu  a.colofon {
	text-decoration: none;
}

.email .main-menu  a:hover.colofon {
	text-decoration: underline;
}

.email .main-menu  a.email {
	text-decoration: underline;
}


.result .list {
	height: 350px;
	overflow: auto;
}

.result .nobutton {
	height: 32px;
}

.wizard {
	margin: 5px auto auto 10px;	
	background-position: top left;
	background-repeat: no-repeat;	
	width: 626px;
	height: 352px;
	padding-top: 10px;
	padding-left: 10px;	
}

.wizard .leftcol {
	
	float: left;
	width: 460px;
}

.wizard .rightcol {
	width: 135px;
	margin-left: 10px;
	float: left;	
}

.wizard .emph {
	font-weight: bold;
}

.wizard .boekgegevens {
	font-size: 12px;
	color: #ffff99;
	line-height: 1.2em;
}

.wizard .thema {
	font-size: 21px;
	font-weight: bold;
	color: #ffff99;
	margin-top: 0.5em;
	margin-bottom: 0;
}

.wizard .vraag {
	font-size: 15px;
	font-weight: bold;
	color: white;
	margin-top: 0.5em;
	margin-bottom: 0;
	width: 460px;
}

.wizard .multiplechoice {
	font-size: 15px;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 11px;
	color: white;
}

.groep0609 .wizard {
	background-image: url('../images/6-9wizardvlak.gif');
}

.groep1012 .wizard {
	background-image: url('../images/9-12wizardvlak.gif');
}

.groep1316 .wizard {
	background-image: url('../images/12+wizardvlak.gif');
}

.wizard #submit_recensie {
	display: none;
}

.wizard .status {
	font-size: 16px;
	margin-top: 15px;
	margin-left: 15px;		
	color: #ff6600;
}

.wizard .status p {
	margin: 0 auto 3px 0;
}

.wizard #uiterlijk {
	font-weight: bold;
}

.wizard #pagina {
	font-size: 12px;
	margin-top: 25px;
	margin-left: 15px;		
	color: #ff6600;
}

.wizard #raster {
	font-size: 14px;
	color: #ffb484;
	margin-left: 20px;
	margin-top: 8px;	
}

.wizard #raster span {
	margin-right: 5px;
}

.wizard #raster .emph {
	color: white;
}

.wizard .button {
	text-align: center;
	margin-top: 98px;
}

.wizard .button p {
	margin-top: 0;
	margin-bottom: 6px;
} 

.wizard textarea {
	width: 400px;
	height: 205px;
	margin-top: 8px;
	margin-bottom: 0;
}

.wizard #page_1 textarea, .wizard #page_7 textarea {
	margin-top: 4px;
	height: 112px;
}

.wizard #page_9 textarea {
	margin-top: 4px;
	height: 91px;
}

.wizard #page_4 textarea {
	height: 187px;
}

.wizard #page_10 textarea {
	height: 127px;
}

.wizard .rapportcijfer select{
	margin-top: 30px;
	width: 275px;
}

.memberedit .label, .newmember .label {
	float: left;
	margin: 4px 8px 0 10px;
	padding: 0;
}

.memberedit .spacer, .newmember .spacer {
	height: 4px;
}
.memberedit .field , .newmember .field {
	margin: 4px 0 0 0;
	padding: 0;
}
.memberedit .field  input, .newmember .field input{
	width: 250px;
}

.memberedit .disabled {
	color: white;
	font-weight: normal;
	margin: 4px 0 0 0;
}

.memberedit .button, .newmember .button {
	text-align: center;	
	margin-top: 10px;
}


.newmember .geboortemaand {
	width: 150px;
}

.membership .button {
	text-align: center;
	margin-top: 280px;
}

.form.newmember {
	background-image: url('../images/6-9leegvlak438x226.gif');
	height: 226px;
}

a.non-text {
	text-decoration: none;
}

#vorige_vraag {
	visibility: hidden;
}

.col3 {
	float:left;
	width: 150px;
}

.col3 label {
	color: white;
}

#anders {
	display: none;
}

td.auteur {
	vertical-align: top;
}