/*
Theme Name: Glashaus
Theme URI: http://www.glashaus.org
Version: 2.0
Author: Kai Plumeyer
*/

/* Default values ----------- */
/* Styles */
body {
	padding: 0px 0px;
	margin: 0px;
	background-color: rgb(124, 12, 13); 
/*	background-image: url("body-bg.png"); */
	background-repeat: no-repeat; 
	background-position: center top; 
	background-attachment: fixed;
}
body, input, textarea ,pre { 
	color: rgb(55, 55, 55); 
	font: 300 12px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
img, video, canvas {
	max-width: 100%;
	height: auto;
}

html,body {
	height:100%;
}
strong {
	font-weight: bold;
}
h1,h2,h3,h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
h3,h4 {
	text-decoration: underline;
}
hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
textarea,
input[type=text],
input[type=url],
input[type=email],
input[type=password],
input[type=tel] {
	-webkit-appearance: none; -moz-appearance: none;
	display: block;
	margin: 0;
	width: 100%; 
	/* max-width: 250px; */
	border: 1px solid #bbb;
	margin: auto;
}
select {
	-webkit-appearance: none; -moz-appearance: none;
	display: block;
	outline: 0;
	width: 98%;	
	height: 24px;
	max-width: 250px;
	border: 1px solid #bbb;
	margin: auto;
}
input[type=submit] {
	-webkit-appearance: none; -moz-appearance: none;
	display: block;
	outline: 0;
	border: 1px solid #bbb;
	margin: auto;
	margin-bottom: 8px;
}
input[type=radio],
input[type=checkbox] {
	border: 1px solid #bbb;
}
input:hover, textarea:hover, select:hover {
	background: rgba(239,247,255,1);
}
input:focus, textarea:focus, select:focus, input[type=submit]:hover {
	border: 1px solid rgba(94,174,225,0.9);
	-moz-box-shadow: 0px 0px 3px rgba(94,174,225,0.8);
	-webkit-box-shadow: 0px 0px 3px rgba(94,174,225,0.8);
	box-shadow: 0px 0px 3px rgba(94,174,225,0.8);
}

iframe {
	max-width: 100%;
	width: 100%;
	height: auto;
}
/* Links */
a {
	color: #000;
	text-decoration: underline;
}
a:focus,
a:active,
a:hover {
	color: #47ab49;
	text-decoration: underline;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 0.6em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 0.6em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
/* Structure */
.wrapper {
	width: 94%;
	max-width: 1000px;
	padding: 0;
	top: 0px;
    bottom: 10px;
	margin: 0px auto 0px;
	background: #fff;
	/* background: #fff url("sidebar.gif") repeat-y right; */
	border-right: 1px solid rgb(0, 0, 0);
	border-left: 1px solid rgb(0, 0, 0);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.9);
}
.rechts {
	position: fixed;
	width: 50%;
	text-align:	left;
	top: 0px;
    bottom: 0px;
	left: 50%;
	margin-left: 500px;
	padding-left: 8px;
	padding-top: 6px;
	background: url("img/body-right.png") no-repeat 0% 100%;
	background-size: 70px;
}
.links {
	position: fixed;
	width: 50%;
	height: 100%;
	text-align:	right;
	top: 0px;
	right: 50%;
	margin-right: 500px;
	background: url("img/body-left.png") no-repeat 100% 0%;
	background-size: 70px;
}
@media only screen
and (max-width : 1094px) {
	.links,.rechts {
		display: none;
	}
}
.banner {
	margin: 0;
	padding: 0;
	height: 200px;
	background-color: rgb(37, 37, 37);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 75%;
}
a.header_container {
	text-decoration: none !important;
}
.header_text {
	padding: 110px 20px 0px 80px;
}
.banner,
.mobile-navigation {
	margin: 0;
	color: white;
	font-size: 18px;
	text-shadow: 0px 0px 27px rgba(255,255,255,0.8),2px 2px 2px rgba(0,0,0,0.8);
	font-family: Arial;
}
.banner h1,
.mobile-navigation h1 {
	margin-left: -30px;
	font-size: 24px;
	font-weight: bold;
}
.navigation {
	margin: 0px auto 0px; 
	padding: 0;
	width: 100%;
	float: left; 
	clear: both; 
	position: -webkit-sticky;
	z-index: 1;
	background: linear-gradient(rgb(37, 37, 37), rgb(10, 10, 10)) repeat scroll 0% 0% transparent;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	display: block;
}
.sticky {
	margin: 0;
	padding: 0;
	width: 94%;
	max-width: 1000px;
	position: fixed;
	top: 0;
	left: 10;
	right: 10;
	z-index: 100;
	background: linear-gradient(rgba(37, 37, 37, 0.9), rgba(10, 10, 10, 0.9)) repeat scroll 0% 0% transparent;
}
/* .content {
	padding: 0px;
	height: 100%;
} */
.content {
	padding: 6px 6px 0px 6px;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
}

.sidebar { 
/* 	float: right;
	width: 25%;
	min-width: 250px;
	height:100%;
	overflow:hidden;
	background: rgba(37, 37, 37, 0.1); */
	padding: 4px;
	width: 25%;
	min-width: 220px;
	vertical-align: top;
	background: rgba(240,240,240,1);
	border-left: 1px solid rgba(200,200,200,1);
}

.entry-title, .entry-header .entry-meta { 
	padding-right: 76px;
}
.entry-title { 
	clear: both; 
	color: rgb(0, 0, 0);
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5em;
	padding-bottom: 0.3em; 
	padding-top: 0px;
}
.alert {
	/* clear: both;  */
	font-size: 14px;
	background: rgba(200, 200, 200,0.3);
	border: 2px solid rgba(124, 12, 13,1);
	border: 3px solid black;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	padding: 2px;
	margin-top: 6px;
	margin-bottom: 4px;
}
.genre {
	font-size: 14px;
	line-height: 2em;
	width: 40%;
	text-align: left;
	float: left;
}

.entry-info {
	margin-top: 0px;
	padding-right: 3px;
	width: 58%;
	text-align: right;
	float: right;
	/* border-left: 1px solid rgba(100, 100, 100,0.3); */
}

.navigation ul { 
	font-size: 13px; 
	list-style: none outside none; 
	margin: 0; 
	padding-left: 0px;
}
.navigation li { 
	float: left; 
	position: relative; 
}
.navigation a { 
	color: rgb(238, 238, 238); 
	display: block; 
	line-height: 2.333em; 
	padding: 0px 0.7em; 
	text-decoration: none;
}
.navigation ul ul { 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); 
	display: none; 
	float: left; 
	margin: 0px; 
	position: absolute; 
	top: 2.333em; 
	left: 0px; 
	width: 188px;
	z-index: 99999;
}
.navigation ul ul a { 
	background: none repeat scroll 0% 0% rgb(249, 249, 249); 
	border-bottom: 1px dotted rgb(221, 221, 221); 
	color: rgb(68, 68, 68);
	font-size: 13px; 
	font-weight: normal; 
	height: auto; 
	line-height: 2.333em; 
	padding: 0px 10px; 
	width: 168px;
}
.navigation li:hover > a, .navigation ul ul :hover > a, .navigation a:focus { 
	background: none repeat scroll 0% 0% rgb(239, 239, 239);
}
.navigation li:hover > a, .navigation a:focus { 
	background: linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)) repeat scroll 0% 0% transparent; 
	color: rgb(55, 55, 55);
}
.navigation ul li:hover > ul {
	display: block;
}
.mobile-navigation {
	margin: 0px auto 4px; 
	padding: 0;
	width: 100%;
	height: 40px;
	float: left; 
	clear: both; 
	background: linear-gradient(rgb(37, 37, 37), rgb(10, 10, 10)) repeat scroll 0% 0% transparent; 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: rgb(238, 238, 238);
	text-decoration: none;
}
.mobile-navigation #left {
	float: left;
	margin: 8px 0px 0px 8px;
}

