@charset "utf-8";
/* CSS Document Gaastra*/

body{
	margin:0;
	padding:0;
	/*background:#050d23 url(/images/interface/bg_body.gif);*/
	background:#050d23 url(/images/interface/background_body.jpg) center 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #191631;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
}
img {
	border:none;
}
#flashedit{
	width:100%;
	height:15px;
	background:#0000FF;
}
h2{
	margin:0;
	padding:0;
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
}
a:link, a:visited {
		color:#000099;
}	
a:hover, a:active {
		color:#CCC;
}


/************************************* WRAPPER *******************************************/		
#wrapper{
	width:980px;
	position:absolute;
	left:50%;
	margin:0 0 0 -480px;
	/*background:url(/images/interface/bg_wrapper.gif) repeat-y;*/
	background:#FFFFFF;
}
/************************************* HEADER *******************************************/	
#header{	
	width:960px;
	height:60px;
	background:url(/images/interface/bg_header_white.gif) 15px 11px no-repeat;
}

	/*********** BREADCRUMBS ************/
	#breadcrumbs{
		padding:28px 0 0 178px;
		font-size:10px;
		color:#999;
	}
			#breadcrumbs a {text-decoration:none;}
			#breadcrumbs a:link, #breadcrumbs a:visited {
				color:#999;
			}	
			#breadcrumbs a:hover, #breadcrumbs a:active {
				color:#FFFFFF;
			}
	/************* TOPMENU **************/
	#topmenu{
		float:right;
	}
		#topmenu ul{
			margin:0;
			padding:25px 0 0 0;
			list-style:none;
		}
		#topmenu ul li{
			margin:0 15px 0 0;
			float:left;
		}
			#topmenu a{
				text-decoration:none;
				color:#999;
				font-size:10px;
			}
			#topmenu a:link, #topmenu a:visited {
				color:#999;
			}	
			#topmenu a:hover, #topmenu a:active {
				color:#FFFFFF;
			}
/************************************* MAINMENU *******************************************/		
#mainmenu{
	width:178px;
	margin:0;
	float:left;
}

	#mainmenu ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#mainmenu ul li{
		margin:0 0 2px 0;
		padding:0;
	}
		#mainmenu a{
			display:block;
			width:118px;
			height:18px;
			line-height:18px;
			padding:0 0 0 45px; 
			text-decoration:none;
			/*color:#FFFFFF;*/
			color:#050d22;
			font-size:11px;
			letter-spacing:1px;
		
			font-weight:bold;
		}
		#mainmenu a:link, #mainmenu a:visited {
			
		}	
		#mainmenu a:hover, #mainmenu a:active {
			background:#cc0000;
		}
/************************************* FOOTER *******************************************/		
#footer{
	width:920px;
	padding:20px 30px 15px ;
	text-align:right;
	color:#666666;
	font-size:10px;
	float:left;
}
#footer a{text-decoration:none; color:#999;}
a.icons{
	margin:0 8px 0 0;
	float:left;
	border:none;
}
a.first-child{
	margin:0 10px 0 0;
}
.footer-text{
	float:right;
}
.footer-text p{
	margin:4px 0 0 0;
}
/********************************** CONTENT AREA ****************************************/	
.container{
	width:782px;
	height:540px;
	float:left;
}

.bg_white{
	background:#FFFFFF;
}
/****************************** SUBNAVIGATION (HOTLINKS)**********************************/	
#row_top, #row_bottom{
	width:782px;
	height:265px;
}
#row_bottom{
	margin:10px 0 0 0;
}
	.item_small{
		width:254px;
		height:265px;
		margin:0 0 0 10px;
		float:left;
		background:#FFFFFF;
	}
	.item_medium{
		width:518px;
		height:265px;	
		margin:0 0 0 10px;
		background:#FFF;
		float:left;
	}
	.item_large{
		width:782px;
		height:265px;	
		background:#FFF;
	}
	.item_small img, .item_medium img, .item_large img {
		display:block;
	}	
	.first_item{
		margin:0;
	}
/*********************************** INFOPAGES ****************************************/	
#column_left{
	width:254px;
	height:510px;
	float:left;
}
#column_right{
	width:458px;
	height:510px;
	padding:0 35px;
	float:left;	
}
	#page_title{
		width:458px;
		height:33px;
		padding:33px 0 0 0;
	}
	#page_content{
		width:458px;
		height:444px;
		color:#000000;
		overflow:auto;
	}
	#page_button{
		width:458px;
		height:30px;
	}
