@charset "utf-8";
/*-----------------------*/
/*    	  LIACS		 */
/* Cascading Style Sheet */
/*  Jan van Staalduinen  */
/*-----------------------*/



/* ALGEMEEN */
	body	{ width:100%; 
		  height:100%;

		  font-family: 'Numans', sans-serif;
		  font-family: 'Signika Negative', sans-serif;
		  font-weight: lighter;
		  margin:0px;
		  padding:0px;
		  text-align:center;
		  background-image: url('../gradient.jpeg');
		  background-attachment:fixed;
		  background-repeat:repeat-x;
 		  background-color:#fff;
		}
	
	img 	{ border:0px; }
	
	#content { margin:0 auto;
			   position:relative;
			   margin-top:30px;
			   margin-bottom:30px;
			   width:1000px;
			  padding-bottom:50px;
		}
	i	{ position:relative; top:3px; font-size:12px; }
	
	#topbar a.btn	{ border-radius:5px 5px 0 0; border-bottom:0; cursor:pointer; }
	
	iframe { border:0;
		width:100%;
		height:500px;
		}

/* NAV-BAR */
	#navbar {	width:100%;
			position:relative;
			top: 10px;
			box-shadow: 0px 0px 8px 2px #ccc;
			font-weight:normal;
			background-color:#F3F3F3;
			border-radius: 5px;
			text-align:left;
			overflow:hidden;
		}
	.menuitem { 	margin:0px; }
	.menuitem:hover { background-color:#dfdfdf; box-shadow: 0px 0px 20px 20px #dfdfdf; }
	.menuitem_active {background-color:#BBB; box-shadow: 0px 0px 20px 20px #bbb; }
	
	a:link, a:visited, a:hover, a:active { color:#000; text-decoration:none; }
	

/* BANNER */
	
	#topbar {	color:black;
			margin-top:-15px;
			width:99%;
			text-align:right;
			text-shadow: 0.1em 0.1em 0.2em black;
		}
	#topbar btn-small { border-radius:5px 5px 0 0 ; height:10px; }
	#topbar a 	{ text-decoration:none; 	}
	#topbar a:hover { text-decoration:none; }
	
	
	#banner { 	overflow:hidden;
			width:100%;
			height:150px;
			box-shadow: 0px 0px 8px 2px #ccc;
			background-color:#F3F3F3;
			border-radius: 10px 10px 10px 10px;
			background-image: url('../banner2.jpg');
		}
	#socialmedia { position:absolute; top:40px; right:20px; }
	.socmedlogo { width:35px; height:35px; border-radius: 5px; }
	.socmedlogo:hover {  box-shadow: 0 0 10px 5px #ccc; }

	#banner_logo { 	height:100px;	}

	#banner_logo_box {	background-color: white; 
				box-shadow: 0 0 50px 50px #fff;
				float: left;
				opacity:0.85; filter:alpha(opacity = 85); 
				padding:25px;
				margin-left:-5px;
	}
	#banner_logo_box:hover {opacity:0.89; filter:alpha(opacity = 89); }
		
/* LINKERTEKSTVAK (CONTENT) */
	#text {	width:100%;
			box-shadow: 0px 0px 8px 2px #ccc;
			background-color:#F3F3F3;
			border-radius: 5px;
			position:relative;
			top:30px;
			text-align:left;
			visibility:visible;
		}
	.padded { padding:15px; }
	
	#text a:link { text-decoration:underline; }
	#text a:hover { text-decoration:none; }




/* RECHTERVAK */
	#right {
		display:none;
		position:relative;
		float:right;
		top:30px;
		width:28%;
		padding-bottom:50px;
	}