.mobile-navigation #right {
	width: 100%;
	margin: 8px 0px 0px -10px;
	text-align: right;
}

.search_button#desktop {
	line-height:26px !important;
	float: right;
	padding: 2px 6px 2px 6px !important;
	margin: 0px !important;
}
.search_button#desktop:hover {
	background: linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)) repeat scroll 0% 0% transparent; 
	color: rgb(55, 55, 55);
}
.search_button#desktop:focus {
	background: none;
}

.content h1 {
	line-height: 20px;
	margin-bottom: 2px;
}

.filter {
	padding: 0px 3px 0px 3px;
	border: 1px solid red;
	float: left;
	margin: 1px;
	color: #ffffff;
}
.filter span {
	padding-right: 3px;
}

.filter:hover {
	text-decoration: underline;
}

.filter#titel {
	color: #000000;
	text-decoration: none;
	border: 0px;
	margin: 2px;
}
.filter#konzert {
	background: rgba(73,147,55,1);
	border-color: rgba(73,147,55,1);
}
.filter#theater {
	background: rgba(181,211,52,1);
	border-color: rgba(181,211,52,1);
}
.filter#party {
	background: rgba(0,71,141,1);
	border-color: rgba(0,71,141,1);
}
.filter#kino {
	background: rgba(107,87,165,1);
	border-color: rgba(107,87,165,1);
}
.filter#lesung {
	background: rgba(94,174,225,1);
	border-color: rgba(94,174,225,1);
}
.filter#sonstiges {
	background: rgba(0,179,176,1);
	border-color: rgba(0,179,176,1);
}
.filter#alles {
	background: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
	float: right;
}
#review,
#download,
#newsletter {
	float: right;
	clear: both;
	margin-bottom:-20px;
	margin-left:4px;
	padding-right:6px;
	color: #ffffff;
}

