body { 
	background: #fff; 
}

input{
  margin: 1px 0px;
}

.header {
	margin: 30px 20px;
	height: 110px;
	/*float: left;*/
}

.header_middle {
	margin: 8px 100px;
	height: 100px;
	width: 300px;
	/*float: left;*/
}

.header_right {
	font: bold 18px arial, helvetica, sans-serif;
	color: #3a5b88;
	margin: 30px 40px;
	height: 100px;
	/*float: right;*/
	width:150px;
}

.header_logo{
	/*float: right; */
	padding: 0px 20px; 
	height: 120px; 
	padding-top: 10px
}

.header_logo img{
	height: 120px; 
	valign: absmiddle;
}

.div_flat{
	font-size: 0px;
}

.sidebar {
	position: relative;
	/*float: left;*/
	/*position: fixed;
	left: 1020px;
	top: 103px;*/
	
	margin-left: 20px;
	width: 200px;
	text-align: center;
}

.sidebox {
	margin: 0 auto;
	width: 130px;
	background: #ade0f4;
	font: normal 11px arial;
	padding: 8px;
	/*margin-bottom: 20px;*/
}

.sidebox p { 
	padding-bottom: 8px; 
}

.sidebox h2 {
	font: bold 15px arial, helvetica, sans-serif;
	color: #3a5b88;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px #3a5b88 solid;
}

.linkbox {
	margin: 0 auto;
	margin-top: 10px;
	width: 130px;
	background: #888;
	font: bold 11px arial;
	padding: 8px;
}

.linkbox a, linkbox a:active, linkbox a:visited, linkbox a:hover {
	color: #fff;
	text-decoration: none;
}

/***********/
/* CONTENT */
/***********/

.content {
	position: relative;
	/*width: 800px;*/
	/*666width: 1000px;*/
	min-height: 600px;
	min-width: 850px;
	padding-bottom: 250px;
	float: left;
	/*background: #00a1e3 url(content-background.gif) no-repeat top right;*/
	background: #00a1e3 url(page-background.gif) no-repeat bottom left;
}

.roundframe {
	width: 47px;
	height: 47px;
	background: url(content-background.gif) no-repeat top right;
	position: absolute;
	float: right;
	z-index: 0;
	top: 0px;
	right: 0px;
}
		
.footer_content {
	height: 20px;
	position: absolute;
	float: left;
	bottom: 10px;
	left: 250px;
}

.footer_content a:link, 
.footer_content a:active,
.footer_content a:hover,
.footer_content a:visited{
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}

.roundframe_bottom {
	width: 47px;
	height: 47px;
	background: url(footer-background.gif) no-repeat bottom right;
	position: absolute;
	float: right;
	z-index: 99;
	bottom: 0px;
	right: 0px;
}

.content .loginbox {
	position: relative;
	float: right;
	top: 80px;
	right: 80px;
	background: #9ad9f3;
	padding: 20px;
	border: 3px #fff solid;
	font: bold italic 15px arial, helvetica, sans-serif;
	color: #000;
	width: 550px;
}

.content .loginbox table td {
	padding: 5px;
	vertical-align: middle;
}

.login-textfield {
	width: 142px;
	height: 18px;
	border: none;
	padding: 5px 10px 5px 10px;
	background: #fff url(login-textfield-background.gif) no-repeat top left;
}

.login-button {
	width: 162px;
	height: 28px;
	border: none;
	background: #fff url(login-button-background.gif) no-repeat top left;
	font: bold italic 15px arial, helvetica, sans-serif;
	color: #fff;
}

#container {
	margin: 20px;
}


	/***************/
	/* TAB CONTENT */
	/***************/

.tabcontent {
	background: #fff;
	padding: 40px 20px 40px 20px;
	font: normal 13px arial, helvetica, sans-serif;
}

.spacer {
	position: relative;
	float: left;
	width: 20px;
}

.infobox {
	text-align: center;
	position: relative;
	/*float: left;*/
	min-height: 100px;
	/*height: 100px;*/
	padding: 10px;
	/*margin-right: 10px;*/
	background: #ade0f4;
	font: normal 13px arial, helvetica, sans-serif;
	color: #000;
	/*margin-bottom: 20px;*/
}

