@font-face {
font-family: 'Josefin Sans';
src: url('/Font/Josefin_Sans/JosefinSans-Regular.ttf');
font-weight: normal;
}
* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
	font-family: 'Josefin Sans', sans-serif;
	font-size:9pt;
}

body {
	height:100%;
	text-transform:lowercase;
	/* background: #3262a0; */
}
h1 {
	font-size:1.2em;
	font-family: 'Josefin Sans', sans-serif;
	margin:1em 0px;
	font-weight:bold;
}
h1 a, h1 a:link, h1 a:hover; h1 a:focus {
	text-decoration:none;

	color:black;
	}
h1.vcard {
	line-height:1.6;
}

p {
	margin-bottom:.6em;
}
.row, .row > div {
	height:100%;
}

.icon {
	width:32px;
	height:32px;
	overflow:hidden;
	margin:10px 10px 10px 0px;
	float:left;
}

.icon.instagram a img {position:relative;top:-256px;left:-32px;}
.icon.instagram a:hover img {left:0px;}
.icon.itunes a img {position:relative;top:-224px;left:-32px;}
.icon.itunes a:hover img {left:0px;}
.icon.bandcamp a img {position:relative;top:-192px;left:-32px;}
.icon.bandcamp a:hover img {left:0px;}
.icon.spotify a img {position:relative;top:-160px;left:-32px;}
.icon.spotify a:hover img {left:0px;}
.icon.vimeo a img {position:relative;top:-128px;left:-32px;}
.icon.vimeo a:hover img {left:0px;}
.icon.facebook a img {position:relative;top:-96px;left:-32px;}
.icon.facebook a:hover img {left:0px;}
.icon.soundcloud a img {position:relative;top:-64px;left:-32px;}
.icon.soundcloud a:hover img {left:0px;}
.icon.googleplus a img {position:relative;top:-32px;left:-32px;}
.icon.googleplus a:hover img {left:0px;}
.icon.youtube a img {position:relative;top:0px;left:-32px;}
.icon.youtube a:hover img {left:0px;}

.zeit {float:left; text-align:right;}
.zeit .time {font-size:xx-small;}
.band {float:none; font-weight:bold; margin:0px 0px 0px 6em;}
.ort {float:none; font-style:italic; margin:0px 0px 1em 6em;}
.dialog {display:none;}
.microformat {display:inline;}
.vcard a {text-decoration:none; color:black;}

.image-container {
	margin: auto -2.2em 2.2em;
}

.image-container, .image-container img {
	width:100%;
}

.image-container img {
	width:calc(100% + 4.4em);
}

.backstretch {
	display:none;
}

.ui-state-active {
	background:rgba(255,255,255,.6) url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x
}

.ui-widget-content {
	background: rgba(255,255,255,.6) 50% 50% repeat-x;
}

.imagecaption {
	display:inline-block;
	font-size:6px;
	background:rgba(255,255,255,.5);
}
.accordion-image {
	text-align:right;
	position:relative;
	top:-3.15em;
	right:-2.2em;
}
.page-imagecaption {
	display:none;
}
/* 992px*/

@media screen and (min-width: 992px) and (orientation:landscape) {
	.image-container {
		display:none;
	}
	.backstretch {
		display:block;
	}
	body {
		background:#fff;
	}
	.ui-widget-content {
		background: rgba(255,255,255,.9) 50% 50% repeat-x;
	}
	.ui-state-active {
		background:rgba(255,255,255,.8) url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x
	}

}

@media screen and (min-width: 992px) and (orientation:landscape) {

	.ui-accordion .ui-accordion-content {
		padding:.9em;
	}
	#accordion {
		font-size:9pt;
	}
	.imagecaption {
		display:block;
		position:fixed;
		right:0;
		bottom:0;
		font-size:xx-small;
		background:rgba(255,255,255,.3);
	}
	.imagecaption a, .imagecaption a:hover {
		color:#333;
	}
	.page-imagecaption {
		display:block;
	}
	.accordion-image {
		display:none;
	}
}