#edit,
#back,
#video_stats  {
	padding: 0px 4px 0px 4px;
	float: left;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 2px;
	color: #ffffff;	
}

#download {
	background: rgba(0, 71, 141, 1);
}
#newsletter  {
	background: rgba(73, 147, 55, 1);
}
#review {
	background: rgba(124, 12, 13, 1);
}
#back {
	background: rgba(227, 140, 39, 1);
}
#edit {
	background: rgba(30, 219, 166, 1);
}
#video_stats {
	background: rgba(30, 219, 166, 1);
}

#up,
#link  {
	float: right;
	margin-bottom:8px;
	padding-right:6px;
	background: rgba(0,0,0,1);
	color: #ffffff;
	clear: both;
}
#next,
#previous {
	margin-bottom:8px;
	padding-right:6px;
	padding-left:4px;
	color: #ffffff;
	background: rgba(30, 219, 166, 1);
	border: 1px solid rgba(30, 219, 166, 1);
	/* clear: both; */
}
#next {
	float: right;
}
#previous {
	float: left;
}
.page-numbers div {
	/* float: left; */
	min-width: 18px;
	display: inline-block;
	/* padding:3px; */
	margin: 0px;	
	/* height: 20px; */
	color: #ffffff;
	background: rgba(30, 219, 166, 1);
	border: 1px solid rgba(30, 219, 166, 1);
	text-decoration: none;
}
.page-numbers div:hover {
	background: rgba(0,0,0,1);
	border: 1px solid rgba(0, 0, 0, 1);
	text-decoration: none;
	color: #ffffff;
}
.page-numbers.current div,
.page-numbers.current div:hover {
	color: rgba(30, 219, 166, 1);
	background: rgba(30, 219, 166, 0.1);
	border: 1px solid rgba(30, 219, 166, 1);
}



#download:hover,
#newsletter:hover,
#review:hover,
#edit:hover,
#next:hover,
#previous:hover,
#back:hover,
a #video_stats:hover {
	background: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}
#up:hover,
#link:hover,
#review:hover,
#edit:hover,
#back:hover {
	text-decoration: underline;
}
#download span,
#newsletter span,
#up span,
#link span,
#review span,
#edit span,
#back span,
#video_stats span {
	padding: 4px;
	color: #ffffff;
}


.programm {
	clear: both;
}
.pagination {
	padding: 0px;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 15px;
	clear: both;
	z-index:9999;
	text-align: center;
	display: inline-box;
}

.btn > span#page {
	padding-left: 10px;
	padding-right: 10px;
	background: rgba(73,147,55,0.4);
	color: rgba(73,147,55,1);
	border: 1px solid rgba(73,147,55,1);
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.btn > span,
.btn-inactive > span {
	padding: 0px;
	margin: -2px;
	width: 26px;
	height: 25px;
	background: rgba(73,147,55,0.7);
	color: #ffffff;
	border: 1px solid rgba(73,147,55,1);
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.btn > span:hover {
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.5);
}
.btn-inactive > span {
	background: rgba(73,147,55,0.2);
	border: 1px solid rgba(73,147,55,1);
	color: rgba(255,255,255,0.5);
}

