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



/*----------  GENERAL  ----------*/
a, body{
	font-family: 'Arimo', helvetica, arial, sans-serif;
	font-size:0.937em; /*15/16*/
	line-height:1.437em; /*23/16*/
	color:#686868;
	margin:0;
}

.clr{
	clear:both;
}

#wrap{
	width:85%;
	max-width:970px;
	margin:auto;
}

.boxshadow {
	border:solid 1px #EEE;
 -moz-box-shadow: 0 0 5px #888;
 -webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
 }

ul{
	list-style:none;
}


/*----------  Typography  ----------*/

a{
	color:#ea5944;
	text-decoration:none;
}
img{
	border:none;
}
a:hover{
	color:#b83f36;
}

h1{
	font-size:2.187em; /*35/16*/
	line-height:1.28; /*45/35*/
	color:white;
	margin:21px 14px 14px 0;
	padding: 14px 0 0;
	}

h2{
	color:#eb5944;
	margin-top:0.82em;
}

.ultitle a{
	font-family: 'Arimo', helvetica, arial, sans-serif;
	font-weight:400;
	font-style:italic;
	color:white;
}

.text-center{
	text-align:center;
}


/*----------  ICONS  ----------*/


.icon-left{
	background-position: left center;
	padding-left:1.5em;
}

.icon-right{
	background-position: right center;
	padding-right:8.62%;/*25/290*100*/
}

.pencil{
	background-image:url(../img/icon/pencil.png);
	background-repeat:no-repeat;
}

.radar{
	background-image:url(../img/icon/radar.png);
	background-repeat:no-repeat;
}

.cloud{
	background-image:url(../img/icon/cloud.png);
	background-repeat:no-repeat;
}

.arrow-right{
	background-image:url(../img/icon/arrow-right.png);
	background-repeat:no-repeat;
}


/*----------  HEADER  ----------*/
#header{
	width:100%;
	padding-top:2.06%; /*20/970*100*/
}

.logo{
	padding-left:1.54%;/*15/970*100*/
	border:none;
	padding: 0 0 0 14px;
}


.ulmenu{
	width:383px;
	display:inline-block;
	float:right;
	text-align:right;
	padding-top:1.03%;/*10/970*100*/
	margin-right:1.54%;/*15/970*100*/
}

.ulmenu li{
	display:inline;
	padding-left:1em;
}


.menu{
	font-size:0.86em; /*13/15*/
	text-decoration:none;
	color:#686868;
}

.menu:hover{
	color:#eb5944;
}

.active{
	font-weight:700;
	background-color:#eb5944;
	padding:0.4em;
	color:white;
}



/*----------  TITLE BAR  ----------*/

#title{
	background-color:#eb5944;
	text-align:right;
	padding-bottom:1em;
}

.large{
	height:188px;
}

.small{
	height:99px;
}

.ultitle{
	margin-right:1em; /*15/15*/
	margin-top:2.58%;
}

.ultitle li{
	margin-bottom:0.66em; /*10/15*/
}

.ultitle li a{
	background-color:#b83f36;
	padding:5px;
}

.ultitle li a:hover{
	background-color:#eb5944;
	color:white;
}

/*----------  Portfolio homepage  ----------*/
#slides{
	position:absolute;
	display:block;
	z-index:2;
	margin-top:-9em;
	margin-left:1.5em;
	border:none;
}

.image-left{
	float:left;
	margin-top:0.15em;
	margin-left:1.54%;/*15/970*100*/
}

.makkelijk{
	float:right;
	margin-right:1.54%;/*15/970*100*/
	width:31%;
}

.textwrap {
	margin:0 1.54%;/*15/970*100*/
	width:100%;
	clear:both;
}

.text{
	width:300px;
	display:inline-block;
	float:left;
	margin-right:1.6%;
}

.text-margin-top{
	margin-top:2em;
}

.margin-left{
	margin-left:660px;
	margin-right:15px;
}

/*----------  ONS WERK  ----------*/

.view {
   width: 290px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}

.third-effect .mask {
   opacity: 0;
   overflow:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(60,0,0,0.7);
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/*----------  CONTACT  ----------*/

.sign-in-form{
	width:650px;
	padding-left: 20px;
}

.sign-in-form p.checkbox{
	width:300px;
	height:30px;
	background-color:#eb5944;
	color:white;
	line-height:29px;
	display:inline-block;
	margin: 20px 10px 0px 0px;
}

.sign-in-form input[type="checkbox"]{
	margin:0 8px;
}

.sign-in-form input[type="text"]{
	height:25px;
	width:295px;
}

.sign-in-form textarea{
	height:25px;
	width:610px;
	height:200px;
	color:#000;
}

.textbox{
	width:300px;
	margin:10px 10px 10px 0px;
	display:inline-block;
}

.submit{
	margin-top:15px;
	margin-bottom:15px;
	width:617px;
	height:30px;
	background-color:#eb5944;
	border: none;
	color:white;
	font-family: 'Arimo', helvetica, arial, sans-serif;
	font-size:0.937em; /*15/16*/
}

.submit:hover{
	background-color:#b83f36;
	cursor:pointer;
}