/* Groen (logo): #a1c600, donkergroen: #30430b */

/* fonts */

@font-face { font-family: Raleway; font-weight: 300;src: url('../fonts/Raleway-Medium.ttf') format("truetype"); } 
@font-face { font-family: Raleway; font-weight: bold; src: url('../fonts/Raleway-Bold.ttf') format("truetype"); }
@font-face { font-family: Raleway; font-weight: 100; src: url('../fonts/Raleway-ExtraLight.ttf') format("truetype"); }
@font-face { font-family: Quando; src: url('../fonts/Quando-Regular.ttf') format("truetype"); }



/* doc */
body, html {
	height:100%;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 100;
	font-size: 11pt;

}
img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}




/* TEST

h1, h2 {
	font-family: "Quando", Arial;
	color: #30430b;
	margin-top:5px;
	margin-bottom: 20px;
}
h3 {
	margin-bottom:0;
}
h1, .sizeheading {font-size: 35pt;line-height: 46pt;}
h2, .sizetitle {font-size: 22pt;line-height: 28pt;}
h3, .sizesubtitle {font-size: 14pt;line-height: 18pt;}
*/


/* BOOTSTRAP OVERWRITE */

.btn {
	font-weight: 300;
	border-radius:0;
}
.btn-info {
	background-color: #a1c600;
	border-color:#fff;
}
.btn-success {
	background-color: #30430b;
	border-color:#fff;
}
.btn-ghost {
	border-color:#fff;
}
#teaser .btn-ghost {
	background-color: rgba(0,0,0,0.1);
}
.btn-ghost:hover {
	background-color: rgba(255,255,255,0.3);
	color:#333;
}
.btn-ghost-white {
	border-color:#fff;
	color:#fff;
}
#teaser .btn-ghost-white {
	background-color: rgba(0,0,0,0.1);
}
.btn-ghost-white:hover {
	background-color: rgba(0,0,0,0.3);
	color:#fff;
}

.btn.readmore {
	position: relative;
	padding-right:50px;
}
.btn.readmore:after {
	position: absolute;
	top:0;
	right: 0;
	width:30px;
	height: 100%;
	text-align: center;
	background: #fff;
	color:#db1d3e;
	content: ">";
	/* font-family: "Glyphicons Halflings"; */
	padding: 6px 0 0;
}

.btn-ghost.textswzgreen {
	border-color:#a1c600;
}
.btn-ghost.textred {
	border-color:#db1d3e;
}
.btn.readmore.textswzgreen:after {
	background-color:#a1c600;
	color:#fff;
}

.textdark .btn-ghost {
	background-color: rgba(255,255,255,0.35);
	border-color:#000;
	color:#000;
}
.textdark .btn-ghost:hover {
	background-color: rgba(255,255,255,0.4);
	color:#000;
}
.btn-group-lg>.btn, .btn-lg {
	min-width:79px;
	line-height: 79px;
	text-align: center;
	font-size: 16pt;
	padding:0;
	cursor: pointer;
}

.modal-content {
	border-radius: 0;
}