.programm .eintrag {
	padding: 2px;
	margin: 2px;
	/* width: 32.9%; Kacheln */
	width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height: 100px;
	float: left;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	color: #000000;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.frontpage .eintrag {
	padding: 2px;
	margin: 2px;
	/* width: 49.3%; Kacheln */
	width: 100%;
	/* width: 99%; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height: 100px;
	float: left;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	color: #000000;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.search-programm .eintrag {
	padding: 2px;
	margin: 2px;
	/* width: 32.7%; Kacheln */
	width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height: 100px;
	float: left;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	color: #000000;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.abgesagt,
.ausverkauft  {
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	float: left;
	top: 58px;
	right: -70px;
	/* margin-left: 200px; */
	/* margin-right: -370px; */
	font-weight: 600;
	color: rgba(255,255,255,0.9);
	text-align: center;
	width: 200px;
	z-index: 99;
	position: absolute;
}
.programm-entry .abgesagt,
.programm-entry .ausverkauft {
	top: 42px;
	right: -70px;
}
.sidebar .abgesagt,
.sidebar .ausverkauft {
	top: 22px;
	right: -69px;
}
.abgesagt {
	background: rgba(192,11,11,0.9);
}
.ausverkauft {
	background: rgba(255,102,0,0.9);
}
.thumb {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important; 
	margin-left: 3px;
	/* margin-top: 48px; Kacheln */
	margin-top: 0px;
	/* right: 1px; */
	float: right;
/* 	width: 50px;
	height: 50px; Kacheln */
	width: 100px;
	height: 100px;
	padding: 0px;
}
.thumb-today {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important; 
	margin-left: 3px;
	margin-top: 0px;
	/* right: 1px; */
	float: right;
	width: 100px;
	height: 100px;
	padding: 0px;
}
.sidebar .eintrag {
	padding: 2px;
	margin: 2px;
	margin-left: 0px;
	width: 100%;
	text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height: 66px;
	float: left;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	color: #000000;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.eintrag:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.sidebar .info {
	text-align: left;
	display: inline-block;
}
.sidebar .thumb {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	/* top: 1px; */
	/* margin-left: 3px; */
	margin-top: 0px;
	margin-right: 0px;
	float: right;
	width: 64px;
	height: 64px;
	padding: 0px;
}
.programm-entry .eintrag,
.programm-entry .eintrag:hover {
	padding: 2px;
	margin: 0px;
	width: 100%;
	margin-left: -1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-image: none !important;
	float: left;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	color: #000000;
	position: relative;
	display: inline-box;
	overflow: hidden;
}

.eintrag h2 {
	margin-top: 0px;
	/* padding-right: 100px; */
	/* width: 95%; */
	text-align: left;
	line-height: 22px;
	font-size: 16px;
	color: #000000;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.3);
}
.sidebar .eintrag b {
	/* width: 98%; */
	text-align: left;
	margin-left: 1px;
	margin-top: -2px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #000000;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.3);
	display: block;
}
.sidebar .eintrag span {
	margin-left: 2px;
}

.info {
	/* float: right; */
	margin-top: 0px;
	right: 0px;
    top: 0px;
	vertical-align: bottom;
	padding: 0px;
	clear: both;
	text-align: right;
	width: 100%;
	height: 98px;
	position: absolute;
	z-index: 10;
}

.info p {
	/* bottom: 0px; */
	padding-top: 38px;
	padding-right: 3px;
	/* position: absolute; */
	line-height: 16px;
	font-size: 12px;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(255,255,255,.4);
}

.eintrag#konzert {
	border: 1px solid rgba(73,147,55,1);
	border-left: 6px solid rgba(73,147,55,1);
	background-color: rgba(73,147,55,0.2);
	background-image: url('img/programmart/konzert-opaque30.png');
}
.eintrag#theater {
	border: 1px solid rgba(181,211,52,1);
	border-left: 6px solid rgba(181,211,52,1);
	background-color: rgba(181,211,52,0.2);
	background-image: url('img/programmart/theater-opaque30.png');
}
.eintrag#party {
	border: 1px solid rgba(0,71,141,1);
	border-left: 6px solid rgba(0,71,141,1);
	background-color: rgba(0,71,141,0.2);
	background-image: url('img/programmart/party-opaque30.png');
}
.eintrag#kino {
	border: 1px solid rgba(107,87,165,1);
	border-left: 6px solid rgba(107,87,165,1);
	background-color: rgba(107,87,165,0.2);
	background-image: url('img/programmart/kino-opaque30.png');
}
.eintrag#lesung {
	border: 1px solid rgba(94,174,225,1);
	border-left: 6px solid rgba(94,174,225,1);
	background-color: rgba(94,174,225,0.2);
	background-image: url('img/programmart/lesung-opaque30.png');
}
.eintrag#sonstiges {
	border: 1px solid rgba(0,179,176,1);
	border-left: 6px solid rgba(0,179,176,1);
	background-color: rgba(0,179,176,0.2);
	background-image: url('img/programmart/sonstiges-opaque30.png');
}

