body {behavior:url("css/csshover.htc");}

/* ######################################## ALGEMEEN ########################## */

html, body	{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; background-color: #030368; background-image: url(../images/bg_hartjes.jpg); margin: 0; padding: 0; scrollbar-3dlight-color: white; scrollbar-arrow-color: white; scrollbar-base-color: D20C23; scrollbar-darkshadow-color: white; scrollbar-highlight-color: D20C23; scrollbar-shadow-color: white; scrollbar-track-color: white ; cursor : url("http://www.heartdanceaward.com/images/hartje2.cur"),pointer; }
body {
	text-align: center;
}
#main { background-color: white; position: relative; width: 780px;  margin-right: auto; margin-left: auto; display: block; }
#container {
	display: block;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}
#floatfix {
	float: left;
	width: 780px;
	display: block;}
#header { height: 169px; display: block; }
#footer {
	background-color: white;
	background-image: url(../images/footer_jump.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	text-align: center;
	width: 780px;
	height: 107px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: left;
}
#left_column { text-align: left; position: relative; width: 160px; height: auto; float: left; padding: 25px 5px 5px; display: block; }
#right_column { width: 540px; height: auto; float: left; margin: 0; padding: 5px; display: block; }
#content { width: 437px; float: left; margin: 0; padding: 0; display: block; }
#content img { margin: 4px; }
#content_form { position: relative; width: 660px; height: 100%; overflow: auto; margin: 0; padding: 0 0 0 120px; display: block; }
*html #content_form { width: 780px; }
#maincontent { background-color: white; text-align: left; width: 780px; float: left; margin-right: auto; margin-left: auto; display: block; }
#maincontent_front {
	background-color: white;
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: left;
}
span.invisible {display:none;}
h3 { font-weight: normal; margin: 0; }
h4 { font-size: 11px; font-weight: bold; line-height: 16px; margin: 0 0 0; }
fieldset { _position : relative;  /* The underscore means only IE will see it */
_padding-top : 20px;   /* Stupid IE */
_padding-bottom : 15px; _display : block; border: solid 1px #f00; background:#fff0f0; width: 450px; margin: 1em; padding: 1em; }
fieldset legend { _position : absolute; _top : -8px; color:#f00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
#home_knoppen { text-align: center; }
#home_knoppen img { border-width: 0; }
/* ######################################## TABELLEN ########################## */

td.red_strike	 { color: #f00; border: solid 1px red }
table.brood,table.game
		{
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		width:90%
		
		}
td.groep,td.schoolnaam,td.plaats,td.kop_,td.gamecel
		{
		border: red 1px solid;
		}
hr  	  	{ background-color: transparent; border-bottom: 1px dashed #f00; width:95%
		; height: 1px; clear: both; border-top: 0 none transparent; }

/* ######################################## TEKST ########################## */

span.red_strike	 { color: #f00 }
.vol		{
		color:	#f00;
		font-weight: bolder;
		text-decoration:none;
		}
.kopje, .titel	{ font-weight: bolder; clear: both; display: block; }
.class { }
.brood,td		{
		font-family :   Verdana, Arial;       	
		font-size: 11px;
		color: black;
		line-height: 18px;
		}
.small		{
		font-family : Verdana, Arial;       	
		font-size: 9px;
		color: black;
		line-height: 16px;
		}
.kop { width: 90%; height: auto; margin-top: 5px; margin-bottom: 5px; display: block; }
a		{
		cursor : url("http://www.heartdanceaward.com/images/handje.cur");
		}
a:link  	{ color: #ff2321; text-decoration: none }
a:visited  	{ color: #FF2321; text-decoration: none }
a:hover  	{ color: #6D0909; text-decoration: underline}
a:active  	{ color: #FF2321; text-decoration: none }


/* ######################################## INVUL VELDEN  ########################## */

input
		{ font-family : Verdana, Arial; font-size: 10px; background-color: white; color: black; width: 200px; border: solid 1px #d20c23; }

textarea 
		{ 
		width: 400;
		height: 200;
		font-size: 10px; 
		font-family: Verdana, Ariel; 
		background-color: white; 
		padding: 5px;  
		border-bottom : 1px solid #D20C23;   	
		border-bottom : 1px solid #D20C23;   	
		border-right : 1px solid #D20C23;    	
		border-top : 1px solid #D20C23;      	
		border-left : 1px solid #D20C23;     
		} 
		
select
		{
		width: auto;
		font-size: 10px; 
		font-family: Verdana; 
		background-color: white;   
		}

/* ######################################## NAVIGATIE ########################## */
#nav_container { text-align: left; display: block; margin-top: 20px; position: relative; width: 320px;  float: left; }
#nav_container img { position: absolute; top: 0; right: 10px; width: 100px; float: left; display: block; }
#rond_plaatje { position: absolute; top: 10px; left: 10px; width: 100px; float: left; display: block; }
#nav_top	{ background: url(../images/top_lijst.jpg) no-repeat left bottom; width:170px; height:8px; float: left; display: block; }


#nav_bottom	{ width:170px; height:8px; background: url(../images/bottom_lijst.jpg) no-repeat left top; float: left; display: block; }

ul#navigatie	{ width:170px; background: #fff url(../images/bg_lijst.gif) repeat-y ; height: auto; float: left; margin: 0; padding: 0 0 10px; list-style-type: none; display: block; }
#navigatie li	{ background: url(../images/lijst_hartje.gif) no-repeat 0 3px ; width: 100%; float: left; margin: 0 0 0 10px; padding: 5px 0 0 30px; list-style-type: none; display: block; }
		
#navigatie a	{ color: #ff2321; font-weight: bold; font-size: 12px; font-family: Verdana, Ariel; line-height: 18px; text-decoration: none; display: block; }

#navigatie a:hover	{ 
		color: #0a3ab2; font-weight: bold; 
		font-family: Verdana, Ariel; 
		text-decoration: underline; 
		}
		
#toneelmeester		{ text-align: center; visibility: visible; position: absolute; z-index: 101; top: 170px; width: 100% }
#toneelmeester_lager	{ text-align: center; visibility: visible; position: absolute; z-index: 101; top: 200px; width: 100% }
#aanmeldform { width: auto; }
label { width: 320px; float: left; margin: 0; padding: 0; }
#checkbox { width: 15px; margin-right: 15px; border-style: none; }
li { background-image: url(../images/list_hartje.jpg); background-repeat: no-repeat; margin: 0; padding: 0 0 0 25px; display: block; }
ul { margin: 0 0 0 20px; padding: 0; }
p { margin: 0; padding-top: 4px; padding-bottom: 4px; }
#submit { color: white; background-color: #d20c23; width: 150px; float: left; }
fieldset { _position : relative;  /* The underscore means only IE will see it */
_padding-top : 20px;   /* Stupid IE */
_padding-bottom : 15px; _display : block; border: solid 1px #ff2321; background:#fff4f4; width: auto; margin: 1em; padding: 1em; }
fieldset legend { _position : absolute; _top : -8px; color:#ff2321; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.link { display: block; margin-top: 5px; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; position: relative; width: 100%; float: left; clear: both; border-bottom: 1px dashed #e55853; }
.link img { float: right; padding: 5px; border-style: none; border-width: 0; }
.link p { float: left; margin-top: 0; }
.link .titel { font-weight: bold; margin-top: 0; }
/* ######################################## paspoort ########################## */
#paspoortresult label,#result label { width: 200px; float: left; margin: 0; padding: 0; }
ol { margin: 0 0 0 10px; padding: 0; }
li { background-image: url(../images/list_hartje.jpg); background-repeat: no-repeat; margin: 0; padding: 0 0 0 25px; display: block; }
input.radio{ font-family : Verdana, Arial; font-size: 10px; background-color: white; color: black; width: 20px; border: solid 0px #d20c23; }
input.kleiner{width:40px;}
input.kleinst{width:30px;}
input.submit{background-color:#E8E8E8;width:100px;}
span.feedback{ color: #000; font-weight: bold; background-color: #ffe7eb; letter-spacing: 1px; margin: 0 10px; padding: 5px 15px; border-top: 1px solid #d20c23; border-bottom: 1px solid #d20c23; display: block; }
tr.hover:hover  { color: white; font-size: 12px; line-height: 18px; font-family: Verdana ; background-color: #f5d2d2; }
tr.rows:hover  { color: white; font-size: 12px; line-height: 18px; font-family: Verdana ; background-color: #f5e7ea; }