body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow: auto;
	background-color: #fffff;
}

p, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

#body {
	position: absolute;
	top: 0px;
	width: 800px;
	background-image: url(../img/topbar.gif);
	background-repeat: no-repeat;
	height: 500px;
}

#menukol {
	position: absolute;
	top: 0px;
	width: 156px;
	left: 636px;
	order: solid red 1px;
	font-size: 11px;
}

#menukol div {
	overflow: hidden;
}

#menukol #close {
	position: absolute;
	top: 0px;
	right: -8px;
	cursor: pointer;
	cursor: hand;
}

#menukol #title {
	padding-top: 2px;
	width: 148px;
	height: 18px;
	color: #0196b7;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

#menukol #title div.inner {
	margin-top: 3px;
}

#menukol #titleimg {
	width: 156px;
	background-image: url(../img/schaduw_kol_left_top.gif);
	background-repeat: no-repeat;
	background-position: top right;
	/*border-left: solid #d4d8d7 1px;*/
}
#menukol #titleimg img {
	margin-left: 1px;
}
#menukol .bottom {
	width: 156px;
	height: 16px;
	background-image: url(../img/schaduw_kol_bottom.gif);
	background-repeat: no-repeat;

}

#menukol #menuheader {
	width: 156px;
	background-image: url(../img/schaduw_kol_left_header.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#menukol #menuheader div.inner {
	background-color: #0ca4d3;
	color: white;
	border-left: solid #d4d8d7 1px;
	text-align: right;
	font-weight: bold;
	padding: 2px 4px;
	margin-right:6px;
}

#menukol #menu {
	width: 156px;
	background-image: url(../img/schaduw_kol_left.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
#menukol #menu div.inner {
	background-color: white;
	color: black;
	border-left: solid #d4d8d7 1px;
	padding: 10px;
	margin-right: 6px;
	font-size: 12px;
}

#menukol #menu div.inner p {
}

#menukol #menu div.inner .ok {
	padding-top: 10px;
	text-align: right;
	margin-bottom: -8px;
}


#menukol #menu div div {
	padding:5px 0px 3px 0px;
	border: none;
}

#menu ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#menu li a{
	color: #f36705;
	text-decoration: none;
}
#menu li{
	padding: 3px 9px;
}
#menu li.sel{
	color: white;
	background-color: #f47e00;
}
#menu li.sel a{
	color: white;
}

#menukol #menu div.login {
	background-color: bfdfee;
	color: black;
}

#menukol #menu div.login input {
	border: solid black 1px;
	width: 124px;
}


#user {
	position: absolute;
	top: 3px;
	right: 164px;
	color: #c3497a;
	font-size: 10px;
}


#homebutton {
	position: absolute;
	top: 2px;
	left: 65px;
}

#wiezijnwijbutton {
	position: absolute;
	top: 2px;
	left: 168px;
}

#contactbutton {
	position: absolute;
	top: 2px;
	left: 270px;
}

#wiezijnwijbutton a,
#contactbutton a,
#homebutton a {
	text-decoration: none;
	color: #c3497a;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
#homebutton a {
	color: #f56800;
	font-style: normal;
}

a {
	text-decoration: none;
	color: #f56800;
	font-style: italic;
}
a:hover {
        color: #0aa5d3;
}


#pad {
	position: absolute;
	top: 111px;
	left: 5px;
	color: #f56800;
	font-weight: bold;
	font-size: 11px;
}
#pad a {
	color: #f56800;
	text-decoration: none;
	font-style: normal;
}

#mainsmall {
	position: absolute;
	top: 128px;
	left: 210px;
	width: 400px;
	height: 446px;
}

#main {
	position: absolute;
	top: 128px;
	left: 210px;
	width: 580px;
	height: 446px;
	/*border: solid red 1px;*/
}

#sidemenu {
	position: absolute;
	top: 122px;
	width: 188px;
	height: 446px;
	margin: 0px;
	padding: 0px;
}
#sidemenu div {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 6px 0px 6px;
}

#sidemenu h2 {
	background-color: #d33b78;
	background-image: url(../img/side_menu_header.gif);
	margin: 0px -6px 10px -6px;
}

#sidemenu #main_menu {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
}
#sidemenu #main_menu a {
	font-style: normal;
}

#faq {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}	

#faq li {
	margin-left: 0px;
	padding-left: 0px;
}	

#faq a {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
}
#faq div {
	margin: 8px 0px;
	padding: 0px;
}


#tableleermodules {

}

#tableleermodules td {
	padding:0px;
	border-right: solid white 4px;
	border-bottom: solid white 20px;

}
#tableleermodules td.pink {
	background-color: #ffe4cf;
}
#tableleermodules div {
	padding:2px;

}
#tableleermodules div div {

}

.content  div {
	padding: 10px;
}
.content  div.pink {
	background-color: #ffe4cf;
}


.content  {
	padding-left: 0px;
}

.content h1, 
.content h2, 
.content h3 {
	background-position: top right;
	color: black;
	padding-left: 8px;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	margin-bottom: 8px;
}

.content h1 {
	color: #0aa5d3;
	font-size: 140%;
	padding-left: 0px;
}
.content h2 {
	background-color: #ff780a;
	color: white;
	font-size: 120%;
}

