body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:26px;
margin:0;
color: #454545;
background-color:#ffffff;
}
span.nowrap
{
white-space:nowrap;
}
div.apptotalfont
{
font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
font-size:10px;
position:relative;
right:-207px;
top:-31px;
color: black;
}
div.appdownloadfont
{
font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
font-size:10px;
position:relative;
right:-202px;
top:-38px;
color: #e62b26;
}
div.container 
{
z-index:1;
width:980px;
margin-top:0px;
margin-bottom:28px;
margin-right:auto;
margin-left:auto;
background-color:#ffffff;
}
div.topcontainer 
{
clear:both;
position:relative;
height:233px;
margin:0;
padding:15px 70px 0px 0px;
}
#nav
{
position:relative;
height:26px;
width:800px;
margin:0 0 0 110px;
padding:7px 0px 0px 0px;
/*background-color:#ffffff;*/
/*z-index:10;*/
}
#header
{
clear:both;
position:relative;
height:233px;
margin:0;
padding:15px 70px 0px 0px;
}
#header.headerforapp
{
height:258px;
}
div.toppic
{
height:200px;
width:800px;
position:absolute;
top:48px;
left:110px;
background-size: contain;
}
div.topstamp
{
height:200px;
width:200px;
position:absolute;
top:0px;
right:22px;
margin:0;
padding:0;
}
div.contentcontainer
{
clear:both;
position:relative;
padding:0px 70px 0px 110px;
}
div.contentblock
{
margin:0;
}
div.contentblock-verhuizing
{
clear:both;
border: 2px solid #0074A1;
padding: 15px 30px;
}
div.contentblocktop
{
height:130px;
padding:10px 200px 20px 25px;
}
div.contentblocktopautoheight
{
height:auto;
padding:10px 200px 20px 25px;
}
div.contentblocktopapps
{
height:170px;
width:525px;
padding:10px 0px 20px 25px;
float:left;
}
div.contentblocktopjobs
{
/* height:130px;*/
height:auto;
width:525px;
padding:10px 20px 20px 25px;
float:left;
}
div.contentblocktopjobspic
{
height:130px;
width:110px;
float:right;
}
div.contentblockjobs
{
width:525px;
padding:10px 20px 20px 25px;

}
div.contentblocktopapp
{
position:absolute;
height:200px;
width:800px;
padding:0;
float:left;
margin-left:110px;
margin-bottom:25px;
}
div.apps-poster
{
padding:0px;
margin:0px;
float:left;
}
div.apps-mobile
{
display:none;
padding:0px;
margin:0px;
/*margin-bottom:-15px;*/
float:left;
width:100%;
height:auto;
}
div.contentblocktopslogan
{
margin-top:30px;
margin-left:25px;
margin-right:25px;
margin-bottom:50px;
}
div.contentblock-col-portfolio 
{
float: left;
padding: 10px;
width: 228px;
}
div.apps-title
{
position:relative;
display:inline-block;
top:20px;
}
div.app-title
{
text-align:center;
position:relative;
top:-20px;
}
div.app-title-1
{
text-align:center;
position:relative;
top:-40px;
}
div.app-title-2
{
text-align:center;
position:relative;
top:-80px;
}
div.app-title-3
{
text-align:center;
position:relative;
top:-10px;
}
div.app-title-4
{
text-align:center;
position:relative;
top:-50px;
}
div.app-header
{
width:100%;
height:100%;
}
div.apps-icon
{
position:relative;
display:inline-block;
float:left;
width:64px;
height:64px;
margin:10px;
}
div.app-icon
{
position:relative;
right:-600px;
top:-124px;
width:200px;
}
div.smog-icon
{
right:-580px;
top:-180px;
}
div.misdaad-icon, div.fiets-icon
{
right:-650px;
top:-198px;
}
div.cultuur-icon
{
right:-650px;
top:-210px;
}
div.nedradio-icon
{
right:-610px;
}
div.bzzradio-icon
{
right:-610px;
}
div.backstageinsights-icon
{
right:-650px;
top:-200px;
}
div.pension-icon
{
position:relative;
right:-653px;
top:-210px;
width:200px;
}
div.parkhere-icon
{
right:-650px;
}
img 
{
border: medium none;
}
img.app-icon, img.pension-icon
{
width:128px;
}
img.smog-icon
{
width:156px;
}
img.app-header
{
height:100%;
}
.topline
{
border-top: 2px dotted #bebdbc;
}
.borderline
{
border: 2px solid #ededed;
}
.trans
{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.trans:hover
{
top: -3px;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.back-trading
{
background-color:#0074a1;
}
.back-trading-light
{
background-color:#00a2e6;
}
.back-trading-very-light
{
background-color:#cce3ec;
}
.back-control
{
background-color:#009c52;
}
.back-control-light
{
background-color:#74b443;
}
.back-control-very-light
{
background-color:#d5e8c7;
}
.back-control-very-light2
{
background-color:#e6f5ee;
}
.back-control-dark
{
background-color:#005e31;
}
.back-control-very-dark
{
background-color:#002f19;
}
.back-apps
{
background-color:#e54738;
}
.back-apps-light
{
background-color:#ED7E74;
}
.back-apps-very-light
{
background-color:#FADAD7;
}
.back-apps-very-dark
{
background-color:#71000D;
}
.back-grey-light
{
background-color:#bebdbc;
}
.back-grey-very-light
{
background-color:#e5e5e4;
}
.back-white
{
background-color:#ffffff;
}
.back-color-top40-dark
{
background-color:#BE161D;
}
.back-color-pension
{
background-color:#3FA531; /*#69a33f;*/
}
.back-color-top40
{
background-color:#ff151f;/*ED1C24*/
}
.back-color-top40-light
{
background-color:#FDE8E9;/*ED1C24;*/
}
.back-color-nedradio
{
background-color:#E89A28;
}
.back-color-nedradio-red
{
background-color:#E44641;
}
.back-color-nedradio-blue
{
background-color:#1561A4;
}
.back-color-bzzradio
{
background-color:#257A38;
}
.back-color-bzzradio-blue
{
background-color:#257A38;
}
.back-color-bzzradio-green
{
background-color:#257A38;
}
.back-color-smog
{
background-color:#74B0DB;
}
.back-color-zum
{
background-color:#1AA6E3;
}
.back-color-youtubelink
{
background-color:#FE0002;
}
.back-color-cultuurkwartet
{
background-color:#bde4ff;
}
.back-color-misdaadinkaart
{
background-color:#3a6998;
}
.back-color-misdaadradar
{
background-color:#BE9F5C;
}
.back-color-exchangenews
{
background-color:#007271;
}
.back-color-parkhere
{
background-color:#2B46AA;
}
.back-color-halteheraut
{
background-color:#384c92;
}
.back-color-fietsapp
{
background-color:#ff7600;
}
.back-color-backstageinsights
{
background-color:#ff6d00;
}
.back-color-backstageinsights-blue
{
/*background-color:#0174a1;*/
background-color:#ffffff;
}
.back-color-ixp
{
background-color:#7DAFC2;
}
.back-color-oakk
{
background-color:#3C3C3B;
/*background-image: url(../pics/kantoor/cropped-pen-charm-blog-2.jpg);*/
background-image: url(../images/apps/headers/header-oakk.jpg);
}
.back-color-oakk-green
{
/*background-color:#8AC449;*/
/*background-color:#69A33F;*/
/*background-color:#5CC26C;*/
background-color:#57B962;
}
div.back-portfolio-col1or2, div.back-portfolio-col1or2-no-border
{
height: 273px;
width: 248px;
margin: 0px 25px 25px 0px;
float: left;
position:relative;
border:1px solid #bebdbc;
}
div.back-portfolio-col1or2-no-border
{
height: 275px;
width: 250px;
border: none;
}
div.back-portfolio-col3, div.back-portfolio-col3-no-border
{
height: 273px;
width: 248px;
margin: 0px 0px 25px 0px;
float: right;
position:relative;
border:1px solid #bebdbc;
}
div.back-portfolio-col3-no-border
{
height: 275px;
width: 250px;
border: none;
}
div.back-portfolio-col23
{
height: 273px;
width: 523px;
margin: 0px 0px 25px 0px;
float: left;
position:relative;
border:1px solid #bebdbc;
}
div.back-portfolio-nedradio-col3
{
height: 275px;
width: 250px;
margin: 0px 0px 25px 0px;
float: right;
position:relative;
}
div.back-portfolio-col-top, div.back-portfolio-col-top-lamp
{
display:inline-block;
height: 60px;
width: 238px;
margin: 0px;
padding: 5px 5px 5px 5px;
float: left;
position:relative;
}
div.back-portfolio-col-wide-top
{
height: 60px;
width: 513px;
margin: 0px;
padding: 5px 5px 5px 5px;
float: left;
position:relative;
}
.back-no-border
{
border: none;
}
div.contentblock-1-3-home
{
clear:both;
margin:0px 25px 30px 0px;
padding:10px 10px 10px 10px;
width:230px;
float:left;
/*border:1px solid black;*/
}
div.contentblock-2-3-home
{
margin:0px 25px 30px 0px;
padding:10px 10px 10px 10px;
width:230px;
float:left;
/*border:1px solid black;*/
}
div.contentblock-3-3-home
{
margin:0px 0px 30px 0px;
padding:10px 10px 10px 10px;
width:230px;
float:right;
/*border:1px solid black;*/
}
div.back-wide-break-bottom
{
width:800px;
height:15px;
float:left;
margin-top:0px;
}
div.back-wide-break-bottom-large
{
width:800px;
height:40px;
float:left;
margin-top:0px;
}
div.contentblock-feature-wide-1
{
padding:0px;
min-width:240px;
float:left;
}
div.contentblock-feature-wide-1-text
{
padding:10px 10px 10px 10px;
width:220px;
height:140px;
float:left;
}
div.contentblock-feature-wide-3
{
padding:0px;
min-width:240px;
float:right;
}
div.contentblock-feature-wide-3-text
{
padding:10px 10px 10px 10px;
width:220px;
height:140px;
float:right;
}
div.contentblock-feature-wide-12
{
padding:10px 25px 10px 10px;
width:513px;
float:left;
}
div.contentblock-feature-wide-23
{
padding:10px 10px 10px 25px;
width:513px;
float:left;
}
div.contentblock-feature-wide-123
{
padding:10px 10px 10px 10px;
width:768px;
height:88%;
float:left;
}
div.contentblock-feature-half-top
{
padding:0px;
width:375px;
height:165px;
}
div.contentblock-feature-half-top-back
{
padding:0px;
width:375px;
height:160px;
margin-bottom:5px;
}
div.contentblock-feature-half-top-text
{
padding:0px;
float: left;
height:120px;
width:355px;
margin:20px 10px 20px 10px;
}
div.contentblock-feature-half-bottom
{
padding:10px 10px 10px 10px;
width:355px;
height:165px;
}
div.back-feature-wide
{
padding:5px 5px 5px 5px;
width:788px;
height:160px;
float:left;
margin-bottom: 25px;
border:1px solid #bebdbc;
}
div.back-feature-wide-1
{
padding:5px 5px 5px 5px;
width:788px;
height:370px;
float:left;
margin-bottom: 25px;
border:1px solid #bebdbc;
}
div.back-feature-wide-height
{
padding:5px 5px 5px 5px;
width:788px;
float:left;
margin-bottom: 25px;
border:1px solid #bebdbc;
}
div.feature-app, div.feature-blog, div.feature-pension, div.feature-product
{
height:auto;
}
div.feature-icons-app
{
display:inline-block;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}
div.feature-icon
{
display:inline;
float:left;
}
div.feature-icon img
{
display:inline;
width:64px;
margin-left:89px;
margin-right:89px;
}
div.feature-icon .desc
{
text-align:center;
/*color: #6E6E6E;*/
}
div.screenshots
{
width:798px;
height:270px;
padding:30px 0px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}
div.screenshots-big
{
width:798px;
height:380px;
padding:30px 0px;
overflow:hidden;
white-space:nowrap;
}
div.screenshots-2col
{
width:798px;
height:230px;
padding:30px 0px;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
}
div.mockup
{
width:798px;
height:495px;
padding:30px 0px;
overflow:hidden;
}
div.mockup-small
{
width:798px;
height:200px;
padding:0px 0px;
overflow:hidden;
}
div.back-feature-half-left
{
padding:5px 5px 5px 5px;
width:375px;
height:auto;
float:left;
margin-right: 25px;
margin-bottom: 25px;
border:1px solid #bebdbc;
}
div.back-feature-half-right
{
padding:5px 5px 5px 5px;
width:375px;
height:auto;
float:right;
margin-bottom: 25px;
border:1px solid #bebdbc;
}
div.contentblock-about
{
padding:0px 0px 0px 0px;
width:798px;
float:left;
margin-top:0px;
margin-bottom:25px;
border:1px solid #bebdbc;
}
div.contentblock-about-left-photo
{
padding:5px 5px 5px 5px;
width:240px;
height:150px;
float:left;
}
div.contentblock-about-right-photo
{
padding:5px 5px 5px 5px;
width:240px;
float:right;
}
div.contentblock-about-left-txt
{
padding:15px 25px 10px 25px;
width:498px;
float:left;
}
div.contentblock-about-right-txt
{
padding:15px 25px 10px 25px;
width:498px;
float:left;
}
div.contentblock-contact-wide-border
{
padding:0px 0px 0px 0px;
width:798px;
float:left;
margin-top:0px;
margin-bottom:5px;
border:1px solid #bebdbc;
}
div.contentblock-contact-half-left-pic
{
padding:5px 0px 5px 5px;
width:382px;
float:left;
}
div.contentblock-contact-half-left-pic figure
{
float:left;
}
div.contentblock-contact-half-right-pic
{
padding:5px 5px 5px 0px;
width:382px;
float:right;
}
div.contentblock-contact-half-right-pic figure
{
float:right;
}
div.contentblock-contact-half-left-txt
{
padding:5px 5px 5px 5px;
width:377px;
float:left;
}
div.contentblock-contact-half-right-txt
{
padding:5px 5px 5px 5px;
width:377px;
float:right;
}
.hori-vert-shadow
{
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 3px 3px 0px 3px rgba(0, 0, 0, 0.16);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.16);
background:white;
padding:7px;
}
.vert-shadow
{
-moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 2px 2px 1px 8px rgba(0, 0, 0, 0.10);
box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.10);
}
div.footercontainer
{
clear:both;
position:relative;
width:980px;
height:160px;
margin:0;
padding:0;
}
div.footercontentcontainer
{
font-size:12px;
line-height:18px;
margin-left:110px;
margin-right:70px;
margin-bottom:40px;
height:118px;
border-top:1px solid #595959;
color:#595959;
}
div.footerflags
{
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
width:275px;
float:left;
padding:0;
}
div.footermiddle
{
margin-top:10px;
margin-bottom:20px;
width:275px;
float:left;
}
div.footercontact
{
margin-top:10px;
margin-bottom:20px;
width:140px;
float:left;
padding:0;
}
div.footersocial
{
margin-top:10px;
margin-bottom:20px;
width:110px;
float:left;
padding:0;
}
img.footersocial
{
margin-top:5px;
}
img.footersocial-c1r1
{
margin-top:6px;
}
img.footersocial-c2r1
{
margin-top:6px;
margin-left:2px;
}
img.footersocial-c1r2
{
margin-top:2px;
}
img.footersocial-c2r2
{
margin-top:2px;
margin-left:2px;
}
a.footerlink:link, a.footerlink:visited
{
text-decoration:none;
color:#595959;
}
a.footerlink:hover
{
text-decoration:underline;
color:#0074A1;
}
a.footerlink:active
{
text-decoration:none;
color:#0074A1;
}
a.home
{
outline: none 0;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* No background iOS + Android:  */
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
a.portfolio
{
display:block;
outline: none 0;
text-decoration: none;
}
a.pdf
{
outline: none 0;
text-decoration: none;
}
.alignleft
{
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright
{
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter
{
display: block;
margin: 0 auto;
}
.flag_nl
{
float: left;
height:16px;
width:16px;
margin: 0;
padding: 0;
border-style: none;
}
.flag_uk
{
float: left;
height:16px;
width:16px;
margin: 0 0 0 2px;
padding: 0;
border-style: none;
}
.flag_ger
{
float: left;
height:16px;
width:16px;
margin: 0 0 0 2px;
padding: 0;
border-style: none;
}
span.contact-slinger
{
background: url("../pics/small/contact-slinger.png") no-repeat scroll center top transparent;
float: left;
height:275px;
width:250px;
margin: -120px 0px 0px 265px;
padding: 0;
border-style: none;
}
.navtop
{
padding:0;
margin:0px 0px 2px 0px;
list-style-type:none;
font-size:14px;
font-weight:bold;
line-height:18px;
height: 24px;
}
.navtop li
{
display:inline;
position:relative;
float:left;
}
.navtop li a
{
display:block;
text-decoration:none;
color:white;
background-color:black;
min-width:108px;
height:20px;
padding:2px 11px;
border-right:3px solid white;
border-bottom:3px solid white;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* No background iOS + Android:  */
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
.navtop li a:hover
{
color:white;
background-color:#0074A1;
}
.navtop li a.navtoplast
{
min-width:113px;
border-right:0;
}
.navtop li a.navtoplast:hover 
{
color:white;
background-color:#0074A1;
}
.navtop li a.hovertrading:hover 
{
color:white;
background-color:#0074A1;
}
.navtop li a.hovercontrol:hover 
{
color:white;
background-color:#009c52;
}
.navtop li a.hoverapps:hover 
{
color:white;
background-color:#e54738;
}
.navtop li a.self, .navtop li a.self:hover
{
background-color:#0074A1;
}
.navtop li a.selfcontrol, .navtop li a.selfcontrol:hover
{
background-color:#009c52;
}
.navtop li a.selfapps, .navtop li a.selfapps:hover
{
background-color:#e54738;
}

/*Style 'menu' link and hide it by default*/
.menu-link
{
display: none;
text-decoration: none;
outline: 0 none;
text-align:center;
color: white;
font-size:14px;
font-weight:bold;
line-height:18px;
background-color: #0074A1; /*99C7D9;/*eeeeee;*/
background-image: url(../images/HamburgerBlack.png);
background-repeat: no-repeat;
background-position:20px center;
padding:29px 20px 18px 20px;
width:22px;
height:22px;
min-width:22px;
border-bottom:1px solid white;
position: absolute;
top: 0;
left: 0;
z-index:1001;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* No background iOS + Android:  */
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
.menu-link:hover 
{
text-decoration: none;
background-color: #0074A1;
background-image: url(../images/HamburgerWhite.png);
}

div.containerseparator
{
display:none;
border-bottom: 1px solid #e5e5e4;
}

body:not(:target) #navtop:target .back 
{
height: 0;
line-height: 0;
}
body:not(:target) #navtop:target .back a 
{
width: 100%;
padding:0;
background-color: transparent;
border: none;
height: auto;
position: absolute;
top: -101em;
bottom: 70px;/*click in header to close menu*/
left: 0;
right: 0;
text-indent: -999em;
z-index: -1;
}

div.transbox
{
float:right;
width:400px;
height:100px;
margin:30px 50px;
background-color:#99CCFF;
/*border:1px solid black;*/
  /* for IE */
filter:alpha(opacity=50);
  /* CSS3 standard */
opacity:0.5;
}
.homeslogantext
{
font-size:28px;
font-style:italic;
font-family:Arial;
color:#000000;
text-align:left;
margin:0;
padding: 0 0 0 0px;
}
figure.contact
{
text-align: center;
margin: 0 auto;
padding: 5px 5px 0 5px;
}
figure.contact figcaption
{
font-weight: bold;
color: #0074a1;
}
img.linelogo
{
display:block;
width:230px;
margin: 0px auto;
}
img.portret
{
height:150px;
}
img.pdf
{
width:50px;
vertical-align:middle;
}
img.closed
{
width:150px;
vertical-align:middle;
position: relative;
top: 20px;
right: 5px;
}
img.arrow
{
width:10px;
}
img.idee
{
height:30px;
position: relative;
top: 7px;
}
img.feature
{
width:240px;
height:160px;
}
img.feature-tall
{
width:240px;
height:280px;
}
img.featurejobs
{
width:160px;
height:180px;
}
img.feature-large
{
width:375px;
height:160px;
}
img.trading-picture-wtc
{
padding:0px;
margin:0px;
float:left;
width:238px;
height:60px;
}
img.trading-picture-wtc-wide
{
padding:0px;
margin:0px;
float:left;
width:513px;
height:60px;
}
img.filler-picture-white
{
padding:0px;
margin:0px;
float:left;
width:248px;
height:273px;
}
img.filler-picture-white-small
{
position:relative;
left:13px;
top:-0px;
padding:0px;
margin:0px;
float:left;
width:208px;
height:223px;
}
img.apps-label
{
position:relative;
left:-20px;
top:-20px;
padding:0px;
margin:0px;
float:left;
width:125px;
height:125px;
}
img.apps-label-right
{
position:relative;
right:-20px;
top:-20px;
padding:0px;
margin:0px;
float:right;
width:125px;
height:125px;
}
img.label-top-mik
{
top:5px;
}
img.opac
{
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
img.opac:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
p.para-home
{
font-size:16px;
line-height:24px;
font-weight:normal;
text-align: center;
color: #454545;
}
p.para, p.para-portfolio
{
color:#6e6e6e;
}
.left
{
text-align:left;
}
.center
{
text-align:center;
}
.right
{
text-align:right;
}
.bold
{
font-weight:bold;
}
.italic
{
font-style:italic;
}
p.titleline
{
padding-bottom:10px;
border-bottom: #ededed 1px solid;
}
p.headerbig
{
font-size:28px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}
p.headerbig-apps
{
font-size:20px;
font-weight:bold;
margin:10px;
margin-left:0px;
}
p.headerbig-home
{
font-size:26px;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
}
p.headersubtext
{
font-size:16px;
line-height:26px;
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
height:auto;
}
p.headersubtext_left
{
font-size:16px;
line-height:26px;
font-weight:normal;
float:left;
margin-top:10px;
margin-bottom:10px;
}
p.headersubtext_right
{
font-size:16px;
line-height:26px;
font-weight:normal;
float:right;
margin-top:10px;
margin-bottom:10px;
}
p.header-person, p.header-portfolio-small
{
font-size:16px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}
p.header-contacttext
{
font-size:18px;
font-weight:bold;
line-height:25px;
margin-bottom:5px;
margin-top:10px;
}
p.header-contactname
{
font-size:15px;
font-weight:bold;
line-height:25px;
margin-bottom:5px;
margin-top:10px;
}
.header-portfolio, .header-feature-top
{
font-size:18px;
font-weight:bold;
line-height:25px;
margin-bottom:10px;
margin-top:10px;
}
.header-portfolio-big 
{
font-size:30px;
font-weight:bold;
line-height:30px;
margin-bottom:10px;
margin-top:10px;
}
.header-feature-top
{
margin:0;
}
.header-app
{
font-family: 'Roboto', sans-serif;
font-size:100px;
font-weight:700;
white-space:nowrap;
}
.header-app-sub
{
font-family: 'Roboto', sans-serif;
font-size:50px;
font-weight:700;
white-space:nowrap;
}
span.subheader-portfolio
{
display: block;
clear: both;
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
}
.color-trading
{
color:#0074A1;
}
.color-trading a
{
text-decoration:none;
color:#0074A1;
}
.color-control
{
color:#009C52;
}
.color-control a
{
text-decoration:none;
color:#009C52;
}
.color-control-dark
{
color:#005e31;
}
.color-control-dark a
{
text-decoration:none;
color:#005e31;
}
.color-apps
{
color:#e54738;
}
.color-apps a, a.color-apps
{
text-decoration:none;
color:#e54738;
}
.color-apps a:hover, a.color-apps:hover
{
text-decoration:underline;
}
.color-white, p.color-white
{
color:#ffffff;
}
.color-white a, p.color-white a
{
text-decoration:none;
color:#ffffff;
}
.color-charm
{
color:#0074a1;
}
.color-charm a
{
text-decoration:none;
color:#0074a1;
}
.color-blog
{
color:#0074a1;
}
.color-blog a
{
text-decoration:none;
color:#0074a1;
}
ul
{
margin-top:2px;
}
a.morelink
{
font-weight: bold; 
text-decoration:none;
color:#0074A1;
}
a.morelink:hover
{
font-weight: bold; 
text-decoration:underline;
color:#0074A1;
}
a.morelinkwhite
{
font-weight: bold; 
text-decoration:none;
color:#ffffff;
}
a.morelinkwhite:hover
{
font-weight: bold; 
text-decoration:underline;
color:#ffffff;
}
a.morelinktrading
{
font-weight: bold; 
text-decoration:none;
color:#0074A1;
}
a.morelinktrading:hover
{
font-weight: bold; 
text-decoration:underline;
color:#0074A1;
}
span.morecontentblog
{
font-weight: bold; 
text-decoration:none;
color:#0074A1;
margin-left: 6px;
}
a.morelinkblog
{
font-weight: bold; 
text-decoration:none;
color:#0074A1;
}
a.morelinkblog:hover
{
font-weight: bold; 
text-decoration:underline;
color:#0074A1;
}
a.morelinkcontrol
{
font-weight: bold; 
text-decoration:none;
color:#009C52;
}
a.morelinkcontrol:hover
{
font-weight: bold; 
text-decoration:underline;
color:#009C52;
}
a.morelinkapps
{
outline: none 0;
font-weight: bold; 
text-decoration:none;
color:#e54738;
}
a.morelinkapps:hover
{
font-weight: bold; 
text-decoration:underline;
color:#e54738;
}
/**
 * style settings for the blog entries
 */
.blog-category-form
{
	clear: both;
	width: 100%;
	line-height:25px;
	margin-top: -30px;
	margin-bottom: 10px;
	overflow: auto;
}
.blog-category-form select
{
	float: right;
}
.show-content-toggle-button
{
	padding-left: 25px;
}
.contentblock-blog
{
	width: 100%;
	margin: 0;
	padding: 5px;
}
.contentblock-blog .clear
{
	clear: both;
}
.contentblock-blog .icon-blog
{
	float: left;
	width: 175px;
	max-width: 175px;
	height: auto;
	margin-right: 15px;
}
.contentblock-blog .icon-blog img
{
	width: 175px;
	max-width: 175px;
}
.contentblock-blog .content-blog
{
	display: block;
	/* width of the image + margin between image and content */
	margin-left: 190px;
}
.content-blog a.header-blog
{
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
}
.content-blog img.arrow
{
	margin-right: 0.5em;
}

/** 
 * style settings for the news ticker elements
 */
#ticker {
font:Baskerville; 
font-size:12px; 
color:#000000; 
background-color:#C2DFEB; 
position:relative; 
overflow:hidden; 
margin-left:70px;
margin-top:10px; 
margin-bottom:10px; 
border:1px solid #336699;
}

#ticker_text {
font:Baskerville; 
font-size:12px; 
color:#000000; 
border:none; 
width:100%;
}

/* -----------------
   Responsive Styles 
   ----------------- */
@media (min-width : 769px) /* tablets and desktops */
{
	.logo
	{
		position:absolute;
		margin:0;
		padding:0 20px;
		height:291px;
		width:71px;
	}
	.logo-img
	{
		background-image: url(../images/L-charm.gif);
		background-size:71px;
		background-repeat:no-repeat;
		background-position:20px 0;
	}
	.toppic-home
	{
		background-image: url(../pics/kantoor/foto-home.jpg);
	}
	.topstamp
	{
		background-image: url(../images/stempelfinalist-ck.png);
	}
	.toppic-trading
	{
		background-image: url(../pics/WTC/wtc-11.jpg);
	}
	.toppic-control
	{
		background-image: url(../pics/control/zekering-5.jpg);
	}
	.toppic-pension
	{
		background-image: url(../pics/pension/munt-3.jpg);
	}
	.toppic-wtp-why
	{
		background-image: url(../pics/pension/munt-6.jpg);
	}
	.toppic-freelunch
	{
		background-image: url(../pics/pension/munt-5.jpg);
	}
	.toppic-mobile
	{
		background-image: url(../pics/kantoor/boekenkast-web-3.jpg);
	}
	.toppic-people
	{
		background-image: url(../pics/kantoor/kantoor-5.jpg);
	}
	.toppic-pen
	{
		background-image: url(../pics/kantoor/cropped-pen-charm-blog-2.jpg);
	}
	.toppic-map
	{
		background-image: url(../images/map_red.jpg);
	}
	.toppic-cashtrader
	{
		background-image: url(../pics/WTC/wtc-8.jpg);
	}
	.toppic-interfix
	{
		background-image: url(../pics/WTC/wtc-10.jpg);
	}
	.toppic-autotrader
	{
		background-image: url(../pics/WTC/wtc-3.jpg);
	}
	.toppic-derivtrader
	{
		background-image: url(../pics/WTC/wtc-4.jpg);
	}
	.toppic-fundmanager
	{
		background-image: url(../pics/WTC/wtc-1.jpg);
	}
	.toppic-monitor
	{
		background-image: url(../pics/WTC/wtc-17.jpg);
	}
	.toppic-tradereporter
	{
		background-image: url(../pics/WTC/wtc-21.jpg);
	}
	.toppic-nennormcie
	{
		background-image: url(../pics/control/extra-2.jpg);
	}
	.toppic-itaudit
	{
		background-image: url(../pics/control/carabijn-4.jpg);
	}
	.toppic-operational
	{
		background-image: url(../pics/control/splitpen-1.jpg);
	}	
	.toppic-compliance
	{
		background-image: url(../pics/control/borgen-1.jpg);
	}
	.toppic-certificerenkeuren
	{
		background-image: url(../pics/control/audit-harp-2.jpg);
	}
	.apps-poster-top40
	{
		position:relative;
		left:-25px;
		width:298px;
		height:273px;
	}
	.apps-poster-nedradio
	{
		position:relative;
		top:-50px;
		width:248px;
		height:350px;
	}
	.apps-poster-bzzradio
	{
		position:relative;
		width:248px;
		height:275px;
	}
	.apps-poster-mik
	{
		position:relative;
		top:-25px;
		width:248px;
		height:298px;
	}
	.apps-poster-cultuurkwartet
	{
		position:relative;
		width:248px;
		height:275px;
	}
	.apps-poster-def
	{
		position:relative;
		width:248px;
		height:273px;
	}
	.feature-screenshot-app
	{
		display: inline-block;
		width:150px;
		height:267px;
		margin-right:0px;
		margin-left:86px;
		background-size:150px;
		background-repeat:no-repeat;
	}
	.feature-screenshot-app-2col
	{
		display: inline-block;
		width:300px;
		height:225px;
		margin: 22px 
		margin-right:0px;
		margin-left:66px;
		background-size:300px;
		background-repeat:no-repeat;
	}
	.feature-screenshot-high-2col
	{
		display: inline-block;
		width:300px;
		height:300px;
		margin: 22px 
		margin-right:0px;
		margin-left:66px;
		background-size:300px;
		background-repeat:no-repeat;
	}
	.feature-mockup
	{
		display: inline-block;
		width:700px;
		height:495px;
		margin-right:50px;
		margin-left:50px;
		background-size:700px;
		background-repeat:no-repeat;
	}	
	.feature-mockup-small
	{
		display: inline-block;
		width:798px;
		height:200px;
		margin-right:0px;
		margin-left:0px;
		background-size:798px;
		background-repeat:no-repeat;
	}	
	.poster-top40
	{
		background-image: url(../images/apps/top40nootjeslos500+.jpg);
		background-size:273px 273px;
		background-repeat:no-repeat;
	}
	.poster-nedradio
	{
		background-image: url(../images/apps/nedradio-05.jpg);
		background-size:248px 325px;
		background-repeat:no-repeat;
	}
	.poster-bzzradio
	{
		background-image: url(../images/apps/bzzradio.png);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-mik
	{
		background-image: url(../images/apps/misdaad-in-kaart.png);
		background-size:248px 298px;
		background-repeat:no-repeat;
	}
	.poster-mr
	{
		background-image: url(../images/apps/misdaadradar.png);
		background-size:248px 298px;
		background-repeat:no-repeat;
	}
	.poster-smog
	{
		background-image: url(../images/apps/smogaffichetje.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-zum
	{
		background-image: url(../images/apps/zum.png);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-cultuurkwartet
	{
		background-image: url(../images/apps/cultuurkwartet.png);
		background-size:248px 275px;
		background-repeat:no-repeat;
	}
	.poster-fiets
	{
		background-image: url(../images/apps/winnaarfiets.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-halteheraut
	{
		background-image: url(../images/apps/finalisthalte.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-youtubelink
	{
		background-image: url(../images/apps/youtubeaffichetje.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-exchangenews
	{
		background-image: url(../images/apps/exchangeaffichetje.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-parkhere
	{
		background-image: url(../images/apps/parkeer.png);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-backstageinsights
	{
		background-image: url(../images/apps/backstage.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-ixp
	{
		background-image: url(../images/apps/investments-x-posed.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-oakk
	{
		background-image: url(../images/apps/oakk.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-pension
	{
		background-image: url(../images/apps/pension.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-filler-wor3
	{
		background-image: url(../images/fillers/wit-op-rood3.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-filler-row2
	{
		background-image: url(../images/fillers/rood-op-wit2.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.poster-filler-row4
	{
		background-image: url(../images/fillers/rood-op-wit4.jpg);
		background-size:248px 273px;
		background-repeat:no-repeat;
	}
	.screenshot-top40-1
	{
		background-image: url(../images/apps/screenshots/top40_screenshot1.jpg);
	}
	.screenshot-top40-2
	{
		background-image: url(../images/apps/screenshots/top40_screenshot2.jpg);
	}
	.screenshot-top40-4
	{
		background-image: url(../images/apps/screenshots/top40_screenshot4.jpg);
	}
	.screenshot-nedradio-1
	{
		background-image: url(../images/apps/screenshots/nedradio_screenshot1.jpg);
	}
	.screenshot-nedradio-3
	{
		background-image: url(../images/apps/screenshots/nedradio_screenshot3.jpg);
	}
	.screenshot-nedradio-7
	{
		background-image: url(../images/apps/screenshots/nedradio_screenshot7.jpg);
	}
	.screenshot-bzzradio-1
	{
		background-image: url(../images/apps/screenshots/bzzradio_screenshot1.jpg);
	}
	.screenshot-bzzradio-2
	{
		background-image: url(../images/apps/screenshots/bzzradio_screenshot2.jpg);
	}
	.screenshot-bzzradio-3
	{
		background-image: url(../images/apps/screenshots/bzzradio_screenshot3.jpg);
	}
	.screenshot-exchangenews-1
	{
		background-image: url(../images/apps/screenshots/exchange_euronextnews-1.png);
	}
	.screenshot-exchangenews-2
	{
		background-image: url(../images/apps/screenshots/exchange_eurexnews-2.png);
	}
	.screenshot-exchangenews-3
	{
		background-image: url(../images/apps/screenshots/exchange_xetranews-1.png);
	}
	.screenshot-misdaadinkaart-1
	{
		background-image: url(../images/apps/screenshots/misdaadinkaart_screenshot1.jpg);
	}
	.screenshot-misdaadinkaart-2
	{
		background-image: url(../images/apps/screenshots/misdaadinkaart_screenshot2.jpg);
	}
	.screenshot-misdaadinkaart-3
	{
		background-image: url(../images/apps/screenshots/misdaadinkaart_screenshot3.jpg);
	}
	.screenshot-misdaadradar-1
	{
		background-image: url(../images/apps/screenshots/misdaadradar_locatie_zwart.png);
	}
	.screenshot-misdaadradar-2
	{
		background-image: url(../images/apps/screenshots/misdaadradar_ranking_zwart.png);
	}
	.screenshot-smog-1
	{
		background-image: url(../images/apps/screenshots/smog_screenshot1.jpg);
	}
	.screenshot-smog-2
	{
		background-image: url(../images/apps/screenshots/smog_screenshot2.jpg);
	}
	.screenshot-smog-7
	{
		background-image: url(../images/apps/screenshots/smog_screenshot7.jpg);
	}
	.screenshot-zum-1
	{
		background-image: url(../images/apps/screenshots/zum_screenshot1.jpg);
	}
	.screenshot-zum-2
	{
		background-image: url(../images/apps/screenshots/zum_screenshot2.jpg);
	}
	.screenshot-zum-3
	{
		background-image: url(../images/apps/screenshots/zum_screenshot3.jpg);
	}
	.screenshot-youtubelink-1
	{
		background-image: url(../images/apps/screenshots/youtubelink_screenshot1.jpg);
	}
	.screenshot-youtubelink-2
	{
		background-image: url(../images/apps/screenshots/youtubelink_screenshot2.jpg);
	}
	.screenshot-youtubelink-4
	{
		background-image: url(../images/apps/screenshots/youtubelink_screenshot4.jpg);
	}
	.screenshot-cultuurkwartet-1
	{
		background-image: url(../images/apps/screenshots/cultuurkwartet_screenshot1.jpg);
	}
	.screenshot-cultuurkwartet-2
	{
		background-image: url(../images/apps/screenshots/cultuurkwartet_screenshot2.jpg);
	}
	.screenshot-backstageinsights-1
	{
		background-image: url(../images/apps/screenshots/backstageinsights_screenshot1.png);
	}
	.screenshot-backstageinsights-2
	{
		background-image: url(../images/apps/screenshots/backstageinsights_screenshot2.png);
	}
	.mockup-parkhere
	{
		background-image: url(../images/apps/screenshots/parkhere_mockup.jpg);
	}
	.mockup-ixp
	{
		background-image: url(../images/apps/screenshots/ixp_mockup.jpg);
	}
	.mockup-oakk
	{
		background-image: url(../images/apps/screenshots/oakk_mockup.png);
	}
	.mockup-pension
	{
		background-image: url(../images/apps/screenshots/pension_mockup.jpg);
	}
	.mockup-fietsapp
	{
		background-image: url(../images/apps/screenshots/winnaarfiets_mockup.jpg);
	}
	.mockup-halte
	{
		background-image: url(../images/apps/screenshots/finalisthalte_mockup.jpg);
	}

}	/* tablets and desktops */

@media screen and (max-width : 768px) /* mobiles and smaller tablets */
{
	body, html
	{
		overflow-x:hidden;	/* prevent horizontal scrollbar */
		margin-left:auto;
		margin-right:auto;
	}
	#header, #header.headerforapp
	{
		height:69px;
		padding:0;
		background-color:#0074A1; /*99C7D9;/*0074A1;/*eeeeee;*/
		border-bottom:1px solid white;
	}
	#nav
	{
		position:absolute;
		padding:0;
		padding-top:70px;
		top:0;
		margin:0;
		width:100%;
	}
	.logo-mobile
	{
		display:inline-block;
		position:relative;
		top:10px;
		margin-left:70px;
		border-style: none;
		width:100%;/*75%;*/
		height:59px;
		border-bottom:1px solid white;
		z-index:1010;
		outline: 0 none;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* No background iOS + Android:  */
		-webkit-tap-highlight-color: transparent; /* For some Androids */
	}
	.logo-mobile-img
	{
		background-image: url(../images/L-charm-ch-wit.png);
		background-size:163px;
		background-repeat:no-repeat;
		background-position:left top;
	}
	.apps-icon
	{
		background-size:100%;
		background-repeat:no-repeat;	
	}
	.apps-icon-lamp
	{
		background-image: url(../images/fillers/lampjesblauw-02.jpg);
		background-size:64px 64px;
	}
	.apps-icon-top40
	{
		background-image: url(../images/apps/icons/icon_top40_shadow_128.png);
	}
	.apps-icon-nedradio
	{
		background-image: url(../images/apps/icons/icon_nedradio_shadow_128.png);
	}
	.apps-icon-bzzradio
	{
		background-image: url(../images/apps/icons/icon_bzzradio_shadow_128.png);
	}
	.apps-icon-mik
	{
		background-image: url(../images/apps/icons/icon_misdaad_shadow_128.png);
	}
	.apps-icon-mr
	{
		background-image: url(../images/apps/icons/icon_radar_shadow_128.png);
	}
	.apps-icon-smog
	{
		background-image: url(../images/apps/icons/icon_smog_shadow_156.png);
		background-position:center;
	}
	.apps-icon-zum
	{
		background-image: url(../images/apps/icons/icon_zum_shadow_128.png);
	}
	.apps-icon-youtubelink
	{
		background-image: url(../images/apps/icons/icon_youtubelink_shadow_128.png);
	}
	.apps-icon-exchangenews-euronext
	{
		background-image: url(../images/apps/icons/icon_exchangenews_turqoise_128.png);
	}
	.apps-icon-exchangenews-xetra
	{
		background-image: url(../images/apps/icons/icon_exchangenews_blue_128.png);
	}
	.apps-icon-exchangenews-eurex
	{
		background-image: url(../images/apps/icons/icon_exchangenews_green_128.png);
	}
	.apps-icon-parkhere
	{
		background-image: url(../images/apps/icons/icon_parkhere_shadow_128.png);
	}	
	.apps-icon-cultuurkwartet
	{
		background-image: url(../images/apps/icons/icon_cultuurkwartet_shadow_128.png);
	}	
	.apps-icon-backstageinsights
	{
		background-image: url(../images/apps/icons/icon_backstage_shadow_128.png);
	}
	.apps-icon-ixp
	{
		background-image: url(../images/apps/icons/icon_ixp_shadow_128.png);
	}
	.apps-icon-oakk
	{
		background-image: url(../images/apps/icons/icon_oakk_shadow_128.png);
	}
	.apps-icon-pension
	{
		/*background-image: url(../images/apps/icons/icon_oakk_shadow_128.png);*/
		background-image: url(../images/apps/icons/icon_pension.png);*/
		background-size:64px 64px;
	}
	.apps-icon-finalist
	{
		background-image: url(../images/apps/icons/icon_finalist.png);
	}	
	.apps-icon-winnaar
	{
		background-image: url(../images/apps/icons/icon_winnaar.png);
	}	

	body:not(:target) #navtop
	{
		display:block;
		padding-top:70px;
		position:absolute;
		top:0;
		right:0;
		left:0;
		z-index:1000;
	}
	body:not(:target) #navtop li
	{
		width:100%;
		height:0;
		line-height:0;
		overflow:hidden;
		-webkit-transition: height 0.25s;
		-moz-transition: height 0.25s;
		-o-transition: height 0.25s;
		transition: height 0.25s;
	}
	body:not(:target) #navtop:target li 
	{
		height:40px;
		line-height:38px;
		overflow:visible;
		border-bottom:1px solid white;
		-webkit-transition: height 0.25s;
		-moz-transition: height 0.25s;
		-o-transition: height 0.25s;
		transition: height 0.25s;
	}
	body:not(:target) #navtop:target li a
	{
		border:0;
		padding-top:0;
		padding-bottom:0;
		height:40px;
	}
	body:not(:target) #navtop:target 
	{
		z-index: 1001;
	}
	.menu-link
	{
		display:block;
	}
	/*Show separators*/
	div.containerseparator
	{
		display:block;
	}
	/*Hide some fields*/
	div.toppic, div.contentblocktopslogan, div.apptotalfont, div.appdownloadfont, div.apps-poster, div.back-portfolio-col-top-lamp, .filler, .contact-slinger, p.more
	{
		display:none;
	}
	div.apps-mobile
	{
		display:block
	}
	div.container, div.contentcontainer, div.footercontainer
	{
		width:100%;
		margin:0;
		padding:0;
	}
	div.footercontentcontainer
	{
		margin:0 10px;
	}
	div.footerflags
	{
		width:20%;
	}
	div.footermiddle
	{
		width:5%;
	}
	div.footersocial
	{
		width:35%;
	}
	div.footercontact
	{
		width:40%;
	}
	div.contentblock-verhuizing, div.contentblock-1-3-home, div.contentblock-2-3-home, div.contentblock-3-3-home
	{
		clear:both;
		width:92%;
		padding:4%;
		margin:0px auto 10px;
		position:relative;
	}
	div.contentblock-1-3-home, div.contentblock-2-3-home
	{
		border-bottom: 1px solid #e5e5e4;
	}
	div.contentblocktop, div.contentblocktopapps, div.contentblocktopjobs, div.contentblocktopautoheight
	{
		position:relative;
		height:auto;
		width:92%;
		padding:4%;
	}
	div.contentblocktopapp
	{
		position:relative;
		height:140px;
		width:100%;
		float:left;
		padding:0;
		margin:0;
		margin-top:6px;
		margin-bottom:10px;
	}
	p.headerbig, p.headersubtext, p.header-portfolio, p.header-feature-top, p.para, p.para-portfolio, p.header-person
	{
		text-align:center;
	}
	.header-app
	{
		font-size:40px;
	}
	.header-app-sub
	{
		font-size:24px;
	}
	
	div.back-portfolio-col1or2, div.back-portfolio-col1or2-no-border,
	div.back-portfolio-col3, div.back-portfolio-col3-no-border, div.back-portfolio-nedradio-col3, 
	div.back-feature-wide, div.back-feature-wide-height, div.back-feature-half-left, div.back-feature-half-right,
	div.contentblock-about, div.contentblock-contact-wide-border, div.screenshots, div.feature-icons-app
	{
		clear:both;
		width:92%;
		height:auto;
		margin:0px 4% 10px 4%;
		float:left;
	}
	div.back-portfolio-nedradio-col3
	{
		border:1px solid #bebdbc;
	}
	div.back-feature-wide, div.back-feature-half-left, div.back-feature-half-right, div.back-feature-wide-height,
	div.contentblock-about, div.contentblock-contact-wide-border, div.screenshots
	{
		width:88%;
		padding:2%;
	}
	div.back-portfolio-col-top
	{
		display:inline-block;
		clear:both;
		width:98%;
		padding:1%;
		background-color:transparent;
	}
	div.contentblock-feature-wide-23, div.contentblock-feature-wide-12, div.contentblock-feature-wide-123, 
	div.contentblock-feature-half-bottom
	{
		clear:both;
		width:100%;
		padding:0;
		height:auto;
	}
	div.contentblock-feature-wide-1, div.contentblock-feature-wide-3, div.contentblock-feature-half-top
	{
		display:inline-block;
		clear:both;
		width:100%;
		margin:0 auto;
		padding:10px 0px;
	}
	div.contentblock-feature-half-top-back, div.contentblock-feature-half-top-text
	{
		padding:0;
		width:100%;
		margin: 0 auto;
	}
	div.contentblock-feature-half-top-back
	{
		height:120px;
		width:240px;
		padding:10px 0px;
	}
	div.contentblock-feature-half-top
	{
		height:auto;
	}
	div.contentblock-col-portfolio
	{
		width:92%;
		padding:0% 4%;
	}
	.blog-category-form
	{
		clear:both;
		width:92%;
		height:auto;
		margin:0px 4% 10px 4%;
		float:left;
	}
	.show-content-toggle-button
	{
		clear:both;
		width:92%;
		height:auto;
		margin:0px 4% 10px 4%;
		float:left;
		padding:0;
	}
	.contentblock-blog .icon-blog
	{
		width: 100px;
		max-width: 100px;
	}
	.contentblock-blog .icon-blog img
	{
		width: 100px;
		max-width: 100px;
	}
	.contentblock-blog .content-blog
	{
		margin-left: 0px;
	}
	.content-blog a.header-blog
	{
		text-align: center;
	}
	div.contentblock-about-left-photo, div.contentblock-about-right-photo, 
	div.contentblock-contact-half-left-pic, div.contentblock-contact-half-right-pic,
	div.feature-icon
	{
		clear:both;
		width:100%;
		padding:0;
		margin: 0 auto;
	}
	figure.contact
	{
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	figure.contact figcaption
	{
		margin-top: 5px;
	}
	div.contentblock-about-left-photo, div.contentblock-about-right-photo
	{
		padding:10px 0px;
	}
	div.contentblock-about-left-txt, div.contentblock-about-right-txt, 
	div.contentblock-contact-half-left-txt, div.contentblock-contact-half-right-txt
	{
		clear:both;
		width:100%;
		padding:4% 0px;
	}
	div.app-icon, div.misdaad-icon, div.smog-icon, div.fiets-icon, div.cultuur-icon, div.pension-icon
	{
		position:absolute;
		left:20px;
		top:20px;
		width:100px;
	}
	div.smog-icon
	{
		top:30px;
	}
	div.backstageinsights-icon
	{
		top:30px;
	}
	img.app-icon, img.pension-icon
	{
		width:96px;
	}
	div.app-header
	{
		width:100%;
		height:100%;
	}
	div.app-title
	{
		top:10px;
		margin:0 140px;
	}
	div.app-title-1
	{
		top:10px;
		margin:0 140px;
	}
	div.app-title-2
	{
		top:-10px;
		margin:0 140px;
	}
	div.app-title-3
	{
		top:10px;
		margin:0 140px;
	}
	div.app-title-4
	{
		top:-10px;
		margin:0 140px;
	}
	div.app-title.no-icon, div.app-title-1.no-icon, div.app-title-2.no-icon, div.app-title-3.no-icon
	{
		margin:0;
	}
	img.trading-picture-wtc, img.feature, img.feature-large, img.portret
	{
		display:block;
		margin: 0 auto;
		float:none;
	}
	div.feature-icon img
	{
		display:block;
		margin: 10px auto;
		float:none;
	}	
	img.portret, img.feature, img.feature-large
	{
		width:240px;
		height:auto;
	}
	img.trading-picture-wtc
	{
		width:100%;
		height:100%;
	}
	.feature-screenshot-app.show-on-mobile, .feature-mockup, .feature-mockup-small
	{
		width:100%;
		height:267px;
		margin:0 auto;
		padding:10px 0;
		background-repeat:no-repeat;
		background-position:center;
	}
	.feature-screenshot-app.show-on-mobile, .feature-mockup, .feature-mockup-small
	{
		background-size:auto 260px;
	}
	.feature-screenshot-app-2col.show-on-mobile
	{
		width:100%;
		height:225px;
		margin:0 auto;
		padding:10px 0;
		background-repeat:no-repeat;
		background-position:center;
	}
	.feature-screenshot-app-2col.show-on-mobile
	{
		background-size:auto 220px;
	}
	.screenshot-top40-1
	{
		background-image: url(../images/apps/screenshots/top40_screenshot1.jpg);
	}
	.screenshot-smog-1
	{
		background-image: url(../images/apps/screenshots/smog_screenshot1.jpg);
	}
	.screenshot-zum-1
	{
		background-image: url(../images/apps/screenshots/zum_screenshot1.jpg);
	}
	.screenshot-nedradio-1
	{
		background-image: url(../images/apps/screenshots/nedradio_screenshot1.jpg);
	}
	.screenshot-bzzradio-1
	{
		background-image: url(../images/apps/screenshots/bzzradio_screenshot1.jpg);
	}
	.screenshot-misdaadinkaart-1
	{
		background-image: url(../images/apps/screenshots/misdaadinkaart_screenshot1.jpg);
	}
	.screenshot-misdaadradar-1
	{
		background-image: url(../images/apps/screenshots/misdaadradar_locatie_zwart.png);
	}
	.screenshot-youtubelink-1
	{
		background-image: url(../images/apps/screenshots/youtubelink_screenshot1.jpg);
	}
	.screenshot-exchangenews-1
	{
		background-image: url(../images/apps/screenshots/exchange_euronextnews-1.png);
	}
	.screenshot-cultuurkwartet-1
	{
		background-image: url(../images/apps/screenshots/cultuurkwartet_screenshot1.jpg);
	}
	.screenshot-backstageinsights-1
	{
		background-image: url(../images/apps/screenshots/backstageinsights_screenshot1.png);
	}
	.mockup-parkhere
	{
		background-image: url(../images/apps/screenshots/parkhere_mockup.jpg);
	}
	.mockup-ixp
	{
		background-image: url(../images/apps/screenshots/ixp_mockup.jpg);
	}
	.mockup-oakk
	{
		background-image: url(../images/apps/screenshots/oakk_mockup.jpg);
	}
	.mockup-pension
	{
		background-image: url(../images/apps/screenshots/pension_mockup.jpg);
	}
	.mockup-fietsapp
	{
		background-image: url(../images/apps/screenshots/winnaarfiets_mockup.jpg);
	}
	.mockup-halte
	{
		background-image: url(../images/apps/screenshots/finalisthalte_mockup.jpg);
	}
	
} /* mobiles and smaller tablets */

@media screen and (max-width : 480px) /* mobiles */
{
	div.contentblocktopapp
	{
		height:100px;
	}
	img.app-icon, img.pension-icon
	{
		width:64px;
	}
	.header-app
	{
		font-size:30px;
	}
	.header-app-sub
	{
		font-size:20px;
	}
	div.app-title
	{
		top:10px;
		margin:0 100px;		
	}
	div.app-title-1
	{
		top:0px;
		margin:0 100px;		
	}
	div.app-title-2
	{
		top:-16px;
		margin:0 120px;		
	}
	div.app-title-3
	{
		top:-12px;
		margin:0 120px;		
	}
	div.app-title-4
	{
		top:-25px;
		margin:0 120px;		
	}
	.contentblock-blog .icon-blog, .content-blog img.arrow
	{
		display: none;
	}
	
} /* mobiles */

@media screen and (max-width : 340px) /* very small mobiles */
{
	.header-app
	{
		font-size:24px;
	}
	.header-app-sub
	{
		font-size:16px;
	}
	p.headerbig-apps
	{
		font-size:15px;
	}
} /* very small mobiles */