@charset "utf-8";
/* CSS Document */

/************************************************************/
/**************      General tags      **********************/
/************************************************************/

body {
	background-color:#99ccff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
}

h1 {
	font:28px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image:url(../images/layout/h1_underline.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

a.hover{
	text-decoration:underline;
}
a:link img, a:visited img {
	border-style: none;
} 
a:link, a:visited{
	color: #000000;
	text-decoration:underline;
}

#wrapper {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:100%;
}

.clear {
	clear:both;
}

/************************************************************/
/***************      Header tags      **********************/
/************************************************************/

#header_left {
	width:30px;
	height:30px;
	background-image:url(../images/layout/lb.jpg);
	float:left;
}
#header_middle {
	width:710px;
	height:20px;
	background-image:url(../images/layout/b.jpg);
	float:left;
	text-align:center;
	padding-top:10px;
}
#header_right{
	width:30px;
	height:30px;
	background-image:url(../images/layout/rb.jpg);
	float:right
}

/************************************************************/
/***************      Banner tags      **********************/
/************************************************************/

#banner_left{
	width:15px;
	height:121px;
	background-image:url(../images/layout/lm.jpg);
	float:left;
}

#banner_middle{
	width:740px;
	height:120px;
	border-bottom:1px solid black;
	background-color:#FFFFFF;
	float:left;
	overflow:hidden;
}

#banner_right{
	width:15px;
	height:121px;
	background-image:url(../images/layout/rm.jpg);
	float:left;
}

/************************************************************/
/****************      Menu tags      ***********************/
/************************************************************/

#menu_left{
	width:15px;
	height:31px;
	background-image:url(../images/layout/lm.jpg);
	float:left;
}

#menu_middle{
	width:740px;
	height:30px;
	border-bottom:1px solid black;
	background-color:#ffcc33;
	float:left;
}

#menu_right{
	width:15px;
	height:31px;
	background-image:url(../images/layout/rm.jpg);
	float:left;
}

/* Dom menu tags*/
div.domMenu_menuBar {
	width:740px;
}

div.domMenu_menuElement {
	font-family:"franklin Gothic medium", Arial, sans-serif;
	font-size: 16px;
	font-variant:small-caps;
	background-color:#ffcc33;
	background-position:top;
	background-image:url(../images/layout/gradient.jpg);
	background-repeat:repeat-x;
	color:#000000;
	text-align: center;
	height: 29px;
	line-height: 29px;
	vertical-align:middle;
}

div.domMenu_menuElementHover {
	font-family:tahoma, Arial, sans-serif;
	font-size: 14px;
	color:#000000;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:#FFFF33;
	background-position:top;
	background-image:url(../images/layout/gradient_hover.jpg);
	background-repeat:repeat-x;
}

div.domMenu_subMenuBar {
	border: solid #7E7E7E 1px;
	background-color:#ffcc33;
	padding-bottom: 1px;
}

div.domMenu_subMenuElement {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: solid #000000 1px;
	margin: 1px 1px 0 1px;
	color: #0F0F0F;
	padding: 2px 7px;
}

div.domMenu_subMenuElementHover {
	background-color:#FFFF33;
}

/************************************************************/
/****************      Titel tags      **********************/
/************************************************************/

#titel_left{
	width:15px;
	height:65px;
	background-image:url(../images/layout/lm.jpg);
	float:left;
}

#titel_middle{
	width:740px;
	height:65px;
	background-image:url(../images/layout/background.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	overflow:hidden;
}

#titel_right{
	width:15px;
	height:65px;
	background-image:url(../images/layout/rm.jpg);
	float:left;
}

/* Inhoud tag */
#inhoud{
	float:left;
	background-image:url(../images/layout/il.jpg);
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	width:739px;
}

.pagina_uitleg {
	width:600px;
	margin:10px;
	text-align:justify;
}

#boekje{
	border: 1px solid #333;
}

/************************************************************/
/*************      Navigation tags      ********************/
/************************************************************/

.pagina_nav {
	padding:0px 10px 10px 10px;
	width:480px;
	margin-bottom:10px;
}

/************************************************************/
/*************      Formulier tags      *********************/
/************************************************************/

form {
	padding:5px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	background-color:#f2f4f7;
	overflow:auto;
}

.input_fout {
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
}

/************************************************************/
/***************      Footer tags      **********************/
/************************************************************/

#footer_left {
	width:30px;
	height:30px;
	background-image:url(../images/layout/lo.jpg);
	float:left;
}
#footer_middle {
	width:710px;
	height:30px;
	background-image:url(../images/layout/o.jpg);
	float:left;
	font-size:90%;
}
#footer_right{
	width:27px;
	height:30px;
	background-image:url(../images/layout/ro.jpg);
	float:left;
}