#footer_title{
	width:782px;
	height:30px;
	background:#FFF;	
	float:left;	
	margin:2px 0 0 -20px;
	
	
}
/********************************** NEWS/EVENTS OVERVIEW ****************************************/	 
#overview_title{
	height:33px;
	padding:33px 0 0 182px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
#overview_content, #full_item{
	width:600px;
	height:444px;
	margin:0 0 0 140px;
	padding:0 42px 0 0;
	overflow:auto;
	color:#000000;
}
	a.archive{
		color:#CC0000;
		font-weight:bold;
		font-size:12px;
		text-decoration:none;
		line-height:20px;
	}
	a.archive:hover, a.archive:active {
		color:#FFFFFF;
	}
	
#full_item{
	padding:66px 42px 0 0;
}
.item{
	width:560px;
	/*height:100px;*/
	padding:0 0 20px 0;
	float:left;
}

	.item_calender{
		width:24px;
		height:40px;
		margin:2px 15px 0 0;
		padding:18px 0 0 6px;
		color:#000000;
		font-size:16px;
		font-weight:bold;
		float:left;
	}
	.item_content{
		width:395px;
		line-height:16px;
		float:left;
	}
		.item_content a{
			text-decoration:none;
			line-height:24px;
		}

	.item_thumb{
		margin:0 0 0 13px;
		float:left;
	}
	.item_thumb img{
		border:#FFFFFF 1px solid;
	}
.pdf{
	margin:-5px 0 0 0;
}
/********************************** FLASH IN Z-LAYER ****************************************/	
#z-layer{
	position:absolute;
	z-index:2;
	top:60px;
	left:178px;
	clear: both;
}
#spacer{
	height:510px;
}
#noflash img{
	float:right;
	margin:390px 30px 0 0;
}
/********************************** SITEMAP ****************************************/
#sitemap{
	text-align:left;
	width:440px;
}
	#sitemap .sitemapmain {
		float: left; 
		width: 420px; 
		text-align: left;
	}
	#sitemap a{
		text-decoration:none;
		font: 100% Arial, sans-serif;
		color:#333;
		line-height:18px;
	}
	#sitemap .imgitem {
		float:left;
		height:20px;
	}
	#sitemap .mapitem {
		float:left;
		text-align:left;
		height:18px;
		/*width:330px;*/
	}
	#sitemap .left{
		width:8px;
		height:18px;
		float:left;
		background:url(/images/interface/sitemap/bgsilverbutton_left.gif);
		cursor:pointer;
	}	
	#sitemap .mid{
		height:18px;
		padding:0 10px 0 10px;
		float:left;
		background:url(/images/interface/sitemap/bgsilverbutton_mid.gif) repeat-x;
		cursor:pointer;
	}
	#sitemap .right{		
		width:8px;
		height:18px;
		float:left;
		background:url(/images/interface/sitemap/bgsilverbutton_right.gif);
		cursor:pointer;	
	}
	#root {
		width: 400px;
		text-align:left;
	}
	
	
/********************************** EXTRANET ****************************************/

.tbllogin .input {
	width: 150px;
	border: 1px solid #666666;
}
/********************************** Bijenkorf ****************************************/
.container-bijenkorf{
	width:100%;
	height:750px;
	float:left;

}
	#page_title-bijenkorf{
		width:690px;
		height:221px;
		margin:20px auto;
		padding:0 0 10px 0;
		background:url(../images/logo.jpg) no-repeat 100% 0;
	}
	#page_content-bijenkorf{
		width:680px;
		height:430px;
		color:#003366;	
		overflow:auto;
		margin:0 auto;		
	}
	.border{	
		width:576px;
		margin:0 0 20px 50px;
		border-bottom:3px solid #003366;	
	}
	.align{
		display:block;
		text-align:center;
	}
	p.actie{
		color:#003366;	
		font-size:16px;
		font-weight:bold;	
	}	
	p.kop{
		font-size:20px;
		text-align:center;
	}

#wrapper-models{
	width:850px;
	position:absolute;
	left:50%;
	margin:0 0 0 -425px;
	/*background:url(/images/interface/bg_wrapper.gif) repeat-y;*/
	background:#FFFFFF;
}
	#page_title-models{
		width:750px;
		margin:50px auto 0px;
		padding:0 0 10px 0;
		color:#000;
	}
	#page_content-models{
		width:750px;
		height:580px;
		color:#000;	
		padding:0 0 0 20px;		
		overflow:auto;
		margin:0 auto 40px auto;		
	}
	.models-img{
		display:block;
		margin:0 auto;
	}