/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */
@import "../admin/library/JavaScript/dijit/themes/dijit.css";
@import "../admin/library/JavaScript/dijit/themes/tundra/Dialog.css";

body{
	font: 11px Verdana, Arial,Helvetica ;
	color:#000;
	padding:0;
	margin: 0;
	line-height:16px;
}
/*
div {
border:1px solid red;
}
*/
#placeholder{
	margin:0 auto;
	padding:0;
	width:990px;
}

#container{
	margin:0 auto;
	padding:0;
	width:990px;
	padding-top:30px;
}

#header{
	float:left;
	width:990px;
	margin:0;
	padding:0;
}

	#sub_home{
		position:absolute;
		margin:0;
		padding:0;
		margin-top:97px;
		z-index:100;
	}

	#logo a, #logo_geveltechniek a {
		float:left;
		margin:0;
		padding:0;
		width:174px;
		height:49px;
		padding-bottom:18px;
		background:url(../images/logo.gif) no-repeat;
	}
	
	#logo_geveltechniek a {
		background:url(../images/logo_geveltechniek.gif) no-repeat;
	}
	
	#menu{
		float:right;
		margin:0;
		padding:0;
		padding-bottom:18px;
		margin-top:33px;
	}
		#menu ul{
			margin:0;
			padding:0;
		}
		#menu li{
			display:inline;
			margin:0;
			padding:0;
			list-style:none;
		}
		#menu li a{
			float:left;
			margin:0;
			padding:0;
			color:#000;
			font-weight:bold;
			text-decoration:none;
			padding-left:30px;
			font-size:12px;
		}
		
		#menu li a:hover{
			color:#8b99c8;
		}
		
	#foto{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		height:356px;
		background:url(../images/foto.jpg) no-repeat top;
	}
	
	#foto_groot{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		height:498px;
		background:url(../images/foto_groot.jpg) no-repeat top;
	}
	
		#foto_tekst{
			float:left;
			margin:0;
			padding:10px;
			padding-right:55px;
			width:541px;
			height:122px;
			overflow:auto;
			background:url(../images/trans_bg.png);
			font-size:13px;
			
			line-height:20px;
		}
	
	
	/*#slogan{
		float:left;
		margin:0;
		padding:0;
		width:605px;
		height:61px;
		padding-top:295px;
		
	}*/
	
	#slogan_submenu{
		float:left;
		margin:0;
		paddign:0;
		width:990px;
		height:356px;
		background:url(../images/slogan.gif) no-repeat left bottom;
	}
	#slogan_submenu_h{
		float:left;
		margin:0;
		paddign:0;
		width:990px;
		height:356px;
		background:url(../images/slogan2.gif) no-repeat left bottom;
	}
	#slogan_submenu_h_brochure{
		float:left;
		margin:0;
		paddign:0;
		width:990px;
		height:56px;
		background:url(../images/slogan2.gif) no-repeat left bottom;
	}
	
		.sub_blok{
			position:absolute;

			margin:0;
			padding:0;
			width:178px;
			background:#014e9c;
			visibility:hidden;
		}
			.sub_blok ul{
				margin:0;
				padding:0;
			}
			.sub_blok li{
				float:left;
				margin:0;
				padding:0;
				list-style:none;
				color:#fff;
			}
			.sub_blok li a{
				float:left;
				margin:0;
				padding:0;
				width:168px;
				padding-top:5px;
				padding-bottom:5px;
				color:#fff;
				font-weight:bold;
				padding-left:10px;
				text-decoration:none;
			}
			.sub_blok li a:hover{
				background:#8b99c8;
			}
			
	.content_padding {
		float:left;
		padding-top:25px;	
	}
	
	#content{
		float:left;
		width:990px;
		margin:0;
		padding:0;
	}
	
		#platen{
			float:left;
			width:260px;
			margin:0;
			padding-top:25px;
		}
	
		#tekst{
			float:left;
			width:684px;
			margin:0;
			padding:23px;
		}
		
