

table.main{
text-align:left;
width:1000px;
margin:0px;
padding:0px;
height:100%;
}
.main_top {
}
	.main_display {
	width:30px;
	background: url(images/main_background.png) repeat-y right top;
	vertical-align:top;
	height:60px;
	overflow:hidden;	
	}
		.taal{
		width:30px;
		margin-left:5px;
		text-align:center;
		}
		.taalicon{
		border: none; 
		height:17px;
		margin:3px;
		cursor:pointer;
		}
		.taalicon_selected{
		border: none; 
		height:22px;
		margin:3px;
		}
	#switchuser{
	background: url(images/switch_user_en.png) no-repeat left top;
	width:25px;
	height:75px;
	position:relative;
	left:-30px;
	top:-20px;
	cursor:pointer;
	}
	#switchuser:hover{
	background: url(images/switch_user_en_sel.png) no-repeat left top;
	}
	.main_user{
		float:left;
		padding:5px;
		background-color:#dddddd;
		margin:5px;
		cursor:pointer;
		text-align:center;
		width:100px;
	}
	.main_user:hover{
		background-color:#eeeeee;
	}
	.main_menu { 
	width:970px;
	background: url(images/main_background.png) repeat-y center top;
	height:60px;
	overflow:hidden;
	}
	.main_exit{
	width:20px;
	vertical-align:top;
	padding-left:5px;
	background: url(images/main_background.png) repeat-y left top;
	}
	.main_menu_item{
	height:60px;
	vertical-align:top;
	overflow:hidden;
	}
	.main_menu_item_indiv{
	width:940px;
	}
.main_intersection{
height:50px;
background: url(images/main_intersection.png) no-repeat center top;
}
.main_content{
height:100%;
background: url(images/main_background.png) repeat-y center top;
}
/*-----view ID's---*/
.view_id_selected{
background-color:#a2b5c9;
border:1px solid #7a9fc6;
cursor:pointer;
}
.view_id_not_selected{
}
.view_id_ok{
background-color:#78c181;
border:1px solid #4baa57;
}
.view_id_attention{
background-color:#e89450;
border:1px solid #d3762b;
}
.view_id_error{
background-color:#bf6464;
border:1px solid #b74343;
}
.view_id_neutral{
background-color:#cccccc;
border: 1px solid #a8a4a4;
}
.view_id_blacklist{
background-color:#000000;
color:#ffffff;
}
.meerdere_bladen{
height:15px;
width:15px;
background-color:#e0dfcf;
border:1px solid #555555;
text-align:center;
}
.selected_meerdere_bladen{
height:15px;
width:15px;
background-color:#e0dfcf;
border:1px solid #555555;
text-align:center;
}

/*-------------------select houder-----------------------*/
.option_houder{
margin-top:-10px;
position:absolute;
z-index:40;
width:220px;
overflow-x:hidden;
}
.option_houder .option{
border-bottom:1px dotted #aaaaaa;
color:#ffffff;
padding:3px;
}
.option_houder .option:hover{
color:#cccccc;
}
.select_top{
width:220px;
background: url(images/single_select_top.png) no-repeat left top;
height:15px;
}
.select_main{
background: url(images/single_select_main.png) repeat-y left center;
}
.select_bottom{
background: url(images/single_select_bottom.png) no-repeat left bottom;
height:10px;
}

/*------------------- fiches ------------------------*/

.accountlink{
	cursor:pointer;
	font-style:italic;
}
.accountlink:hover{
	text-decoration:underline;
}
.fiches_container{
height:800px;
width:325px;
}
.fiche_buttons{
display:block;
width:100%;
float:left;
clear:both;
padding-bottom:2px;
}

