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

body { margin:0; padding:0; background:#424244 url(/static/img/layout/bg.gif) 0 0 repeat-x;
		font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; }
body.imcms { background:#424244 url(/static/img/layout/bg.gif) 0 92px repeat-x; }
body.imcms #bgimage { top:92px; }

h1 { margin:0; padding:0; font-size:33px; color:#e9a30f; }
h2 { margin:0; padding:0; font-size:17px; color:#545454; }
	h2 a { text-decoration:none; }

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

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }

hr { margin:0; padding:0; height:1px; border:none; color:#F18303; background:#F18303;}


/* Id's */
#bgimage { position:absolute; overflow:hidden; top:0; left:0;
			background:url(/static/img/layout/bg_image.gif) 50% 0 no-repeat; width:100%; height:236px; 
			}
			
#container { position:relative; width:796px; margin:auto; }

	#header { position:relative; display:block; height:115px; }
		#logo { position:relative; margin:13px; }
		
		#menu { position:absolute; bottom:0; left:30px;}
		#menu ul { margin:0; padding:0; list-style:none; }
		#menu ul li { float:left; margin-right:1px; width:109px; height:21px; display:block; }
		#menu ul li a { float:left; width:109px; height:21px; display:block; 
						background:url(/static/img/layout/menu.gif) 0 0 no-repeat;
						color:#eaeaea; line-height:21px; text-align:center; text-decoration:none; text-transform:lowercase; }
		#menu ul li a.active,
		#menu ul li a:hover { background:url(/static/img/layout/menu.gif) 0 -21px no-repeat; color:#323232; }
		
		#submenu { position:relative; padding-top:2px; padding-left:50px; display:block; margin-bottom:10px;}
		#submenu ul { margin:0; padding:0; list-style:none; }
		#submenu ul li { float:left; width:109px; height:21px; display:block; }
		#submenu ul li a { float:left; width:109px; height:21px; display:block; 
						background:url(/static/img/layout/menu.gif) 0 -42px no-repeat;
						color:#323232; line-height:21px; text-align:center; text-decoration:none; text-transform:lowercase; }
		#submenu ul li a.active,
		#submenu ul li a:hover { background:url(/static/img/layout/menu.gif) 0 -63px no-repeat; color:#323232; }
						
		
	#main { background:url(/static/img/layout/bg_con.gif) 0 0 repeat-y; display:block; position:relative;}
		#top { position:relative; background:url(/static/img/layout/bg_con_top.gif) 0 0 no-repeat;display:block;}
		.hassub #top { background:url(/static/img/layout/bg_con_top.gif) -796px 0 no-repeat; }
		
			#foto { padding:20px 0 45px 0; margin:auto; width:740px; position:relative; display:block;  }
			#frame { width:736px; height:216px; display:block;  overflow:hidden; border:2px solid #f2ae1d;}
			#noframe { width:740px; height:216px; display:block;  overflow:hidden; }
			
			.proj_inact,
			.proj_act { width:720px; height:21px; padding-left:20px; display:block; line-height:21px; text-decoration:none;}
			.proj_inact { background:url(/static/img/layout/balk.gif) 0 0 no-repeat; color:#d1d1d1; }
			.proj_act, .proj_act:hover { background:url(/static/img/layout/balk.gif) 0 -21px no-repeat; color:#373737;}
			
			.proj_list { display:block; height:132px; padding-top:8px; position:relative; overflow:hidden; }
			#proj_list_slyder { position:absolute; }
				.proj_item { float:left; width:163px; height:120px; margin:0 11px;
								color:#373737; text-decoration:none; font-size:11px; text-align:center;}
					.proj_item img { margin:2px; }
					
				.proj_item span { display:block; }
				
				.proj_item_active,
				.proj_item:hover {color:#373737;}
					.proj_item_active img,
					.proj_item:hover img { border:2px solid #f2ae1d; margin:0; }
					
			
		.hassub #foto { padding:0 0 45px 0; }
		.hassub #foto #noframe { height:203px; }
		.hassub #foto #frame { height:203px; }
			
			#proj_prev { position:absolute; text-indent:-10000px; outline:0; left:-15px; top:70px; height:22px; width:19px;
							background:url(/static/img/layout/buttons.gif) 0 -22px no-repeat; }
			#proj_next { position:absolute; text-indent:-10000px; outline:0; right:-15px; top:70px; height:22px; width:19px;
							background:url(/static/img/layout/buttons.gif) 0 0 no-repeat; }
			
			#content { margin:auto; width:639px; position:relative; display:block; }
				body.imcms #title { min-height:80px; }
				.col2 { width:300px; float:left; padding-top:20px; }
				.col2_marge { margin-right:30px; }
					#min_omsch { min-height:187px;}
				
					#project_foto { background:url(/static/img/ajax-loader.gif) 50% 50% no-repeat; position:relative;
										width:300px; height:200px; overflow:hidden; display:block; text-align:center; margin-bottom:10px; }
					#project_foto img { border:2px solid #f2ae1d; }
					#project_foto .zoom { border:none; position:absolute; right:20px; bottom:8px; display:none; }
					#project_foto .zoom img { border:none; }
					
					#project_thumbs {}
					#project_thumbs ul { margin:0; padding:0; list-style:none; }
					#project_thumbs ul li { float:left;  display:block; margin:0 5px 5px 0; }
					#project_thumbs ul li a { float:left; width:90px; height:50px; overflow:hidden; display:block; padding:2px; text-align:center; }
					#project_thumbs ul li a.active,
					#project_thumbs ul li a:hover  { border:2px solid #f2ae1d; padding:0; }
				
		
		#footer { position:relative; background:url(/static/img/layout/bg_con_bottom.gif) 0 0 no-repeat; 
					height:75px; width:739px; padding:45px 28px 0 29px; color:#fff; font-size:11px;}





/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.input_veld { width:200px; border:1px solid #a7a7a7; margin:0; font-size:12px; }
textarea.input_veld { width:428px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.input_error { border-color:#f00;}