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

@font-face {
	font-family: 'OfficinaSans';
	src: url('/media/officina.woff');
}

@media all {


	* { margin: 0; padding: 0; }
	img { border: none; }
	body { background-color: #000; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font: 11px OfficinaSans, Arial, Helvetica, sans-serif; overflow: hidden; }
		body.foto1 { background-image: url(/images/bg1.jpg); }
		body.foto2 { background-image: url(/images/bg2.jpg); }
		body.foto3 { background-image: url(/images/bg3.jpg); }
		body.foto4 { background-image: url(/images/bg4.jpg); }
		body.foto5 { background-image: url(/images/bg5.jpg); }
		
		header { position: absolute; top: 0; left: 50%; height: 79px; margin-left: -676px; width: 523px; padding: 23px 0 0 306px; background: url(/images/header.png) no-repeat; background-position: 0 -42px; }
		
		div#wrapper { position: relative; margin: 0 auto; width: 954px; height: 600px; }
		
			.inline_popup { display: none; z-index: 2; }
			.doshow { display: block; }
			.foutmelding { display: none; }
			div#popup_wij { position: absolute; left: 246px; top: 49px; width: 455px; height: 158px; padding-left: 17px; }
			div#popup_contact { position: absolute; left: 0; top: 194px; width: 259px; height: 257px; padding-top: 17px; }
			div#popup_vacatures { position: absolute; left: 246px; top: 325px; width: 552px; height: 203px; padding-left: 72px; padding-top: 24px; background: url(/images/vacatures.png) 17px 0 no-repeat; }
				div#popup_vacatures article { float: left; width: 150px; color: #fff; margin-right: 12px; line-height: 16px; }
				div#popup_vacatures article p { margin-bottom: 16px; }
					div#popup_vacatures article a { color: #fff; text-decoration: underline; }
					div#popup_vacatures article a:hover { text-decoration: none; }
					div#popup_vacatures article h3 { display: block; height: 61px; }
					
			div#popup_nieuwsbrief { position: absolute; left: 803px; top: 325px; width: 87px; height: 121px; padding: 72px 5px 0 53px; background: url(/images/nieuwsbrief.png) top left no-repeat; color: #ccc; line-height: 16px; }
				div#popup_nieuwsbrief p { margin-bottom: 3px; }
				div#popup_nieuwsbrief input { margin-top: 2px; width: 80px; height: 16px; border: none; background-color: #545353; color: #ccc; font: 10px OfficinaSans, Arial, Helvetica, sans-serif; font-style: italic; }
				div#popup_nieuwsbrief #nieuwsbrief_submit { cursor: pointer; }
				div#popup_nieuwsbrief .foutmelding { position: absolute; top: 120px; left: 118px; }
				
			div#popup_login { position: absolute; left: 724px; top: 115px; width: 151px; height: 58px; padding: 34px 21px 0 52px; background: url(/images/login.png) 0 18px no-repeat; }
				div#popup_login input { float: left; width: 148px; height: 14px; border: 1px solid #545353; background-color: #545353; color: #ccc; font: 10px OfficinaSans, Arial, Helvetica, sans-serif; font-style: italic; }
				div#popup_login #login_submit { width: 58px; height: 16px; border: none; float: right; cursor: pointer; margin-right: 20px; }
				div#popup_login p { margin-bottom: 2px; display: block; height: 17px; }
			
				div#popup_wij a, div#popup_contact a { position: absolute; top: 0; left: 0; }
				div#popup_vacatures a img, div#popup_nieuwsbrief a img { position: absolute; bottom: 0; left: 0; }
				div#popup_login a.sluiten { position: absolute; top: 0; right: 0; }
				div#popup_login a.foutmelding img { margin-left: 3px; }
				
			div#popup_download { position: absolute; left: 724px; top: 131px; width: 223px; height: 421px; padding-top: 18px; background: url(/images/downloads.png) 0 18px no-repeat; }
				div#popup_download div { position: absolute; left: 47px; top: 31px; width: 174px; }
				div#popup_download h4 { font-size: 11px; color: #fff; font-weight: normal; font-style: normal; }
				div#popup_download a { display: block; font-size: 10px; line-height: 12px; color: #999; text-decoration: none; }
				div#popup_download a:hover { color: #fff; }
				div#popup_download a.sluiten { position: absolute; top: 0; right: 0; }
				div#popup_download p { margin-bottom: 20px; }
				
			div#projects { position: absolute; display: none; background: url(/images/projects.png) top left no-repeat; width: 570px; height: 355px; z-index: 3; top: 211px; }
				div#projects.graphic_design, div#projects.merchandise { left: 263px; }
				div#projects.web_design, div#projects.other { left: 378px; }
				div#projects.web_development { left: 33px; }
				div#projects.public_design { left: 148px; }
				
				div#projects img.blokje { position: absolute; bottom: 0; right: 0; }
				
				div#projects h2 { position: absolute; left: 416px; top: 34px; color: #999; width: 90px; font-size: 18px; width: 110px; }
				
				div#projects_left { }
				
					div#projects_left div.desc { position: absolute; left: 4px; top: 4px; padding: 16px 14px 0 15px; width: 204px; height: 0; background: url(/images/project_text_rp.png) top left repeat-y; color: #fff; line-height: 16px; overflow: hidden; display: none; }
						div#projects_left div.desc p { margin-bottom: 16px; }
						div#projects_left div.desc a { color: #fff; text-decoration: underline; }
						div#projects_left div.desc a:hover { text-decoration: none; }
						
					div#projects_left div#flash_wrapper { position: absolute; top: 0; left: 0; width: 400px; height: 320px; }
						div#projects_left div#flash_inner { position: relative; width: 400px; height: 320px; }
					
					div#projects_left figure { position: absolute; left: 4px; top: 4px; height: 341px; }
					div#projects_left img { position: absolute; left: 0; top: 0; display: none; }
					div#projects_left figure dt { position: absolute; bottom: 0px; color: #fff; font-style: italic; left: 4px; width: 200px; }
					
					div#projects_left ul { position: absolute; right: 166px; top: 334px; }
						div#projects_left ul li { float: left; text-align: right; display: block; }
							div#projects_left ul a { outline: none; }
							div#projects_left ul li img.doorklik_project { position: relative; left: auto; top: auto; display: block; margin-left: 2px; }
						
				ul#project_nav { position: absolute; left: 416px; top: 101px; }
					ul#project_nav a { color: #fff; font-size: 10px; text-decoration: none; }
					ul#project_nav a strong { font-size: 12px; }
					ul#project_nav li { margin-bottom: 10px; display: block; clear: both; }
					ul#project_nav.projects_graphic_design li a:hover, ul#project_nav.projects_graphic_design li a.project_active { color: #cf3; }
					ul#project_nav.projects_web_design li a:hover, ul#project_nav.projects_web_design li a.project_active { color: #c30080; }
					ul#project_nav.projects_web_development li a:hover, ul#project_nav.projects_web_development li a.project_active { color: #1a3ec5; }
					ul#project_nav.projects_public_design li a:hover, ul#project_nav.projects_public_design li a.project_active { color: #fcc008; }
					ul#project_nav.projects_merchandise li a:hover, ul#project_nav.projects_merchandise li a.project_active { color: #00a5e8; }
					ul#project_nav.projects_other li a:hover, ul#project_nav.projects_other li a.project_active { color: #999; }
					
			div#nieuws { position: absolute; left: 263px; top: 325px; width: 290px; height: 208px; padding: 23px 69px 0 326px; background: url(/images/nieuws.png) top left no-repeat; z-index: 3; display: none; color: #fff; line-height: 16px; }
				div#nieuws img.foto { position: absolute; left: 3px; top: 3px; }
				div#nieuws img.blokje { position: absolute; bottom: 0; right: 0; }
			
		
			ul#sub { position: absolute; right: 7px; top: 18px; height: 16px; list-style: none; }
				ul#sub li { float: left; font-size: 14px; margin-right: 4px; background: url(/images/scheiding.png) top right no-repeat; }
					ul#sub li#sub_wij { width: 29px; }
					ul#sub li#sub_vacatures { width: 69px; }
					ul#sub li#sub_contact { width: 56px; }
					ul#sub li#sub_nieuwsbrief { width: 82px; }
					ul#sub li#sub_login { background-image: none; width: 34px; }
				ul#sub a { text-decoration: none; color: #fff; }
				ul#sub a:hover { text-decoration: underline; }
				
			nav { position: absolute; left: 263px; top: 211px; }
				nav ul { list-style: none; }
					nav ul li { float: left; margin-right: 5px; }
		
			div#news_articles { position: absolute; left: 263px; top: 343px; }
				div#news_articles section { float: left; display: block; width: 110px; margin-right: 5px; }
				div#news_articles article { display: block; height: 70px; }
				div#news_articles article p { font-size: 10px; }
				div#news_articles article a { color: #999; text-decoration: none; }
				div#news_articles article a:hover { text-decoration: underline; }
				div#news_articles article.news_active a { color: #fff; }
		
			footer { position: absolute; bottom: 17px; right: 7px; text-align: right; color: #fff; }
				footer ul { list-style: none; }
				footer ul li { display: inline; }
				footer ul li span { font-size: 8px; }
				footer ul a { text-decoration: none; color: #fff; }
				footer ul a:hover { text-decoration: underline; }
				
			input.error { border: 1px solid #f00 !important; }
			.error_message { position: absolute; background-color: #f00; color: #fff; z-index: 4; padding: 0 2px; display: none; line-height: 17px; }

}