.fiche_button{
float:left;
height:11px;
padding:5px;
margin:0px 3px 3px 0px;
font-weight:bold;
cursor:pointer;
color:#888888;
font-size:10px;

background-color:#d4d4d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d4d4d4));
background: -moz-linear-gradient(top, #ffffff, #d4d4d4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d4d4d4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d4d4d4)";

border:1px solid #aaaaaa;
text-align:center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;

}
.fiche_button:hover{
font-weight:bold;
cursor:pointer;
color:#555555;
background-color:#9e9e9e;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#9e9e9e));
background: -moz-linear-gradient(top, #eeeeee, #9e9e9e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#9e9e9e);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#9e9e9e)";


}
.fiche_selected_button{
float:left;
height:11px;
padding:5px;
margin:0px 3px 3px 0px;
font-weight:bold;
cursor:pointer;
font-size:10px;

border:1px solid #aaaaaa;
text-align:center;

cursor:pointer;
color:#555555;
background-color:#9e9e9e;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#9e9e9e));
background: -moz-linear-gradient(top, #eeeeee, #9e9e9e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#9e9e9e);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#9e9e9e)";
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;



}
.fiche_box{
float:left;
width:325px;
display:block;
background-color:#a2b5c9;
border-right:2px solid #777777;
border-bottom:2px solid #777777;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
		.fiche_houder{
		float:left;
		display:block;
		clear:both;
		width:100%;
		}

body.fileupload{
background-color:#a2b5c9;
background-image:none;
}
#saved{
background:  url(images/check.png) no-repeat top center;
width:25px;
min-height:25px;
height:25px;
float:left;
}
#opslaan{
background:  url(images/loading2.gif) no-repeat top center;
width:30px;
min-height:25px;
height:25px;
float:left;
}
.saved{
background:  url(images/check.png) no-repeat top center;
width:25px;
min-height:25px;
height:25px;
float:left;
}
.opslaan{
background:  url(images/loading2.gif) no-repeat top center;
width:30px;
min-height:25px;
height:25px;
float:left;
}


/*------------------- lightbox-----------------------*/
#lightbox {
display:none;
top:0px;
left:0px;
min-width:100%;
width:100%;
min-height:100%;
height:100%;
z-index:500;
position:absolute;
background:#000000;
-moz-opacity:0.7;
opacity: .70;
filter:alpha(opacity=70);
}
#lightbox-panel {
display:none;
position:absolute;
top:50px;
left:50%;
margin-left:-400px;
height:600px;
width:800px;
background:#FFFFFF;
border:2px solid #CCCCCC;
z-index:501;
}

/*------------------- Menu items -----------------------*/
.bt_menu{
background:  url(images/bt_bg_grey.png);
background-repeat:no-repeat;
background-position:left center;
height:25px;
padding-right:0px;
text-align:center;
cursor:pointer;
padding-top:5px;
text-transform:uppercase;
text-color:#666666;
font-size:10px;

}
.bt_menu div.right{
background:  url(images/bt_bg_grey_end.png);
background-repeat:no-repeat;
background-position:right center;
height:25px;
width:10px;
position:relative;
float:right;
z-index:1;
margin-top:-4px;
}

.bt_menu:hover{
background:  url(images/bt_bg_grey_selected.png);
background-repeat:no-repeat;
background-position:left center;
height:25px;
padding-right:0px;
text-align:center;
cursor:pointer;
padding-top:5px;
text-transform:uppercase;
text-color:#666666;
font-size:10px;
}
.bt_menu:hover div.right{
background:  url(images/bt_bg_grey_end_selected.png);
background-repeat:no-repeat;
background-position:right center;
height:25px;
width:10px;
position:relative;
float:right;
z-index:1;
margin-top:-4px;
}
.bt_selected_menu{
background:  url(images/bt_bg_grey_selected.png);
background-repeat:no-repeat;
background-position:left center;
height:25px;
padding-right:0px;
text-align:center;
cursor:pointer;
padding-top:5px;
text-transform:uppercase;
text-color:#666666;
font-size:10px;
}
.bt_selected_menu div.right{
background:  url(images/bt_bg_grey_end_selected.png);
background-repeat:no-repeat;
background-position:right center;
height:25px;
width:10px;
position:relative;
float:right;
z-index:1;
margin-top:-4px;
}

/*----------------------BOX------------------------------------*/

.box_1{
	margin-bottom:15px;
	border:2px solid #cccccc;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:left;
}
	.box_1 .tl{
	}
	.box_1 .tr{
	}
	.box_1 .bl{
	}
	.box_1 .br{
	}
	.box_1 .content{
	text-align:center;
	}
	.box_1 .title{
	position:relative;
	text-align:center;
	top:-12px;
	margin-left:10px;
	margin-right:10px;
	background-color:#ffffff;
	font-size: 15px;
	font-weight:bold;
	color:#888888;
	}
