/* reset */
:link,:visited{text-decoration:none}ul,ol{list-style:none;}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-weight:normal;}ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,figure{margin:0;padding:0}a img,:link img,:visited img{border:none}address{font-style:normal}table,tr,td,th{border:0px;padding:0px;margin:0px;vertical-align:top;text-align:left;}table{border-collapse:collapse;}

html,body{margin:0;padding:0;font:1em Helvetica,Arial,sans-serif;color:#221e1f;line-height:1.25em;background:#fff;height:100%;width:100%;}
input,textarea,label,.button-wrapper{font:0.75em Helvetica,Arial,sans-serif;}

.regular-footer .content-wrapper{padding:0 !important;}
.sticky-footer{min-height: 100%;}
#footer.regular{height:auto !important;margin:0 !important;}
.fix-footer{margin-bottom:1.5em;}

/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}


h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;line-height:1em;}

p,ul,ol{margin:0.5em 0;font-size:0.750em;}

.hrzntl-spacer{position:relative;margin:0 1.5em;}
.hrzntl-wrapper{padding:0 1em;}
.vertical-wrapper{margin-top:0.75em;}
.container-wrapper{margin: 0 auto;max-width: 70em;position: relative;width: 100%;}
.container{clear:both;position:relative;z-index:100;}
#header{position:relative;z-index:200;}

.colwrapper {padding: 5px;}
.col1, .col2, .col3, .col4,.col4-5, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18, .col19, .col20, .col21, .col22, .col23, .col24, .item1, .item2, .item3, .item4, .item5, .column{display: block; float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding:0 0.75em;margin-bottom:1.5em;position:relative;}
.single-row{margin-bottom:0;}
.sub-grid{padding:0}
.item1{width:100%;}
.item2{width:50%;}
.item3{width:33.33333333%;}
.item4{width:25%;}
.item5{width:20%;}
.col1  {width: 4.16666666667%;}
.col2  {width: 8.33333333333%;}
.col3  {width: 12.5%;}
.col4  {width: 16.6666666667%;}
.col4-5{width: 20%;}
.col5  {width: 20.8333333333%;}
.col6  {width: 25%;}
.col7  {width: 29.1666666667%;}
.col8  {width: 33.3333333333%;}
.col9  {width: 37.5%;}
.col10 {width: 41.6666666667%;}
.col11 {width: 45.8333333333%;}
.col12 {width: 50%;}
.col13 {width: 54.1666666667%;}
.col14 {width: 58.3333333333%;}
.col15 {width: 62.5%;}
.col16 {width: 66.6666666667%;}
.col17 {width: 70.8333333333%;}
.col18 {width: 75%;}
.col19 {width: 79.1666666667%;}
.col20 {width: 83.3333333333%;}
.col21 {width: 87.5%;}
.col22 {width: 91.6666666667%;}
.col23 {width: 95.8333333333%;}
.col24 {width: 100%;float:none;}
.center{margin:0 2.5em;}
.leftCol{float:left;}
.rightCol{float:right;}
.hiddenCol{display:none;}

.spacer{min-height:2em;}
.default{padding:0;}
.colfix:after,.float-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clear{display:block;clear:both;}
.align-right{text-align:right;}

figure{position:relative;}
figure img,
figure object,
figure embed,
figure video{max-width:100%;display:block;}
img{border:0;-ms-interpolation-mode:bicubic;}

