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

/* default tags */
* {
	margin:0px;
	padding:0px;
	font-family:"MS Sans Serif", Sans-serif;
	font-size:12px;
	letter-spacing:1px;
}
html, body {
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	background:url(BGpatern.gif) repeat center top;
	text-align:center;
}
img {
	border:none;
}
ul, ol {
	margin-left:20px;
}
ul li {
	list-style-type:square;
}
ol li {
	list-style-type:upper-roman;
}
strong {
	font-weight:bold;
	color:#000099;
}
a {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration:none;
}
p {
	margin-bottom:10px;
}
input[type="text"] {
	width:200px;
	height:15px;
	border:#000099 1px solid;
	background-color:#FFFFFF;
	font-family:monospace;
}
textarea {
	font-family:monospace;
	background-color:#FFFFFF;
	border:#000099 1px solid;
	width:300px;
	height:100px;
}

.error {
	border:#FF0000 dotted 2px; 
	background-color:#CCCC00; 
	padding:10px
}

.succes {
	border:#00FF00 dotted 2px; 
	background-color:#99FF66; 
	padding:10px
}

/* inschrijvingsForm */
#inschrijving {
	text-align:center;
}
#inschrijving table {
	width:410;
}
#inschrijving table td.leftPart {
	width:150px;
	text-align:right;
	border-right:#999999 dotted 1px;
}
#inschrijving table td.rightPart {
	width:260px;
	text-align:left;
}
#inschrijving input.voornaam, #inschrijving input.achternaam {
	width:120px;
}
#inschrijving input.dag, #inschrijving input.maand, #inschrijving input.jaar {
	width:30px;
}
#inschrijving input.straat {
	width:150px;
}
#inschrijving input.huisnummer {
	width:30px;
}



#lessen div, #event div, #optie div {
	border-bottom:#999999 dotted 1px;
	margin-bottom:10px;
}
#lessen div div, #event div div, #optie div div {
	margin-left:20px;
	border-bottom:none;
	margin-bottom:0px;
}

/* default layout  crearion */
#totalBody {
	position:relative;
	width:950px;
	margin:auto;
}
img#logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:500;
}
img#logo_tekst {
	position:absolute;
	left:175px;
	top:135px;
	z-index:499;
}
img#mainMenu {
	position:absolute;
	top:0px;
	right:0px;
	z-index:400;
}
#totalContent {
	position:relative;
	top:130px;
	margin:auto;
	z-index:450;
	border:#cc6600 1px solid;
	width:750px;
	background:#ffffcc url(BGcontent.jpg) bottom repeat-x;
}
#topBorder {
	width:750px;
	height:50px;
	border-bottom:#cc6600 1px solid;
	background:url(gradient_50.gif) repeat-x;
}
#bottomBorder {
	width:750px;
	height:20px;
	border-top:#cc6600 1px solid;
	background:url(gradient_20.gif) repeat-x;
}
#copyright {
	color:#FFFFCC;
	position:relative;
	top:140px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0.7px;
	height:30px;
}
#copyright a {
	color:#FFFFCC;
	text-decoration:none;
}

/* totalm content styles (includeing sidebar) */
#center {
	width:750px;
	min-height:150px;
	background:url(BGsidebar.gif) left repeat-y;
	line-height:22px;
	letter-spacing:2px;
	color:704518;
	font-weight:500;
}
#center img {
	border:#000099 1px solid;
}
#center a:hover img {
	border:#FFFFCC 1px solid;
}
#center img[align="left"] {
	margin-right:10px;
	margin-top:5px;
}
#center img[align="right"] {
	margin-left:10px;
	margin-top:5px;
}


/* sidebar and submenus */
#sidebar {
	width:180px;
	float:left;
	text-align:left;
	color:704518;
}
div.submenu {
	background:url(BGsubmenu.gif) top no-repeat;
	width:179px;
	text-align:center;
	margin-top:10px;
}
div.submenu a {
	color:#FFFFCC;
}
div.submenu h3 {
	text-align:left;
	font-style:italic;
	font-size:20px;
	margin-left:60px;
	font-family:Vivaldi, Verdana, "MS Sans Serif", Sans-serif;
	letter-spacing:1.5px;
	height:32px;
}
div.submenu div {
	margin:0px 10px;
}
div.submenu div.item {
	color:#FFFFCC;
	margin:0px;
	text-align:left;
	background:#ca863d url(submenu_button-trans.png) center left no-repeat;
	padding-left:30px;
	min-height:20px;
	border-bottom:#704518 1px solid;
	cursor:pointer;
}
div.submenu div.item:hover {
	background:#704518 url(submenu_button-trans.png) center left no-repeat;
}


/* factual content styles */
#content {
	width:570px;
	float:right;
	text-align:center;
}
#content a {
	color:#000099;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#content  .highlight {
	color:#FF0000;
	font-weight:normal;
	text-decoration:underline;
}
div.header_full, div.header_half {
	float:left;
	min-height:50px;
	margin:auto;
	margin-left:10px;
	margin-top:20px;
	text-align:left;
}
div.header_full {
	width:550px;
}
div.header_full .title {
	background:url(header_full-trans.png) no-repeat;
	height:50px;
	margin-bottom:8px;
}
div.header_half {
	width:270px;
}
div.header_half .title {
	background:url(header_half-trans.png) no-repeat;
	height:50px;
	margin-bottom:8px;
}
div.title h3 {
	color:#000099;
	font-style:italic;
	font-size:24px;
	margin-left:75px;
	font-family:Vivaldi, Verdana, "MS Sans Serif", Sans-serif;
	letter-spacing:1.5px;
}


/* page specific styles */
#content img.thumb, #content a img.thumb {
	width:98px;
	height:98px;
	margin:5px;
	margin-bottom:0px;
}

#content a:hover img {
	border:#0000FF 1px solid;
}

table#rooster {
	text-align:center;
	margin:auto;
}
table#rooster th {
	border-bottom:#000099 2px solid;
}
table#rooster td {
	border:#000099 1px dotted;
}
table#rooster td:first-line {
	color:#000099;
	font-weight:bold;
}

table#form_table {
	width:100%;
}
table#form_table td {
	vertical-align:top;
	padding:5px;
}