body {
  width:100%;
  margin:0 0 10px 0;
  /*background: url('../images/bg/bg_site.jpg');*/
  /*background: url('../images/bg/strook.png');*/
  /*background-color:#E77600;*/
  background-color:#F78F1E;
  /*background-repeat:repeat-x;*/
  /*Code hieronder is nodig om de negatieve z-index voor de tennisballen te tonen in Firefox!!*/
  position:relative;
  z-index:0;
}

.separation {
	clear: both;
	height: 10px;
}

/* ------------------------------------------------ MAIN -- */

.wrapper {
	width:975px;
	margin: 0 auto 0 auto; 
	/*overflow:auto;*/
	/*background: #E77600;*/
	height: 100%;
    background-repeat: repeat-y;
}

/* ------------------------------------------------ MENU -- */

.menuTop {
	float: left;
	width:258px; 
	height: 30px;
	background: url('../images/main/menu_top.png');
}

.menuTopHoog {
	float: left;
	width:258px; 
	height: 30px;
	background: url('../images/main/menu_top_hoog.png');
}

.menuMiddle {
	float: left;
	width:258px;
	height: 100%;
    background-repeat: repeat-y;
	background: url('../images/main/menu_middle.png');
}

.menuBottom {
	float: left;
	width:258px; 
	height: 15px;
	background: url('../images/main/menu_bottom.png');
}

.balkTop {
	float: left;
	width:560px; 
	height: 30px;
	background: url('../images/main/balk_top.png');
}
.balkTopNieuwsbrief {
	/*float: left;*/
	width:560px; 
	height: 30px;
	background: url('../images/main/balk_top.png');
}
.balkTopWelkom {
	float: left;
	width:560px; 
	height: 30px;
	background: url('../images/main/balk_top2.png');
}
.balkTopHoog {
	float: left;
	width:560px; 
	height: 30px;
	background: url('../images/main/balk_top_hoog.png');
}

.balkMiddle {
	float: left;
	width:560px; 
	height: 100%;
    background-repeat: repeat-y;
	background: url('../images/main/balk_middle.png');
}

.balkMiddleIMGholder {
	float: left;
	overflow:hidden;
	width:450px; 
}

.balkBottom {
	float: left;
	width:560px; 
	height: 15px;
	background: url('../images/main/balk_bottom.png');
}

/* ------------------------------------------------ BANNERS -- */

.bannerRight {
	float: left;
	width:133px; 
	height: 380px;
	/*background: url('../images/banners/banner_blank.png');*/
}

.bannerRightImage {
	position:absolute;
	width:127px; 
	height: 373px;
	/*background-color:#FFFFFF;*/
	margin-left:2px;
	margin-top:1px;
}

/* ------------------------------------------------ KADER -- */

.kader01 {
	float: left;
	width:518px; 
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-left:1px solid #6F7077;
	border-top:0px solid #6F7077;
	border-right:1px solid #6F7077;
	border-bottom:1px solid #6F7077;
	
}


/* ------------------------------------------------ TextFormats -- */


 BODY,TD			{ font-family:Arial, Helvetica, verdana, sans-serif; font-weight: normal; font-size:12px; }
