/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

h1{
font-size:25px;
}

h3{
font-size:13px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	background-image:url(../images/body-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-atachement:scroll;
	margin:0;
	padding:0;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

input.text{
  background-color:336699;
  border-color:336699;
  border-style:inset;
  border-width:2px;
  color:#FFFFFF;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
.timetable { padding:0 0 0 0; }
.timetable tr {height:25px; margin-top:5px;}
.timetable td {font-size:10px; border-bottom:1px #e44d6f solid; border-right:1px #e44d6f solid; text-align:center;}
.tthead { font-weight:bold; border:0px;  padding-left:10px; padding-right:10px; background-image:url(../images/lesrooster.gif); background-repeat:repeat-x;}
.time {font-weight:bold; }

.akkyfittable { padding:0 0 0 0; }
.akkyfittable tr {height:25px; margin-top:5px;}
.akkyfittable td {font-size:11px; border-bottom:1px #e44d6f solid; text-align:left;}

#main {
	width:100%;
	position:relative;
	margin:auto;
}
#top{
	width:860px;
	position:relative;
	margin:auto;
	padding-top:30px;
}
#top a{
	text-transform:uppercase;
	font-size:12px;
	color:#616161;
	text-decoration:none;
	text-align:left;
	padding-right:20px;
	padding-left:8px;
}
#top a:hover{
	text-transform:uppercase;
	font-size:12px;
	color:#000;
	text-decoration:none;
	text-align:left;
	padding-right:20px;
	padding-left:8px;
}
#clear{
	clear:both;
	height:0px;
	width:auto;
	overflow:hidden;
}
#header{
	width:830px;
	height:240px;
	position:relative;
	margin:auto;
	padding:35px 0 0 30px;
	background-image:url(../images/header2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	color:#FFF;
}
#header h3{
	font-size:21px;
	margin:0;
	padding:0 0 10px 0;
}
#header a{
	color:#ffffff;
	text-decoration:none;
}
#header a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#hoofdmenu{
	width:860px;
	height:34px;
	position:relative;
	margin:auto;
	padding-top:15px;
	background-image:url(../images/hoofdmenu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
}
#hoofdmenu a{
	text-transform:uppercase;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	text-align:left;
	padding-right:0px;
	padding-left:28px;
}
#hoofdmenu a:hover{
	text-transform:uppercase;
	font-size:12px;
	color:#000;
	text-decoration:none;
	text-align:left;
	padding-right:0px;
	padding-left:28px;
}
#content-container{
	width:860px;
	height:auto;
	position:relative;
	margin:auto;
	padding:0px;
	background-image:url(../images/content-repeat.png);
	background-position:top left;
	background-repeat:repeat-y;
	margin-top:3px;
}

#content{
	width:800px;
	height:auto;
	position:relative;
	margin:auto;
	padding:30px;
	margin-bottom:0;
	background-image:url(../images/content.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
}
#content-footer{
	width:860px;
	height:10px;
	position:relative;
	margin:auto;
	padding:0px;
	margin-bottom:0;
	background-image:url(../images/content-footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
}
#submenu {
	float:left;
	width:270px;
	height:auto;
}
#submenu ul, li{
	margin-left:10px;
	padding:0;
	float:left;
	width:270px;
	height:auto;
}

#submenu h3{
	margin:0;
	padding:0;
	color:#000000;
}
#submenu a{
	text-transform:uppercase;
	color:#e00034;
	text-decoration:none;
}
#submenu a:hover{
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}
#submenu li{
	padding:2px 0 2px 0;
}
#content-tekst {
	float:right;
	width:530px;
	height:auto;
	color:#ffffff;
}
#content-tekst a {
	color:#FFF;
	text-decoration:underline;
}
#content-tekst a:hover {
	color:#f5cdd7;
}
#content-tekst  li a {
	color:#FFF;
	text-decoration:underline;
}
#content-tekst h3 {
	color:#FFF;
	margin:0;
	padding:0;
}
#content-tekst .contentheading{
font-weight:bold;
font-size:13px;
}
#content-tekst .componentheading{
font-weight:bold;
font-size:13px;
}
#footer-logos{
	width:860px;
	height:66px;
	position:relative;
	margin:auto;
	padding-top:15px;
	text-align:center;
}
#footer{
	width:860px;
	height:26px;
	position:relative;
	margin:auto;
	padding-top:5px;
	text-align:center;
	color:#bfbfbf;
	font-size:11px;
}

.ckform
{
  color:#FFFFFF;
}


