/* the grid basics */
div.gridelement{float:left;display:inline;z-index:10;overflow:hidden;}
div.pageelementlayer{position:absolute;left:0;top:0;z-index:5;}
div.pageelementlayer img {position:absolute;top:0;}
div.contentlayer{z-index:30;}
div.gridelement.page {width:100%;}
div.gridelement.break {clear:left;}
div.center {margin: 0 auto 0 auto;}
/* gridelements */
 /* container*/
.fullwidthcontainer.expandable{max-width:100%;min-width:100%;width:100%;min-height:720px;height:auto !important;height:720px;}
.fullwidthcontainer.growable{min-width:100%;width:auto !important;width:100%;min-height:720px;height:auto !important;height:720px;}
.fullwidthcontainer.solid{max-height:720px;min-height:720px;height:720px;max-width:100%;min-width:100%;width:100%;}

.fullpagecontainer.expandable{max-width:960px;min-width:960px;width:960px;min-height:0px;height:auto !important;height:0px;}
.fullpagecontainer.growable{min-width:960px;width:auto !important;width:960px;min-height:0px;height:auto !important;height:0px;}
.fullpagecontainer.solid{min-width:960px;width:960px;width:960px;min-height:0px;height:0px;height:0px;}

.pagewidthcontainer.expandable{max-width:960px;min-width:960px;width:960px;min-height:0px;height:auto !important;height:0px;}
.pagewidthcontainer.growable{min-width:960px;width:auto !important;width:960px;min-height:0px;height:auto !important;height:0px;}
.pagewidthcontainer.solid{max-height:0px;min-height:0px;height:0px;max-width:960px;min-width:960px;width:960px;}

.contentframe.expandable{max-width:960px;min-width:960px;width:960px;min-height:480px;height:auto !important;height:480px;}
.contentframe.growable{min-width:960px;width:auto !important;width:960px;min-height:480px;height:auto !important;height:480px;}
.contentframe.solid{max-height:480px;min-height:480px;height:480px;max-width:960px;min-width:960px;width:960px;}

.contentwrapper.expandable{max-width:960px;min-width:960px;width:960px;min-height:0px;height:auto !important;height:0px;}
.contentwrapper.growable{min-width:960px;width:auto !important;width:960px;min-height:0px;height:auto !important;height:0px;}
.contentwrapper.solid{min-width:960px;width:960px;width:960px;min-height:0px;height:0px;height:0px;}

.contentcolumn.expandable{max-width:320px;min-width:320px;width:320px;min-height:320px;height:auto !important;height:320px;}
.contentcolumn.growable{min-width:320px;width:auto !important;width:320px;min-height:320px;height:auto !important;height:320px;}
.contentcolumn.solid{max-height:320px;min-height:320px;height:320px;max-width:320px;min-width:320px;width:320px;}

.doublecontentcolumn.expandable{max-width:640px;min-width:640px;width:640px;min-height:320px;height:auto !important;height:320px;}
.doublecontentcolumn.growable{min-width:640px;width:auto !important;width:640px;min-height:320px;height:auto !important;height:320px;}
.doublecontentcolumn.solid{max-height:320px;min-height:320px;height:320px;max-width:640px;min-width:640px;width:640px;}

.linklistcolumn.expandable{max-width:320px;min-width:320px;width:320px;min-height:0px;height:auto !important;height:0px;}
.linklistcolumn.growable{min-width:320px;width:auto !important;width:320px;min-height:0px;height:auto !important;height:0px;}
.linklistcolumn.solid{max-height:0px;min-height:0px;height:0px;max-width:320px;min-width:320px;width:320px;}

.nav-button.expandable{max-width:240px;min-width:240px;width:240px;min-height:35px;height:auto !important;height:35px;}
.nav-button.growable{min-width:240px;width:auto !important;width:240px;min-height:35px;height:auto !important;height:35px;}
.nav-button.solid{max-height:35px;min-height:35px;height:35px;max-width:240px;min-width:240px;width:240px;}