A:link				{ color:#000000; font-weight: bold; text-decoration: none }
A:visited			{ color:#000000; font-weight: bold; text-decoration: none }
A:active			{ color:#000000; font-weight: bold; text-decoration: none }
A:hover				{ color:#E77600; font-weight: bold; text-decoration: none }

A.me:link			{ color:#E77600; font-weight: bold; text-decoration: none }
A.me:visited		{ color:#E77600; font-weight: bold; text-decoration: none }
A.me:active			{ color:#E77600; font-weight: bold; text-decoration: none }
A.me:hover			{ color:#999999; font-weight: bold; text-decoration: none }

A.ic:link			{ color:#FFFFFF; font-weight: normal; text-decoration: none }
A.ic:visited		{ color:#FFFFFF; font-weight: normal; text-decoration: none }
A.ic:active			{ color:#FFFFFF; font-weight: normal; text-decoration: none }
A.ic:hover			{ color:#333333; font-weight: normal; text-decoration: none }

A.main:link			{ color:#000000; font-weight: bold; text-decoration: none }
A.main:visited		{ color:#000000; font-weight: bold; text-decoration: none }
A.main:active		{ color:#000000; font-weight: bold; text-decoration: none }
A.main:hover		{ color:#E77600; font-weight: bold; text-decoration: none }

A.sub:link			{ color:#666666; font-weight: bold; text-decoration: none }
A.sub:visited		{ color:#666666; font-weight: bold; text-decoration: none }
A.sub:active		{ color:#666666; font-weight: bold; text-decoration: none }
A.sub:hover			{ color:#E77600; font-weight: bold; text-decoration: none }

A.pa:link			{ color:#666666; font-weight: bold; text-decoration: underline }
A.pa:visited		{ color:#666666; font-weight: bold; text-decoration: underline }
A.pa:active			{ color:#666666; font-weight: bold; text-decoration: underline }
A.pa:hover			{ color:#FFFFFF; font-weight: bold; text-decoration: underline }

A.ta:link			{ color:#333333; font-weight: bold; text-decoration: none }
A.ta:visited		{ color:#333333; font-weight: bold; text-decoration: none }
A.ta:active			{ color:#FFFFFF; font-weight: bold; text-decoration: none }
A.ta:hover			{ color:#FFFFFF; font-weight: bold; text-decoration: none }


.minititle01 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	/*margin-left: 12px;
	line-height: 20px;*/
	text-align: left;
}
.minititle01Footer {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	/*line-height: 20px;*/
}
.minititle02 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	/*margin-left: 12px;
	line-height: 20px;*/
	text-align: right;
}
.minititle03 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.minititle04 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: left;
}
.minititle05 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
.path {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.title {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.titleOrange {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 13px;
	color: #E77600;
	font-weight: bold;
	text-align: left;
}
.titleBalk {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #E77600;
	font-weight: bold;
	text-align: center;
}
.normal {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height:130%;
	position:relative;
}
.normalBig {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 15px;
	color: #000000;
	text-align: left;
	font-weight:bold;
	text-decoration:underline;
}
.description {
	position: relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;	
	clip:   rect(auto auto auto auto);
}
.description2 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding-bottom:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
}
.description3 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding-left:0.5em;
	padding-bottom:0.5em;
}
.description4 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height:150%;
	text-align: right;
}
.description5 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height:150%;
	text-align: left;
}
.tab {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	clip:   rect(auto auto auto auto);
}
.menuMain {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	/*color: #E77600;*/
	color: #000000;
	font-weight: bold;
	text-align: left;
	line-height:200%;
}
.menuSub {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: left;
	margin-left:1em;
	line-height:130%;
}
.error {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color:#FF0000;
	font-weight: bold;
}
.txtListbox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	width:100%;
}
.txtListbox2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	width:184px;
}
.txtListbox3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	width:120px;
}
.txtListbox4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	/*width:184px;*/
	width:100%;
}
.txtListbox5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	border: 1px solid #333333;
	text-align: left;
	width:60px;
}
.txtListboxAantal {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #F2F2F2;
	border: 1px solid #333333;
	vertical-align: middle;
	width:60px;
}
.txtField {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:150px;	
}
.txtField2 {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:250px;
}
.txtField3 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:180px;
}
.txtField4 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:98%;
}
.txtFieldSmall {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: center;
	width:30px;
}
.txtFieldSmall2 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:20px;
}
.txtFieldSmall3 {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:20px;
}
.txtFieldMiddle {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: center;
	width:60px;
}
.txtFieldMiddle2 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:40px;
}
.txtFieldMiddle3 {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:80px;
}
.txtFieldMiddle4 {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:95px;
}
.txtFieldPost {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: center;
	width:20px;
}
.txtFieldMax {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:90%;
}
.txtFieldMulti {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:90%;
	height: 100px;
}
.txtFieldMulti2 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width:250px;
	height: 100px;
}
.txtFieldZoeken {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #79797B;
	margin-left: 8px;
	margin-top: 2px;
	background-color: transparent;
	border: 0px solid #009DE0;
	width:165px;
}
.btnFriend {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:127px;
	cursor:pointer;
}
.btnReserveren {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:80px;
	cursor:pointer;
	position:relative;
}
.btnArrangement {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:90px;
	cursor:pointer;
	position:relative;
}
.btnReserverenUit {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#CCCCCC;
	border: 1px solid #333333;
	width:80px;
	cursor:pointer;
	position:relative;
}
.btnReserverenMelding {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#CCCCCC;
	border: 1px solid #333333;
	width:250px;
	cursor:pointer;
	position:relative;
}
.btnAanmelden {
	position:relative;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:75px;
	cursor:pointer;
}
.btnInfo {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:40px;
	cursor:pointer;
	position:relative;
}
.btnAuto {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:auto;
	cursor:pointer;
}

.btnSoll {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:110px;
	cursor:pointer;
}
.btnTerug {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:60px;
	cursor:pointer;
}
.btnLink {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#E77600;
	border: 1px solid #333333;
	width:130px;
	cursor:pointer;
	position:relative;
}

form {
	margin-top:0;
}	
.hidden {
	display:none;
}

.radioCB{
	position:relative;	
}