/**
 * TestTheater screen css
 * 
 * @author LzzL
 *
 *
 * colors:
 * geel = efea4c
 * opaalblauw = 035973
 * menugroen = 8baf65
 * 
 */

@import url("defaults.css");

body {
	font: 12px/1.4 verdana, sans-serif;
	background: #efea4c;
	color: #fff;
	margin: 0;
}

/* --- links --- */
a:link, a:visited {
	color: #8baf65;
}
a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active {
	text-decoration: underline;
}



/* --- headers --- */
h1, h2, h3, h4, h5, h6 { font-weight: bold }

h1 {
	color: #EFEA4C;
	font: normal 2.2em/2em arial,verdana; 
}

h2 {
	color: #EFEA4C;
	font: bold 1.1em/1em verdana, arial; 
}

h3{ font: normal 2em/1em verdana, arial, ; color: #e0ef49; padding: 0.2em 0 0.5em 0; }

h5 {
	font-size: 1em;		
	margin-top: 1em;
}
h5 span		{ font-weight: normal; }

#header	{
	wwidth: 100%;
	background: #efea4c;
	height: 85px;
	ddisplay: block;
}

#columnContainer{	
	width: 100%;
	position: relative;
}

#mainColumn	{
	background: #035973 url(/images/back.gif) no-repeat top left;
	margin: 0px 20px 0px 211px ;
	padding: 5px 20px 20px 20px;
	min-height: 240px;
}

#subColumn1	{
	position: absolute;	
	top: 0px;
	left: 0px; 
	width: 211px;
	background: #efea4c url(/images/menu_back.gif) no-repeat top left;
	min-height: 380px;
}

#mainColumn ul		{ padding: 1em 0 ;  }
#mainColumn ul li	{ list-style: disc; margin-left: 15px;  padding-left: 1em; }
#cursusTable		{ margin: 1em 0; }
#cursusTable td.first	{ width: 230px;  }

strong	{ font-weight: bold; }



/*-- ------------- menu --------------------- --*/

#menu {	padding: 0  0 0 20px; }
#menu  a:hover {
	text-decoration: none;
	color: #007dab;
}
#menu li {
	font: bold 2em/1.8em arial, verdana;
	color: #8baf65;
}
#menu li li {
	font: normal 0.8em/1.3em arial, verdana;
	margin-left: 1em;
	list-style:  square;
}
#menu .menuItemActive a	{ color: #007dab; }

/*-- ------------- footer --------------------- --*/

#footer {
	text-align: center;
	float: left;
	width: 100%; 
	padding: 2em 0px;
	color: #01637f;
}

#footer a {
	text-decoration: underline;
	color: #5a871e;
}

#footer a:hover {
	text-decoration: none;
	color: #5a871e;
}

/*-- ----------- content ---------- --*/

#cursusForm .kop	{ font-weight: bold; }
#cursusForm		{ line-height: 2em;}
#cursusForm td		{ width: 410px; }

/*-- ----------- nieuwsbrief ---------- --*/
.modNbSubscribe		{ float: left; padding: 3em 20px 0 20px;  color: #01637f;  }
.modNbSubscribe	h2	{ color: #01637f; padding: 0; border: 0px; }
.modNbSubscribe form	{ padding-top: 1em;   }

#formNBSubscribe .submit 	{ margin-top: 0.5em;}

#nieuwsbriefForm strong 	{ font-weight: bold; color: #fff; }
#nieuwsbriefForm fieldset	{ margin-top: 1em; }
#nieuwsbriefForm div.geslacht	{ margin: 0px; }

.divItem input.button	{ margin-top: 1em;}

#bodyNieuwsbrief #subColumn1	{ top: 85px; }

/* --- forms ---- */

input, textarea, select {border: 1px solid #D6D6D6;}
input, textarea 	{padding: 0.25em 0.3em;}
input .radio,
input .checkbox		{ border: 0;}	
select 			{padding: 1px;}
input.text,
input.submit 		{background-color:#8BAF65; border:1px solid #17424F; color:#fff; font: 11px/normal verdana, sans-serif; }
input.text 		{min-height: 15px; padding: 3px 2px 0px 2px;}
body.FF2 input.text 	{min-height: 20px } 
input.submit,
input.special 		{color: #EFEA4C; background: #297288; border: 1px solid #17424F; min-height: 22px; padding: 2px 5px; }
input.button 		{background-color:#8BAF65; border:1px solid #17424F; color:#035973;}

form div 			{float: left; width: 100%; margin: 0.5em 0 }
form .adres div,
form .geslacht div,
form .geboortedatum div,
form .postcode div,
form .telnr div 		{width: auto; margin: 0;}
form .geslacht div.radiobutton 	{float: none;}
form label 			{float: left; width: 12em;padding-top: 0.22em;}
form .radiobutton 		{margin: 0em 0 }
form .radiobutton label,
form .checkbox label 		{float: none;width: auto;padding: 0;}
form .checkbox label 		{float: none; width: auto }
.radio,
.checkbox 			{ border: 0px; }

#aanmelden_form .kop		{ font-weight: bold; }
#aanmelden_form select		{ margin: 1em 0; }

#betaling_zelf			{ margin: 1em 0 0 0 ; }
.disclaimer			{ width: 100%; clear: both;  color:#FFFFFF; font-family:verdana; font-size:8pt;}
.divItem			{ margin: 1em 0 5em 0; }


.voorwaarden 			{ border: 1px solid rgb(23, 66, 79); padding: 5px; overflow: auto; font-size: 8pt; width: 500px; height: 200px; color: rgb(239, 234, 76); background-color: rgb(41, 114, 136);} 
.voorwaarden ul			{ margin-top: 1em;  }
.voorwaarden li			{ list-style: circle; }
.voorwaarden li	span		{ font-style: italic; }

/*-- ----------- report ---------- --*/
.report 		{ text-align: left; margin: 10px 0; padding: 8px; min-height: 38px; border-width: 1px 0!important; }
.report h4		{ position: relative; background: url(/images/report_sprite.gif) no-repeat 0 0; text-indent: -666666px; margin-right: 15px; padding: 0px 8px; width: 20px; height: 38px; float: left;   }
.report p		{ margin-left: 50px; color: #000000; }
.report span		{ font-weight: bold; }

.report .button 	{ margin-left: 50px; } /* voor buttons in een error melding */
.report .button span 	{ font-weight: normal; } /* voor buttons in een error melding */
 
.warning	{ background-color: #ffe8ed; border: 1px dashed #ae004e;  }
.warning h4	{ background-position: -13px -10px!important; }
.tip		{ background-color: #fff8ee;  border: 1px dashed #ffb852; }
.tip h4		{ background-position: -96px -4px!important;}
.notice		{ background-color: #f2fee6;  border: 1px dashed #65b118; }
.notice h4	{ background-position: -180px -10px!important; }
.mail		{ background-color: #fff7ec;  border: 1px dashed #feb859; }
.mail h4	{ background-position: -54px -10px!important; }
.attention	{ background-color: #ffeed7;  border: 1px dashed #fb9a1c; }
.attention h4	{ background-position: -137px -10px!important; }
.question	{ background-color: #e7f1ff;  border: 1px dashed #1b509d; }
.question h4	{ background-position: -223px -10px!important; }
/*-- ----------- report ---------- --*/