.weblinks {
	clear: both;
	display: inline;
	position: relative;
	float: right;
	width: 98%;
	max-width:270px;
	margin-top: 6px;
	margin-right: 2px;
	margin-left: 2px;
}
#link {
	clear: left !important;
	margin-right:2px;
}
.entry-image {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #000000;
	position: relative;
	float: right;
	margin-top: 4px;
	margin-right: 2px;
	margin-left: 4px;
	margin-bottom: 0px;
	width: 98%;
	max-width:270px;
	height:auto;
}
.content a img {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #000000;
}
.content a img:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}
.sidebar a img {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #000000;
	position: relative;
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	/* margin-left: 4px; */
	margin-bottom: 0px;
	width: 46%;
	max-width:150px;
	height:auto;
}
.sidebar a img:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}

.frontpage a img {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #000000;
	position: relative;
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	/* margin-left: 4px; */
	margin-bottom: 0px;
	width: 31%;
	height:auto;
}
.frontpage a img:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}
.frontpage-video {
	float: left;
	width: 48.2%;
	padding-right: 6px;
}

.entry-content {
	padding: 2px;
}

.facebook  {
	background: #3B5999 !important;
}
.youtube {
	background: #cd201f !important;
}
.fve-video-wrapper {
	background: #FFFFFF !important;
}
.sidebar .fve-video-wrapper {
	background: rgba(240,240,240,1) !important;
}
.soundcloud {
	background: #FF6600  !important;
}
.twitter {
	background: #4099FF  !important;
}
.tumblr {
	background: #35465c  !important;
}
.lastfm {
	background: #b31217  !important;
}

#facebook {
	color: #ffffff;
	/* background: #637bad url('img/fb-button.png') no-repeat 0px -1px; */
	
	background: rgb(99, 123, 173);
	background-image: url('img/facebook-button.png');
	background-image: url('img/facebook-button.png'), linear-gradient(rgb(99, 123, 173), rgb(89, 114, 167));
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	border-left: 1px solid rgb(41,68,126);
	border-right: 1px solid rgb(41,68,126);
	border-top: 1px solid rgb(41,68,126);	
	border-bottom: 1px solid rgb(26,53,110);
	box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.3);
	padding: 3px 4px 3px 26px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
/*	text-shadow:black 0px 1px 0px; */
}
#facebook:hover {
	background: rgb(79, 106, 163);
	background-image: url('img/facebook-button.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid rgb(41,68,126);
	box-shadow: inset 0px 1px 1px 0px rgba(41,68,126,0.3);
}
#twitter {
	color: #ffffff;	
	background: rgb(254, 254, 254);
	background-image: url('img/twitter-button.png');
	background-image: url('img/twitter-button.png'), linear-gradient(rgb(254, 254, 254), rgb(223, 223, 223));
	background-position: 0px 4px;
	background-repeat: no-repeat;

	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 4px 2px 22px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-shadow:white 0px 1px 0px;
}
#twitter:hover {
	background: rgb(247, 247, 247);
	background-image: url('img/twitter-button.png');
	background-image: url('img/twitter-button.png'), linear-gradient(rgb(247, 247, 247), rgb(218, 218, 218));
	background-position:  0px 4px;
	background-repeat: no-repeat;
	border-color: #bbbbbb;
}
#google {
	color: #ffffff;	
	/* background: rgb(219, 85, 58); */
	background: rgb(220, 78, 65);
	background-image: url('img/google-button.png');
	/* background-image: url('img/google-button.png'), linear-gradient(rgb(219, 85, 58), rgb(209, 69, 44)); */
	/* background-position: 0px 5px; */
	background-position: 1px 2px;
	background-repeat: no-repeat;
	/* border: 1px solid #c43d20; */
	border: 1px solid #bb4237;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.2); */
	padding: 3px 4px 2px 25px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	/* text-shadow:black 0px 1px 0px; */
}

