@import url("https://fonts.googleapis.com/css?family=Signika:400,700");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main{margin:0;padding:0;border:0;outline:0;display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]),[hidden]{display:none}
body{font:16px/1.5 Signika;color:#333;background:#333;padding:20px;text-transform:uppercase}
#contents{background:#fff;max-width:1000px;margin:0 auto;padding:40px 0;-webkit-box-shadow:0 10px 50px #000;box-shadow:0 10px 50px #000;}
#contents .header{padding:20px;margin:0 40px 40px 40px;background:#eee;}
#contents .header h1{font-weight:bold;text-align:center;font-size:46px;text-shadow:0 1px 1px #fff;}
#contents .header h1 .logo{text-align:center;}
#contents .header h1 .logo img{height:80px}
#contents .subhead a{display:block;text-align:center;font-size:22px;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;text-decoration:none;color:#333;}
#contents .subhead a:hover{opacity:1;-ms-filter:none;filter:none}
#contents .subhead a span{font-weight:bold;color:#e33200;display:block;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
#contents .subhead a span:hover{color:#972100}
section{margin:40px 40px 0 40px;vertical-align:top;}
section h2{font-weight:bold;text-align:center;font-size:22px;line-height:22px;position:relative;margin:0 0 20px 0;}
section h2:before{display:block;position:absolute;width:100%;height:11px;content:'';border:1px solid #999;border-bottom:none;top:11px}
section h2 span{background:#fff;padding:0 20px;position:relative;z-index:10}
section h2 em{display:block;position:absolute;font-size:16px;font-weight:normal;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);padding:0;max-height:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden;width:100%}
section:hover h2 em{background:rgba(255,255,255,0.85);text-shadow:0 1px 0 #fff;max-height:180px;padding:10px 0;opacity:1;-ms-filter:none;filter:none;margin:10px 0 0 0}
section.half{display:inline-block;margin-right:0;width:440px}
.donut-graph text{text-anchor:middle;}
.donut-graph text.pie-center-year{fill:#333;font-size:32px;font-weight:bold}
.donut-graph text.pie-label{fill:#fff;font-size:20px}
.donut-graph svg{margin:0 20px}
.donut-graph .arc{stroke:#fff;}
.donut-graph .arc.innsamlede{fill:#17607d}
.donut-graph .arc.offentlige{fill:#e33200}
.donut-graph .arc.andre{fill:#ff9311}
.donut-graph .arc.percentage{fill:#e33200}
.donut-graph .arc.rest{fill:#ff9311}
.donut-graph.pct-1 svg,.donut-graph.pct-2 svg{margin:0 5px}
.half .donut-graph.pct-1 text.pie-top-year,.half .donut-graph.pct-2 text.pie-top-year{font-size:20px}
.half .donut-graph.pct-1 text.pie-center-label,.half .donut-graph.pct-2 text.pie-center-label{font-size:20px;font-weight:bold}
.donut-graph-wrap{text-align:center;}
.donut-graph-wrap .legend{text-align:center;margin:20px 0 0 0;}
.donut-graph-wrap .legend .private,.donut-graph-wrap .legend .offentlige,.donut-graph-wrap .legend .andre{display:inline-block;line-height:20px;margin:0 40px;}
.donut-graph-wrap .legend .private:before,.donut-graph-wrap .legend .offentlige:before,.donut-graph-wrap .legend .andre:before{display:inline-block;vertical-align:-5px;content:'';width:20px;height:20px;margin:0 5px 0 0}
.donut-graph-wrap .legend .private:before{background:#17607d}
.donut-graph-wrap .legend .offentlige:before{background:#e33200}
.donut-graph-wrap .legend .andre:before{background:#ff9311}
.bar-graph-wrap{text-align:center}
.bar-graph .x-axis line,.bar-graph .x-axis path{fill:none;stroke:#333;shape-rendering:crispEdges}
.bar-graph text{text-anchor:middle;}
.bar-graph text.bar-label{fill:#fff;font-size:20px;font-weight:bold}
.bar-graph text.bar-label-sub{fill:#fff;font-size:13px}
.bar-graph rect.bar{fill:#e33200;}
.bar-graph rect.bar.current{fill:#ff9311}
.top10 .bar-graph rect{fill:#e33200}
.top10 .bar-graph text{fill:#fff;}
.top10 .bar-graph text.value{text-anchor:end}
.top10 .bar-graph text.label{text-anchor:start;font-weight:bold}
.bottom10 .bar-graph rect{fill:#17607d}
.bottom10 .bar-graph text{fill:#fff;}
.bottom10 .bar-graph text.value{text-anchor:end}
.bottom10 .bar-graph text.label{text-anchor:start;font-weight:bold}
section.top p{text-align:center;font-size:24px;color:#e33200}
section.big-small p{text-align:center;font-size:16px;color:#e33200}
p.small-org{border-top:1px solid #aaa;padding:20px 0 0 0;margin:10px 0 0 0;}
p.small-org span{display:block}