#header {
position:fixed; top:0px; left:0px; width:100%;
padding-bottom:5px; background:url('../images/bg_header.png') repeat-x left bottom;
z-index:999;
}
#header .contain { background-color:#fff; padding-top: 30px;}
#header .navigation ul { text-align:center; position:relative;}
#header .navigation ul li {
	font-weight: 700;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	z-index:333; 
	overflow:hidden;
	vertical-align:top;
	position:relative;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px; 
	behavior: url('http://allinservices.preview.nu/wp-content/themes/allinservices/lib/js/PIE.htc');
	}
#header .navigation ul li a {
	font-family: 'Open Sans', sans-serif; font-weight: 700;
	text-transform:uppercase; 
	font-size:15px; line-height:28px;
	color:#839098; text-decoration:none;
	display:block; padding:10px 15px;
	position:relative; display:block;
	}

#header .navigation ul li.current-menu-item { background-color:#7f3f98;}
#header .navigation ul li.current-menu-item a { color:#fff;}

#header .navigation ul li:hover {background-color:#f5f5f5;}
#header .navigation ul li.current-menu-item:hover {background-color:#6c3581;}

#header .navigation ul li a .icon { display:inline; overflow:hidden; width:0px; text-align:left; height:15px;}
#header .navigation ul li a .icon img { vertical-align:text-top; margin-top:-2px; margin-right:5px;}

#header .navigation ul li.logo { margin:0px!important; background-color:#fff!important;}
#header .navigation ul li.logo:hover, #header .navigation ul li.logo a:hover {background-color:#fff!important;}
#header .navigation ul li.logo a { 
width:340px; height:0px; padding-top:69px; display:block; line-height:69px; overflow:hidden; background:url('../images/logo.png') no-repeat center top!important;
}

#start {background-color:#7f3f98!important; padding-top:27px; background:url('../images/bg_bar.png') repeat-x left top;}
#start h1 { color:#fff!important; text-align:center; font-weight:700;}
#content.cat #start h1 { padding-bottom:32px!important;}
#start p { text-align:center; font-size:18px; color:#fff!important; font-weight:700; padding:0 100px;}
#start p a {
padding:10px 15px 10px 45px; color:#fff; text-decoration:none;
line-height:52px; background:#6c3581 url('../images/intro_a.png') no-repeat 10px center;
position:relative;
-webkit-border-radius: 50px; 
-moz-border-radius: 50px; 
border-radius: 50px;
behavior: url('http://allinservices.preview.nu/wp-content/themes/allinservices/lib/js/PIE.htc');
}

#content { padding-top:109px; background-color:#fff;}
#content .intro { background-color:#7f3f98;}
#content .intro .image { width:100%; height:350px; overflow:hidden; position:relative;}
#content .intro .image .overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../images/bg_overlay_homepage.png') no-repeat center center;}
#content .intro .image .overlay .button { width:45%; float:left;}
#content .intro .image .overlay .calltoaction { width:50%; float:right; padding-top:85px;}
#content .intro .image .overlay .calltoaction p {
font-family: 'Open Sans', sans-serif; text-transform:uppercase;
text-align:left; padding:20px; font-size:40px; line-height:45px; color:#fff;
}
#content .intro .image .overlay .calltoaction a { font-size:16px; color:#6c3581; background-color:#fff; margin-right:10px;}

#content .intro .button { position:relative; padding-top:68px;}
#content .intro .button .animate {
	background-color:#fff; width:205px; height:205px; margin-right:-23px; text-align:center; overflow:hidden;
	position:relative; float:right; 
	-webkit-border-radius: 500px; 
	-moz-border-radius: 500px; 
	border-radius: 500px;
	behavior: url('http://allinservices.preview.nu/wp-content/themes/allinservices/lib/js/PIE.htc');
	}
#content .intro .button .animate ul { position:absolute; top:0px; left:0px; width:615px; height:205px;}
#content .intro .button .animate li { position:relative; float:left;}
#content .intro .button .animate li img { width:205px!important; height:205px!important; min-width:inherit!important;}
#content .intro .image img { width:100%!important; height:auto!important; min-width:1000px!important;}

