/* Style website PSnM */
/* ------------------------------------Reset----------------------------------- */

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline:0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px; }

/* ------------------------------------Html-Body------------------------------- */
html, body {width:100%; padding-top:0px; margin:0;}
body {background:#BFBFBF; color:#400040; font:14px/25px Arial, Helvetica, sans-serif;}
body .wrapper{}



a{color:#265cff;text-decoration:none;}
a:hover {opacity:0.9; text-decoration:none; color:#000000;}


h1, h2, h3, h4{	font-size:25px; line-height:25px;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; line-height:22px; font-size:15px; color:#000000; }
	

.clear{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{}
.clearfix:after, .clearfix:before{clear:both; content:'\0020'; display:block; visibility:hidden; width:0; height:0;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
header{}

.top-header{text-align:center; width:100%; }
.wrap-header{
    text-align:center;
    width:100%;
    padding:auto 0px 0px 0px;
    border-bottom:0px solid #000000;
    margin-top:45px;
    background-size:cover;
    background-color:#9B9B9B;}
.wrap-header #img-pager {margin:-45px 0px -25px 0px;}

.zerogrid .row-header {height:130px; }
/*.wrap-col,  p {color:black; font-family:Arial, Helvetica, sans-serif;}*/

header .wrap-col {}
header h1 {font-size:128px; padding-top:50px;}
header h2 {font-size:75px; padding:40px 0px 0px 0px; font-family: Arial, Helvetica;	font-weight:bold;}
header h3 {font-size:45px; padding-top:15px;}
header h4 {font-size:25px; }
header h5 {font-size:18px; }
header h6 {font-size:10px;}


/*header h1, h3, h6 {color:black;}*/
header h1, h3, h6 {color:#577de3;}
header h2, h4, h5 {color:#1aff8c;}

.row h1 {color:black;}


/*nav{}/*-component.css-*/

.hptitle{margin:30px 0px;font-size:55px;color:#fff;font-weight:500;line-height:1.1;}
.hpsubtitle{margin:40px 0 10px 0;color:#fff;}

/* ---------------------------------------------------------------------------- */
/* --------------------------------------Menu---------------------------------- */
/* ---------------------------------------------------------------------------- */
nav {text-align:center; position:fixed; top:0; left:0; width:100%; background-color:#000000; z-index:9999;}
.wrap-nav{margin:0 auto;display:inline-block; background-color:#000000; }


.menu {color:#fff;}
.menu:before,.menu:after {content:" "; display:table;}
.menu:after {clear:both;}

.menu ul {list-style:none; width:15em;}
.menu a {padding:10px 20px;color:#E2E2E2;font-size:14px;}
.menu > li {float:left;}
.menu > li > a {display:block;}
.menu :hover a {background-color:#666666;/* border-top:2px solid #37B5E5; */}
.menu .first {background-color:#0000cc;border-top:2px solid #37B5E5;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
/* .container {margin-top:90px;} */
.container {}
.container .wrap-container{margin:auto;} */

/* #main-content{background-color:#F7F7E0; padding:50px 0;} */
*/
/* ---------------------------------------------------------------------------- */
/* ---------------------------------Content-box-------------------------------- */
/* ---------------------------------------------------------------------------- */
.content-box {}
.content-box .header {margin-bottom:40px;text-align:center;display:inline-block;padding:0 25px; border-bottom:1px solid #000}
.content-box .header h3{font-size:28px;color:#000;font-weight:500;margin:20px 0;}
.content-box .header h2{font-family:inherit;line-height:1.1; color:#265cff;margin-bottom:10px;font-weight:500;font-size:50px;}
.content-box .wrap-box {padding:70px 0 50px 0;} 
.content-box p {margin-bottom:20px; text-align:left;}
.content-box .post {margin-bottom:30px;}

.content-box.products {text-align:center;}
.content-box.products .header h3 {color:#000000;}
.content-box.products  h4 {color:#265cff;  font:20px Arial, Helvetica, sans-serif;}
.content-box.products ul {list-style-type:disc; text-align:left; padding-left:20px;}
.content-box.products li {text-align:left; color:#000000; padding-left:15px; font:15px Verdana, Arial, Helvetica, sans-serif;;}


.content-box.products #img-helppagina{height:auto; width:auto; max-width:250px; max-height:250px;}
.content-box.products #img-superuser{height:auto; width:auto; max-width:250px; max-height:250px;}
.content-box.products #img-superconf{height:auto; width:auto; max-width:250px; max-height:250px;}
.content-box.products #img-reseller{height:auto; width:auto; max-width:250px; max-height:250px;}

.content-box.howItWorks {}
.content-box.howItWorks .header {border-bottom:1px solid #000000;}
.content-box.howItWorks .header h3 {color:#000000;}
.content-box.howItWorks .wrap-col h4 {color:#000000; font:20px Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.content-box.howItWorks .wrap-col b  {color:#000000;}
.content-box.howItWorks .wrap-col #img-device   {height:auto; width:auto; max-width:250px; max-height:250px;margin-top:-40px;}
.content-box.howItWorks .wrap-col #img-istation {height:auto; width:auto; max-width:230px; max-height:230px; margin-top:-90px;}
.content-box.howItWorks .wrap-col #img-lttk 	{height:auto; width:auto; max-width:250px; max-height:250px; margin-left:-50px;}
.content-box.howItWorks .wrap-col #img-interface{height:auto; width:auto; max-width:150px; max-height:150px;}



.content-box.reseller {}
.content-box.reseller .header h3 {color:#000;}
.content-box.reseller h4 {font-size:22px; color:#ffffff;}
.content-box.reseller .row-beam {width:100%; height:10px;}

.content-box.reseller .reseller {
								  background-color:#acac9d;
								  text-align:center;
								  border-radius:10px;
								  -webkit-border-radius:10px;
								  -moz-border-radius:10px;
								  -khtml-border-radius:10px;
								  border:1px solid #000000;
								  padding:30px;
								  min-height:250px;							  					 
								  -ms-background-size: cover;
								  -o-background-size: cover;
								  -moz-background-size: cover;
								  -webkit-background-size: cover;
								  background-size: cover;}

.content-box.reseller .reseller td > a {color:blue;}
.content-box.reseller .reseller a {color:white;}
.content-box.reseller .reseller a:hover {opacity:0.8;}
 
.content-box.reseller .reseller-title{	color:#ffffff;
										line-height:1;
										font-size:24px;
										font-weight:bold;
										border-bottom:1px solid #b6b6b6;
										padding:5px;}									
									
	
.content-box.reseller table {width:100%; border:1px solid #000000; color:#ffffff;}									 
.content-box.reseller th {text-align:left; padding-left:2px; border-bottom:1px solid black; background-color:#888888;}									 
.content-box.reseller ul {list-style-type:none; padding-left:8px; color:#ffffff;}	
.content-box.reseller td {padding:0px 4px 0px 4px;}								 
.content-box.reseller tr:nth-child(2n+0){background:#dddddd;color:black;}
.content-box.reseller tr:nth-child(3n+0){background:#eeeeee; color:black;}

.content-box.price table {width:30%; border:1px solid #00000; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.content-box.price th {text-align:left; border-bottom: 1px solid black}
.content-box.price td {font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:7px;}
.content-box.price h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:black;}
.content-box.price h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:black;}


.content-box.aboutUs {}
.content-box.aboutUs #imgWhoAreWe {padding-top:20px;}
/* .content-box.aboutUs {color:#fff;} */
.content-box.aboutUs .header {border-bottom:1px solid #000;}

.content-box.aboutUs .header h3 {color:Black;}

.content-box.ourUsers {}
/* .content-box.ourUsers .header h3 {font-size:25px; color:#000000;} */
/*.content-box.howItWorks .wrap-col #img-MFE{height:auto; width:auto; max-width:250px; max-height:250px;}*/

.content-box.ourUsers .user {
								  /* background-color:#acac9d; */
								  text-align:center;
								  border-radius:10px;
								  -webkit-border-radius:10px;
								  -moz-border-radius:10px;
								  -khtml-border-radius:10px;
								  border:0px solid #000000;
								  padding:0px;
								  height:auto;
								  width:auto;								  
								  -ms-background-size: cover;
								  -o-background-size: cover;
								  -moz-background-size: cover;
								  -webkit-background-size: cover;
								  background-size: cover;}
				  

.content-box.privacyInformation .row h3 {font-size:18px; color:black;}


.content-box.contactUs {}
.content-box.contactUs .header h3 {font-size:22px; color:#000000;}
.content-box.contactUs .contact{background-color:#EEEEEE;
							border: 1px solid #9b9b8c;
							padding:60px;
							border-radius:20px;
							-webkit-border-radius:20px;
							-moz-border-radius:20px;
							-khtml-border-radius:20px;}
							
.content-box.box-7 {color:#fff;text-align:center;}
.content-box.box-7 .title  {color:#fff; text-align:right;}
.content-box.box-7 .subcribe-form{text-align:left;}

/*De kleuren van de oneven pagina's*/
/*.content-box.products, .content-box.reseller, .content-box.contactUs, .content-box.privacyInformation, .content-box.prices {background-color:#F8F8F8; width:100%}*/
.content-box.products, .content-box.reseller, .content-box.contactUs, .content-box.price, .content-box.ourUsers {background-color:#DBDBDB; width:100%;}


/* ---------------------------------------------------------------------------- */
/* ------------------------------------Article-------------------------------- */
/* ---------------------------------------------------------------------------- */
article{}
article .art-header{text-align:center; margin-bottom:20px;}
article .art-content{}
article h1{color:#37B5E5; font-size:35px;	text-transform:uppercase;	line-height:50px;}
article img{padding:20px; background:#ffffff; margin-bottom:20px; border:1px solid #37B5E5;}
article p{margin-bottom:10px;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer {}
footer .wrap-footer{text-align:center;}

footer .footer-social{text-align:center; margin:0px 0;}

.copyright{text-align:center; background:#1E1E1E; padding:30px 0px;}
.copyright  span > a {color:#37B5E5;}
.copyright  span > a:hover {text-decoration:underline;}


/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button{
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	border:1px solid #ffffff; 
	display:inline-block;
	text-decoration:none;
	background:#303030;
	margin:20px 0 50px 0;
	padding:10px 25px;
	text-transform:uppercase;
	color:#ffffff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	font-weight:bold;
}
a.button:hover{opacity:0.8;}
a.button.button01{background:#77776a; color:#ffffff;}
a.button.button02{background:#FFE9B4; color:#000000;}
a.button.bt-contact{background:#265cff;}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Subcribe-------------------------------- */
/* ---------------------------------------------------------------------------- */
#subcribe {margin:10px;}

#subcribe input[type="text"] {
    background:#fff;
    font:14px Arial,Helvetica,Sans-serif;
    color:#867B6E;
    width:200px;
    padding:15px;
    border-bottom:2px solid #eee;
  
    }

/*#search input[type="text"]:focus {width:200px;}*/
#subcribe input[type="submit"]{
	background:#303030;/* Fallback color for non-css3 browsers */
	padding:15px;
	color:#ffffff;
	cursor:pointer;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:780;
	border-bottom-width:2px solid #eee;
	width:110px;
	outline:none;
	}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */

#contact_form {background:#DBDBD5;padding:25px;}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;margin:5px 0 25px 0;}

textarea {display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000; border:1px solid #5f5f5f;padding:10px;margin:5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#303030;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:35%;color:#ffffff;}
#ff .sendButton:hover {/*opacity:0.6;*/ background-color:#265cff;}

.address {}
.phone {color:#265cff;}
#email {color:#000000;}
#email:hover {color:#265cff;}

#id_contact_bericht 		{text-align:left;}
#id_contact_bericht .wrap	{padding:50px;
							 background:#ffffff;
							 border:1px solid #333333;
							 display:inline-block;
							 border-radius:5px;
							 -webkit-border-radius:5px;
							 -moz-border-radius:5px;
							 -khtml-border-radius:5px;}
#id_contact_bericht .text	{font-size:35px; margin-bottom:30px;}
#id_contact_bericht .back a	{background:#37B5E5; padding:10px 20px; color:#ffffff; 
							 border-radius:5px;
							 -webkit-border-radius:5px; 	
							 -moz-border-radius:5px;
							 -khtml-border-radius:6px;
							 text-decoration: none;}