html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	table{border-collapse:collapse;border-spacing:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	blockquote, q {quotes: none;}
	em {font-style:  italic;}
	strong {font-weight: bold;}
	:focus {outline: 0;}
	
	body {
	background-color: #ffffff;
	font-family: "Helvetica Neue", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	font-size:100%; /* calculate: 0.75em = 12px - 0.875em =14px etc.. */
	line-height:1.125em;
	text-align:center; 
	}

	#container {
	width:960px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	}
	
	#top_nav {float: right;}
	
	#top_nav li { 
	display:block;
	float:left;
	}

	#top_nav li a:link, #top_nav li a:visited { 
	display:block;
	float:left;
	color: #525252;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	font-size: 0.65em;
	border-right: 1px solid #E4E4D4;
	font-weight:  bold;
	}
	
	#top_nav li a:hover {color:  #000;}
	
	#top_nav li a.last {border-right: 0;padding: 0;margin: 0;}
	
	#header {width: 960px;margin: 10px 0 15px 0;position:  relative;float:  right;}
	
	#nav {width: 310px;height: 325px;background-color: #1B6A82;float:  left;margin: 28px 0 0 0;}
	#header .header_image {float:  right;width: 635px;height: 325px;margin: 10px 0 0 0;}
	#blend {position:  absolute;right: 15px;top: 50px;}
	

	#nav li {margin: 16px 0 0 20px;}
	#nav li a:link, #nav li a:visited {text-transform: uppercase;color: #ffffff;font-size: 0.8125em;text-decoration: none;display:block;}
	#nav li a:hover, #nav li a.current {color: #000000;}
	
	#content, #footer {clear: both;}
	
	#footer {width: 960px;height: 150px;background-color: #E1E6E1;}
	
	#footer #address {margin: 20px 0 0 20px;padding-top: 25px;}
	#footer #address p {margin-top: 2px;}
	#footer #address address {margin-bottom: 0;line-height: 1.35em;}
	#footer #address img {display:  block;float:  left;margin: 0 25px 75px 0;overflow: hidden;}
	#footer #address small {display:  block;margin-bottom: 2px;white-space: nowrap;}
	
	#footer ul {float:  right;width: 350px;text-align: right;padding-top: 25px;}
	#footer ul li {margin: 0 0 2px 0;}

	/*--------- general main content styles -----------------*/
	#content h2, #content h3 {font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 4px;
	line-height: 1.1em;
	font-size: 1.15em;
	margin: 10px 25px 1.1em 25px;
	text-transform: uppercase;
	}
	
	#content h3 {font-size: 1em;margin-bottom: 1em;}
	
	#content p, #content ul, #footer p, #footer address, #footer ul, #lokatie #content .side address, #contact #content .side address, label, input, #doc_list td {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	line-height: 1.35em;
	font-size: 0.8125em;
	margin: 0 25px 1.3em 25px;
	}
	
	#content ul {list-style-type: square;margin-left: 40px;}
    #content ul li {margin: 0 0 0.5em 0;}
	
	#content a:link, #content a:visited, #footer #address p a:link, #footer #address p a:visited, #footer ul li a:link, #footer ul li a:visited {color: #342224;background-color: transparent;text-decoration:  none;border-bottom: 1px dotted #342224;}
	
	#content a:hover, #footer #address p a:hover, #footer ul li a:hover {color: #000000;border-bottom: 1px solid #000000;}
	
	/* ---- 1 main column ------ */
	.f_l {padding: 20px 0;background-color: #E1E6E1;width: 960px;clear: both;overflow:  auto;}
	
	/* ---- sidebar left, main right ---- */	
	.s_m {margin: 15px 0;padding: 20px 0;width: 960px;background: transparent url(s_m_bg.png) top right repeat-y;overflow:  auto;clear: both;}
	.s_m .side {width: 310px;float: left;}
	.s_m .main {width: 635px;float:  right;}
	
	/* ---- sidebar right, main left ---- */	
	.m_s {margin: 15px 0;padding: 20px 0;width: 960px;background: transparent url(m_s_bg.png) top right repeat-y;overflow:  auto;clear: both;}
	.m_s .side {width: 310px;float: right;}
	.m_s .main {width: 635px;float:  left;}
	
	/*  ----- 3 columns  ----------------- */
	.t_c {margin: 15px 0;padding: 20px 0;width: 960px;background: transparent url(3col_bg.png) top right repeat-y;overflow:  auto;clear: both;}
	.t_c div {float:  left;width: 305px;margin: 0 20px 0 0;padding: 0;}
	.t_c .t_c_r {margin: 0;}
	
	
	.fr {float:  right; margin: 0 25px 25px 25px;display:  block;background-color: #ffffff;padding: 5px;}
	.fl {float:  left; margin: 0 25px 25px 25px;display:  block;background-color: #ffffff;padding: 5px;}
	.center {margin: 25px 0;display:  block;background-color: #ffffff;padding: 5px;}

/* table styles */
	
table {
	width: 930px;
	border: 1px solid #525252;
	margin: 20px auto;
	border-collapse: collapse;
	}
	
table.lesroostercc {table-layout: fixed;}	

table td, table th {
	border: 1px solid #bcbcbc;
}
	
table tr th {
	background-color: #000;
	color: #fff;
	padding: 10px 5px;
	text-align:  center;
}

table tr td {
	padding: 10px 0;
	margin:0;
background-color: #F2F4F2;
}	

table tr td ul {
	margin:0;
	text-align: left;
	padding: 0;
}

table tr td ul li {
	list-style:none;
	margin: 0;
	padding: 0;
}

h2 small, h3 small {
	font-size: 65%;
display: block;
float: right;
	}

#terp_contact	{
	width: 90%;
	margin: 0 0 0 20px;
}

label, input, textarea{
	display: block;
	margin: 0 0 30px 0;
}

input, textarea{
	width: 280px;
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #525252;
	border-color: #b2b2b2 #525252 #525252 #b2b2b2;
	background-color: #ffffff;
}

input:focus, textarea:focus{
	border: 1px solid #000;
	background-color: #f8f8f8;
}

textarea {
	height: 175px;
width:450px;
	overflow: auto;
}


#form_submit {
	width: 75px;
	padding: 1px 5px;
}

#form_submit:hover {cursor: pointer;}

.hiddenFields {display: none; }

.error {color: red;}
input.error, textarea.error {border: 1px solid red;}

#home .calendar li p, #nieuws .calendar li p {font-size: 1em;margin: 0 5px 0 5px;}

/*--- docenten lijst op lessen pagina ---*/

#doc_list {
	margin: 0 25px 25px 25px;
	border-collapse: collapse;
	background-color: transparent;
	width: 250px;
	border: 0;
}

#doc_list td {background-color: transparent;vertical-align: top;padding: 10px 5px;border: 0;}

#doc_list td a {
	font-size: 1.1em;
	color:  #525252;
	display:  block;margin-bottom: 5px;
}