#content .intro .txt { background:url('../images/bg_bar.png') repeat-x left top; }
#content .intro .txt p { 
font-family: 'Open Sans', sans-serif; text-transform:uppercase;
text-align:center; padding:20px; font-size:21px; line-height:30px; color:#fff;
}
#content .intro p small { font-size:16px;}
#content .intro p strong { font-weight:700;}
#content .intro p a {
-webkit-border-radius: 50px; 
-moz-border-radius: 50px; 
border-radius: 50px;
position:relative;
behavior: url('http://allinservices.preview.nu/wp-content/themes/allinservices/lib/js/PIE.htc');
padding:10px 15px 10px 45px; color:#fff; text-decoration:none;
line-height:52px; background:#6c3581 url('../images/intro_a.png') no-repeat 10px center;
}

#content iframe { width:100%; height:250px;}

#content .stuff { width:100%;}
#content .stuff td { vertical-align:top;}
#content .left { width:50%;}
#content .right { width:50%; background-color:#f2f4f4;=}
#content .left .wrapper { width:450px; float:right; padding:30px 30px 30px 0px;}
#content .right .wrapper { width:450px; float:left; padding:30px 0px 30px 30px;}

#content h1 {font-family: 'Open Sans', sans-serif; font-size:21px; line-height:27px; color:#839098; text-transform:uppercase; padding-bottom:21px;}
#content h1 strong {color:#7f3f98!important;}
#content h2 {font-family: 'Open Sans', sans-serif; font-size:21px; line-height:27px; color:#839098; text-transform:uppercase; padding-bottom:21px;}
#content h2 strong, #content.cat .left h2 { font-weight:700; color:#7f3f98!important;}
#content p, #content ul { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:27px; color:#839098; padding-bottom:27px;}
#content p strong { font-weight: 700;}

#content .services { padding:30px 0;}
#content .services ul { padding-top:27px;}
#content .services ul li { width:50%; float:left; position:relative;}
#content .services ul li p { padding:0 10px 27px 20px;}
#content .services h3 {font-family: 'Open Sans', sans-serif; font-size:17px; line-height:27px; color:#7f3f98; text-transform:uppercase; padding-bottom:21px; padding-left:70px; font-weight:700;}
#content .services img { position:absolute; left:20px; top:-5px;}
#content .services ul li br { display:none;}

.diensten h2 {color:#839098;}
.diensten h2 strong {color:#7f3f98!important;}
.diensten .dienst { width: 50%; float: left; position: relative;}
.diensten .dienst a { text-decoration:none;}
.diensten .dienst a:hover .title { text-decoration:underline;}
.diensten .dienst img { position: absolute; left: 0px; top:0px;}
.diensten .dienst .title {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:27px; color:#7f3f98; font-weight: 700; padding-left: 40px;}
.diensten .dienst .widget_sp_image-description { padding-left: 40px; padding-right: 5px;}

#pagenav a {
	background-color:#7f3f98!important; color:#fff; padding:10px; text-decoration:none;
	font-family: 'Open Sans', sans-serif; font-size:14px; line-height:27px; font-weight:700;
	}

#usp {
background-color:#606c74;
}
#usp p {
font-family: 'Open Sans', sans-serif; text-transform:uppercase;
text-align:center; padding:30px 100px; font-size:21px; line-height:30px; color:#fff;
}
#usp strong { font-weight:700;}

#samenwerking {
background-color:#fff;
font-family: 'Open Sans', sans-serif; text-transform:uppercase;
text-align:center; padding:20px 0; font-size:21px; line-height:30px; color:#839098;
}
#samenwerking strong { font-weight:700;}
#samenwerking .element { display:inline; }
#samenwerking .element img { margin:5px 10px; vertical-align: middle;}

#footer { padding-bottom:75px; text-align:center;}
#footer .calltoaction { 
font-family: 'Open Sans', sans-serif; text-transform:uppercase;
text-align:center; padding:20px 0 10px 0; font-size:21px; line-height:30px; color:#fff;
width:480px; margin:0 auto; border-bottom:#fff 1px solid;}
#footer .calltoaction small { font-size:16px;}
#footer .calltoaction strong { font-weight:700;}
#footer .calltoaction a {
-webkit-border-radius: 50px; 
-moz-border-radius: 50px; 
border-radius: 50px;
position:relative;
behavior: url('http://allinservices.preview.nu/wp-content/themes/allinservices/lib/js/PIE.htc');
padding:10px 15px 10px 45px; color:#606c74; text-decoration:none;
line-height:52px; background:#fff url('../images/plus_grey.png') no-repeat 10px center;}

