/*
 * Allpack
 * SCREEN
 * datum 200090321
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Achtergrond: #133241;
 * Taal normal: #455b81;
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/

/* Horizontaal menu 1 niveau */
	ul.menuHor1{position:relative;list-style:none}
	.menuHor1 li{display:block;float:left;list-style:none;}
	* html .menuHor1 li{width:1%;}/*IE*/
	.menuHor1 li a{display:block;white-space:nowrap;text-decoration:none;zoom:1}

/* Vertikaal menu*/
	.menuVert1 {list-style: none; padding-right: 10px;}
	.menuVert1 li {list-style: none; color: #FFF;}
	.menuVert1 li a {display: block;}

/* Combinatie Cycle met thickbox */
	.cycleThickbox{overflow:hidden;position:relative;}
	.cycleThickbox .slides {overflow:hidden;}

/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body{
	background:#133241 url(/site/images/bg_body.jpg) repeat center top;
	text-align:center;
	font-family:Arial,Arial, Helvetica, sans-serif;
}	
#container{
 	width:975px;
	margin:0 auto;
	text-align:left;
	padding:50px 0 0 0;
	overflow:hidden;
}

#header{
	background:url(/site/images/bg_header.png)	no-repeat left top;
	overflow:hidden;
	height:109px;
}
#logo{
	float:left;
}
#headerRow1{
	overflow:hidden;
	height:80px;
}
	#menu1{
		padding:23px 0 0 15px;
		overflow:hidden
		
	}
		#menu1 a{
			background:url(/site/images/bg_hoofdmenu_sprite_new.png) no-repeat;
			height:46px;
			text-indent:-999em;
		}
		#menu1 .item1 a{
			background-position:0px 0px;
			width:155px;
		}
		#menu1 .item2 a{
			background-position:-315px 0px;
			width:130px;
		}
		#menu1 .item3 a{
			background-position:-435px 0px;
			width:155px;
		}
		#menu1 .item4 a{
			background-position:-170px 0px;
			width:140px;
		}
		#menu1 .item5 a{
			background:url(/site/images/bg_hoofdmenu_sprite_ceidex.png) no-repeat;
			height:46px;
			width:135px;
		}
		
#headerRow2{
	overflow:hidden;
	font-size:1.2em;
	padding:5px 0 0 0;
}
	#menu2{
		float:left;
		width:167px;
		padding:0 0 0 65px;
	}
		#menu2 li{
			width:25px;
			text-align:center;
		}
		#menu2 a{
			color:#455b81;			
		}
		#menu2 a:hover,
		#menu2 a.selected {
			color:#2e3b53;
			font-weight:bold;
		}
	#menu3{
		float:left;
		width:724px;
		color:#fff;
		line-height:14px;
		padding:2px 0 0 0;
	}
		#menu3 .center{
			padding:0 0 0 30px;
		}
		#menu3 ul{
			height:14px;
			border-left:solid 1px #fff;
		}
		#menu3 li{
			border-right:solid 1px #fff;
			padding:0 10px;
		}
		#menu3 li a{
			color:#fff;
		}
		#menu3 li a:hover,
		#menu3 .selected a{
			color:#9FA9AF;
		}

#middle{
	background:url(/site/images/bg_middle.png) repeat-y right top;
	overflow:hidden;
}
#middleCol1{
	float:left;
	width:231px;
	background:url(/site/images/bg_menuLinks.png) repeat-y left top;
	padding:12px 0 0 0;
}
	#middleCol1 h2{
		background:url(/site/images/bg_menuTitle.png) repeat left top;
		color:#B5BBBF;
		padding: 5px 0 0 20px;
		height: 30px;
		font-size: 1.8em;
	}
	#middleCol1 h2 a {
		color: #B5BBBF;
		text-decoration: none;
	}
	#middleCol1 #menu4{
		font-size:1.2em;
		padding:0 0 20px 20px;
		min-height:140px;
	}
		#middleCol1 #menu4 li{
			padding:7px 0;
		}
		#middleCol1 #menu4 a{
			color:#fff;
		}
		#middleCol1 #menu4 a:hover
		,#middleCol1 #menu4 .selected a{
			color:#B5BBBF;
		}
	#middelCol1 #foto{
		
	}
		#foto .cycleThickbox{
			height:193px;
			width:231px;
			
		}
		#foto .cycleThickbox .slides{
			border-top:solid 1px #fff;
			border-bottom:solid 1px #fff;
			height:171px;
			width:231px;
		}
		#foto .cycleThickbox .slides a{
			display:block;
			height:171px;
			width:231px;
			text-align:center;
			
		}
		#foto .cycleThickbox #nav{
			height:30px;
			width: 225px;
			position:absolute;
			z-index:10;
			top:163px;
			left:3px;
			/* border: #F00 solid 1px; */
		}
		#foto .cycleThickbox #nav a {
			color:#fff;
			display:block;
			float:left;
			height:20px;
			padding:10px 0 0 0;
			width:17px;
			text-align:center;
			font-size:1.2em;
			text-decoration:none;			
		}
	    #foto .cycleThickbox #nav a.activeSlide
		,#foto .cycleThickbox #nav a:hover {
			background:url(/site/images/bg_fotoNav.png) no-repeat center top;
	    } 





