/* Basics */
/* Form */
form {
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#000;
}

input, textarea, select{
	border:none;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:13px;
	padding:5px;
	border:1px solid #CCC;
	color:#444;
	background:transparent url('../img/alpha_50_wit.png') top left repeat;		
}

input:hover, textarea:hover, select:hover{
	background-color:#ffffff;		
}


.loginSubmit{
	cursor:pointer;	
	border:1px solid #0099ff;
	padding:2px 40px;
	background:#edf8ff url('../img/icons/user_go.png') 5px 3px no-repeat;
}

.submit{
	cursor:pointer;	
	border:1px solid #0099ff;
	padding:2px 40px;
	background:#edf8ff url('../img/icons/disk.png') 5px 3px no-repeat;
}



/* tijdlijn */
.event{
	float:left;
	padding:4px;
	text-align:left;
	width:275px;
	margin:0 5px 10px;	

}

.eventList{
	/*overflow:auto;
	max-height:150px;*/
	margin:0px;
	padding:0px;

}

.eventList li{
	background:#fdf8df;
	border:2px solid #ffbb00;
	list-style:none;
	margin:5px;
	float:left;
	padding:4px 7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.eventList li:hover{
	cursor:pointer;
	background:#f9f9f9;
	border:2px solid #cccccc;
	color:#000000;
}

.eventList li h1{
	font-size:12px;
	font-family:verdana;
	display:block;
	float:left;
	width:205px;
	color:red;
	margin:0px;
	padding:0px;	
}


.eventList li .fotos{
	float:right;	
	background:url(../img/icons/images.png) no-repeat top right;		
	width:40px;
	color:#000000;
	font-size:14px;
}

.eventHeading{
	font-size:28px;
	font-weight:bold;
	margin:-5px -5px 10px;
	padding:2px 5px;
	text-align:center;
	background:#ffffff url(../img/calendar.png) 85px 5px no-repeat;	
	color:#d81a21;
}

#tijdlijnLimiter{
	width:750px;
	overflow:hidden;
	padding-top:10px;
	margin:0px auto 50px auto;
	position:relative;
	
}

#jarenscroll{ /* losse jaren wrapper */
	height:30px;
	background-color:#F5F5F5;
	border:1px solid #EEEEEE;
	color:#999999;
	z-index:9;	
}

#scrollPoint{
	margin:0px;
	padding:0px;
	list-style:none;
	
}

.scrollPoints{	/* De losse jaren */
	float:left;
	list-style:none;
	font-size:1.4em;
	padding:4px 10px;
	text-align:center;	
	width:100px;		
	z-index:10;
	position:relative;
}

#highlight{
	height:28px;
	position:absolute;
	z-index:8;
	background:#fdf8df;
	border:2px solid #ffbb00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	/*border-width:0 1px;*/
}

#centered{
	width:750px;
	overflow:hidden;
}

#slider{
	margin:10px auto;
	height:25px;
}

.thumb {	border:1px solid #ccc;	padding:3px;	margin:2px;	background-color:#fff;}
.thumb:hover {	border:1px solid #777;}

/* Scrollbar*/
.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 2440px; float: left; }
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }


.clear{
	clear:both;
}

.loadingdiv {
	position:absolute;
	margin-top:10px;
	padding:10px;
	z-index:1001;
	background-color:#ffffff;
	color:#050505;
	text-align:center;
	font-weight:bold;	
	filter:opacity(alpha=90);
	-moz-opacity:.9;
	opacity:.9;	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}


#zoekList{
	list-style:none;
	padding:0px;
	margin:0px;
}

#zoekList li{
	width:260px;
	cursor:pointer;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;		
	border-bottom:1px dotted #ccc;
	float:left;
}

#zoekList li:hover{
	background-color:#EEE;
}