#footer .footer { padding:20px 0;}
#footer .footer p {font-family: 'Open Sans', sans-serif;
text-align:center; font-size:13px; line-height:27px; color:#fff;}
#footer .footer p strong { font-weight:700;}

#footer .socialicon { margin:0 10px;}

#overlay {
display:none; opacity:0;
position:fixed; top:0px; left:0px; width:100%; height:300%; /*background:url('../images/bg_overlay.png') repeat left top;*/ background-color:#6c3581; z-index:9999;
}
#overlay .contain { padding:30px; width:330px; margin:15px auto; }
#overlay .contain .close { width:25px; height:25px; background: url('../images/bg_close.png') no-repeat center center; position:absolute; right:30px; top:30px;}
#overlay .contain .close:hover { cursor:pointer;}

.frm_forms { text-align:center; }
#overlay h3 {
display:block; clear:both;
font-family: 'Open Sans', sans-serif;
text-align:center; font-size:26px; line-height:27px; color:#fff;
font-weight:400; text-transform:uppercase; padding-bottom:10px;
}
#overlay h3 strong { font-weight:700;}
.frm_forms label {
display:block; clear:both;
font-family: 'Open Sans', sans-serif;
text-align:center; font-size:14px; line-height:27px; color:#fff;
font-weight:700;
}
.frm_form_field { clear:both;}
.frm_forms input, .frm_forms textarea { display:inline; padding:10px 0!important; text-indent:10px; border:#fff 2px solid; font-size:14px; -webkit-appearance: none; border-radius: 0; margin-bottom:10px;}
.frm_forms input:focus, .frm_forms textarea:focus { outline:none; border-color:#4a1e5b;}
.frm_forms .frm_submit input { background-color:#4a1e5b; border-color:#4a1e5b; color:#fff;}
.frm_forms hr { margin:20px 0; height:0px; border-color:#fff;}
.frm_forms textarea {padding:10px!important; text-indent:0px!important;}
.frm_hidden_container .frm_primary_label { display:none;}
#frm_form_2_container.frm_forms .frm_opt_container { float:left; background-color:#4a1e5b; padding:20px 20px 10px 20px;}
#frm_form_2_container.frm_forms .frm_opt_container label { color:#fff; text-align:left;}
#frm_form_2_container.frm_forms .frm_opt_container input { width:20px!important; height:20px!important; -webkit-appearance:checkbox; vertical-align: middle; border:none; background-color:#fff; text-align:left!important; }
#frm_form_2_container.frm_forms .frm_opt_container .frm_checkbox { width:145px; padding:0 0 10px 0px; float:left; text-align:left!important;}
#frm_form_2_container.frm_forms .frm_opt_container .frm_checkbox label:hover { cursor:pointer!important;}
#frm_form_2_container.frm_forms input {width:330px!important;}
#frm_form_2_container.frm_forms textarea { width:310px!important;}

.frm_error {font-family: 'Open Sans', sans-serif; font-size:12px; padding-bottom:10px; color:#4a1e5b;}


@media all and (max-width: 960px) {
	html,body { min-width:520px!important;}
	.wrapper { width:480px!important;}
	#header ul li.home { display:none;}
	#start p { padding:0 40px 27px 40px!important;}
	#content .intro .image .overlay { background:none;}
	#content .intro .image .overlay .button { display:none;}
	#content .intro .image .overlay .calltoaction { width:100%; padding-top:125px; }
	#content .intro .image .overlay .calltoaction p {text-align:center;}
	#content { padding-top:158px!important;}
	#content .intro .image { height:400px;}
	
	.diensten .dienst { width: 100%!important;}
	
	#content .left .wrapper, #content .right .wrapper {width:220px!important;}
	#content .intro .image .overlay .calltoaction p { padding:20px 0;}
	#header .navigation ul { padding-top:70px; padding-bottom:10px;}
	#header .navigation ul li.logo { position:absolute; top:0px; left:50%; margin-left:-170px!important; z-index:0!important;}
	#header .navigation ul li { margin:0px!important;}
	.diensten ul {border-right:none;}
	#samenwerking .element { display:block; margin-bottom:20px;}
	}