#middleCol2{
	float:left;
	width:725px;

	overflow:hidden;
	background:url(/site/images/bg_content.png) no-repeat left bottom;
}
	#middleContent{
		overflow:hidden;
		padding:12px 71px 0 0;
		min-height:350px;
		
	}
		h1.mainTitle{
			background:#E6EAEB;
			color:#A1ADB3;
			font-size:2em;
			padding:0 0 0 30px;
			font-weight:bold;
			text-transform:uppercase;
			line-height:35px;
		}
		#content{
			padding: 0 30px 0 30px;
			color: #465761;
			font-size: 1.4em;
			line-height: 1.4em;
		}
		#content a{
			color:#465761;
			margin: 0; padding: 0;
		}
		
		#menuContent a{
			color:#465761;
			
		}
		
		#content h1{
			font-size: 2em;
			line-height: 2em;
		}
		#content h2{
			font-size: 1.8em;
			line-height: 1.2em;
		}
		#content h3{
			font-size: 1.6em;
			line-height: 1.2em;
		}
		#content ul{
			margin: 0 0 15px 15px;
		}
		#content img {
			/*margin:10px;*/
		}
		#content br {
			margin: 0; padding: 0;
		}
		
		#menuNews p {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
	#middleFooter{
		overflow:hidden;
		color:#9EC1D9;
		padding:15px 0 0 30px;
		height:87px;

	}
	#slogan{
		font-size:46px;
	}
	#middleFooter a{
		overflow:hidden;
		color:#5B5B5B;
		text-decoration:none;
	}
	#middleFooter p{
		margin:0;
		padding:0;
	}
		#footerCol1{
			float:left;
			width:467px;
			font-size:1.2em;
			padding-left:35px;
		}
		#footerCol2{
			float:left;
			width:185px;
		}
		#footerCol2 span{
			color:#fff;
		}
		
#footer{
	height:29px;
	background:url(/site/images/bg_footer.png) no-repeat right bottom;
}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/* .template2 = home pagina */
.template2 #middleContent{
	width:350px;
	padding:12px 300px 0px 0;
	background:url(/site/images/bg_pijlen.jpg) no-repeat right 8px;
}
.template2 #homeNews{
			padding:0 30px 0 30px;
			color:#465761;
			font-size:1.2em;
}
	.template2 #homeNews ul{
		list-style-position:inside;
		padding:0 0 15px 0;
	}
	.template2 #homeNews li{
		list-style-position:inside;
		border-bottom:dotted 1px #A1ADB3;
		padding:10px 0;
	}
	.template2 #homeNews li a{
		text-decoration:none;
		font-weight:bold;
		color:#133241;
	}
	.template2 #homeNews li a:hover{
		text-decoration:underline;
	}

/* .template3 = news pagina */
.template3 #menuNews
{
	position: relative;
	float: left;
	width: 200px;
	margin-right: 25px;
	padding-right: 25px;
	border-right: #CCC solid 2px;
}

.template3 #menuContent
{
	position: relative;
	margin-left: 225px;
	width: 325px;
}

#map-europe{

}

#map-europe td{
	height:350px;
}

#map-europe a{
	height:auto;
	display:block;
	width:auto;
	line-height: 0;
}