.box_2{
	margin-left:10px;
	margin-bottom:10px;
	background-color: #d9d9d9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:left;
}
	.box_2 .tl{
	}
	.box_2 .tr{
	}
	.box_2 .bl{
	}
	.box_2 .br{
	}
	.box_2 .content{
	text-align:center;
	}
	.box_2 .title{
	position:relative;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	top:-18px;
	font-size: 15px;
	font-weight:bold;
	color:#555555;
	}
.box_3{
	margin-left:10px;
	margin-bottom:15px;
	background-color: #a2b5c9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:left;
}
	.box_3 .tl{
	}
	.box_3 .tr{
	}
	.box_3 .bl{
	}
	.box_3 .br{
	}
	.box_3 .content{
	text-align:center;
	}
	.box_3 .title{
	position:relative;
	text-align:left;
	top:-20px;
	margin-left:10px;
	margin-right:10px;
	margin-top:15px;
	font-size: 15px;
	font-weight:bold;
	color:#555555;
	}
/*----------------------Forms----------------------------------*/
.button1{
padding:3px;
width:110px;
height:23px;
font-size:11px;
color:#555555;
cursor:pointer;
border:none;
background:  url(images/button1.png) no-repeat top center;
}
.button1:hover{
background:  url(images/button1_hover.png) no-repeat center center;
color:#ffffff;
cursor:pointer;
}


.textfield_search_250 {
background:  url(images/search_field_250.png) no-repeat center left;
height:24px;
width:250px;
}
	input.input_search_250{
	margin-left:25px;
	margin-right:15px;
	margin-top:2px;
	background:transparent;
	border:none;
	font-size:13px;
	width:210px;
	}
.autocomp{
background:  url(images/search_field_150.png) no-repeat center left;
height:20px;
padding-left:22px;
}
	.autocomp input{
	width:150px;
	border:0px solid #ffffff;
	background-color:transparent;
	color:#333333;
	height:18px;	
	}
/*  ------------------------------------------fancy meny jquery  dock - top*/
.dock {
position: relative; 
height: 50px; 
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none; 
/*margin: 5px 10px 0px; */
width: 80%; 
}
.dock-item span {
display: none; 
text-transform:uppercase;
text-color:#666666;
font-size:10px;
}
/*----------------------GALLERY------------------------------------*/
.galleryalbum{
background:  url(images/background_album.png) no-repeat top center;
height:225px;
width:151px;
margin:5px;
text-align:center;
}
	.galleryalbumbuttons{
	margin-top:3px;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	}
	.galleryalbumimagehouder{
	text-align:center;
	width:120px;
	height:100px;
	overflow:hidden;
	margin-top:3px;
	border:1px solid #bbbbbb;
	}
	.galleryalbumtitle{
	background-color:transparent;
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	color:#555555;
	}
	.galleryalbumdetails{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:9px;
	color:#999999;
	}