.rounded-shade{border-radius: 0.25em 0.25em 0.25em 0.25em;box-shadow: 0 6px 6px -6px #777777;}

/* winkelwagen */
.bestelstappen{height:1.5em;border-bottom:solid 1px #e7e7e7;margin-bottom:3.5em;}
.bestelstappen li{background:none;width:12.5em;border:solid 1px #e7e7e7;float:left;text-align:center;padding:0.75em;margin-right:1.5em;background-color:#fff;border-radius:0.5em;}
.bestelstappen li.last{margin:0;}
.bestelstappen li.active{color:#fff;border:solid 1px #000;background-color:#000;}
.bestelstappen .clear{border:none;}

/* bestellijst */
.bestellijst{clear:both;}
.bestellijst li{background:none;margin:0;padding:0;}
.bestellijst li.product{margin:0.5em 0;padding-bottom:0.5em;border-bottom:solid 1px #E7E7E7;}
.bestellijst span{display:inline-block;}

.bestellijst span.artikel{width:60%;vertical-align:top;}
.bestellijst span.artikel.wider{width:70%;}
.bestellijst figure{border:solid 1px #e7e7e7;cursor:pointer;margin-right:10px;float:left;width:50px;}
.bestellijst strong{vertical-align:top;width:160px;}
.bestellijst strong.light{font-weight:normal;display:block;}

.bestellijst span.ex{width:10%;}
.bestellijst span.prijs{width:10%;text-align:right;}
.bestellijst span.totaal{width:10%;text-align:right;}
.bestellijst a.delete{display:inline-block;width:10%;text-align:right;}

.bestellijst div.price{float:right;width:30%;margin-right:10%;margin-bottom:1.5em;}
.bestellijst div.price.wider{margin-right:0;}
.bestellijst div.price strong{display:inline-block;width:60%;}
.bestellijst div.price em{display:inline-block;width:40%;text-align:right;font-style:normal;}
.bestellijst div.price .border{border-top:double 4px;height:20px;padding-top:5px;margin-top:5px;}
.bestellijst div.price .padded{margin-top:10px;}
.bestellijst div.singleBorder{border-bottom:solid 1px;padding-top:10px;margin-bottom:10px;}
.bestellijst div.price .btw{font-weight:normal;font-size:0.875em;color:#999}

.bestellijst .bestellijst-header span{font-weight:bold;margin-bottom:10px;font-size:14px;color:#000}
.bestellijst .toNext{position:absolute;bottom:0;right:0;}

.bestellijst-column{float: left;margin-right: 5%;width: 45%;}
.bestellijst-column.kolom1{width:225px;float:left;margin-right:25px;}
.bestellijst-column.kolom2{width:200px;float:left;margin-right:25px;}
.bestellijst-column.kolom3{width:225px;float:left;margin-right:0;}

.section-blocks .col8{}

/* form */
.form{margin-top:0.5em;}
.form input,.form textarea,.form label{}

.form fieldset{margin-bottom:0.75em;border:none;width:100%;position:relative;}
.form fieldset.noneditable{margin:0;}
.form label{float:left;width:15%;font-size:0.875em;line-height:2em;font-weight:bold;}
.form label.full{width:100%;float:none;}
.form .description{font-weight:normal;display:block;}
.form label.group{display:block;font-size:0.875em;width:100%;line-height:1em;color:#000000;padding-bottom:0.5em;float:none;}
.form .input-wrapper,.form .file-wrapper{width:80%;border: 1px solid #DDDDDD;overflow:hidden;border-radius:0.25em;float:right;background-color:#fff;position:relative;}
.form .input-wrapper.misc{border:none;overflow:visible;}

.form .file-wrapper input{padding:0.375em }
.form .option-wrapper, .form .block,.form .file-wrapper{width:80%;float:right;min-height:28px;margin-top:0.25em;position:relative;}
.form .form-text{width:100%;padding: 0.5em 0.5em;border:none;}
.form .form-text.textarea{height:145px;}
.form input[type="text"]:focus,.form textarea:focus{color:#231f20;background-color:#efefef;}
.form .missed{background-color:#efefef;}
.form .select{}
.form .msg-wrapper{float:left;color:#999;}
.form .button-wrapper{clear:both;float:right;}
.button-wrapper{}
.form .form-button,.button{border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.4) inset,0 1px 1px rgba(0,0,0,0.1);cursor:pointer;font-size:13px;outline:medium none;padding:10px 18px;text-decoration:none;transition:all 0.2s linear 0s;background:#555;border:1px solid #000;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3);line-height:1.125em !important;}
.form .form-button:hover{background-color:#222;}
.feedback{padding-top:1em;float:right;font-size:0.75em;clear:both;color:#444444;font-weight:bold;}
.form .floatleft{float:left;display:block;width:100%;}
.form .floatleft label{float:none;}

.preload{display:none;}

/*
donker blauw #0b56a5
licht blauw #007fbd

*/
body{font-family: 'Open Sans', sans-serif;font-weight: 300;}
p, ul, ol,.block-wrapper{font-size:0.875em;line-height:1.5em;margin-bottom:1em;}
input,textarea,label{font-size:0.875em;}
hr{border:none;margin:0;height:2em;overflow:hidden;}
hr:after {
    content: "";
	width:100%;
    height: 2em;
	display:block;
	border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 8px 15px -10px #ccc;
	position:absolute;
	top:-1.25em;
	left:0;
}
.default-spacer{height:1em;}

.devider{border-top:solid 1px #ddd;}
.center-it{text-align:center;}
.to-right{text-align:right;}
.to-left{text-align:left;}
strong{font-weight:700;}
#skrollr-body{}

h1{font-size:1.5em;font-weight:700;margin-bottom:1em;}
h2{font-size:2em;font-weight:300;color:#007fbd;margin-bottom:1em;}
h3{font-size:1.5em;font-weight:300;color:#007fbd;margin-bottom:1em;}
h4{font-size:1em;font-weight:600;margin-bottom:1em;line-height:1em;}

ul li{/*background:url("../images/bull-blue.png")*/ no-repeat scroll 0 7px;padding-left:1.5em;}

#header{border-bottom:solid 1px #e2e3e3; padding: 15px 0px 0px 0px; overflow: hidden;}

	#header h1{margin: 0; padding: 0;}
	#header h1 a{display:block;}
	#header h1 img{display:inline-block; max-width: 100%; height: auto;}
	#header .lang {text-align: right; float: right;}

	#header .navigation{margin-top: 15px; clear: both;}
		#header .navigation ul{line-height:1em;position:relative; font-size:0.875em; text-align: right;}
		#header .navigation li{display:inline-block;position:relative;background:none;padding:0;}
		#header .navigation a{color:#0b56a5;padding:0.5em 1.4em;font-weight:700;border-right:solid 1px #e3e3e3;}
		#header .navigation a.current,#header .navigation a.current:hover{color:#000;}
		#header .navigation a:hover{color:#000;}
	
		#header .custom-header{position:absolute;top:0;right:1em;padding: 0.5em 0 0;color:#999;font-size:0.875em;}
		#header .custom-header a{color:#999;}
		#header .toggle-navigation{display:none;}
		
		#header .navigation li.zoeken{padding-left:1.5em;}
		#header .navigation .toggle-search{background: url(../images/search-bg.png) no-repeat 0 50%;border:none;padding-right:0;}

		#header .sub-navigation{background-color:#f5f5f5;height:30px;position:relative;border-top:solid 1px #e3e3e3;}
		#header .sub-navigation ul{margin:0.25em 0 0 0;float:right;}
		#header .sub-navigation li{display:inline;float:left;background:none;padding:0;border-left:solid 1px #e3e3e3;}	
		#header .sub-navigation ul li:first-child{border:none;}
			#header .sub-navigation a{color:#666;padding:0 1em 0.25em 1em;}
			#header .sub-navigation .current{color:#000;font-weight:500;}
			
			#header .dropdown{position:absolute;background-color:#fff;width:200px;border:solid 1px #e3e3e3;border-top:none;box-shadow: 0 5px 15px -5px #ccc;}
			#header .dropdown li{display:block;float:none;border:none;}
			#header .dropdown li a{border:none;padding:0.5em 1em ;display:block;border-top:solid 1px #e3e3e3;}
			#header .dropdown li a:hover{background-color:#f5f5f5}
			
		
#showcase{height:450px;position:relative;padding:0;border-bottom:solid 1px #efefef}
	#showcase #cases{position: relative;width: 100%;height: 100%;z-index:100;}	
		#showcase .case{position: relative;overflow:hidden;height: 100%;}
		#showcase .bg-wrapper{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:100;overflow:hidden;}
			#showcase .case img.bg{position:absolute;top:0;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:100;}
			#showcase .showcase-text{position:relative;width:100%;z-index:1000;}
			#showcase .hrzntl-spacer{z-index:1000;}
	#showcase .text-position{margin:50px 0 0 75px;padding:2.5em;}
	#showcase .text-position.mask-bg{background: url(../images/mask-white.png);border-radius:1em 1em;}
	#showcase h1{color:#000;font-size:40px;line-height:1em;font-weight:300;margin-bottom:0.5em;}
	#showcase h2{color:#007fbd;line-height:1.25em;margin-bottom:2em;font-size:25px;font-weight:300;text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);}
	#showcase .button{font-size:1.25em;background-color:#007fbd;border:solid 1px #0b56a5;margin:auto;display:inline;}
	#showcase a.mover{display:block;width:50px;height:83px;position:absolute;top:0;z-index:110;text-indent:-5000px;top:40%;}
	#showcase a.mover:hover{opacity:0.8;}
	#showcase .toNext{background: url(../images/to-right.png);right:0;}
	#showcase .toPrev{background: url(../images/to-left.png);left:0;}
	#showcase .case-selector{display:none;}

.one-page-row{position:relative;margin-top:2em;overflow:hidden;}
.one-page-row.first{margin-top:0;}

.headlines div.image-spacer{display:block;overflow:hidden;position:relative;text-align:center;height:180px;z-index:90}
.headlines div.image-spacer img{top:0;position: absolute;left:50%;margin-left:-150px;z-index:100;}
.headlines .text-wrapper{position:absolute;z-index:100;width:100%;margin-top:1em;}
.headlines .bg-wrapper{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:100;overflow:hidden;}
.headlines img.bg{position:absolute;top:0;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:100;}
.headlines .button,	.headlines .form-button{font-size:1.5em;float:right;margin-top:1em;}	
.headlines .preview{border:solid 1px #999;}

.skyline{/*background: url(../images/building-bg.png) repeat-x 50% 100%;position:relative;*/}
.skyline-fg{/*background: url(../images/building-fg.png) repeat-x 50% 100%;*/position:absolute;bottom:0;width:100%;height:155px;z-index:100;}
.buildings{position:relative;height:384px;z-index:110;}
.buildings .bg{position:absolute;width:100%;height:100%;background: url(../images/buildings.png) no-repeat 0 500px;}
.buildings .button{position:absolute;z-index:1000;top:-100px;}

.small-business{left:10px;}
.medium-business{left:380px;}
.large-business{left:200px;}

/*.buildings img{max-width:none !important;}*/

.applications{}
	.applications .image-spacer{margin-bottom:1.5em;}
	.applications .txt-wrapper{height:100px;}
	.applications .button{float:none;width:100px;margin:1.5em auto 0 auto;}
	.applications .col6{padding:1em 2em 1em 2em;}
	
.smart-enterprise{}
	.smart-enterprise h3{font-size:1.5em;color:#000;margin-bottom:0;font-weight:300;}

#maincontainer{overflow:hidden;clear: both;}
#maincontainer a{color:#007fbd}
#maincontainer .button{display:block;width:140px;margin:2em auto 0 auto;color:#fff;}
#maincontainer .button.left{margin:2em 0 0 0;text-align:center;}

.image-full-width{overflow:hidden;position:relative;height:350px;margin-bottom:2em;border-bottom:solid 1px #e2e3e3;}
.image-full-width > div,.image-full-width .image-wrapper{height:100%;}
.image-full-width .column-wrapper{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:100;overflow:hidden;}
.image-full-width img{position:absolute;top:0;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:100;}

.inner-element{position:relative;z-index:1000;margin:2em 0 0 0;}
.inner-element img{position:static;}

.showcase-element{}
.showcase-element .image-selector{margin-left:0;}
.showcase-element .image-selector li{background:none;list-style:none;display:block;float:left;margin:0 1em 1em 0;width:75px;height:75px;overflow:hidden;border:solid 1px #e3e3e3;line-height:80px;padding:0;}
.showcase-element .image-selector li.active{border:solid 1px #007fbd;}
.showcase-element .image-selector li img{max-width:100%;height:auto !important;vertical-align:middle;cursor:pointer;}
.showcase-element .image-details img{max-width:100%;}

.col6 img,.col8 img,.col12 img{max-width:100%;height:auto !important;}

.cta{padding:1em;background: url(../images/grad-blue.png);}
.cta h3{color:#fff;}
.cta li{background:none;padding-left:0;color:#fff;margin-bottom:0.5em;}
.cta .icon{vertical-align:middle;margin-right:0.25em;}
.cta li a{color:#fff !important;}

.cta.lines{background: url(../images/lines-bg.png);border:solid 1px #e3e3e3;}
.cta.lines h3{color:#221e1f;}
.cta.lines li{color:#221e1f;}
.cta.lines li a{color:#221e1f !important;}


.cta-line{border-top:solid 1px #e3e3e3;}
.cta.global-no1{background:url(../images/global-no1.png) no-repeat 50% 0;border:solid 1px #e3e3e3;}

.one-page-row .image-xl{height:450px;}
.grey{background:url("../images/bg-grey.png") repeat 0 0;padding:2em 0;border-top:solid 1px #efefef;border-bottom:solid 1px #efefef}
.grey p{margin-bottom:0;}

.html-content li{background: url(../images/bull-blue.png) no-repeat 0 7px;padding-left:1.5em;}
.html-content h1{font-size:2.25em;font-weight:300;margin-bottom:0.625em;}
.html-content h2{font-size:1.5em;font-weight:300;color:#007fbd;margin-bottom:1em;}
.html-content h3{border:solid 1px red;}
.html-content strong{font-weight:700;}
.html-content a{color:#007fbd;}

.feature-list{margin-top:1.5em;}
.feature-list li{padding:0;background:none;float:left;width:50%;font-size:1.25em;font-weight:300;border-top:solid 1px #e7e7e7;padding-top:1.5em;}
.feature-list li img{vertical-align:middle;padding-right:0.5em;}

#nec {text-align: right; padding-right: 15px;}
#nec img {display: inline-block; max-width: 100%; height: auto;}
#footer{position: relative;clear:both;background-color:#333;}
    #footer .container-wrapper {padding: 50px 0;}
	#footer h2{font-weight:500;color:#666;margin-bottom:0.5em;margin-bottom:1em;font-size:1em;}
	#footer h3{color:#ccc;margin-top:0;font-size:0.875em;}
	#footer h3 a{color:#ccc;}
	#footer ul{margin-bottom:1em;}
	#footer ul li{background:none;padding-left:0;}
	#footer p{margin-bottom:3em;}
	#footer p,#footer ul,#footer a{color:#999;}
	#footer p,#footer ul{font-size:0.75em;}
	#footer a{}
	#footer a:hover{color:#fff;}		
	#footer .copy{line-height:2em;}
	#footer .copy ul{padding-top:1em;}
	#footer .copy li{color:#999;width:50%;float:left;border-top:solid 1px #666;background:none;padding:0.5em 0 0.5em 0;}
	#footer .copy li.right{}
	#footer .copy a{color:#999;}
	#footer .copy strong{font-weight:normal;}
	#footer .copy a.facebook{background: url(images/facebook.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 10px;}
	#footer .copy a.twitter{background: url(images/twitter.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 10px;}
	#footer .copy a.pinterest{background: url(images/pinterest.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 0;}
	
	#footer .aanmelden-nieuwsbrief{margin-top:1em;}
	#footer .input{border:none;padding:0.25em;}
	#footer .button{background-color:#999;color:#fff;border:none;margin:0.5em 0;padding:0.25em;border-radius:0.25em;cursor:pointer;}
	#footer .button:hover{background-color:#666;}
	
	#footer .custom-footer{margin:0;}
	#footer strong{color:#fff;font-weight:700;}
	#footer .pillars-nec{position:absolute;top:-7px;left:0;}
	#footer .custom-header{position:absolute;top:-55px;right:1em;padding: 0.5em 0 0; }
	#footer .text-right {text-align: right;}

/* tooltip */
#toolTip{position:absolute;z-index:20000;font-size:0.75em;border:solid 2px #f17e00;color:#222;background-color:#fff;padding:0.25em 0.5em;text-align:center;font-weight:bold;box-shadow: 0 0 5px 0px #999;}
#toolTip.on-page{width:250px;left:50%;margin-left:-125px;font-size:0.875em;padding:0.5em;}

.scroll-to-top{background:#404040 url(../images/to-top.png) 50% 50% no-repeat;border-radius:0.5em 0.5em 0 0;bottom:0;color:#fff;display:block;height:10px;padding:15px 0 25px;position:fixed;right:1em;text-align:center;text-decoration:none;transition:all 0.3s ease 0s;width:49px;z-index:10000;opacity:0;}


.ortadark {
	border: 9px solid #1859ce;
	border-bottom-width: 8px;
	background: none;
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	border-radius: 6px;
}

.ortadark table {width: 100%; border-collapse: collapse;}
.ortadark .caption {height: 30px; text-align: center; font-size: 30px; color :navy ; font-weight: bold;}
.ortadark td {width: 33.3%; border: 10px solid navy; padding: 5px;}
.ortadark td .image {background-position: center center; background-size: 100% 100%; display: block; width: 100%; height: auto; margin-bottom: 10px;}
.img-responsive-inline {display: inline-block; max-width: 100%; height: auto;}