.content h2 a {
 	color: white;
	font-style: normal;
}

.content h4 { font-size: 130%; }
.content h4 { font-size: 120%; }
.content h5 { font-size: 110%; }
.content h6 { font-size: 100%; }

.content ul {
	margin: 0px;
	margin-left: 1em;
	padding:0px;
	list-style-image: url(../img/li.gif);
}

.content ol {
	margin: 0px;
	margin-left: 2em;
	padding:0px;
}

.content table {
  height: auto;
  font-size: 100%;
}
.content table td, .content table th  {
  vertical-align: top;
  padding: 0.2em;
}
.content table td p {
  margin: 0px;
}
.content table th p {
  margin: 0px;
}


/* standaard scrivo tabel-stijlen */
.scrivotable_modern {
  border: none;
  border-top: solid #0ca4d3 1px;
  border-left: solid #0ca4d3 1px;
  text-align:left;
  font-weight: normal;
  width: auto;
}
.scrivocell_modern {
  border: none;
  border-bottom: solid #0ca4d3 1px;
  border-right: solid #0ca4d3 1px;
}
.scrivocellrow_modern {
  background-color: #c2deea;
  border: none;
  border-bottom: solid #0ca4d3 1px;
  border-right: solid #0ca4d3 1px;
}
.scrivocellcol_modern {
  background-color: #c2deea;
  border: none;
  border-bottom: solid #0ca4d3 1px;
  border-right: solid #0ca4d3 1px;
}
.scrivocellcross_modern {
  background-color: #c2deea;
  border: none;
  border-bottom: solid #0ca4d3 1px;
  border-right: solid #0ca4d3 1px;
}

.scrivotable_elegant {
  border: none;
  text-align:left;
  font-weight: normal;
}
.scrivocell_elegant {
  border: none;
}
.scrivocellrow_elegant {
  border: none;
  border-right: solid #0ca4d3 1px;
}
.scrivocellcol_elegant {
  border: none;
  border-bottom: solid #0ca4d3 2px;
}
.scrivocellcross_elegant {
  border: none;
  border-right: solid #0ca4d3 1px;
  border-bottom: solid #0ca4d3 2px;
}

#frm {
	width: 100%;

}

.frm strong {
	color: #c3497a;
}

#frm td {
	vertical-align: top;
}
#frm .required {
	color: #f56800;
}
#frm p {
 	margin: 0px;
}
#frm {
	font-size: 100%;
}
#frm .labelcol {
	font-weight: bold;
}
#frm .elemcol {
	
}

#loginform {
	background-color: bfdfee;
}
#regform {
	background-color: #fee4cb;
}
#form .ok,
#loginform .ok,
#regform .ok {
	text-align: right;
}
#loginform td,
#regform td {
	padding: 5px 0px 5px 15px;
	vertical-align: middle;
}

.forum .odd {
	background-color: #fee4cb;
}
.forum .stelling {
	margin: 0px;
}

.forum h2 {
	margin: 0px;
	padding-right: 6px;
}
.forum h3 {
	margin: 0px;
	padding: 0px;
}
.forum h2 span,
.forum h3 span {
	float: right;
}

.forum .reageer,
.forum .stelling2 {
	margin: 0px;
	padding: 0px;
	background-color: #fee4cb;
	padding-bottom: 4px;
}

.forum .reageer h2,
.forum .stelling2 h2{
	background-image: url('../img/bar_forum.gif');
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #ff780a;
	color: white;
	font-size: 12px;
	padding-left: 8px;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-right: 50px;
	margin: 0px;
}
.forum .stelling2 table {
	width: 98%;
}
.forum .stelling2 th {
	text-align: left;
}
.forum .stelling2 th, 
.forum .stelling2 td {
	border-right: solid #ff780a 2px;
	padding-left:6px;
}
.forum .stelling2 .laatstecel {
	border: none;
	padding-right:0px;
	width: 8%;
	white-space: nowrap;
}

.forum .forumreactie ,
.forum .forumreactie div {
	margin: 0px;
	padding: 0px;
}

.forum .forumreactie .datum {
        float: left;
        font-style: italic;
        width: 6em;
        color: black;
}
.forum .forumreactie .tijd {
        float: left;
        margin-right: 2em;
        width: 3em;
        text-align: right;
}

.forum blockquote{

	background-color: #fee4cb;
	border: dotted #ff780a 2px;
	margin: 1em;
}

.forum .forumreactie .naam {
        float: left;
	color: #0aa5d3;
}
.forum .forumreactie .links {
        float: right;
        color: #ff780a;
        font-weight: bold;
}
.forum .forumreactie .links a {
        color: #ff780a;
        font-style: normal;
}

.forum .forumreactie {
        margin-top: 2em;
        margin-bottom: 1em;
        border-bottom: solid #ff780a 2px;
}

.forum .reageer div {

	padding-top: 4px;
	padding-bottom: 4px;
}

.forum .reageer blockquote{

	border: dotted #ff780a 2px;
	margin: 1em;
}
.forum .reageer table {
	width: 95%;
	margin-left: 1em;
}