#doc_list td img {display:  block;background-color: #ffffff;padding: 5px;}


#gal_holder {margin: 20px 0 20px 120px;}

code {font-size: 1.1em; color: #689543;}

#nieuws #content p+h2 {margin-top: 3em;}
#home .t_c_m p+h3 {margin-top: 3em;}

a.pdf {
	background: transparent url(http://www.terpsichore.be//images/uploads/pdf.gif) top right no-repeat;
	padding: 0 18px 2px 0;
}

a.word {
	background: transparent url(http://www.terpsichore.be//images/uploads/linkimg-word.gif) top right no-repeat;
	padding: 0 18px 2px 0;
}

#inscribe	{
	margin: 20px 0 0 35px;
}

#inscribe legend {
	margin: 20px 0 0 0;
	display: block;
}

#inscribe fieldset {
	margin: 25px 0 0 0;
}

#inscribe label {
	display: block;
	margin: 0 0 2px 0;
}

#inscribe input {
	display: block;
	margin: 0 0 15px 0;
}

#inscribe input:focus {
	background-color: #e6e6e6;
	font-weight: bold;
	color: #000;
}
#inscribe div.radiogroup input {
	display: inline;
}

#inscribe #submit {
	width: 75px;
	background-color: #920000;
	color:  #fff;
}

 div.radiogroup{font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background-color: transparent;
	color: #525252;
	line-height: 1.35em;
	font-size: 0.8125em; 
	}
 div.radiogroup label {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

#reservatie_form input.short {width: 28px;display: inline;}
#reservatie_form #submit {width: 230px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;cursor:  pointer;
}
#reservatie_form table {width: 90%;}
#reservatie_form table td {padding: 15px;}
#reservatie_form tr.head td {background-color: #525252;color: #fff;}
#hidden_total {display: none;}

#reservatie_form legend {padding: 0 0 0 30px;text-transform: uppercase;font-family: Optima, Verdana,"Lucida Sans Unicode", sans-serif;}

#content div.main p.error {color: #800000;font-weight: bold;font-size: 1.1em;padding: 2px 2px 2px 20px;border: 1px solid #800000;background: transparent url(http://www.terpsichore.be/images/uploads/warning.gif) center left no-repeat;}