#google:hover {
	/* background: rgb(219, 85, 58); */
	background: rgb(206, 62, 49);
	background-image: url('img/google-button.png');
	/* background-image: url('img/google-button.png'), linear-gradient(rgb(209, 80, 53), rgb(198, 65, 42)); */
	/* background-position: 0px 5px; */
	background-position: 1px 2px;
	background-repeat: no-repeat;
	border-color: #ba3a1e;
}
.screener {
	color: rgb(180,180,180);
}
.screener img {	
	max-width: 94%;
	height: auto;
}
body.screener {
	background: #ffffff url('img/noise.png');
}
div.screener {
	margin: auto;
	position: absolute;
	top: 20px;
	left: 0; 
	right: 0;
	text-align: center;
}
div.screener img {
	border: 1px solid rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.videoWrapper {
	clear: both;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	display: block;
	max-width: 100%;
	visibility: visible !important;
}
	
.videoWrapper img { max-width: 100%; height: 100%; }

.videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.formwrapper {
	width: 94%;
	max-width: 1000px;
	padding: 0;
	top: 0px;
	margin: 0px auto 0px;
}

.form {
	width: 33%;
	float: left;
	margin: auto;
}

.footer {
	margin: 0px;
	padding: 5px;
	/* background-color: rgb(230, 230, 230);  */
	background: linear-gradient(rgb(37, 37, 37), rgb(10, 10, 10)) repeat scroll 0% 0% transparent;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	border-top: 0px solid rgb(0, 0, 0);
	border-bottom: 0px solid rgb(0, 0, 0);
	clear: both;
	color: rgb(255,255,255);
}
/* only if page is long enough for a scrollbar */
@media only screen
and (horizontal-scrollbar:[inside|outside|on-top]) {
	.footer {
		border-bottom: 0px solid rgb(0, 0, 0) !important;
	}
}
.footer a {
	color: rgb(165,165,165);
	font-weight: bold;
	text-decoration: underline;
}
.footer a:hover {
	color: rgb(235,235,235);
	font-weight: bold;
	text-decoration: underline;
}

#footer-left {
	text-align: left;
	float: left;
}
#footer-right {
	text-align: right;	
}

.weblinks-mobile,
.filter-mobile,
.mobile {
	display: none;
}
/* Fotogalerie */

.ngg-album-compactbox,
.ngg-album-compactbox:before,
.ngg-album-compactbox:after {
	border: 0px !important;
}
.ngg-gallery-thumbnail-box {
	width: 31.8%;
}
.ngg-album-compactbox a img {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important;
	border: 1px solid #000000;
}
.ngg-album-compactbox a img:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9) !important;
	border: 1px solid #000000;
}
.ngg-gallery-thumbnail a img {
	width: 100%;
	height: auto;
	margin: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 0px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	border: 1px solid #000000;
}
.ngg-gallery-thumbnail a img:hover {
	margin: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 0px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
	border: 1px solid #000000;
}

div.ngg-gallery-thumbnail {
	border: 0px solid #ff0000 !important;
}
/*Comment Forms*/
#respond {
	margin: auto;
	width: 100%;
	padding: 4px;
}
#respond p,
#respond div {
	margin: auto;
	width: 70%;
}
#search_popup input[type=text] {
	width: 96%; 
}
.searchform input[type=text] {
	width: 50%; 
}
.comment-form input[type=text],
.comment-form textarea,
.comment-form input[type=url],
.comment-form input[type=email],
.comment-form input[type=password],
.comment-form input[type=tel] {
	margin: 0;
	width: 100%; 
}

.comment-form select {
	width: 98%; 

}
.comment-form input[type=submit] {
	margin: auto;
	margin-bottom: 8px;
	width: auto;
}