.galleryimage{
background:  url(images/background_album.png) no-repeat top center;
height:225px;
width:151px;
margin:5px;
text-align:center;
}
	.galleryimage .buttons{
	margin-top:3px;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	}
	.galleryimage .imagehouder{
	text-align:center;
	width:120px;
	height:100px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.galleryimagetitle{
	font-size:11px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	color:#555555;
	text-align:left;
	}
	.galleryimagedetails{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	font-size:9px;
	color:#999999;
	}
	.galleryimage .titleboxhouder {
	height:60px;
	width:120px;
	margin:0px;
	padding:0px;		
	margin-top:2px;
	}
	.galleryimage .titleboxhouder .titlebox{
	height:60px;
	width:120px;
	margin:0px;
	padding:0px;
	border:1px solid #bbbbbb;
	overflow-y:auto;
	}

/*----------------------TEAMPAGE------------------------------------*/

#teampagecontainer{
padding:10px;
}
.teamicon{
background:  url(images/background_team.png) no-repeat top center;
height:151px;
width:151px;
margin:5px;
text-align:center;
}
	.teamicon .imagehouder{
	text-align:center;
	width:120px;
	height:100px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.teamicon .title{
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	}
.teamdetails{
width:180px;
background-color:#a4b6ca;
background: -webkit-gradient(linear, left top, left bottom, from(#ced7e2), to(#a4b6ca));
background: -moz-linear-gradient(top, #ced7e2, #a4b6ca);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ced7e2, endColorstr=#a4b6ca);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ced7e2, endColorstr=#a4b6ca)";
border:1px solid #8797a9;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.teamdetails_top{
float:left;
width:100%;
height:12px;
}
.teamdetails_bottom{
float:left;
width:100%;
padding-bottom:15px;
}
	.titleteamdetails {
	font-size:12px;
	font-weight:bold;
	margin:7px 10px 0px 10px;
	padding-left:2px;
	border-bottom:1px dotted #888888;
	}
	.detailsteamdetails {
		font-size:11px;
		margin-top:3px;
		margin-left:20px;
		margin-right:10px;		
	}
	.tabeldetails{
	font-size:10px;	
	}
.teamiframe{
height:283px;
width:600px;
margin:5px;
}
.teamperson{
background:  url(images/background_teamperson.png) no-repeat top center;
height:164px;
width:110px;
margin:5px;
text-align:center;
}
	.imagehouderteamperson{
	text-align:center;
	width:85px;
	height:85px;
	margin-top:10px;
	}
	.titleteamperson{
	font-size:10px;
	font-weight:bold;
	margin-top:2px;
	padding-left:10px;
	padding-right:10px;
	color:#555555;
	}
	.detailsteamperson{
	font-size:10px;
	padding-left:10px;
	padding-right:10px;
	color:#888888;
	}	
.teamfan{
background:  url(images/background_teamfan.png) no-repeat top center;
height:189px;
width:110px;
margin:5px;
text-align:center;
}

	.imagehouderteamfan{
	text-align:center;
	width:85px;
	height:85px;
	margin-top:2px;
	margin-bottom:3px;
	}
	.titleteamfan{
	font-size:10px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	color:#555555;
	}
	.detailsteamfan{
	font-size:10px;
	padding-left:10px;
	padding-right:10px;
	color:#888888;
	}
	.buttonteamfan{
	margin-right:5px;
	margin-top:5px;
	height:15px;
	}	
.trainingoverview{
height:283px;
width:660px;
margin:0px 0px 10px 15px;
background-color:#d4d4d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
background: -moz-linear-gradient(top, #ececec, #d4d4d4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4)";
border:1px solid #cccccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.overviewcontainer{
	overflow-y:scroll;
	margin-left:15px;
	margin-top:5px;
	margin-right:15px;
	height:240px;
	}	
.aanwezigoverview{	
width:100%;
background-color:#d4d4d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
background: -moz-linear-gradient(top, #ececec, #d4d4d4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4)";
border:1px solid #cccccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.tableaanwezigoverview{	
	margin-top:10px;
	margin-bottom:10px;
	}
	.tableonderao tbody tr td img{
	height:13px;
	margin:0px;
	border:none;
	}	
	.titleaanwezigoverview{	
	padding:2px;
	border-right:1px solid #aaaaaa;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	height:50px;
	}	
	.naamaanwezigoverview{	
	border-bottom:1px dotted #aaaaaa;
	padding:2px;
	height:20px;
	min-height:20px;
	overflow:hidden;
	font-size:9px;
	}

	.iaona{
	text-align:center;
	height:20px;
	min-height:20px;
	padding:2px;
	overflow:hidden;
	border-bottom:1px dotted #dddddd;
	border-right:1px dotted #dddddd;
	background:  url(images/bg_stripe.png) repeat top left;
	}

	
	.iao{
	border-bottom:1px dotted #aaaaaa;
	border-right:1px dotted #aaaaaa;
	text-align:center;
	height:20px;
	min-height:20px;
	padding:2px;
	overflow:hidden;
	}
	.naamaanwezigoverview_sel{	
	background-color:#aaaaaa;
	font-weight:bold;
	padding:2px;
	height:20px;
	min-height:20px;
	overflow:hidden;
	font-size:9px;
	}

	.iao_sel{
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	padding:2px;	
	text-align:center;
	height:20px;
	min-height:20px;
	cursor:pointer;
	overflow:hidden;
	}
.messagebox{
width:850px;
margin-bottom:5px;
padding-top:5px;
background-color:#d4d4d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
background: -moz-linear-gradient(top, #ececec, #d4d4d4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4)";
border:1px solid #cccccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.titlemessagebox{
	padding-right:15px;
	
	}
	.frommessagebox{
	padding:0px 10px 10px 10px;
	width:95px;
	max-width:95px;
	}
	.messagemessagebox{
	padding:0px 15px 5px 0px;
	font-size:11px;
	line-height: 140%;		
	vertical-align:top;
	width:632px;
	}
	.imagehoudermessage{
	text-align:center;
	width:75px;
	height:75px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.detailmessage{
	text-align:left;
	color:#777777;
	font-size:10px;
	}
	.messagebox p{
	margin:0px;
	padding:0px;
	}
.messagebox2{
width:850px;
margin-bottom:5px;
padding-top:5px;
background-color:#cb6969;
background: -webkit-gradient(linear, left top, left bottom, from(#cb6969), to(#c74848));
background: -moz-linear-gradient(top, #cb6969, #c74848);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb6969, endColorstr=#c74848);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cb6969, endColorstr=#c74848)";
border:1px solid #cccccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.messagebox2 p{
	margin:0px;
	padding:0px;
	}
.reactionbox{
margin-top:5px;
padding-top:5px;
width:800px;
margin-left:50px;
background-color:#dad3af;
background: -webkit-gradient(linear, left top, left bottom, from(#ebe8d2), to(#dad3af));
background: -moz-linear-gradient(top, #ebe8d2, #dad3af);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af)";
border:1px solid #cfcaad;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}
	.titlereactionbox{
	padding-right:10px;

	}
	.fromreactionbox{
	padding:0px 10px;
	width:80px;
	}
	.messagereactionbox{
	vertical-align:top;
	width:700px;
	}
	.messagereactioninside{
	padding:0px 15px 5px 10px;
	font-size:11px;
	line-height: 140%;		
	vertical-align:top;
	}
	.imagehouderreaction{
	text-align:center;
	width:70px;
	height:70px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.detailreaction{
	text-align:left;
	color:#666666;
	font-size:10px;
	}
	.reactionbox p{
	margin:0px;
	padding:0px;
	}

.mailtonaam{
	font-size:9px;
}


.show_videos{
	float:left;
	width:780px;
	height:85px;
	overflow:hidden;
	margin:10px;
	padding:7px;
	background-color:#dad3af;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebe8d2), to(#dad3af));
	background: -moz-linear-gradient(top, #ebe8d2, #dad3af);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af)";
	border:1px solid #cfcaad;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.show_videos:hover{
	background-color:#dad3af;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebe8d2), to(#d5c885));
	background: -moz-linear-gradient(top, #ebe8d2, #d5c885);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#d5c885);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#d5c885)";
}
	.show_videos_thumbnail{
		float:left;
		width:120px;
		height:85px;
		margin-right:10px;
		overflow:hidden;
		cursor:pointer;
	}

	.show_videos_title{
		float:left;
		width:250px;
		font-size:15px;
		font-weight:bold;
		color:#777777;
		cursor:pointer;
	}
	.show_videos_by{
		float:left;
		width:250px;
		font-size:10px;
		color:#777777;
		cursor:pointer;
	}
	.show_videos_description{
		float:right;
		width:350px;
		height:85px;
		font-size:10px;
		color:#777777;
		overflow-y:auto;
		cursor:pointer;
	}

.languagebutton{
background-color:#aaaaaa;
border:1px solid #555555;
color:#555555;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-right:2px;
font-size:10px;
}

.languagebutton_selected{
background-color:#ffffff;
border:1px solid #555555;
color:#555555;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-right:2px;
font-size:10px;
}


/*------------------------------------------- begin popup ----------------------------------------------*/
.popup_player_bottom{
	background-color:#dad3af;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebe8d2), to(#dad3af));
	background: -moz-linear-gradient(top, #ebe8d2, #dad3af);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af)";
	border:1px solid #cfcaad;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width:316px;
}
/*-----------------------------------------------------SUPPORT---------------------------------------*/
.supportbutton{
background:  url(images/bt_support_button.png) no-repeat top left;
height:30px;
width:125px;
padding-right:10px;
padding-bottom:5px;
color:#ffffff;
font-weight:bold;
font-size:13px;
cursor:pointer;
text-align:center;
}
.supmessagebox{
width:850px;
margin-bottom:5px;
background-color:#d4d4d4;
background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
background: -moz-linear-gradient(top, #ececec, #d4d4d4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4)";
border:1px solid #cccccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.suptitlemessagebox{
	padding-right:15px;
	}
	.supfrommessagebox{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:105px;
	max-width:105px;
	}
	.supmessagemessagebox{
	padding-right:15px;
	padding-bottom:15px;
	font-size:11px;
	line-height: 140%;		
	vertical-align:top;
	width:632px;
	}
	.supimagehoudermessage{
	text-align:center;
	width:85px;
	height:85px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.supdetailmessage{
	text-align:left;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	}
	.supdetailmessage2{
	text-align:left;
	color:#777777;
	font-size:10px;
	}
.supreactionbox{
margin-top:5px;
width:800px;
margin-left:50px;
background-color:#dad3af;
background: -webkit-gradient(linear, left top, left bottom, from(#ebe8d2), to(#dad3af));
background: -moz-linear-gradient(top, #ebe8d2, #dad3af);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebe8d2, endColorstr=#dad3af)";
border:1px solid #cfcaad;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
	.suptitlereactionbox{
	padding-right:10px;
	}
	.supfromreactionbox{
	padding:0px 10px;
	width:100px;
	}
	.supmessagereactionbox{
	vertical-align:top;
	width:700px;
	}
	.supmessagereactioninside{
	padding:0px 15px 15px 10px;
	font-size:11px;
	line-height: 140%;		
	vertical-align:top;
	}
	.supimagehouderreaction{
	text-align:center;
	width:70px;
	height:70px;
	overflow:hidden;
	margin-top:10px;
	border:1px solid #bbbbbb;
	}
	.supdetailreaction{
	text-align:center;
	color:#666666;
	font-size:10px;
	}

/*----------------------COMPAGE------------------------------------*/
.compagelogo{
height:85px;
float:left;
}
.companyinfodet{
padding:2px 5px;
width:150px;
}
.companyinfo{    
margin-right:10px;
}
.companyperson{    
margin:10px;
background-color:#ffffff;
border:1px solid #cccccc;
}
.moreoptions{
font-size:10px;
color:#999999;
cursor:pointer;
}
.moreoptions img{
margin-right:5px;
height:14px;
}
.res_oc{
border:1px solid #77798e;
}
.profilepic{
text-align:center;
overflow:hidden;
border:1px solid #bbbbbb;
}
img{
border:none;
}

/*----------------------SETTINGS-------------------------------------------------*/

.rss_onli_news{
	clear:both;
	padding:5px;
	width:290px;
	margin-bottom:5px;
	background-color:#d4d4d4;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
	background: -moz-linear-gradient(top, #ececec, #d4d4d4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ececec, endColorstr=#d4d4d4)";
	border:1px solid #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}

/*----------------------OVERZICHT REGISTRATIES------------------------------------*/
.rowodd{
background:#dddddd;
}
.roweven{
background:#dbe0f1;
}
.regovertitle{
font-size:11px;
text-align:center;
}
.regoveramount{
font-size:11px;
text-align:right;
}
.regoverday{
vertical-align:top;
min-width:30px;
}
.regoverit{
background:#cccccc;
min-width:15px;
min-height:15px;
margin:1px;
padding:1px;
border:1px solid #444444;
}


/*TOT HIER GOEDGEKEURD VERSIE 3*/
.view_id_alert{
background-color:#bb2b2b;
}
.highlighted{
background-color:#ffff00;
}
input{ 
font-size: 11px; 
}

.redborder{
font-size: 11px; 
border:1px solid red;
}

td.sportfiche_link{
color: #2b2b2b; 
width:100px;
height:30px;
text-align: center; 
font-size:14pt;
border: 1pt solid #2b2b2b;
}

td.sportfiche_link_selected{
background-color:#FFFFFF;
color: #2b2b2b; 
width:100px;
height:30px;
text-align: center; 
font-size:14pt;
border: 1pt solid #2b2b2b;
}

div.sportfiche_tg{
float:none;
overflow:auto;
background-color:#FFFFFF;
color: #2b2b2b; 
width:310px;
height:150px;
text-align: center; 
text-decoration:none;
font-family:arial; 
font-size:10pt;
border: 1pt solid #2b2b2b;
}

div.row{
color: #2b2b2b; 
width:100%;
height:20px;
text-decoration:none;
font-family:arial; 
font-size:9pt;
background-color: #ffffff;
}


legend{
color: #BB2B2B; 
text-align: left; 
font-weight:bold; 
font-style:italic; 
font-size: 12pt;
}
fieldset{
border: 1px solid #888888;
}

table.popup{ 
background-color:#DEDEDE;
width=90%
}

td {
color: #2B2B2B; 
font-family:arial; 
font-size:9pt;
}

td.error{    
color: #2b2b2b; 
background-color: #BB2B2B; 
text-align: center; 
}

.opentop{    
color: #2B2B2B; 
text-align: left; 
font-weight:bold; 
font-size:11px;
}
.opentopdetail{    
color: #777777; 
text-align: left; 
font-size:9px; 
font-style:italic; 
padding-left:3px;
padding-top:-1px;
}
.closetop{    
color: #efefef;
background-color: #999999;
border:1px solid #888888;
padding:3px;
text-align: left; 
font-weight:bold; 
font-style:italic; 
}
.closetopbox{    
border:1px solid #555555;
margin-top:0px;
}
.tablesubcat{    
color: #FFFFFF; 
background-color: #A72B2B; 
text-align: center; 
font-weight:bold; 
}
.trainingschema{    
color: #000000; 
text-align: center; 
font-size:10pt;
}
a{
color: inherit; 
text-decoration:none;
font-size:inherit;
}
a.link{
color: #2b2b2b; 
text-decoration:none;
font-family:verdana; 
font-size:9pt;
}


.forumbutton_selected{
vertical-align:middle;
background-image:url("images/forumbutton_selected.png");
background-position:center right;
background-repeat:no-repeat;
text-align:center;
overflow:hidden;
width:105px;
height:49px;
color: #55555; 
text-decoration:none;
font-family:verdana; 
font-weight:bold; 
font-size:7pt;
}
.forumbutton{
vertical-align:middle;
text-align:center;
width:105px;
height:40px;
overflow:hidden;
color: #999999; 
text-decoration:none;
font-weight:bold; 
font-family:verdana; 
font-size:6pt;
}
.forumbackground{
background-color: #ffffff;
text-align:center;
border:3px solid #afb2bd;
color: #333333; 
text-decoration:none;
height:500px;
width:880px;
}
.forumtopic{
width:200px;
padding:0px;
height:100%;
background-color: #e3e4e6;
color: #999999; 
text-decoration:none;
}
.forumtopic ul li{
padding-bottom:3px;
}
.forumtopic ul li:hover{
text-decoration:underline;
}
.forumtopictable{
border:1px solid #afb2bd;
border-collapse:collapse;
margin-top:5px;
margin-bottom:2px;
width:95%;
}
.topictitle{
background-color: #afb2bd;
color:#555555;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
font-size:13px;
font-weight:bold;
font-style:italic;
width:90%;
}
.topictitlebutton{
width:50px;
max-width:50px;
}
.topictitlebutton span img{
height:25px;
}
.topictitlebutton img{
margin-left:5px;
height:15px;
}
.topicwrittenby{
color:#999999;
font-style:italic;
font-size:9px;
width:90%;
}
.topicpicture {
width:80px;
}
.topicpicture img{
height:80px;
}
.topicmessage{
padding:3px;
vertical-align:top;
margin-top:3px;
font-size:11px;
width:100%;
}
.forum_write_message{
margin-top:5px;
border:3px solid #afb2bd;
}

.organbox{
display:block;
background-color: #9ca0b7;
color: #ffffff; 
text-decoration:none;
font-family:verdana; 
font-size:7pt;
max-width:120px;
border:1px solid black;
padding:5px;
}


//----------------------------------------------------------------VOOR MULTIUPLOAD
div.multiupload{
border:1px outset gray;
float:left;
padding:3px;
background:#eee;
}
div.multiupload div.list{
border:1px inset gray;
background: #fff;
}
div.multiupload div.list div.item{
margin:1px;
background: #eee;
}
div.multiupload div.list div.item:hover{
background: #ccc;
}
div.multiupload div.list img{
margin: 3px;
cursor:pointer;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

td.dag_barcalendar{
width: 120px;
height: 200px;
background-color:#afb8c6;
vertical-align: top 
}

td.current_dag_barcalendar{
width: 120px;
height: 200px;
background-color:#c6b3af;
vertical-align: top 
}

td.datum_barcalendar{
font-family:Arial;
font-size:8pt;
}


td.itemtitle_barcalendar{
display:block;
width=100%
font-family:Arial;
font-size:8pt;
background-color:#555555;
color:#ffffff;
}
td.itemtitle_barcalendar_selected{
display:block;
width=100%
font-family:Arial;
font-size:8pt;
background-color:#888888;
color:#ffffff;
}

td.item_barcalendar{
width=100%
font-family:Arial;
font-size:7pt;
}

td.item_barcalendar_replace{
width=100%
font-family:Arial;
font-size:7pt;
background-color:#ff7e00;
}
td.item_barcalendar_replace_selected{
width=100%
font-family:Arial;
font-size:7pt;
background-color:#ff7e00;
border: 1pt solid #ffffff;
}
td.item_barcalendar_highlight{
width=100%
font-family:Arial;
font-size:7pt;
background-color:#fff000;
}
td.item_barcalendar_highlight_selected{
width=100%
font-family:Arial;
font-size:7pt;
background-color:#ffff55;
}

td.rb{
 width:10px; 
 height:5px;
 min-height:5px;
 max-height:5px;
 font-size:3px; 
}
td.rbh{
 width:2px; 
 height:5px;
 min-height:5px;
 max-height:5px;
 font-size:3px; 
}

.emailok{
vertical-align:middle;
margin-bottom:2px;
height:20px;
border:1px solid #89909d;
background-color:#cccccc;
margin-right:4px; 
}


.emailfail{
vertical-align:middle;
margin-bottom:2px;
height:20px;
border:1px solid #910707;
background-color:#dfb35e;
margin-right:4px; 
}
.emailerror{
vertical-align:middle;
margin-bottom:2px;
height:20px;
border:1px solid #910707;
background-color:#df705e;
margin-right:4px; 
}


/*RANKING*/
.rankingcontainer_top{	
background:  url(images/background_teampag.png) no-repeat top center;
height:15px;
width:836px;
}
.rankingcontainer{	
background:  url(images/background_teampag.png) no-repeat bottom center;
width:836px;
padding-bottom:20px;
}
.ranking{
text-align:center;
width:500px;
}
.rt{
font-weight:bold;
text-align:center;
}
.rt td{
padding-left:5px;
padding-right:5px;
border:1px dotted #999999;
}
.rrs{
background-color:#a2b5c9;
}
.rrs td{
border:1px dotted #999999;
}
.rr td{
border:1px dotted #999999;
}
.ss{
border:1px dotted #999999;
text-align:left;
}
.st{
border:1px dotted #999999;
text-align:left;
font-weight:bold;
}
.speeldag{
float:left;
background:  url(images/speeldag.png) no-repeat top center;	
height:23px;
width:25px;
min-width:25px;
text-align:center;
cursor:pointer;
padding-top:4px;
}
.speeldag_selected{
float:left;
background:  url(images/speeldag_selected.png) no-repeat top center;	
height:23px;
width:25px;
min-width:25px;
text-align:center;
cursor:pointer;
padding-top:4px;
}