.gridcontainer {min-width: 960px; width: 960px; max-width: 960px; margin-left:auto; margin-right:auto;}
.slide {background: #fff url(/themes/long_story_short/img/2016/wolkenlucht_lang-WEB.jpg) repeat-y top left;margin-left:0;margin-right:0;width:100%;}
.slide .backgroundcontainer {background:url(/themes/long_story_short/img/2016/wit-recht-masker.png) no-repeat bottom left;}

#slide3 {background:none;background-color:#66cccc;} 
/*#slide3 {background:none;}
#slide3 .backgroundcontainer {background:none;}
#slide3 {background-color:#0091ab;color:white;}*/

.contentcontainer {width:960px;margin-left:auto;margin-right:auto;padding-top:1em;}

.contentcolumn.doemee {min-height:200px;height:auto !important;height:200px;}
.contentcolumn.ipad {min-height:200px;height:auto !important;height:200px;}
.contentcolumn.dienstregeling {min-height:200px;height:auto !important;height:200px;}
.contentcolumn.kopen {min-height:200px;height:auto !important;height:200px;}
.contentcolumn.giraf {min-height:200px;height:auto !important;height:200px;}
.contentcolumn.handig {min-height:200px;height:auto !important;height:200px;}


/* reset */
/* reset */
table {font-size:inherit;font:100%;}
select, input, textarea {font-size:1em;margin: 0;padding: 0;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.3em;letter-spacing:0px;}
body{margin:0;padding:0;letter-spacing:0.0em;}
body{background-color:#ffffff;}
body{-webkit-text-size-adjust:100%;}
form,span,ol,img,iframe,table,tbody,tr,td,ul,li,a,p,h1,h2,h3,h4,h5,h6{min-height:0;margin:0;padding:0;border:0;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;}
div {margin:0;padding:0;border:0;}
p, .content ul {margin:0;padding:0;padding-bottom:1em;}
ul, li {list-style:none;}
a img {border:0;}
/* make concrete5 admin work */
#ccm-page-controls-wrapper li, .ccm-dialog-window li{clear:none;list-style:none;}

/*
Pixels	EMs	Percent	Points
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

Kleuren
oranje d85017
groenblauw 0091ab
geel ffec00
grijs 9c9d9f

Lettertype
Montserrat bold 
*/

body{color:black;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;}
h1,h2,h3,h4,h5,h6{color:black;font-weight:700;font-size:14px;}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.25em;}
h4 {font-size:0.875em;}
h5 {font-size:0.75em;}
h6 {font-size:0.625em;}

a:hover {text-decoration:none;}

/* default structure */
.ccm-search-block-form h3:first-child {display:none;}
.ccm-search-block-form #searchResults h3 {display:block;}

/* bootstrap reset */
body{padding-right:0;padding-left:0;}
.row.no-pad{margin-right:0;margin-left:0;}
.row.no-pad > [class*='col-']{padding-right:0;padding-left:0;}
.btn{border:0 none;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:white;border-radius:36px;background-color:#d85017;background-image:none;border-color:transparent;padding:12px 16px;font-size:1.25em;}
.btn:focus,.btn:active:focus,.btn.active:focus{outline:0 none;}
.btn-primary{background:#0099cc;color:#ffffff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{background:#33a6cc;}
.btn-primary:active,.btn-primary.active{background:#007299;box-shadow:none;}
.span12{width:960px;margin-left:0px;}
.btn:hover {background-color:#ffec00;color:white;}

/* navigation and head */
.container.navigation {display:none;}
.contentwrapper.logo img {padding-left:80px;width:765px;}
.contentwrapper.payoff img {padding-left:140px;width:300px;padding-top:60px;}
.next-button {text-align:center;padding-top:0.5em;padding-bottom:0.5em;}
#slide3 .next-button {display:none;}
.slide#slide3 .backgroundcontainer {background:none;}

.linklist {position:absolute;}
.linklist img {width:240px;min-width:240px;max-width:240px;}
.linklist li a {}
.linklist li a:hover {background-color:transparent;}
.linklist ul {border:0;padding:0;margin:0;}

/* slides setup */
#footer{margin-bottom:1em;}
#footer .pull-right{padding-right:1em;}
.navbar-fixed-bottom{position:fixed;margin:0;}
.slide{min-height:320px;width:100%;padding:0;overflow:hidden;}
/* content styles */
.dienstregeling .content, .kopen .content {margin-top:-320px;padding-top:5em;}
.doemee .content {margin-top:-200px;padding-top:5em;}
.handig .content {margin-top:-280px;padding-top:5em;}
.voordeel .content {margin-top:-280px;padding-top:5em;}
.introductie .content h4 {padding-bottom:1em;font-size:1.25em;color:#d85017;}
.introductie .content h6 {font-size:0.75em;}  
.voorwaarden h1 {color:white;}
.content {padding-left:1.5em;padding-right:1em;}
.content a {color:#0091ab;}
.content a:hover {color:#9c9d9f;}
#slide5 .content a {color:#ffec00;}
#slide5 .content a:hover {color:#9c9d9f;}

.introductie {padding-top:3em;}
.doublecontentcolumn.expandable{min-height:160px;height:auto !important;height:160px;}

.content strong {color:#d85017;}
.content ul li{list-style-type:disc;list-style-position:inside;margin-left:2px;}
.content ol li{list-style-type:decimal;list-style-position:inside;margin-left:2px;}
.content .ccm-page-list-description {font-weight:400;}
.content .ccm-page-list-description h3 {font-weight:700;}
.content .ccm-page-list-description strong {color:black;}
.ccm-lage-list-illustration {cursor:pointer;}
.handig .content {font-size:1.25em;color:#9c9d9f;}
.handig .content strong {color:#d85017;}
.ccm-page-list .content a {color:black;}
.ccm-page-list .content a:hover {color:#9c9d9f;}
.ccm-page-list .content h3 a {color:#d85017;}
.ccm-page-list .content h3 a:hover {color:#9c9d9f;}
.ccm-page-list .content h3 a:visited {color:#d85017;}
.content .ccm-page-list-description strong a {color:#0091ab;}
.content .ccm-page-list-description strong a:hover {color:#9c9d9f;}
.content .ios a {font-size:smaller;color:#0091ab;}
.content .android a {font-size:smaller;color:#0091ab;}
.content .ios a:hover {color:#9c9d9f;}
.content .android a:hover {color:#9c9d9f;}
.content .ios, .content .android {padding-bottom:0;}

.miniSurveyView {font-weight:400;}
.miniSurveyView label {font-weight:700;}

.daldagkaart {float:left;clear-left;max-width:200px;width:200px;}

.contentcolumn.expandable.metzijnt2tjes {width:0px;max-width:0px;min-width:0px;}
.doublecontentcolumn.expandable.metzijnt2tjes {width:960px;max-width:960px;min-width:960px;}

#slide2 .giraf h1 {text-align: center;}
#slide2 .giraf img {display: inline;}
#slide3 .top-image {text-align: center;padding-bottom:1.5em;padding-top:0.5em;}
#slide3 .top-image img {display: inline;}

/* responsive mobile & potrait */
@media screen and (min-width:0px) and (max-width:959px) {

  .fullpagecontainer.expandable{max-width:320px;min-width:320px;width:320px;min-height:0px;height:auto !important;height:0px;}
  .fullpagecontainer.growable{min-width:320px;width:auto !important;width:320px;min-height:0px;height:auto !important;height:0px;}
  .fullpagecontainer.solid{min-width:320px;width:320px;width:320px;min-height:0px;height:0px;height:0px;}

  .pagewidthcontainer.expandable{max-width:320px;min-width:320px;width:320px;min-height:0px;height:auto !important;height:0px;}
  .pagewidthcontainer.growable{min-width:320px;width:auto !important;width:320px;min-height:0px;height:auto !important;height:0px;}
  .pagewidthcontainer.solid{max-height:0px;min-height:0px;height:0px;max-width:320px;min-width:320px;width:320px;}
  
  .contentframe.expandable{max-width:320px;min-width:320px;width:320px;min-height:320px;height:auto !important;height:320px;}
  .contentframe.growable{min-width:320px;width:auto !important;width:320px;min-height:320px;height:auto !important;height:320px;}
  .contentframe.solid{max-height:320px;min-height:320px;height:320px;max-width:320px;min-width:320px;width:320px;}
  
  .contentwrapper.expandable{max-width:320px;min-width:320px;width:320px;min-height:0px;height:auto !important;height:0px;}
  .contentwrapper.growable{min-width:320px;width:auto !important;width:320px;min-height:0px;height:auto !important;height:0px;}
  .contentwrapper.solid{min-width:320px;width:320px;width:320px;min-height:0px;height:0px;height:0px;}
  
  .doublecontentcolumn.expandable{max-width:320px;min-width:320px;width:320px;min-height:320px;height:auto !important;height:320px;}
  .doublecontentcolumn.growable{min-width:320px;width:auto !important;width:320px;min-height:320px;height:auto !important;height:320px;}
  .doublecontentcolumn.solid{max-height:320px;min-height:320px;height:320px;max-width:320px;min-width:320px;width:320px;}
  
  .contentcolumn.expandable.metzijnt2tjes {max-width:320px;min-width:320px;width:320px;}
  .doublecontentcolumn.expandable.metzijnt2tjes {max-width:320px;min-width:320px;width:320px;}
  
  .span12 {width:320px;margin-left:0px;}
  
  .contentcontainer {width:320px;}
  .contentwrapper.logo img {padding-left:0px;width:320px;padding-top:9em;padding-bottom:1em;}
  .nav-button {padding-left:40px;}

  .nav-pills a {font-size: 12px;}
  
  div.gridelement.index_blocks {display:none;}
  .formBlockSurveyTable td {display:block;clear:left;}
    
  .introductie {padding-top:0em;}
  
  #slide2 .giraf {display:none;}
  #slide3 .top-image {display:none;}
  
}