#logo_1 {
	float:left;
	background:url(../images/schuco2.gif) no-repeat left;
	width:168px;
	height:47px;
	margin-top:5px;
	margin-right:122px;
}

#logo_2 {
	float:left;
	background:url(../images/vmrg.gif) no-repeat left;
	width:94px;
	height:47px;
	margin-top:5px;
	margin-right:122px;
}

#logo_3 {
	float:left;
	background:url(../images/r.gif) no-repeat left;
	width:56px;
	height:47px;
	margin-top:5px;
	margin-right:122px;
}

#logo_4 {
	float:left;
	background:url(../images/vca.gif) no-repeat left;
	width:114px;
	height:47px;
	margin-top:5px;
	margin-right:122px;
}

#logo_5 {
	float:left;
	background:url(../images/eco.gif) no-repeat left;
	width:59px;
	height:47px;
	margin-top:5px;
}


	
.clearer {
	clear: both; 
	line-height:0; 
	height: -10; 
	float: none;
}


.veld {
	width:550px;
	background-color:#e7eaf3;
	border:0px
}

	.button {
		background-color:white;
		border:1px solid #e7eaf3;
	}

/* PROJECTEN*/
#container_scroll	{
	position:relative; 
	width:610px;
	height:100px;
	overflow:hidden; 
	/*left:25px;*/
}

.project_info {
	display:none;
}

a.scroll_foto_item img {
	filter:alpha(opacity=50);
}

a.scroll_foto_item:hover img, a.scroll_foto_item:active img {
	filter:alpha(opacity=100);
}
	
/****************************************************

				CONTENT STYLES
	
****************************************************/

h1{
	font-size:13px;
	margin:0;
	padding:0;
	color:#014e9c;
}

h2{
	height:20px;
	font-size:16px;
	margin:0px;
	margin-bottom:10px;
}

h3{
	font-size:13px;
	margin:0px;
	color:#fff;
}

h4{
	font-size:14px;
	margin:0px;
	color:#fff;
}

h5{
	font-size:12px;
	margin:0px;
	color:#fff;
}

hr{
	height:1px;
}

a{
	color:#014e9c;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/****************************************************

				CONTENT STYLES
	
****************************************************/

._underlay{
	background:#000;
}

.popup_container{
	width:980px;
	float:left;
}

.project_inhoud{
	float:left;
	width:830px;
	height:360px;
	padding-top:26px;
	padding-left:26px;
	background:url(../images/popup_bg.png) no-repeat;
}

	.project_tekst{
		float:left;
		height:280px;
		width:370px;
		padding:10px;
		overflow:auto;
	}
	
	.project_foto{
		float:left;
		height:300px;
		width:390px;
		background-color:#f1f1f1;
	}
	
	
	.project_previous{
			float:left;
			width:58px;
			height:360px;
			
	}
	.project_next{
			float:left;
			width:58px;
			margin-left:-10px;
			height:360px;
	}
	.project_previous a{
		float:left;
		width:58px;
		height:74px;
		margin-top:140px;
		text-decoration:none;
		background:url(../images/vorige.png) no-repeat;
	}
	
	.project_next a{
		float:left;
		width:58px;
		height:74px;
		margin-top:140px;
		text-decoration:none;
		background:url(../images/volgende.png) no-repeat;
	}
	
	.btnsluiten{	
		float:left;
		width:100%;
		clear:both;
		height:20px;
		font-weight:bold;
		text-align:center;
	
	}
	.btnsluiten a{
		color:#fff;
	}

.dijitTooltipContainer{
	border:1px dotted #9c9c9c;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	background:#fff;
}


.rotator {
	height:130px;
}

.referenties_links_toggle, .referenties_rechts_toggle {
	float:left;
	width:50px;
	padding:15px;
	text-align:left;
}
	.referenties_rechts_toggle {
		margin-left:510px;
		text-align:right;
	}
	
	.referenties_links_toggle a, .referenties_rechts_toggle a {
		font-size:20px;	
	}

#usp {
	float: left;
	width: 990px;
	height: 40px;
}