/* ***** Nexpri stylesheet *************************** */
/* ***** Author: Sabine de Milliano, www.knalblauw.nl* */
/* ***** Colours: R:EE2E24 G:7AC142 B:0082C8 O:F78F1E* */

/* ***** Main settings and reset ********************* */
@font-face { font-family: 'VAG'; src: url('../../uploads/fonts/vagroundedstd-thin-webfont.eot'); src: url('../../uploads/fonts/vagroundedstd-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../../uploads/fonts/vagroundedstd-thin-webfont.woff') format('woff'), url('../../uploads/fonts/vagroundedstd-thin-webfont.ttf') format('truetype'), url('../../uploads/fonts/vagroundedstd-thin-webfont.svg#vag_rounded_stdthin') format('svg'); font-weight: normal; font-style: normal; }
body, div, img, p, h1, h2, h3, h4, h5, h6, em, strong, span, a, ul, ol, li { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.5em; }
html, body { height: 100%; background: #FFFFFF; font-family: 'VAG', sans-serif; font-size: 15px; color: #252525; }
.block-wrapper { width: 100%; padding: 25px 0px 25px 0px; }
.block-contents { margin: 0px auto 0px auto; width: 850px; height: 100%; position: relative; }

/* ***** General styles ****************************** */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-weight: normal; font-size: 23px; }
h3, h4, h5, h6 { font-weight: normal; font-size: 17px; }
p {	margin: 0px 0px 10px 0px; }	
ul, ol { padding: 0px 0px 10px 18px; }
a { text-decoration: none; color: inherit; transition: all 0.25s ease-out; }	
a img { border: 0px; outline: 0px; }
em { font-style: italic; }
iframe { width: 850px !important; height: 478px !important; margin: 25px 0px 25px 0px; }
.clear { clear: both; }