/* POSTER */
	.poster_img { height:355px; width:100%; }
	#postercontainer{	height:355px;
				width:100%;
				overflow:hidden;
				box-shadow: 0px 0px 8px 2px #ccc;
				background-color:#F3F3F3;
				border-radius: 5px;		}
	
	#poster{ position:static; z-index:1; }
	
	#posteroverlay {	position:absolute;
				top:0px;
				left:0px;
				z-index:2;
				width:100%;
				height:355px;
				color:#CCC;
				visibility:visible;
				opacity:0.01;
				filter:alpha(opacity=1); /* For IE8 and earlier */	
			}
	
	#postop { }
	#postext {	position:absolute;
			bottom:0px;
			padding-bottom:10px;
			width:100%;
			background-color:#111;
			border-radius: 5px;	
			font-size:35px;
		}
	
	#posteroverlay:hover {	visibility:visible; 
				opacity:0.7;
				filter:alpha(opacity=70);
			}
	
/* TWITTER FEED */
	#twitter {	width:100%;
			overflow:hidden;
			position:relative;
			top:20px;
			box-shadow: 0px 0px 8px 2px #ccc;
			background-color:#F3F3F3;
			border-radius: 5px;	
		}


/* FOTO PAGINA */
	#fotodiv { width:100%; text-align:center;}
	.foto { width:500px; border:1px solid black; border-radius:5px; }
	
	.thumbnail { width:120px; cursor:pointer; }
	.thumbnail:hover { box-shadow:0 0 10px 4px #ccc; }
	
	.fotoviewer { width:100%; height:700px; overflow:hidden; }




	
	#imagepicker {	}
	#imagepicker tr {background-color: #fff; padding:2px;}
	#imagepicker tr td { border:1px solid black; }
	#imagepicker tr td:hover { background-color:#ADD8E6; cursor:pointer;}
	#imagepicker tr td img { width:80px;}
	
	#postercontainer{
		width:100%;
		box-shadow: 0px 0px 8px 2px #ccc;
		background-color:#F3F3F3;
		border-radius: 5px;		}
		
	.carouselfoto {		height:500px; margin:0 auto;}
	.carousel-inner { 	background-image: url('../fotogradient.jpg'); text-align:left; }
	#carousel { 		text-align:center; }
	#carousel a { 		text-decoration:none; color: white;}

/* OVERIG */
	#chalk 	{ width:670px; height:479px;}
	.enlarge_photo { 	position:absolute; top: 10px; right:5px; z-index:1; }
	.t_link:hover { 	cursor:pointer; }
   table.mooi {		border:2px solid #93BDED;  padding:2px; width:100%;}
	.mooi tr{ 		background-color: #CEE9F2; padding:2px;margin:1px;}
	.mooi tr:hover { 	background-color:#C3D9E0; }
	.mooi th { 		background-color: #ADD8E6; padding:2px; margin:1px;}
	.mooi td {		padding:5px; border:1px solid lightblue;}
	.mooi a { 		text-decoration:none; }
	.adminedit { 		z-index:1; margin-right:15px;text-decoration:none;}
	.adminedit:hover {  	color:white; }
	.mooi i:hover { 	font-size:15px; }
	
	#inloggen { width:100%; }
	#inloggen table { margin:0 auto; }
	#user_agent { 	float: left; 
			color:#fff;
			position:relative;
			z-index:1;}
			
	.edit { 	position:absolute; 
			right:20px; 
			font-size:24px;	}
			
	.icon-comment-alt:hover { color:#7f7; cursor:pointer; }
	.admin_editor { border-top:1px dotted black; 
			margin-top:20px; 
			display:none;}

   table.inputtbl {		border:2px solid #93BDED;  padding:2px; width:100%;}
	.inputtbl tr{ 		background-color: #CEE9F2; padding:2px;margin:1px; height:30px; }
	.inputtbl th { 		background-color: #ADD8E6; padding:2px; margin:1px;}
	.inputtbl td {		padding:5px; border:1px solid lightblue;}
	.inputtbl a {		text-decoration:none; }
	h4 { font-size:15px; }
	#admin_adduser { 	margin:0 auto; width:180px; }