html, body {height:100%; padding:0; margin:0; background-color:#000;}

header {width:100%; height: 120px; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:100; padding:0px; border-bottom:1px solid #099;}
.showselect {z-index:1000; position:absolute; margin:40px 0 0 30px; height:41px; width:41px; text-align:center; background:#099; font:600 28px/40px 'Dosis', verdana; color:#fff;}
header h1 {padding:0 0 0 50px; margin:0; font:'Dosis', serif, Verdana; font-weight: 200; }
.logo {width:140px; z-index:100; position:relative; height: 65px; margin: 5px auto 10px auto; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 140px 65px;}
.logotext {width:100%; z-index:100; position:relative; height: auto; margin: 15px auto 0px auto; font:400 20px/20px 'Dosis', verdana; color:#099; text-align:center;}
section {display:block; width:100%; position:relative; color:#999;}
section article {width:90%; max-width:1500px; min-width:300px; margin:0px auto; text-align:center; padding:150px 0 50px 0; background-color:transparent;}
section article h1 {padding:0; margin:0; font:200 60px/80px 'Dosis', verdana; color:#099;}
/*section article h2 {padding:0; margin:0; font:300 40px/60px 'Dosis', verdana;}*/
section article p {padding:0; margin:0; font:300 20px/30px 'Dosis', verdana;}
section article p a {color:#099; text-decoration:underline; }
section article p a:hover {color:#ccc;}

section article .language {width:240px; z-index:100; position:relative; height: 50px; margin: -275px auto 10px auto; text-align:center;}
section article a.en {background-color: #099; display:inline-block; margin:5px; transition:0.4s; background-image:url(../images/language/ien.png); width:41px; height:41px;}
section article a.de {background-color: #099; display:inline-block; margin:5px; transition:0.4s; background-image:url(../images/language/ide.png); width:41px; height:41px;}
section article .sv {background-color: #099; display:inline-block; margin:5px; transition:0.4s; background-image:url(../images/language/isv.png); width:41px; height:41px;}
section article .fi {background-color: #099; display:inline-block; margin:5px; transition:0.4s; background-image:url(../images/language/ifi.png); width:41px; height:41px;}
section article .en:hover, section article .de:hover, section article .sv:hover, section article .fi:hover{transition:0.4s; background-color:#000;}

section article .column {display:inline-block; width:40%; margin:50px 5%; vertical-align:top; text-align:left;}
section article .column_single, section article .column_data {display:inline-block; width:90%; margin:50px 5%; vertical-align:top; text-align:left;}
section article .column h2, section article .column_single h2, section article .column_data h2 {padding:0; margin:0 0 20px 0; font:300 30px/40px 'Dosis', verdana; color:#099; text-transform:uppercase;}
section article .column h2 .sec, section article .column_single h2 .sec {font:300 20px/40px 'Dosis', verdana; color:#099;}
section article .column h4, section article .column_single h4, section article .column_data h4 {padding:0; margin:0 0 20px 0; font:300 24px/36px 'Dosis', verdana; color:#099; text-transform:uppercase;}
section article .column p {padding:0; margin:0 0 25px 0; font:300 20px/34px 'Dosis', serif, Verdana;}
section article .column_single p {padding:0; margin:0 70px 25px 70px; font:300 20px/34px 'Dosis', serif, Verdana;}
section article .column_single li li {padding: 0; margin: -10px 0 20px 50px; line-height: 30px; font-weight: 300; font-size: 20px; font-family: 'Dosis', serif, Verdana; font-style: italic;}
section article .column p.lyrics_sh {padding:0; margin:0 0 25px 0; font:300 20px/34px 'Dosis', serif, Verdana; visibility:visible;}
section article .column p .mp3box, section article .column_single p .mp3box {background-color: #099; display:inline-block; padding:5px 0 0 0; margin:15px; background-image:url(../images/mp3.png); width:70px; height:70px; text-align:center; float:left; clear:right; font:400 20px/30px 'Dosis', verdana; color:#333;}
section article .column li {padding:0; margin:0; font:300 20px/30px 'Dosis', serif, Verdana;}
/*
.refs {padding:0; margin:0;}
*/
section article .column a, section article .column a.tel {color:#099; text-decoration: none;}
section article .column a:hover, section article .column a.tel:hover {color:#555;}

.pad {height:160px;}
.bottom {position:absolute; bottom:0; left:0;}

#a1 {min-height:100%; background:url(../images/topimage1-1.jpg) no-repeat center center fixed; background-size:cover; position:relative; color:#fff; margin-top:-18px;}
#a2, #a4, #a6, #a8, #a10 {background:#000; min-height:800px;}


#a3 {background:url(../images/topimage2-1.jpg) no-repeat center center fixed; background-size:cover;}
#a5 {background:url(../images/topimage3-1.jpg) no-repeat center center fixed; background-size:cover;}
#a7 {background:url(../images/topimage4-1.jpg) no-repeat center center fixed; background-size:cover;}
#a9 {background:url(../images/topimage5.jpg) no-repeat center center fixed; background-size:cover; height:88%;/*border-bottom:1px solid #790;*/}

footer {width:100%; background:rgba(0,153,153,1); padding:30px 0; font:300 20px/40px 'Dosis', serif, Verdana; text-align:center; color:#333;}
footer a {color:#333; text-decoration: none;}
footer a:hover {color:#fff; text-decoration: none;}
/*
.hiddenshow {visibility:visible; position:relative;}
.showhidden {visibility:hidden; position:absolute;}
*/

/*IE 11 Hack*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #a1 {min-height:100%; background:url(../images/topimage1.jpg) no-repeat center center scroll; background-size:cover; position:relative; color:#fff;}
}
/*IE 10 Hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#a1 { }
}
/*IE 9 Hack*/
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
	#a1 { }
}
/*IE 8 Hack*/
@media \0screen {
	#a1 {min-height:100%; background:url(../images/topimage-smart.jpg) no-repeat center center fixed; background-size:cover; position:relative; color:#fff;}
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {
	section#a1, #a3, #a5, #a7, #a9 {background-attachment:scroll;		
}
	
@media only screen 
and (min-device-width : 834px) 
and (max-device-width : 1112px) {
	section#a1, #a3, #a5, #a7, #a9 {background-attachment:scroll;		
}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	section#a1, #a3, #a5, #a7, #a9 {background-attachment:scroll;		
}

@media only screen and (max-width: 768px) {
	header {width:100%; height: 140px;}
	.showselect {z-index:1000; position:absolute; margin:21px 0 0 21px;}
	.logo {width: 140px; height: 65px; margin: 25px auto 5px auto;}
	
	section article .language {height: 50px; margin: -155px auto 10px auto;}
	
	section article h1 {padding:0; margin:0; font:200 54px/70px 'Dosis', verdana;}
	section article p {padding:0; margin:0; font:300 18px/26px 'Dosis', verdana;}
	
	#a1 {min-height:100%; background:url(../images/topimage1.jpg) no-repeat center center fixed; background-size:cover; position:relative; color:#fff;}
	section article .column p.lyrics_sh {visibility:hidden; margin:0px; height:0px;}
	
	.pad {height:80px;}
	section article .column, section article .column_left, section article .column_right {width:90%; margin:20px auto 0 auto; vertical-align:top; text-align:left;}
	.references {float:left; clear:right; margin:0px 15px 30px 0px; padding:15px 2px 15px 5px; text-align:center;}	
}

@media only screen and (max-width: 740px) {
	header {height: 80px;}
	.logo {width: 140px; height: 65px; margin: 10px auto 5px auto;}
	section article {width:94%; padding:100px 0 60px 0;}
	section article h1 {padding:0; margin:0; font:200 50px/70px 'Dosis', verdana;}
	section article .column h2, section article .column_single h2 {padding:0; margin:0 0 20px 0; font:300 26px/38px 'Dosis', verdana;}
	section#a1 {background-attachment:scroll;}
	
	#a1 {min-height:100%; background:url(../images/topimage1.jpg) no-repeat center center fixed; background-size:cover; position:relative; color:#fff;}
	/*
	.hiddenshow {visibility:hidden; height:0px; width:0px; position:absolute; top:-9999px;}
	.showhidden {visibility:visible; position:relative;}
	*/
}

@media only screen and (max-width: 470px) {
	/*
	.language {width:160px; height:25px; float:right; margin:0; position:fixed; right:5%; top:30px; font:300 20px/24px 'Dosis', verdana; color:#444; z-index:100;}
	.language a {font:400 18px/24px 'Dosis', verdana; color:#666; text-decoration:none; margin:0 8px;}
	.language a:hover {font:400 18px/24px 'Dosis', verdana; color:#a00; text-decoration:none; margin:0 8px;}
	section article .column_single p.refs {padding-left:52px; margin-top:-50px; height:2260px; overflow:hidden; border:1px solid transparent; width:190px;}
	.hiddenshow {visibility:hidden; height:0px; position:absolute; top:-9999;}
	.showhidden {visibility:visible;}
	.references {float:left; clear:right; margin:0px 0px 15px 0px; padding:15px 2px 15px 6px;}*/
}	

@media only screen and (max-width: 320px) {
	section article .column_single p.refs {padding-left:35px; margin-top:-50px; height:2260px; overflow:hidden; border:1px solid transparent; width:190px;}
}
	
@media (min-device-width:320px) and (max-device-width:768px) {
section#a1, #a3, #a5, #a7, #a9 {background-attachment:scroll;}
}