/* ***** Theme colouring, set theme in template ****** */
.red h1, .red h2, .red a { color: #EE2E24; }
.green h1, .green h2, .green a { color: #7AC142; }
.blue h1, .blue h2, .blue a { color: #0082C8; }
.orange h1, .orange h2, .orange a { color: #F78F1E; }
.red a:hover { color: #FF5E54; }
.green a:hover { color: #AAE162; }
.blue a:hover { color: #30B2F8; }
.orange a:hover { color: #FFBF4E; }
.red .block-colour, .red .block-column h1 { background: #EE2E24; }
.green .block-colour, .green .block-column h1 { background: #7AC142; }
.blue .block-colour, .blue .block-column h1 { background: #0082C8; }
.orange .block-colour, .orange .block-column h1 { background: #F78F1E; }

/* ***** Logo (set theme colour in template) ********* */
.block-top { height: 80px; }
#logo { display: block; height: 73px; width: 400px; position: absolute; top: 5px; left: 0px; }	
.red #logo { background: url('../../uploads/images/logo-red.png') no-repeat 0px 0px; }	
@media(-webkit-min-device-pixel-ratio: 1.5) { .red #logo { background: url('../../uploads/images/logo-red-2x.png') no-repeat 0px 0px; background-size: 400px; } }
.green #logo { background: url('../../uploads/images/logo-green.png') no-repeat 0px 0px; }	
@media(-webkit-min-device-pixel-ratio: 1.5) { .green #logo { background: url('../../uploads/images/logo-green-2x.png') no-repeat 0px 0px; background-size: 400px; } }
.blue #logo { background: url('../../uploads/images/logo-blue.png') no-repeat 0px 0px; }	
@media(-webkit-min-device-pixel-ratio: 1.5) { .blue #logo { background: url('../../uploads/images/logo-blue-2x.png') no-repeat 0px 0px; background-size: 400px; } }
.orange #logo { background: url('../../uploads/images/logo-orange.png') no-repeat 0px 0px; }	
@media(-webkit-min-device-pixel-ratio: 1.5) { .orange #logo { background: url('../../uploads/images/logo-orange-2x.png') no-repeat 0px 0px; background-size: 400px; } }
@media screen and (max-width: 1600px) { 
  .block-top { height: 60px; padding: 15px 0px 25px 0px; }
  #logo { top: 0px; }	}

/* ***** Title and picture bar *********************** */
.block-title { height: 230px; padding: 0px; }
.block-title .block-contents { white-space: nowrap; overflow: visible; }
.block-title > div > h1 { position: absolute; top: 140px; left: 0px; font-size: 55px; color: #FFFFFF; letter-spacing: 1px; }
.block-title .soloimage { position: absolute; width: 230px; height: 230px; top: 0px; right: 0px; overflow: hidden; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.block-title .soloimage img { height: 100% !important; width: auto! important; }
#portal-image { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#portal-image img { width: 100%; position: absolute; top: 0px; left: 0px; }
#portal-image a, #portal-image a:hover { color: inherit; }
#portal-links { width: 100px; height: 15px; position: absolute; bottom: 15px; right: 15px; text-align: right; }
.portal-link { display: inline-block; margin-left: 3px; width: 10px; height: 10px; border-radius: 5px; position: relative; background: #FFFFFF; background: rgba(255,255,255,0.7); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25); }
.portal-link.active { background: #333333; background: rgba(0,0,0,0.5); }
.portal-link:hover { background: #FFFFFF; }
.caption { position: absolute; top: 100px; right: 15px; background: #FFFFFF; background: rgba(255,255,255,0.90); border-radius: 10px; padding: 10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); }
.caption h1 { font-size: 25px; color: inherit; margin: 0px; }
.caption h2 { font-size: 15px; color: inherit; margin: 0px; }
.caption.producten h1 { color: #7AC142; }
.caption.diensten h1 { color: #EE2E24; }
.caption.Benchmark-GEO h1 { color: #0082C8; }
#portalimg1 .caption { top: 100px; right: 15px; }
#portalimg2 .caption { bottom: 30px; left: 30px; top: auto; right: auto; }
#portalimg3 .caption { top: 100px; right: 55px; }
#portalimg4 .caption { top: 100px; right: 15px; }
/* Start by hiding things. */
#portal-image img { display: none; }
#portal-image div.caption { display: none; }

/* ***** Menu **************************************** */
.block-menu { padding: 15px 0px 15px 0px; }
#menu { margin: 0px; padding: 0px; list-style: none; display: inline; }
#menu li { display: inline-block; margin-right: 13px; border-radius: 10px; font-size: 18px; padding: 5px 15px 5px 15px; transition: all 0.25s ease-out; }
#menu a, #menu a:hover { color: #FFFFFF; }
#menu li:first-child { background: #EE2E24; }
#menu li:nth-child(2) { background: #7AC142; }
#menu li:nth-child(3) { background: #0082C8; }
#menu li:nth-child(4) { background: #F78F1E; } 
#menu li:first-child:hover { background: #FF5E54; }
#menu li:nth-child(2):hover { background: #AAE162; }
#menu li:nth-child(3):hover { background: #30B2F8; }
#menu li:nth-child(4):hover { background: #FFBF4E; }

/* ***** Two-column grey content block *************** */
.block-items { background: #F5F5F5; }
.block-items .block-contents { white-space: nowrap; overflow: visible; }
.block-items .block-column { float: left; width: 45%; white-space: normal; }
.block-items .block-column:first-child { margin-right: 10%; }
.block-items .block-column h1 { float: left; font-size: 18px; padding: 5px 15px 5px 15px; margin: 0px 0px 15px -2px; border-radius: 10px; color: #F5F5F5; }
.block-items .block-column p { clear: both; }

/* ***** Footer ************************************** */
.block-footer { height: 400px; color: #FFFFFF; }
.block-footer h2 { color: #FFFFFF; }
.block-footer .block-contents { white-space: nowrap; overflow: visible; }
.block-footer .block-column { float: left; width: 30%; white-space: normal; margin-right: 5%; }
.block-footer .block-column:last-child { margin-right: 0px; }
.block-footer h1 { color: #FFFFFF; padding-bottom: 10px; font-size: 18px; }
.red .block-footer h1 { border-bottom: 2px groove #FF7E74; }
.green .block-footer h1 { border-bottom: 2px groove #CAFF92; }
.blue .block-footer h1 { border-bottom: 2px groove #50C2FF; }
.orange .block-footer h1 { border-bottom: 2px groove #FFCF7E; }
.block-footer h2 { font-size: 15px; font-weight: bold; margin: 25px 0px 5px 0px; }
.block-footer p { margin: 0px; }
.block-footer a, .block-footer a:hover { color: #FFFFFF; }
.block-footer a:hover { text-decoration: underline; }
#contactmap { position: relative; top: 25px; width: 100%; height: 330px; }
.olControlZoom { display: none; }

/* ***** Other specific items ************************ */
.brochure-link { float: right; display: block; width: 80px; border: 1px solid #AAAAAA; margin: 5px 0px 25px 25px; }
.brochure-link img { width: 100%; }
.orange .separator { color: #F78F1E; }
#quotes { height: 250px; }
.quote-item { position: absolute; top: 50px; }
#NewsPostDetailDate { font-style: italic; color: #AAAAAA; margin: 0px 0px 15px 0px; }
/* Stylesheet: nexpri Modified On 2014-02-01 22:47:06 */