.infobox h2 {
	font: bold 17px arial, helvetica, sans-serif;
	color: #3a5b88;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px #3a5b88 solid;
}

	/*************/
	/* INFOTABLE */
	/*************/

.infotable {
	margin-top: 20px;
	border: 2px #7fc5e1 solid;
	/*width: 716px;*/
	}

.infotable .roundtop{
	position: relative;
	float: left;
	/*666width: 920px;*/
	/*width: 720px;*/
	height: 14px;
	top: -2px;
	left: -2px;
	/*background: transparent url(tableborder-top.gif) no-repeat top left;*/
	background: transparent no-repeat top left;
}
	
.infotable .roundbottom {
	position: relative;
	float: left;
	/*666width: 920px;*/
	/*width: 720px;*/
	height: 14px;
	top: -12px;
	/*top: 2px;*/
	left: -2px;
	/*background: transparent url(tableborder-bottom.gif) no-repeat top left;*/
	background: transparent no-repeat top left;
}

.inforow {
	padding: 10px;
	border-bottom: 1px #ade0f4 solid;
	/*666width: 900px;*/
}

.inforow h2 {
	font: bold 16px arial, helvetica, sans-serif;
	color: #3a5b88;
	letter-spacing: -0.2pt;
}

.inforow td {
	padding: 5px 0 5px 0;
}
	
td.titlerow {
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	spacing: 30px;
	padding-right: 3px;
	padding-left: 3px;
}
	
td.datarow1 {
	padding-right: 3px;
	padding-left: 3px;
	border-bottom: 1px dotted #DDDDDD;
}

td.datarow2 {
	padding-right: 3px;
	padding-left: 3px;
	border-bottom: 1px dotted #DDDDDD;
	background-color: #EFF8FF;
}
	
.table01{
	border: 1px hidden #BBBBBB;
}

td.title2row {
  background:#3A5B88 none repeat scroll 0 0;
  color:#FFFFFF;
	border:1px solid #3A5B88;
	font-size:12px;
	padding:3px;
	text-align:center;
	padding-right: 3px;
	padding-left: 3px;
}
	
td.data2row1 {
	border:1px solid #3A5B88;
	font-size:12px;
	padding:3px;
	/*text-align:center;*/
}

td.data2row2 {
	background:#F0F0F0 none repeat scroll 0 0;
	border:1px solid #3A5B88;
	font-size:12px;
	padding:3px;
	/*text-align:center;*/
}

/*opmGrid wordt gebruikt om een mededeling te tonen opgehaald via een report*/
td.opmGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #880000;
	font-style: italic;
	padding: 0px 5px;
}
	/**************/
	/* SEARCHZONE */
	/**************/

.searchzone {
	position: relative;
	float: left;
	/*666width: 700px;*/
	background: #ade0f4;
	padding: 10px;
}

.results {
	margin-top: 20px;
}
	
.results h2 {
	font: bold 17px arial;
	color: #3a5b88;
	padding-bottom: 6px;
}
	
.results table {
	background: #fff;
}

.results table td {
	padding: 3px;
	text-align: center;
	border: 1px #3a5b88 solid;
	font-size: 12px;
}

.results table tr.headerrow {
	background: #3a5b88;
	color: #fff;
}

.results table tr.alterrow { 
	background: #f0f0f0; 
}

.results .rowcount {
	text-align: right;
	padding-top: 6px;
	font: bold 17px arial;
	color: #3a5b88;
}
						
			
/**********/
/* FOOTER */
/**********/

.footer {
	width: 950px;
	background: #00a1e3;
	height: 10px;
}

/*****************/
/* MISC ELEMENTS */
/*****************/

.align-center { 
	margin: 0 auto; 
}
.width-small { 
	width: 160px; 
}
.width-medium { 
	width: 380px; 
}
.no-border { 
	border: none; 
}

