/*

Theme Name: Geertjes
Theme URI: http://www.zien-media.nl
Description: t.b.v. geertjes.nl
Version: 1.0
Tags: 
Author: Zareh @ Zien Media
Author URI: http://www.zareh.nl

*/

@import "reset.css";

/* Layout */
* {margin:0;padding:0;}
html, body {height:100%;}
body {background-color:#000; text-align:center;}
#distance {width:1px; height:50%; background-color:#000000; margin-bottom:-300px; float:left;}
#container {margin:0 auto; position:relative; height:600px; width:900px; clear:left; background-color:#fff;}
#nav_top{position:relative; height: 75px; background-color: #ffffff; overflow: hidden;}
#content_wrapper{float:left; width:900px; height:450px;}
#content{margin: 0 75px; width: 730px; height: 450px; overflow: hidden; text-align: left; padding: 10px;}
#nav_left{float:left; width:75px;  height:450px; margin-left:-900px; background-color: #ffffff; overflow: hidden;}
#nav_right{float:left; width:75px; height:450px; margin-left:-75px; background-color: #ffffff; overflow: hidden;}
#nav_bottom{clear:left; width:100%; height: 75px; background-color: #ffffff; overflow: hidden;}

body, p{
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px; 
	line-height: 16px;
}

img{
	border: 0px;
}

#content{
	overflow: hidden;
}

#home{
	position: absolute;
	top: 75px;
	left: 75px;
	z-index: 1;
	height: 430px;
	width: 730px;
	background:url(bg_albert.jpg);
	padding: 10px;
}

#home-items{
	position:absolute;
	top: 118px;
	left: 275px;
}

#home-items a img{
	padding-right: 5px;
}

#content_left{
	margin-right: 40px;
	padding-right: 10px;
	color: #000000;
	width: 315px;
	height: 430px;
	/*overflow: auto;*/
	float: left;
}

#scroll1,  #scroll2{
	height: 394px;
}

#content_right{
	width: 365px; /*290*/
	height: 430px;
	overflow: hidden;
}

#content_right img{
	float: right;
}

#content_hor_top{
	height: 216px;
}

#content_hor_bottom{
	margin-top: 26px;
	height: 190px; 
}
#content_hor_bottom #scroll1,  #content_hor_bottom #scroll2{
	height: 152px; /* 168px*/
	width: 730px;
}


#content_totaal{
	height: 430px;
}
#link_over_totaal{
	position: relative;
	left: 5px;
	top: -428px;
	width: 720px;	
}
#tekst_over_totaal{
	position: relative;
	left: 5px;
	top: -428px;
	width: 720px;
	height: 407px;
}
#tekst_over_totaal #scroll1,  #tekst_over_totaal #scroll2{
	height: 405px;
	width: 720px;
}


#content_news{
height: 430px;
overflow: auto;
}

.thumb-item{
	position: relative;
	top: 0px;
	left: 0px;
	width:75px;
	height:75px;
	float: left;
	overflow:hidden;
	display: block;	
}

#link_item{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width:75px;
	height:75px;
	z-index: 100;
}

#link_item a.item{
	display:block;
	width:75px;
	height:75px;
}

#show{
	z-index: 90;
}

.block{
	display: block;
}

#edit{
	position: absolute;
	top: 90px;
	left: 795px;
	z-index: 20;
}








#title{
	position: absolute;
	top: 25px;
	left: 0px;
	display:block;
	width: 75px;
	height: 75px;
	color: #000;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 91;
	overflow: hidden;
}


.tooltip-nl, tooltip-en{
	display: none;
	color: #ffffff;
}

.next_text_nl{
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #6895BC;
}

.next_text_en{
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #6895BC;
}

.back_text_nl{
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #6895BC;
}

.back_text_en{
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #6895BC;
}

td{
	vertical-align: top;
	padding: 10px 10px 0 0;
}


h1{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000; /* #5c81aa */
	font-size: 11px; 
	line-height: 16px;
	font-weight: bold;
}

.home-nieuws-titel{
	position: absolute;
	top: 105px;
	width: 75px;
	text-align: right;
}

h2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #5c81aa;
	font-size: 11px; 
	line-height: 16px;
	font-style: italic;
	font-weight: normal;
}

#newstitle{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

#content_title{
	height: 20px;
}

#content_title h1{
	float: left;
}

a{
	color: #46617E;
	text-decoration: none;		
}

a:hover{
	color: #273B50;	
	text-decoration: none;			
}

a:visited{
	color: #46617E;
	text-decoration: none;			
}

li{
	list-style-type: none;
}




/* Slider  #content_right   */
#content_right #slider ul, #content_right #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#content_right #slider li{
	width:365px;
	height:430px;
	overflow:hidden; 
}
	
#content_right ol#controls{
	position:absolute;
	top:75px;	
	left: 410px;
	padding:0;
	height:430px;	
}

#content_right ol#controls li{
	margin:10px 0 0 0; 
	padding:0;
	list-style:none;
	height:28px;
	line-height:28px;
}

#content_right ol#controls li a{
	float:left;
	height:28px;
	width: 8px;		
	line-height:28px;

	background:#F6F6F6;
	color:#555;
	padding:0 10px 0 10px;
	text-decoration:none;
}

#content_right ol#controls li.current a{
	background:#5C81AB;
	color:#fff;
}

#content_right ol#controls li a:focus, #content_right #prevBtn a:focus, #content_right #nextBtn a:focus{
	outline:none;
}

/* Slider  #content_totaal   */
#content_totaal ol#controls{
 display: none;
}

/* Slider  #content_hor_top   */
#content_hor_top #slider ul, #content_hor_top #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#content_hor_top #slider li{
	width:730px;
	height:216px;
	overflow:hidden; 
}


#content_hor_top ol#controls{
	float: right;
	padding:0;
	height:30px;
	padding: 10px 0px 10px 0;

}

#content_hor_top ol#controls li{
	margin:0 0 0 10px; 
	padding:0;
		float:left;	
	list-style:none;
	height:28px;
	line-height:28px;
}

#content_hor_top ol#controls li a{
	float:left;
	height:28px;
	width: 8px;		
	line-height:28px;
	background:#F6F6F6;
	color:#555;
	padding:0 10px 0 10px;
	text-decoration:none;
}

#content_hor_top ol#controls li.current a{
	background:#5C81AB;
	color:#fff;
}

#content_hor_top ol#controls li a:focus, #content_hor_top #prevBtn a:focus, #content_hor_top #nextBtn a:focus{
	outline:none;
}





/* Scroll balken */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #F6F6F6;
}
.jScrollPaneDrag {
	position: absolute;
	background: #5C81AB;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

#tinymce{
background-color: #fff;
text-align: left;
}