.btn-keyboard {
	padding:4px 11px 3px;
	border:1px solid #eaeaea;
	cursor: default;
	display: inline-block;
	position: relative;
	float:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

/*
.minwidth {
    overflow:scroll;
}
.width {
    width:1000px;
}
*/
/*

.no_large_padding_on_the_right_side .jsChartWrap.hasLegend {
    padding-right:60px !important;
}
*/
/*
.fixedheight {
    height: 600px;
}
*/
/* GRID */
	.w5  	{width:5%;}
	.w10 	{width:10%;}
	.w15 	{width:15%;}
	.w20 	{width:20%;}
	.w25 	{width:25%;}
	.w30 	{width:30%;}
	.w35 	{width:35%;}
	.w40 	{width:40%;}
	.w45 	{width:45%;}
	.w50 	{width:50%;}
	.w55 	{width:55%;}
	.w60 	{width:60%;}
	.w65 	{width:65%;}
	.w70 	{width:70%;}
	.w75 	{width:75%;}
	.w80 	{width:80%;}
	.w85 	{width:85%;}
	.w90 	{width:90%;}
	.w95 	{width:95%;}
	.w100 	{width:100%;}
	
	.w33 	{width:33.3333333333333333333333333%;} /* 1/3 kolom */
	.w66 	{width:66.66666666666666666666%;} /* 2/3 kolom */
	.w48 	{width:48%;}/* Used when 2 tables shown next to eachother, with a bit of space between it*/

/* POSITIONS */	
	.rel	{position:relative;}
	.abs 	{position:absolute;}
	
	
/* 	PADDINGS */ 
	.padding		{padding:25px;}
	.padding-left	{padding-left:25px;}
	.padding-right	{padding-right:25px;}
	.padding-top	{padding-top:25px;}
	.padding-bottom	{padding-bottom:25px;}
	.no-padding		{padding:0;}
	/* SIZES */
		.padding-small 	{padding:15px;}
		.padding-big 	{padding:40px;}
	/* PADDINGS TOP */
		.paddingtop200 {padding-top:200%;}
		.paddingtop150 {padding-top:150%;}
		.paddingtop100 {padding-top:100%;}
		.paddingtop90 {padding-top:90%;}
		.paddingtop80 {padding-top:80%;}
		.paddingtop70 {padding-top:70%;}
		.paddingtop60 {padding-top:60%;}
		.paddingtop50 {padding-top:50%;}
		.paddingtop40 {padding-top:40%;}
		.paddingtop30 {padding-top:30%;}
		.paddingtop25 {padding-top:25%;}
		.paddingtop20 {padding-top:20%;}
		.paddingtop15 {padding-top:15%;}
		.paddingtop10 {padding-top:10%;}
	
/* 	MARGINS */ 
	.margin			{padding:25px;}
	.margin-left	{padding-left:25px;}
	.margin-right	{padding-right:25px;}
	.margin-top		{padding-top:25px;}
	.margin-bottom	{padding-bottom:25px;}
	/* SIZES */
	.margin-small 	{padding:15px;}
	.margin-big 	{padding:40px;}

/* ROWS */
	.fBlock			{background: #eaeaea;padding:10px;border:1px solid #ccc;}
	.fRow			{margin-bottom:5px;padding:5px 0;}
	.fRow:after		{content: "";display: table;clear: both;}
	.fRow .fLabel	{width:30%;float:left;word-wrap:break-word;}
	.fRow .fColumn	{width:70%;float:right;}
	.fRow:hover		{background-color:rgba(0,0,0,0.1);}
	.linethrough	{text-decoration: line-through;}
	.fbox			{position:relative;width:100%;}
	.fboxbefore		{display: block;padding-top: 100%; /* initial ratio of 1:1*/}
	.fboxcontent	{position:absolute;top:0;left:0;bottom:0;right:0;}





.hideatstart {display:none;}

.fboxSquare {
	padding-top:100%;
	position: relative;
}

.fboxSquare .title {
	padding:10px;
	background: #fff;
	color:#a1c600;
	width: 100%;
	word-break: break-word;
	
}
.fboxSquareSmall {
	padding-top:50%;
	position: relative;	
}
.playVideoList .title {
	padding:20px 15px;
	background: #fff;
	color:#a1c600;
	word-break: break-word;
	font-weight: bolder;
	font-size: 12pt;
	line-height: 16pt;
}
.playVideoList.active .title {
	color:#fff;
}

.rel {
	position: relative;
}
.abs {
	position:absolute;
}
.abs.bottom {
	bottom:0;
}
.abs.right {
	right:0;
}

#share .modal-body {
	text-align:center;
}
.modal-body {
	padding:0;
	margin-bottom: 0;
}
.modalTransparent .modal-content {
	background:rgba(255,255,255,0.95);
}

/* youtube video  */
.youtubeVideo {
	 position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    width:100%;
}

.videoImg {position: absolute;cursor: pointer;color:#fff;top:0;width:100%;height:100%;z-index:1;}
.videoImg .videoTitle {position: absolute;top:20px;	right:20px;}
.videoImg:after {
	position: absolute;
	width:100px;
	line-height: 100px;
	text-align: center;
	top:50%;
	left:50%;
	font-size: 80px;
	margin-left: -50px;
	margin-top: -50px;
	content:"\e029";
	font-family: "Glyphicons Halflings";
	transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
}
.videoImg:hover:after {
	opacity: 0.8;
	font-size: 90px;	
}
.videoImg.loading {
	/* opacity:0.9; */
}
.videoImg.loading:after {
	content:"\231b";
	font-size: 90px;
}

/* youtube video */
.youtubeVideoWrap {
	float: none;
    clear: both;
    width: 100%;
   position: absolute;
   z-index: 0;
    display:none;
    top:0;width:100%;height:100%;
}

.youtubeVideoWrap iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.playVideoList.active .title {
	background:#a1c600;
}



/* -- */



.highblocks .fboxbefore, .fboxbefore.highblock {padding-top: 120%;}
.wideblocks .fboxbefore, .fboxbefore.wideblock {padding-top: 50%;}
.fbox25 .fboxbefore, .fboxbefore.fbox25 {padding-top: 25%;}
.fbox35 .fboxbefore, .fboxbefore.fbox35 {padding-top: 35%;}
.fbox100 .fboxbefore, .fboxbefore.fbox100 {padding-top: 100%;}
.teaser .fboxbefore {padding-top: 57%;}

.centered {
	margin:0 auto;
	max-width: 1200px;
}


.tablebox {overflow: hidden;width: 100%;}
.tableboxCol {float: left;padding-bottom: 500em;margin-bottom: -500em;}
.tablebox.cols2 .tableboxCol {width: 50%;}
.tablebox.cols3 .tableboxCol {width: 33.333333333%;}
.tablebox.cols4 .tableboxCol {width: 25%;}


.bgimage{background-position: center center;background-size: cover;background-repeat: no-repeat;}



/* chart */
.jsChartWrap {
	position: relative;
}
.jsChartWrap.hasLegend {
	padding-right:220px;
}
.jsChartWrap ul.chartLegend {
	position: absolute;
	right:0;
	top:0;
	list-style: none;
	margin:0;
	padding:0;
	max-width: 220px;
}
.jsChartWrap ul.chartLegend li {
	padding:0;
	margin:0;
	font-size: 10pt;
	line-height: 14pt;
}
.jsChartWrap ul.chartLegend li span {
	width:1.1em;
	height:1.1em;
	display: inline-block;
	margin-right:10px;
	border:1px solid #fff;
}
.chartInner {
	font-size: 6pt!important;
}
.p6 .jsChartWrap.hasLegend  {
	width: 100%;
	padding-right: 0;
}
.p6 .jsChartWrap ul.chartLegend {
  position: relative;
  margin-top:25px;
  max-width: 100%;
}

#pagesInnerPad {
	padding:0;
}


/* styles */
.modal-title {
	font-family: "Quando", Arial;
	color: #a1c600;
}


blockquote {
	border:none;
	margin:10px 0 0 10px;
}
blockquote p {
	font-weight:100;
	font-size:11pt;
	display:inline;
	position:relative;
	z-index: 2;
}
blockquote p:before  {
	position:absolute;
	content:'“';
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 180pt;
	line-height: 120pt;
	opacity:0.2;
	z-index: 1;
	top:-20px;
	left:-40px;

}
blockquote p:after  {
	content:'”';
}
blockquote .author {
	
	padding-top:10px;
	margin-top:10px;
	display: block;
	font-size: 80%;
	position: relative;
	
}
blockquote .author:before {
	content:"";
	width:30%;
	height: 1px;
	background: rgba(255,255,255,0.3);
	position:absolute;
	top:0;
	left:0; 
}




/* index */
.indexUl {
	min-height: 100%;
	height: 100%;
}
.indexnr {
	font-size: 40pt;
	line-height: 40pt;
	color:#fff;
}
.index ul {
	min-height:100% !important; /* browser fill */
    height:100%; 
	position: relative;
	display: block;
}
.index ul, .index li {
	margin:0;
	padding: 0;
	list-style: none;
}
.index li {
	font-family: "Quando", Arial;
	margin:0 0 0 0;
	word-break: break-word;
	list-style: none;
	height: 25%;
	padding:2.5% 15px;
}

.index li:last-child {margin:0;}
.index li:hover h2 {
	color:#db1d3e;
}
.index li h2 {
	margin:0;
	
	font-size: 16pt;
	line-height: 22pt;
}
.index .teaserData {
	left:0;
	width: 100%;
}
/* TEST
.index li h2.textBig {
	font-size: 20pt;
	line-height: 24pt;
}
.indextitle {
	color:#fff;
	text-transform: uppercase;
	font-size: 14pt;
	line-height: 14pt;
	font-weight: 100;
	margin-bottom:40px;
}

.index .teaserData {position: absolute;top:100px;left:10%;width:80%;color:#fff;font-weight: 300;}
.index .teaserTitle {font-size: 44pt}
.index .teaserSubtitle {margin-left:150px;}
*/
.index .teaserData {
	
}
.index .teaserSubtitle {
	margin-left: 38%;
}

/* teaser */
.teaser {background-position: center center;background-size: cover;background-repeat: no-repeat;position:relative;max-width: 1400px;margin:0 auto; }
.teaserData {position: absolute;top:20%;left:20%;width:80%;color:#fff;font-weight: 300;}


.teaserSubtitle {color:#a1c600;margin-left:70px;}
h2.teaserTitle, h1.teaserTitle {color:#fff;font-size: 42pt;line-height: 45pt; }
.teaserDesc {color:#fff;margin-bottom:40px;margin-left:70px; }
.teaser.textTopRight .teaserData {top:100px;left:auto;right:100px;text-align: right;}
.teaser .btn {margin-left:70px;}
.teaser.textBottomRight .teaserData {top:auto;bottom:100px;left:auto;right:100px;text-align: right;}
.teaser.textBottomLeft .teaserData {top:auto;left:10%;bottom:5%;}
.textdark, .textdark .teaserData, .textdark .teaserSubtitle, .textdark h2.teaserTitle, .textdark h1.teaserTitle, .textdark .teaserDesc {color:#30430b;}
.textFullHeight  .teaserData {
	top:0;
	left:0;
	bottom:0;
	width:33.3333333333%;
	background:rgba(0,162,226,0.5);
}
.textFullHeight.textRight  .teaserData {
	top:0;
	left:auto;
	right:0;
	bottom:0;
	width:33.3333333333%;
	background:rgba(0,162,226,0.5);
}
.textFullHeight.text33  .teaserData {
	width:33.3333333333%;
}
.textFullHeight.text50  .teaserData {
	width:50%;
}
.textFullHeight.textFullLight  .teaserData {
	background:rgba(116,194,227,0.9);
}
.textFullHeight.textFullGreen  .teaserData {
	background:#a1c600;
}
.textFullHeight.textFullGreen  .teaserData .teaserSubtitle  {
	color:#30430b;
}
.caption {
	text-transform: uppercase;
	font-size: 90%;
	font-weight: 700;
}
.textcentered, .teaser.textcentered  .teaserData {text-align: center;}


.teaser.textcentered  .teaserData, .teaser.textcentered .btn, .teaser .textcentered  .teaserData, .teaser .textcentered .btn {margin-left:0;}



.inkomsten {
	position: absolute;
	left:66%;
	top:59%;
}
.teaser .inkomsten.btn {
	margin-left:15px;
}
.blockContent .p3 { 
	min-height: 640px;
}
.p4 h1 { 
	font-size: 34pt;
	line-height: 38pt;
}




/* TEXT STYLES */
	/* SIZES */
	h1			{font-size: 42pt; line-height: 45pt;}
	h2			{font-size: 24pt; line-height: 28pt; margin-top:5px;}
	h3			{font-size: 16pt; line-height: 20pt; margin-top:0;}
	h4			{font-size: 14pt; line-height: 18pt; }
	h5			{font-size: 12pt; line-height: 16pt; margin-bottom: 0;}
	h6			{font-size: 10pt; line-height: 14pt;}
	
	p			{font-size: 10.5pt; line-height: 15pt;}
	p.lead		{font-size: 12pt;	line-height: 19pt;}
	
	@media only screen and (max-width : 990px) {
		h1			{font-size: 34pt; line-height: 40pt;}
		h2			{font-size: 22pt; line-height: 25pt;}
		h3			{font-size: 16pt; line-height: 20pt;}
		h4			{font-size: 14pt; line-height: 20pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
		p			{font-size: 10.5pt; line-height: 14pt;}
		
		.p4 h1		{font-size: 22pt; line-height: 28pt;}
	}
	@media only screen and (max-width : 680px) {
		h1			{font-size: 30pt; line-height: 38pt;}
		h2			{font-size: 20pt; line-height: 24pt;}
		h3			{font-size: 15pt; line-height: 19pt;}
		h4			{font-size: 14pt; line-height: 20pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
		p			{font-size: 10pt; line-height: 14pt;}
		
		.p4 h1		{font-size: 24pt; line-height: 30pt;}
	}
	@media only screen and (max-width : 480px) {
		h1			{font-size: 28pt; line-height: 36pt;}
		h2			{font-size: 19pt; line-height: 22pt;}
		h3			{font-size: 14pt; line-height: 18pt;}
		h4			{font-size: 13pt; line-height: 17pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
		p			{font-size: 10pt; line-height: 14pt;}
		
		.p4 h1		{font-size: 22pt; line-height: 24pt;}
	}
	
	/* WEIGHTS */
	.lighter		{font-weight: 100!important;}
	.strong			{font-weight: 700!important;}
	.heavy			{font-weight: 900!important;}


/* BACKGROUND COLORS */
	/* BASICS */
	.black			{background-color: #000000; color: #ffffff;}
	.white 			{background-color: #ffffff; color: #000000;}
	.grey			{background-color: #eaeaea;}
	.greyLight		{background-color: #fafafa;}
	.blue			{background-color: #34495e; color: #ffffff;}
	.blueLight		{background-color: #3498db; color: #ffffff;}
	.red			{background-color: #ff1400; color: #ffffff;}
	.redLight		{background-color: #db1d3e; color: #ffffff;}
	.green			{background-color: #a1c600;}
	.greenLight		{background-color: #dce084;}
	.yellow			{background-color: #f1c40f;}
	.yellowLight	{background-color: #f7e085;}
	.purple 		{background-color: #6e3781;}
	.purpleLight	{background-color: #c1bed9;}

/* BACKGROUND COLORS CUSTOM */
	.swzgreen 		{background-color: #a1c600; color: #ffffff;}
	.swzgreendark	{background-color: #315E0B; color: #ffffff;}
	.leafgreen 		{background-color: #999607; color: #ffffff;}
	.orange 		{background-color: #f49300;}
	.creme 			{background-color: #edf0c0;}
	
	
	
/* TEXT COLORS 
	.textBlack			{color: #000000;}
	.textWhite 			{color: #ffffff;}
	.textGrey			{color: #888888}
	.textGreyLight		{}
	.textBlue			{}
	.textBlueLight		{}
	.textRed			{}
	.textRedLight		{}
	.textGreen			{}
	.textGreenLight		{}
	.textYellow			{}
	.textYellowLight	{}
	.textPurple 		{}
	.textPurpleLight	{}
*/	
/* TEXT COLORS CUSTOM */	
	.textpurple 	{color: #6e3781;}
	.textgreen 		{color: #30430b;}
	.textgreen2 	{color: #9b9a07;}
	.textlightgreen {color: #a1c600;}
	.textgrey 		{color: #888888;}
	.textblack 		{color: #000000;}
	.textwhite 		{color: #ffffff;}
	.textred 		{color: #db1d3e;}
	.textredlight 	{color: #db1d3e;}
	.textorange		{color: #f49300;}
	.textdarkgreen	{color: #2f4218;}
	.textswzgreen	{color: #7C9603;}

	.textblack a 		{color: #000000; text-decoration: underline;}
	.textblack a:hover	{color: #db1d3e;}
	
/* FONTS */
	.raleway 		{font-family: "Raleway", Arial, sans-serif;}
	.quando 		{font-family: "Quando", Arial, sans-serif;}

/* colors
.green {background-color: #a1c600;}
.red {background-color: #ff1400;color:#fff;}
.redlight {background-color: #db1d3e;color:#fff;}
.blue {background-color: #34495e;color:#fff;}
.lightblue {background-color: #00a2e2;color:#fff;}
.yellow {background-color: #f1c40f;}
.lightblue {background-color: #3498db;}
.grey {background-color: #eaeaea;}
.lightgreen{background-color: #dce084;}
.purple {background-color: #6e3781;}
.white {background-color: #fff;color:#000;}
.creme {background-color:#edf0c0;}
.orange {background-color:#f49300;}
.leafgreen {background-color:#999607;color:#fff;}
.swzgreen {background-color:#a1c600;color:#fff;}
.lightpurple {background-color:#c1bed9;}

.textpurple {color:#6e3781;}
.textgreen {color: #30430b;}
.textgreen2 {color: #9b9a07;}
.textlightgreen {color: #a1c600;}
.textgrey {color:#888;}
.textblack {color:#000;}
.textwhite {color:#fff;}
.textred {color:#db1d3e;}
.textredlight {color:#db1d3e;}
.textorange{color:#f49300;}
.textdarkgreen{color:#2f4218;}
.textswzgreen{color:#a1c600;}
*/



.overflow-hidden {overflow:auto;}



.border {
    border-top:1px solid #3498db;
}

.hscroll{
    white-space:nowrap;
    display:table;
    min-width:100%;
}


#digidoc {
	height:100%;
	position:relative;
}
#pages {
	top:0;
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
#addToHomeScreen {
	display:none;
	position: absolute;
	top:0;
	left:0;
	z-index:20;
	border:1px solid #000;
	padding:15px;
	background: #fff;
}
#pagesDisabled {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 10;
	background: rgba(0,0,0,0.7);
	display: none;
	cursor: pointer;
}


#pagesInner {
	float:left;
	display: block;
}
#pages .page {
	min-height:100%;
	display:inline-block;
    width:100%;
    position: relative;

}
#pages .pageContent {
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	/* max-height:300px; */
	overflow-x: hidden;
	background: #ddd;
	white-space: normal;
	-webkit-overflow-scrolling: touch; /* makes scroll smooth on ipad/iphone */
}
#pages .pageContent > .centered {
	/* background:#fff; */
}
.pageContent .loadingPage {
	position: absolute;
	width:300px;
	top:50%;
	left:50%;
	margin-left:-150px;
	line-height: 100px;
	margin-top:-50px;
	text-align: center;
	background: #fff;
	border:1px solid rgba(0,0,0,0.5);
}


.customScroll {
	position: relative;
	left:0;
	top:0;
	
}
.customScroll.animate {
	transition-property: left;
	transition-duration: 0.5s;
	transition-delay: 0s;
}

/* 	---------------------------------
	FOOTER */
	
#footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:80px;
	background:#fff;
	z-index: 10;
}
#footerInner {
	position: relative;
	height:100%;
	width:100%;
	background:#fff;
}

#footer.shade {
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow:    0px 10px 40px 0px rgba(0, 0, 0, 0.46);
	box-shadow:         0px 10px 40px 0px rgba(0, 0, 0, 0.46);
}



/* logo */
#logo {
	line-height: 75px;
	float:left;
	cursor: pointer;
}
#logoText {
	font-family: "Quando", Arial;
	font-size: 20pt;
	color: #30430b;
	margin-left:20px;
	float: right;
	
}



/* navigation */


#navButtons {
	position: absolute;
	left:50%;
	top:0;
	width:364px;
	height:79px;
	margin-left:-182px;
}
#navButtons .btnNav {
	display:block;
	width:80px;
	line-height:80px;
	background:#a1c600;
	float:left;
	text-align: center;
	margin-right:2px;
	font-size: 20pt;
	color:#fff;
	cursor: pointer;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#navButtons .btnNav.openNav {
	width:200px;
	line-height: 80px;
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: 700;

}
#navButtons .btnNav .btnText{
	position: relative;
	bottom:2px;
	width:auto;
	font-size: 12pt;
	line-height:70px;
	font-weight:600;
}

#navButtons .btnNav:last-child {
	margin-right:0px;
}
#navButtons .btnNav:hover {
	background-color:#34495e;
}

/* - navigation list */
#navigation {
	position: absolute;
	width:100%;
	top:-266px;
	left:0;
	right: 0;
	background:#cddbb3;
	background: rgba(161,212,0,0.3);
	overflow: hidden;
	overflow-x: auto;
	display:none;
	-webkit-overflow-scrolling: touch;
	
	
	padding: 10px 0 10px 10px;
	
	transition-property: top;
	transition-duration: 1s;
	transition-delay: 0s;
	z-index: -1;
}

#navigation::-webkit-scrollbar { width: 0 !important }

#navigation .nav {
	display:inline-block;
    width:220px;
    cursor: pointer;
    margin-right: 10px;
}

#navigation .nav .navInner {
	background: #fff;
	transition-property: background-color;
	transition-duration: 1s;
	transition-delay: 0s;
	position: relative;
}



.navBtn {
	position: fixed;
	width:40px;
	height: 247px;
	line-height: 247px;
	text-align: center;
	left:0;
	bottom:88px;
	cursor: w-resize;
	color:#fff;
	font-size: 16pt;
	
}
.navBtn:before {
	-webkit-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:    10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	box-shadow:         10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	content: "";
	position: fixed;
	width:50px;
	height: 267px;
	text-align: center;
	left:0;
	bottom:88px;
	margin-left:-50px;
	border-radius:50px;
}


.navBtn.navRight {
	left:auto;
	right: 0;
	cursor: e-resize;
}
.navBtn.navRight:before {
	left:auto;
	right: 0;
	-webkit-box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:    -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	box-shadow:         -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	margin-right:-50px;
	margin-left:0;
}




/*
#navigation .nav.even {
	background: #eaeaea;
}
*/
#navigation .nav.active .navInner {
	background: #a1c600;
}

#navigation .nav .navCount {
	line-height: 40px;
	font-size: 18pt;
	padding:0 10px;
}
#navigation .nav .navTitle {
	line-height: 20px;
	height:80px;
	padding:0 10px;
	white-space: normal;
	font-weight: 600;
}














/* footer right */

#footerRight .btn-lg {
	border:none;
	border-left:2px solid #eaeaea;
}

#footerMenu {
	position: relative;
}

.footerButtons {
	
	
	
}
.footerButtons .btn {
	float: right;
}

.footerMenuBtn {
	display: none;
}



/* share pop-up */
.share-btn {
	position:relative;
}
.share-btn .socialcount {
	position: absolute;
	top:-5px;
	right: -5px;
	background:#db1d3e;
	color:#fff;
	width:24px;
	line-height: 24px;
	text-align: center;
	border-radius:50%;
	font-size: 9pt;
}


@media only screen and (min-width: 1100px) {
	/* GROTE SCHERMEN */
	#pages .pageContent > .centered {
		margin:0px auto;
	}
	
	.desktop-paddingTop {padding-top:30px;}
	.desktop-paddingBottom {padding-bottom:30px;}
	.desktop-marginTop {margin-top:30px;}
	.desktop-marginBottom {margin-bottom:30px;}
	
}
@media only screen and (max-width: 990px) {
	h1, .sizeheading {font-size: 22pt;line-height: 28pt;}
	h2, .sizetitle {font-size: 14pt;line-height: 18pt;}
	h3, .sizesubtitle {font-size: 12pt;line-height: 14pt;}
	
	.index li {
		margin:0 0 30px 0;
	}
	.teaserData {top:25px;left:25px;width:auto;}
	.teaser.textTopRight .teaserData {top:25px;right:25px;}
	.teaser.textBottomRight .teaserData {bottom:25px;right:25px;}
	.teaser.textBottomLeft .teaserData {left:25px;bottom:25px;}
	
	/* tab selectors */
	.tab-pull-left {
		float: left !important;
	}
	.tab-pull-right {
		float: right !important;
	}
	.tab-nopull {
		float: none !important;
	}
	.tab-w100 {
		width:100%;
	}
	.tab-w75 {
		width:75%;
	}
	.tab-w50 {
		width:50%;
	}
	.tab-w25 {
		width:25%;
	}
	.tab-hide {
		display:none;
	}
	.tab-nopadding {
		padding:0;
	}
	.tab-nobox .fboxbefore {display: block;padding-top: 0; /* initial ratio of 1:1*/}
	.tab-nobox .fboxcontent {position: inherit;}
	
	.tab-paddingtop50 {
		padding-top: 50%;
	}
	.tab-paddingbottom20 {
		padding-bottom: 20%;
	}
	.fboxSquareSmall {
		padding-top:10%;
		position: relative;	
	}
}

@media only screen and (max-width: 780px) {
	.blockContent .p3 { 
		min-height: 730px;
	}	
}

@media only screen and (max-width: 680px) {
	
	/* general */
	blockquote {
		padding:0;
	}
	.padding {
		padding: 15px;
	}
	.mob-padding-top-none {
		padding-top:0;
	}
	
	/* teaser */
	.teaserData {top:15px;left:15px;width:90%;}
	.teaser.textTopRight .teaserData {top:15px;right:15px;}
	.teaser.textBottomRight .teaserData {bottom:15px;right:15px;}
	.teaser.textBottomLeft .teaserData {left:15px;bottom:15px;}
	.textFullHeight  .teaserData { width: 100%;}
	.textFullHeight.text50 .teaserData { width: 100%;}
	h2.teaserTitle, h1.teaserTitle {
		font-size: 24pt;
		line-height: 28pt;
		word-break: break-word;
	}
	
	/* pages */
	#pages {
		bottom: 60px;
	}
	
	.teaser .swzgreen h2 {
		font-size: 18pt;
		line-height: 26pt;
	}
	
	.playVideoList {
	}
	.playVideoList .fboxSquare {
		padding-top:0%;
	}
	.playVideoList .fboxSquare .abs { 
		position: relative;
	}
	.playVideoList .padding {
		padding:0;
	}
	.playVideoList:hover { 
		cursor: pointer;
	}
	.media {
		margin-top:1px;
	}
	.fboxSquareSmall {
		padding-top:15%;
		position: relative;	
	}
	
	/* mob selectors */
	.mob-rel {
		position: relative;
	}
	.mob-pull-left {
		float: left !important;
	}
	.mob-pull-right {
		float: right !important;
	}
	.mob-nopull {
		float: none !important;
	}
	.mob-w100 {
		width:100%;
	}
	.mob-w90 {
		width:90%;
	}
	.mob-w75 {
		width:75%;
	}
	.mob-w50 {
		width:50%;
	}
	.mob-w25 {
		width:25%;
	}
	.mob-hide {
		display:none!important;
	}
	.mob-nopadding {
		padding:0;
	}
	.mob-overflow-hidden {overflow:visible;}
	.mob-nobox .fboxbefore {display: block;padding-top: 0; /* initial ratio of 1:1*/}
	.mob-nobox .fboxcontent {position: inherit;}
	
	.mob-paddingtop50 {
		padding-top: 50%;
	}
	.mob-paddingbottom50 {
		padding-bottom: 50%;
	}
	
	/* footer buttons */
	#footer {
		height:62px;
	}
	#logo {
		line-height: 60px;
		height: 62px;
		overflow: hidden;
	}
	#logo img {
		width:60px;
		height: 62px;
	}
	#logoText {
		display:none;
	} 

	#navButtons .btnNav {
		width:60px;
		height: 62px;
		line-height: 62px;
	}
	.btn-group-lg>.btn, .btn-lg {
		min-width:60px;
		height:62px;
		line-height: 62px;
	}
	#navButtons {
		height:62px;
		width:184px;
		margin-left:-92px;
	}
	#navButtons .btnNav.openNav {
		width:60px;
	}
	#navButtons .btnNav .btnText {
		bottom:13px;
	}
	
	#footerRight .btn-lg.footerMenuBtn {
		display: block;
		border-left:none;
	}
	#footerRight .footerButtons .btn-lg {
		border-top:2px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
	}
	.footerButtons {
		position: absolute;
		top:0;
		right:0;
		min-width:250px;
		top:-100%;
		display: none;
	}
	.footerButtons .btn {
		float: right;
	}
	#footerMenu:hover .footerButtons, #footerMenu:active .footerButtons, #footerMenu:focus .footerButtons {
		display: block;
	}
	
	
	.jsChartWrap.hasLegend {
		padding-right: 0;
	}
	.jsChartWrap ul.chartLegend {
		position: relative;
		max-width: 100%;
	}
	.jsChartWrap ul.chartLegend.stackedbar-legend {
		position: absolute;
	}
	
	
	.blockContent .p3 { 
		min-height: 100%;
	}	

	
}







/* SCROLL INDICATOR */
#scrollIndicator {
	position: absolute;
	bottom:30px;
	right:30px;
	z-index: 9;
	background: rgba(255,255,255,0.5);
	padding:15px;
}

.mouse {
	height: 42px;
	width: 28px;
	border-radius: 20px;
	transform: none;
	border: 3px solid black;
}

.wheel
{
  height: 8px;
  width: 3px;
  display: block;
  margin: 7px auto;
  background: black;
  position: relative;
}

.wheel
{
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

/* mouse arrows */
.mousespan
{
  display: block;
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  margin: 0 0 3px 9px;
}

.unu
{
  margin-top: 6px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}



@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}




/* pag 4 */
.popWrap {
	float:left;
	text-align: center;
	width:20%;
}
.pop {
	background: url("../pages/4-beschikbaarheid-woonruimteverdeling/images/pop_wit.png") bottom left no-repeat;
	background-size: cover;
	
	
}
.pop .nr {
	position: absolute;
	width: 100%;
	top:35%;
	text-align: center;
	margin-top:-0.5em;
	color:#000;
	font-weight: 700;
}
.popLaag2 {
	
	/* height:279px; */
	padding-top: 238%;
	position: relative;
}
.popPaars {
	position: absolute;
	bottom:0;
	width:100%;
	height:0%;
	background: url("../pages/4-beschikbaarheid-woonruimteverdeling/images/pop_paars.png") bottom left no-repeat;
	background-size: cover;
	/* Firefox */
	-moz-transition-property: height;
	-moz-transition-duration: 2s;
	-moz-transition-delay: 0s;
	/* WebKit */
	-webkit-transition-property: height;
	-webkit-transition-duration: 2s;
	-webkit-transition-delay: 0s;
	/* Opera */
	-o-transition-property: height;
	-o-transition-duration: 2s;
	-o-transition-delay: 0s;
	/* Standard */
	transition-property: height;
	transition-duration: 2s;
	transition-delay: 0s;
	
}