/*Comment Output*/

.reply {}
.reply a {}

.alt {}
.odd {
	background-color: #f0f0f0;
}
.even {
	background-color: #fefefe;
}
.thread-alt {
}
.thread-odd {
	background-color: #f0f0f0;
	border: 1px solid #CCCCCC;
	margin-bottom: -1px;
	margin-right: 40px;
}
.thread-even {
	background-color: #fefefe;
	border: 1px solid #CCCCCC;
	margin-bottom: -1px;
	margin-right: 20px;
}
li ul.children .alt {}
li ul.children .odd {}
li ul.children .even {}

.vcard {
	/* background-color: #ddd; */
	border-bottom: 1px solid #CCCCCC;
}
.vcard cite.fn {}
.vcard span.says {}
.vcard img.photo {}
.vcard img.avatar {}
.vcard cite.fn a.url {}

.comment-meta {} 
.comment-meta a {}
.commentmetadata {}
.commentmetadata a {}

.parent {}
.comment {
	margin-right: 10px;
}
.children {}
.pingback {}
.bypostauthor {}
.comment-author {}
.comment-author-admin {}

a img.captchaImgRefresh {
	border: 0px;
	box-shadow: none;	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 640px) {
/* Styles */
	img, video, canvas {
		max-width: 100%;
		height: auto;
	}
	body {
		padding: 0px 0px;
		margin: 0px 0px;
	}
	h3,h4 {
		margin-top: 8px;
	}
	input[type=text],
	input[type=url],
	input[type=email],
	input[type=password],
	input[type=tel],
	select {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding-left: 4px;
		width: 98%;
		max-width: 98%;
		line-height: 26px;
		font-size: 16px;
	}
	select {
		height: 30px;
	}
	.filter#titel {
		margin-top: 16px;
	}
	#filter_select {
		width: 70%;
		max-width: 300px;
		margin-top: 11px;
		margin-left: 2px;
	}
	input[type=submit] {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		display: block;
		width: auto;
		line-height: 26px;
		font-size: 16px;
		margin-bottom: 8px;
	}
	input[type=radio],
	input[type=checkbox] {
		width: 18px;
		height: 18px;
	}
	.wrapper {
		width: 100%;
		border: 0px;
	}
	.banner {
		height: 40px;
	}
	.header_text {
		padding: 0px 0px 0px 36px;
	}
	.content {
		padding: 0px 4px 0px 4px;
	}
	.programm .eintrag {
		width: 100%;
		right: 2px;
	}
	.frontpage .eintrag {
		width: 100%;
		right: 2px;
	}
	.frontpage a img {
		width: 48.0%;
		margin-top: 3px;
		margin-right: 3px;
	}
	.frontpage-video {
		float: none;
		width: 100% !important;
		padding-right: 0px !important;
	}
	.eintrag h2 {
		padding-right: 100px;
	}
	.programm-entry .eintrag {
		width: 100%;
	}
	.programm-entry .abgesagt,
	.programm-entry .ausverkauft {
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
		float: right;
		font-weight: 600;
		color: rgba(255,255,255,0.9);
		text-align: center;
		width: 200px;
		height: 20px;
		z-index: 999;
		top: 67%;
		right: -70px;
	}
	.genre {
		width: 100%;	
	}
	.entry-info {
		clear: both;
		text-align: left;	
		float: left;
		width: 100%;
	}
	.entry-image {		
		max-width:200px;
		height:auto;
	}
	.thumb {
		margin-top: 0px;
		width: 99px;
		height: 99px;
	}
	.ngg-gallery-thumbnail-box {
		width: 48.2%;
	}

	#download,
	#newsletter,
	#review,
	#edit,
	#back,
	#video_stats	{
		margin-top: 0px !important;
	}
	.weblinks-mobile {
		display: inline;
		clear: both;
		position: relative;
		float: right;
		width: 98%;
		margin-top: 6px;
		margin-right: 2px;
		margin-left: 2px;
	}
	#link {
		clear: left !important;
		margin-right:2px;
	}
	.formwrapper {
		width: 94%;
		padding: 0;
		top: 0px;
		margin: 0px auto 0px;
	}

	.form {
		width: 100%;
		margin: auto;
	}
	#respond {
		width: 100%;
		padding: 2px;
	}
	#respond p,
	#respond div {
		width: 95%;
	}
	@media only screen
	and (max-width : 360px) {
		.entry-image {
			width: 98%;
			max-width:98%;
			height:auto;
		}	
		.entry-content {
			clear: both;
		}
	}