/*************************************************************
										AFGERONDE HOEKEN
**************************************************************/		
/**** LIJN ****/						
.zrand {
	width:100%; 
	margin:0 0 100px 5px;
}
.xrand h1, .zrand h1 {
	margin:0; 
	font-size:1.2em; 
	padding:0 10px 5px 10px; 
	border-bottom:2px solid #7fc5e1;
}
.xrand p, .zrand p {
	margin:0; 
	padding:5px 5px 5px 10px; 
	font-size:12px;
}
.xrand {
	background: transparent; 
	/*width:100%; */
	clear:both;
/*	float:left; */
	margin:5px 0px; 
	/*display:inline;*/
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:transparent; 
	border-left:2px solid #7fc5e1; 
	border-right:2px solid #7fc5e1;
}
.xb1 {
  height: 2px;
	margin:0 5px; 
	background:#7fc5e1;
}
.xb2 {
	margin:0 3px; 
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; 
	margin:0 1px;
}

.xboxcontent {
	display:block; 
	border:0 solid #7fc5e1; 
	border-width:0 2px; 
	height:auto;
	padding: 10px;
}

* html .xboxcontent {
	height:1px;
}

.backgroundTitle{
	background-color: #2F71BE; /*C1D6FF;*/
}

.xboxcontent h2 {
	/*font: bold 16px arial, helvetica, sans-serif;
	color: #3a5b88;
	letter-spacing: -0.2pt;*/
	font: bold 17px arial, helvetica, sans-serif;
	color: #3a5b88;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px #3a5b88 solid;
}

.xboxcontent hr{
	color: #AAAAAA;
	background-color: #AAAAAA;
	height: 1px;
	align: center; 
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}

/**** GEKLEURD ****/
.xxboxcontent {
	display:block; 
	height:auto;
	padding: 10px;
}

.xx1, .xx2, .xx3, .xx4 {
	background-color: #ADE0F4;
	display:block; 
	overflow:hidden;
}
.xx1, .xx2, .xx3 {
	height:1px;
}
.xx2, .xx3, .xx4 {
	border-left:1px solid #ADE0F4; 
	border-right:1px solid #ADE0F4;
}
.xx1 {
  height: 2px;
	margin:0 5px; 
	background:#ADE0F4;
}
.xx2 {
	margin:0 3px; 
	border-width:0 2px;
}
.xx3 {
	margin:0 2px;
}
.xx4 {
	height:2px; 
	margin:0 1px;
}

/*  **************************************************    
                 Einde hoeken
    **************************************************    */
    
.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #003963;
	text-decoration: none;
}

.labelWSL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #003963;
	text-decoration: none;
	padding-left: 40px;
}

.regiostdhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #003333;
	text-decoration: none;
	padding: 5px;
	background-color: #9FE5FF;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;	
}

.regiostd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #003333;
	text-decoration: none;
	background-color: #9FE5FF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
}
.regiostdBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #003333;
	text-decoration: none;
	background-color: #7fc5e1;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
}

.titelregio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333366;
	text-decoration: none;
	padding: 5px;
  background-color: #7fc5e1;
  border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}
        
.selectieGrijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #993333;
	text-decoration: none;
	padding: 5px;
	background-color: #EFEFEF;
}

.tableregios {
   background-color: #9FE5FF;
   border: 1px solid #003963;  
   padding-right: 5px;
   padding-left: 5px;
   border-collapse: collapse;
}

.ISB_info {
	font: normal 15px arial, helvetica, sans-serif;
	color: #1A3B88;
}

.ISB_info a:link,
.ISB_info a:active,
.ISB_info a:visited,
.ISB_info a:hover{
	font: normal 12px arial, helvetica, sans-serif;
	color: #1A3B88;
}

.albatros {
	background-color: #bcee68;
	width:30px;
}

.eagle {
	background-color: #fba16c;
	width:30px;
}

.birdie {
	background-color: #ffdab9;
	width:30px;
}

.par {
	background-color: #ffffaa;
	width:30px;
}

.bogey {
	background-color: #bfefff;
	width:30px;
}

.doublebogey {
	background-color: #00b2ee;
	width:30px;
}

.worse {
	background-color: #00b2ee;
	width:30px;
}

.popupRegion {
	position:absolute;
	visibility:hidden;
	background-color:#D6DDE7;
	border:1px solid #333366;
	z-index: 10;
}

.htmldbUlErr{
  font-size: 12px;
  font-weight: bold;
  color: red;
}