/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
html {
	background:#f2f2f2 url(../images/bg.png) top right no-repeat;
	overflow:hidden;
	height:100%;
}
body {
	margin:0;
	color:#282828;
	font-family: "proxima-nova",sans-serif;
	font-size:14px;
	overflow:hidden;
	
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#555555;
}
a:hover {text-decoration:none; color:#616646;}
a:active {background-color: transparent; color:#616646;}
/*a:visited{color:#2e3192;}*/
h1 {
	font-size:16px;
	color:#35b5e6;
	margin-bottom:0px;
	font-weight:bold;
	}
h2 {
	font-size:15px;
	font-weight:bold;
	color:#444444;
	margin-bottom:10px;
	line-height:21px;
	text-transform:uppercase;
	}
h3 {
	font-size:15px;
	font-weight:bold;
	color:#444444;
	margin-bottom:10px;
	line-height:21px;
	text-transform:uppercase;
	}
	
p{
	color:#555555;
	line-height:24px;
	margin-bottom:18px;
	}
	
a:hover{
	text-decoration:underline;
	color:#35b5e6;
	}
	
strong{
	font-weight:bold;
	color:#000;
	}
	
#bodywrapper{	
 	
	min-width:960px;
	width:auto !important;
	width:100%;
	height:1040px;	 
	z-index:1000;
	position:relative;
}  
.bg{
	position:absolute;
	width:100%;
	height:100%;
	
	z-index:1;
	overflow:hidden;
	margin-top:128px;
	}

.center{
	width:960px;
	margin:0 auto;
	position:relative;
	
}
.content{
	width:960px;
	margin-left:-480px;
	position:relative;
	background:#fff;
	height:500px;
}
.contentfotos{
	width:100%;
	margin-left:-480px;
	position:relative;
	background:#fff;
	height:500px;
}
#center_blok{
	width:100%;
	left:50%;
	height:500px;
	z-index:300;
	position:relative;
	
	background:#fff;
}


	
.logo{
	width:213px;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	}
	
.menu{
	float:left;
	width:620px;
	margin-top:12px;
	z-index:301;
	position:relative;
	}
.menu ul{
	float:left;
	}
.menu ul li{
	float:left;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #E3E3E3;
	padding-top:10px;
	padding-bottom:10px;
	}
.menu ul li:last-child{
	border:none;
	}
	
.menu ul li a{
	font-weight:bold;
	font-size:16px;
	
	}
.menu ul li a:hover{
	text-decoration:none;
	color:#28b6e7;	
	}
.active{
	text-decoration:none;
	color:#28b6e7;	
	}
.menu ul li ul {
	display:none;
	position:absolute;
	z-index:1200;
	padding-top:15px;
	background:#fff;
	padding-left:20px;
	padding-right:20px;
	margin-left:-10px;
	padding-bottom:10px;
	}
.submenu:hover{
	background:#fff;
	}
.menu ul li ul li{
	float:none;
	margin:0px;
	margin-bottom:10px;
	border:none;
	padding:0px;
	}
.menu ul li ul li a{
	font-size:14px;
	}
.footer{
	margin-top:30px;
	z-index:200;
	position:relative;
	}
.footer #adres{
	float:left;
	}
.footer #adres p{
	color:#333;
	font-size:13px;
	line-height:24px;
	}
.contact .left, .contact .right{
	width:480px;
	}
	
.content ul{
	
	margin-bottom:18px;
	}
.content ul li{
	list-style-type:disc !important;
	color:#555555;
	line-height:24px;
	margin-left:13px;
	}
.footer p{
	margin-bottom:0px;
	}
.footer #adres a{
	color:#333;
	}
.footer #credits{
	float:right;
	}
.footer #credits p{
	color:#a5a4a4;
	font-size:11px;
	}
.intro{
	font-weight:bold;
	color:#35b5e6 !important;
	font-size:16px;
	}
.left{
	width:610px;
	float:left;
	height:500px;
	}
.right{
	width:350px;
	float:right;
	
	}
.rightcontent .left{
	width:509px;
	background:none;
	float:left;
	}
.rightcontent .right{
	
	width:451px;
	float:right;
	height:445px;
	background:url(../images/bg_tekst.png) repeat top center;
	}
.right a, .rightcontent .left a{
	color:#555555;
	}
#scrolltext{
	height:380px;
	width:490px;
	color:#666;
	padding: 0 60px 0 60px;
	margin-top:60px;
	}
#scrolltext p{
	color:#666;
	}
#fotoshow{
	position:relative;
	}
.arrows{
	position:absolute;
	z-index:100;
	top:40px;
	right:0px;
	}
.arrows ul li{
	float:left;
	margin-left:1px;
	}
.arrows #omschrijving{
	background-color:#616545;
	padding:16px;
	color:#d1d3c5;
	}
#fb{
	position:relative;
	top:3px;
	left:3px;
	}
	
.fotoshow img{
	width:960px;
	height:500px;
	}
.left img{
	width:509px;
	height:445px;
	}


#logo_axial{
	float:left;
	margin-right:20px;
	}
	
.thumbnailscont{
	width:125px;
	float:left;
	}
.thumbnails a{
	margin-bottom:1px;
	display:block;
	}
	