/* Buttons Größenanpassung */
	#download,
	#newsletter,
	#review,
	#back,
	#video_stats,
	#edit,
	#next,
	.page-numbers div,
	#previous,
	#up,
	#link {
		padding: 4px;
	}
	.btn > span,
	.btn-inactive > span {
		padding: 3px;
	}
	.filter	{
		padding: 2px 5px 2px 5px;
	}
/* Zeige folgende Elemente */
	.mobile,
	.filter#titel {
		display: block;
	}
/* Verstecke folgende Elemente */
	.navigation,
	#header,
	#menu,
	.weblinks,
	.sidebar,
	.entry-title,
	.filter,
	.desktop {
		display: none;
	}
}

/* Tablets (portrait and landscape) ----------- */
@media only screen
and (min-width : 641px)
and (max-width : 1024px) {

	/* Between Smartphone & Tablet (portrait and landscape) ----------- */
	@media only screen
	and (min-width : 641px)
	and (max-width : 800px) {
		.programm .eintrag {
			width: 100% !important;
			right: 2px;
		}
		.frontpage .eintrag {
			width: 100% !important;
			right: 2px;
		}
		.frontpage a img {
			width: 48.0%;
			margin-top: 3px;
			margin-right: 3px;
		}
		.frontpage-video {
			float: none;
			width: 100% !important;
			padding-right: 0px !important;
		}
		.eintrag h2 {
			padding-right: 100px;
		}
		.programm-entry .eintrag {
			width: 100%;
		}
		.programm-entry .abgesagt,
		.programm-entry .ausverkauft {
			-ms-transform: rotate(-45deg); /* IE 9 */
			-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
			transform: rotate(-45deg);
			float: right;
			font-weight: 600;
			color: rgba(255,255,255,0.9);
			text-align: center;
			width: 200px;
			height: 20px;
			z-index: 999;
			top: 67%;
			right: -70px;
		}
		.genre {
			width: 100%;	
		}
		.entry-info {
			clear: both;
			text-align: left;	
			float: left;
			width: 100%;
		}
		.entry-image {		
			max-width:200px;
			height:auto;
		}
		.thumb {
			margin-top: 0px;
			width: 99px;
			height: 99px;
		}
	}
/* Styles */
	.wrapper,
	.sticky	{
		width: 94%;
	}	
	.banner {
		height: 90px;
	}	
	.header_text {
		padding: 10px 20px 0px 70px;
	}
	#header {
		margin-top: -112px;
	}
	.programm .eintrag {
		/* width: 49.3%; Kacheln */ 
		width: 100%;
	}
	.frontpage .eintrag {
		/* width: 48.8%; Kacheln */
		width: 100%;
	}
	#respond {
		margin: auto;
		width: 100%;
		padding: 4px;
	}
	#respond p,
	#respond div {
		margin: auto;
		width: 80%;
	}
	input[type=text],
	input[type=url],
	input[type=email],
	input[type=password],
	input[type=tel],
	select {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding-left: 4px;
		width: 98%;
		max-width: 98%;
		line-height: 22px;
		font-size: 14px;
	}
	select {
		height: 26px;
	}
	input[type=submit] {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		display: block;
		width: auto;
		line-height: 22px;
		font-size: 14px;
		margin-bottom: 8px;
	}
/* Buttons Größenanpassung */
	#download,
	#newsletter,
	#review,
	#back,
	#video_stats,
	#edit,
	#next,
	.page-numbers div,
	#previous,
	#up,
	#link {
		padding: 3px;
	}
	.btn > span,
	.btn-inactive > span {
		padding: 2px;
	}
	.filter {
		padding: 1px 4px 1px 4px;
	}
/* Verstecke folgende Elemente */	
	.mobile-navigation,
	.slicknav_menu
	/* .sidebar, */
	/* #mobile-header */ {
		display: none;	
	}

}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1025px)
/* and (max-width : 1824px) */ {
/* Styles */
	.mobile-navigation,
	.slicknav_menu
	/* #mobile-header */ {
		display: none;	
	}
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}