html, body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}

#header {
	border-bottom:0px solid #cccccc;
	height:130px;
	margin:0px 5% 0px 5%;
	position:relative;
	z-index:77;
}

#logo { cursor:pointer; width:143px; height:50px; background-image:url('../images/HetLeidsContinuum_Logo.jpg'); background-size:143px 50px; position:absolute; z-index:300000; }

#main {
	margin:0px 5% 0px 5%;
	padding:0px 0px 0px 0px;
}

.container {
	position: relative;
	padding:20px 0px 0px 0xp;
}
#player_menu ul {
	display: none;
	margin: 0;
	list-style-type: none;
	background-color: #ccc;
	width: 100%;
	padding: 10px 0px 10px 0px;
}

#player_menu li {
	display: table-cell;
	vertical-align: middle;
	float: right;
	position: relative;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	text-align: right;
	padding: 8px 6px 8px 6px;
}

#player_menu li:hover ul {
	position: absolute;
	z-index: 300000;
	display: block;
	margin: 0px 0px 0px -6px;
}

#player_menu li li {
	float: none;
	padding: 0px 0px 0px 0px;
}

#player_menu ul li {
	float: none;
	display: block;
	padding: 4px 4px 4px 4px;
}

#player_menu {
	float: right;
	width: 100%;
	margin: -8px 0px 0px 0px;
}

#player_menu a {
	color: #000000;
}

#player_menu li:hover {
	background-color: #ffffff;
	color: #000000;
}

#player_menu li li:hover {
	color: #f558a9;
	background-color: #cccccc;
}

.container > .blok {
	position: absolute;
	text-align:right;
	cursor:pointer;
}

.container > div[data-ss-colspan='2'] {  }

.container .ss-placeholder-child {
	background: transparent;
	border: 1px dashed red;
}

.blok { 
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
	
.blok_model_a { width:50px; height:50px; }
.blok_model_b { width:50px; height:100px; }
.blok_model_c { width:100px; height:50px; }
.blok_model_d { width:100px; height:100px; }
.mini_blok_model_a { width:25px; height:25px; }
.mini_blok_model_b { width:25px; height:50px; }
.mini_blok_model_c { width:50px; height:25px; }
.mini_blok_model_d { width:50px; height:50px; }

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
	font-size:0.8em;
	color:#999;
	width:100%;
	position:relative;
	z-index:999;
}

.abso {	position:absolute;	margin:-10px 0px 0px -54px;	z-index:999; }
.abso span { font-weight:bold; font-size:1.5em; display:block; margin:-14px -13px 0px 0px; }
.base_timeline { margin:-30px 0px 20px 0px; }

#main .container .fullscreen,  #main .fullscreen{
    z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
	background-color:#ffffff;
}

#main .bg_black { background-color:#000000; }
.pleft, .pright { width:48%; border:0px solid #cccccc; vertical-align:top; } 
.pleft { float:left; max-width:48%; } 

.pright { float:right; } 
.pright .image img  { max-height:480px; } 
.pleft .image  { height:100%; float:left; } 
.pright .image  { margin:0px 50px 20px 0px; text-align:left; } 
.pright .text  { margin:0px 50px 0px 0px; } 
.pleft .image img  { max-height:100%; max-width:100%; } 
.jaartal { font-weight:bold; font-size:4.0em; }
.imagex {  }
.pfull { width:100%; }
.pfull .image img { width:100%; }
.jaartal { margin:20px 50px 20px 0px; }

#artikelen { width:81%; margin:10px 0px 0px 0px; }
#artikelen label { width:130px; display:inline-block; vertical-align:top; }
#artikelen input {
	width:304px;	
}
#artikelen textarea {
	width:300px;	
}
#artikelen select {
	width:306px;	
}
#article_new { width:96%; padding:10px 20px 10px 20px; position:relative; z-index:9999; margin:0px -4px 0px 0px; }
#article_new, #aid, #res_title, #res_txt, .noshow, #jaid, .verberg1, .verberg2 { display:none; }

#artikelen #ajax_input { width:305px; }

#save_article, #delete_combined { cursor:pointer; }
.float_r { float:right; }
#article_new h2 { display:block; margin:0px 0px 4px 0px; padding:0; }

#article_dropped { margin:0px 0px 80px 0px; border:2px solid #00398F; width:100%; height:124px; border-radius:4px 4px 4px 4px; }


.blok.fullscreen  {
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

#y_img .base_thumb, #x_img .base_thumb { max-width:160px; }
#x_img .base_thumb { max-height:160px; }
#x_img .vertical-text, #y_img .vertical-text { display:none; }

#bgblauw { width:400px; min-height:80px; background-color:#3CF; display:none; position:absolute; right:0; margin:-10px -4px 0px 0px; }
#parabso { position:relative; z-index:8888; }
#categorieen  { margin:12px 0px 0px 0px; width:81%; padding:26px 0px 0px 0px; }

.cattext { display:none; }
#categorieen .current { font-weight:normal; color:#00398F; }
.colorset { position:absolute; }