.referenties .center{
	background:url(../images/bg_tekst.png) repeat top center;
	height:445px;
	}
	
.canvascont{
	width:835px;
	float:right;
	}
.canvascont .canvas img{
	width:835px;
	height:445px;
	}
.pager{
	position:absolute;
	z-index:1000;
	bottom:210px;
	left:150px;
	}
.pager ul{
	margin:0px;
	padding:0px;
	}
.pager .rightarrow{
	margin-left:700px;
	
	}
.pager ul li{
	float:left;
	background:url(../images/bg_tekst.png) repeat top center;
	line-height:0px;
	margin-left:1px;
	}
.pager .description{
	padding:20px 17px 15px 17px;
	}

.projecten li{
	float:left;
	}
.projecten    { overflow:hidden; position:relative; }
.projecten ul { margin:0; padding:0; }
.projecten li { float:left; margin:0 3px 0 0; list-style:none; }
.controls{
	position:absolute;
	z-index:100;
	top:220px;
	left:-47px;
	}
form{
	margin-top:15px;
	}
.tekstveld, textarea{
	padding:4px;
	margin-bottom:8px;
	width:270px;
	margin-left:20px !important;
	border:1px solid #cecece;
	}
#verzenden{
	margin-left:73px;
	}
.mobilefotos{
	display:none;
	}
input.error{
	border:1px solid #FF0004;
	}
label.error{
	display:none !important;
	}
.btnjobs{
	position:absolute;
	z-index:999;
	right:-10px;
	top:-58px;
	}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.center{
	width:100% !important;
	
}
#bodywrapper {
    min-width:inherit;
    width: auto !important;
    width: 100%;
    height: auto;
    z-index: 1000;
    position: relative;
}
	#center_blok{
	width:100% !important;
	height:auto !important;
	
}
html{
	background-image:none;
	overflow-y: scroll;
	}
.talen{
	display:none;
	}
	.fotoshow{
		width:100% !important;
	
		}
	.fotoshow img{
	width:100% !important;
	height:auto !important;
	}
	.logo{
	width:213px;
	float:none;
	margin: 30px auto 30px auto;
	}
	
	.bg{
		display:none;
		}
	#center_blok{
		
	width:100%;
	left:0 !important;
	height:auto !important;
	z-index:300;
	position:relative;
	
	background:#fff;
	}
	.content{
	width:100%;
	margin-left:0;
	position:relative;
	background:#fff;
	height:auto;
	}
	
.menu{
	float:none;
	width:auto;
	margin-top:20px;
	margin-bottom:40px;
	}
.menu ul{
	float:none;
	margin:0px;
	
	padding:0px;
	}
	.menu ul li{
	float:none;
	list-style-type:none;
	text-align:center;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:10px;
	padding:0px;
	}
	#bodywrapper{	
 	width:100% !important;
	}
	.footer{
		padding: 0 30px 0 30px;
		margin-bottom:50px;
		margin-top:30px;
		float:left;
		} 
	.right{
	width:100% !important;
	float:left !important;
	clear:both !important;
	border-left:0px;
	position: inherit !important;
	padding:0px;
	margin-left:15px;
	} 
	.right img{
		width:100 !important;
		height:auto !important;
		}
	.right_text_big{
		margin:30px;
		}
		
	.tekstveld, #opmerkingen{
		width:130px;
		}
	#opmerkingen{
		width:250px !important;
		}
	.verzenddiv{
		width:260px !important;
		}
	.right_slideshow img, .left_slideshow_small img, .right_slideshow_big img{
	width:100% !important;
	height:auto;
	
	} 
	.left{
	width:100% !important;
	padding:0px 0 30px 0;
	float:left !important;
	clear:both !important;
	height:auto;
	}
	.left #scrolltext{
	height:auto !important;
	width:100% !important;
	color:#d1d3c5;
	padding: 0px;
	margin-top:30px;
	float:left;
	clear:both;
	margin:0px;
	
	}
	.left p, .left h2, .left a, .left ul, .left form, .left h1{
		padding:0 30px 0 30px;
		}
	.leftmenu{
		display:none;
		}
	.submenu{
	display:block;
	margin-top:10px !important;
	
	}
	
	.submenu li a{
		text-transform:none !important;
		letter-spacing:0px !important;
		font-size:14px !important;
		}
	iframe{
		display:none !important;
		}
	.seminarietext ul{
		text-align:left !important;
		margin-left:60px;
		}
	.rightform{
		clear:both;
	float:left;
	width:35Opx;
	}
	.footer{
		text-align:center;
		}
	#credits{
		float:none !important;
		text-align:center !important;
		}
.menu ul li ul {
	display:none;
	position:absolute;
	z-index:1200;
	padding-top:15px;
	background:#fff;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:-10px;
	padding-bottom:10px;
	width:100%;
	}

	.menu ul li ul li{
	float:none;
	margin:0px;
	width:100%;
	margin-bottom:10px;
	border:none;
	padding:0px;
	}
.menu ul li ul li a{
	font-size:14px;
	}
.contentfotos{
	display:none;
	
	}
.mobilefotos{
	display:block;
	}
.mobilefotos img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
	h1{
		margin-top:0px;
		}
.tekstveld, textarea{
	width:70%;
	}
.contact{
	text-align:center;
	}
	}