@CHARSET "utf-8";

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;background-color: black;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
/*#content {position:relative; z-index:1; padding:10px;}*/
#content {position:relative; z-index:1; padding:0px;}

/*
links und so
*/

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

/*----------------------- --------------- -------------
community icond & links
----------------------- --------------- -------------*/
#programm .community_links {
	position: absolute;
	width: 200px;
	top: -12px;
	right: 30px;
	text-align: right;
}
div.programm_gross2_wrap .community_links img { width: 20px;}
/*----------------------- --------------- -------------
Startseite Programmfenster
----------------------- --------------- -------------*/
div.topic {
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
}

div.topic div.headline {
	font-weight: bold;
/*
	font-family: 'JosefXuerebsFriendsRegular', sans-serif;
 * */
	font-family: "Comic Sans MS";
	font-size: 10pt;
}
div.topic div.datum {
	font-family: 'arial', sans-serif;
	font-size: 9pt;
}

#content .sitecontainer {
	width: 	900px;
}
#content .sitecontainer_wrap {
	min-width: 930px;
	/*margin: 10% 0 0 15%;*/
}

#content .sitediv {
	float: left;
	width: 800px;
	height: 600px;
	background-color: white;
	overflow: hidden;
	border: 0px solid red;

}
.navi_wrap {
	position:absolute;
	z-index: 100;
	margin-left: -425px;
	top: 195px;
	/*left: -150px;*/
	border: 0px solid red;
}

.navi{
	width: 700px;
	height: 150px;
	overflow: hidden;
	/*
	margin-top: 0px;
	*/
	border: 0px solid blue;
}

.navi .linkcontainer {
	float:left;
	background-color: white;
	border: 1px solid silver;
	padding: .3em .4em;
	font-size: .97em;
	font-weight: bold;
}

.navi .linkcontainer:hover, .navi .linkcontainer a:hover { background-color: transparent; color: white; text-decoration: none;}
div.navi div.aktive { background-color: #E8E8E8; }
.navi .startseite:hover { background-color: #E8E8E8; color: white;}

.imgnavi { float: left; border: 0px solid red; width: 130px;}

.clr { clear: both; }

/* -----------------------------------
PROGRAMM
------------------------------------*/
	#programmanzeige {
		font-family: "Comic Sans MS";
		margin-top: -85px;
	}

	#content.programmseite .sitecontainer,
	#content.nachrichtenseite .sitecontainer,
	#content.downloadseite .sitecontainer,
	#content.geschichteseite .sitecontainer,
	#content.anfahrtseite .sitecontainer,
	#content.ticketseite .sitecontainer,
	#content.impressumseite .sitecontainer,
	#content.gaestbuchseite .sitecontainer,
	#content.gallerieseite .sitecontainer
	{ float: left; width: 800px; border: 0px solid yellow;}

	#content.programmseite .sitecontainer_wrap,
	#content.nachrichtenseite .sitecontainer_wrap,
	#content.downloadseite .sitecontainer_wrap,
	#content.geschichteseite .sitecontainer_wrap,
	#content.anfahrtseite .sitecontainer_wrap,
	#content.ticketseite .sitecontainer_wrap,
	#content.impressumseite .sitecontainer_wrap,
	#content.gaestbuchseite .sitecontainer_wrap,
	#content.gallerieseite .sitecontainer_wrap
	{ margin: 10% 0 0 12%; }


	#programmanzeige.sitediv, #ticketreservierung.sitediv  {
		/*
		float: left;
		width: 760px!important;
		height: 440px;
		padding: 0 20px 20px 20px ;
		background-color: transparent!important;
		background-image: url(../siteimg/transparent60.png);
		*/
	}

	#programmanzeige .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}

	#programmanzeige.sitediv .programm {
		height: 90%;
		margin-bottom: 10%;
		width: 99%;
		overflow: auto !important;
		border: 0px solid blue;

	}

	.ticketlink {
		font-family: 'JosefXuerebsFriendsBold', sans-serif;
		position: absolute;
		top: 65px;
		left: 150px;
		font-size: 1.5em;
	}

	#ticketreservierung.sitediv  {
		overflow: auto !important;
		font-family: "Comic Sans MS";
	}

	/*
	*/
	#programmanzeige > div.headline {
		font-family: 'JosefXuerebsFriendsBold', sans-serif;
		color: black;
		font-size: 2em;
		padding: .5em 0 .1em 0;
		/*line-height: 2.5em;*/
	}
	#programmanzeige div.prog {
		float: left;
		border-bottom: 1px solid;
		/*font-family: 'JosefXuerebsFriendsRegular', sans-serif;*/
		font-family: "Comic Sans MS";
		font-size: 1em;
		margin: .2em 0;
	}

	#programmanzeige .terminrow { width: 100%;}
	#programmanzeige .terminrow:hover, #programmanzeige .terminrow_hilite  { background-image: url(../siteimg/transparent75.png)}
	#programmanzeige .terminrow .datum { width: 15%;}
	#programmanzeige .terminrow .more { width: 2%; }
	#programmanzeige .terminrow .headline { width: 63%; padding-left: 1%;}
	#programmanzeige .terminrow .genre { width: 11%; overflow: hidden; white-space: nowrap;}
	#programmanzeige .terminrow .ticket { width: 4%;  padding-left: 1%;}

	#programmanzeige .programmdetail,
	#programmanzeige .programmdetail td
	 {
		display: none;
		width: 98%;
		padding: 1%;
		margin: 1% 0;
		border: 1px solid black;
		/*background-image: url(../siteimg/transparent75.png)*/
		background-color: #DBDBDA;
	}
	#programmanzeige .show_programmdetail { display: block !important; }
	#programmanzeige .programmdetail img {
		float: right;
		padding: 2em 1em 1em 1em;
	}

	#programmanzeige .programmdetail .programmdetail_headline > div { float: left;}
	#programmanzeige .programmdetail .programmdetail_headline { width: 98%; border: 1px solid; background-color: #ECDBBE; padding: 1%; margin-bottom: 1em;}

	#programmanzeige .programmdetail .einlass { width: 15%; }
	#programmanzeige .programmdetail .showtime { width: 15%; }
	#programmanzeige .programmdetail .vvk { width: 15%; }
	#programmanzeige .programmdetail .ak { width: 15%; }

	#programmanzeige .monatrow {
		width: 98%;
		padding: .2em;
		text-align: center;
		margin-top: .5em;
	}
	#programmanzeige .monatrow .monat {
		width: 20%;
		border: 0px solid red;
		padding: 0 1em;
		font-size: 1em !important;
		background-color: #ECE479;
	}

/* -----------------------------------
/PROGRAMM
------------------------------------*/

/* -----------------------------------
TICKETZ
------------------------------------*/
	#ticketreservierung {
		font-family: "Comic Sans MS";
		margin-top: -85px;
	}
	#ticketreservierung pre {
		font-size: 10pt;
	}
	#ticketreservierung .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}

/* -----------------------------------
/TICKETZ
------------------------------------*/


/* -----------------------------------
DOWNLOADS
------------------------------------*/
	#downloads1 {
		font-family: "Comic Sans MS";
		margin-top: -85px;
		margin-left: 200px;
		border: 0px solid white;
	}
	#downloads1 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}

	#downloads2 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}
	#downloads2 {
		position: absolute;
		top: 0px;
		left: 50px;
	}
	#downloads3 {
		font-family: "Comic Sans MS";
		margin-top: -150px;
		margin-left: 30px;
		border: 0px solid white;
	}
	#downloads3 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}

	#downloads4 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}
	#downloads4 {
		position: absolute;
		top: 100px;
		left: 150px;
	}
/* -----------------------------------
DOWNLOADS
------------------------------------*/


/* -----------------------------------
Geschichte
------------------------------------*/
	#geschichte1 {
		font-family: "Comic Sans MS";
		margin-top: -100px;
		margin-left: 30px;
		border: 0px solid white;
		position: relative;
		z-index: 500;
	}
	#geschichte1 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: 1em;
		overflow: auto;
	}
	#geschichte1 .dercontent .contentrahmen { padding: .5em;}
	.geschichtediv {
		padding: .5em;
		overflow: auto;
		height: 100%;
		font-family: "Comic Sans MS";
		font-size: 1em;
	}

/*links */
	#geschichte10 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}
	#geschichte10 {
		position: absolute;
		top: 0px;
		left: 5px;
	}
	#geschichte11 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}
	#geschichte11 {
		position: absolute;
		top: 200px;
		left: 20px;
	}
	#geschichte12 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
	}
	#geschichte12 {
		position: absolute;
		top: 400px;
		left: 10px;
	}

	div.geschichteseite .text {
		font-size: 2.5em;
		font-weight: bold;
	}

	#geschichte10 .text {margin-top: 60px; margin-left: 20px;}
	#geschichte11 .text {margin-top: 60px; margin-left: 40px;}
	#geschichte12 .text {margin-top: 20px; margin-left: 10px;}
/* -----------------------------------
downloads
------------------------------------*/
div.downloadseite table.filetable {
	float: left;
	width: 99%;
	border: 0px solid black;
}
div.downloadseite table.filetable td {
	border-bottom: 1px solid silver;
}
div.downloadseite table.filetable tr.ueberschrift {
	background-color: #0D0804;
	color: white;
}
div.downloadseite table.filetable tr.versteckt {
	display: none;
	background: white;
}
div.downloadseite table.filetable tr.versteckt td {
	padding: 1em;
	font-size: .9em;
}
div.downloadseite div.login {
	/*float: right;*/
	width: 100%;
	margin-right: 1%;
	border: 1px solid silver;
}
#login {
	clear: both;
	width: 99%;
	border: 1px solid black;
	display: none;
	font-size: .8em;
}
#login input { width: 100%; }

div.downloadseite .anschreiben { padding-bottom: 1em; }



/* -----------------------------------
Gästebuch
------------------------------------*/
	#gaestebuch1 {
		font-family: "Comic Sans MS";
		margin-top: -85px;
		float: right;
	}
	#gaestebuch1 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
		overflow: auto;
	}

/* -----------------------------------
Dsgvo
------------------------------------*/
    #dsgvo {
        font-family: "Comic Sans MS";
        margin-top: -85px;
        float: left;
    }
    #dsgvo .dercontent{
       padding: 5px;
        background-color: white;
        font-family: "Comic Sans MS";
        font-size: .9em;
        overflow: auto;
    }

/* -----------------------------------
IMPRESSUM
------------------------------------*/
	#impressum1 {
		font-family: "Comic Sans MS";
		margin-top: -33px;
		float: right;
	}
	#impressum1 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
		overflow: auto;
	}
	#impressum1 .dercontent .contentrahmen { padding: .5em;}

	#impressum2 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-family: "Comic Sans MS";
	}
	#impressum2 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
		overflow: auto;
	}
	#impressum2 .dercontent .contentrahmen { padding: .5em;}

/* -----------------------------------
ANFAHRT
------------------------------------*/
	#anfahrt1 {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#anfahrt2 {
		font-family: "Comic Sans MS";
		margin-top: -100px;
		float: right;
	}
	#anfahrt2 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
		overflow: auto;
	}
	#anfahrt2 .dercontent .contentrahmen { padding: .5em;}

	#anfahrt3 {
		position: absolute;
		top: 400px;
		left: 550px;
		font-family: "Comic Sans MS";
	}
	#anfahrt3 .dercontent{
		background-color: transparent;
		background-image: url(/siteimg/transparent85.png)!important;
		font-size: .8em;
		overflow: auto;
	}
	#anfahrt3 .dercontent .contentrahmen { padding: .5em;}

/* -----------------------------------
NACHRICHTEN
------------------------------------*/
	#nachrichten {
		font-family: "Comic Sans MS";
		margin-top: -85px;
	}

	#nachrichten .dercontent{
		background-color: white;
	}

	#nachrichten .newstopic {
		margin-bottom: 1em;
	}

	#nachrichten div.headline {
		width: 99%;
		font-family: 'JosefXuerebsFriendsBold', sans-serif;
		text-shadow: black 3px 3px 5px;
		color: yellow;
		background-color: #C0C0C0;
		font-size: 2em;
		padding: 0 0 0 5px;
		/*line-height: 2.5em;*/
	}
	#nachrichten div.nachrichttitel {
		float: left;
		width: 80%;
	}
	#nachrichten div.nachrichtdatum {
		width: 17%;
		float: right;
		margin-top: 1.4em;
		padding-right: 10px;
		text-align: right;
		font-size: 10px;
		color: black;
		font-family: "Comic Sans MS";
		text-shadow: black 0 0 0;
	}
	#nachrichten div.nachrichttext {
		clear: both;
		font-size: .8em;
		border: 1px solid silver;
		padding: 3px;
	}
	#nachrichten div.prog {
		float: left;
		border-bottom: 1px solid;
		font-family: "Comic Sans MS";
		font-size: 1em;
		margin: .2em 0;
	}
	
	#nachrichten .newstopic a { color: brown; text-decoration: underline; }
	
	a.extlink {
		background-image: url(/siteimg/extlink-12x12.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 20px;	
		text-decoration: underline;
	}


/* -----------------------------------
COMMUNITY LINKs
------------------------------------*/
/*
div.community {
	width: 100%;
	border: 1px solid;
}

div.community .facebook {}
*/

/* ----------------------------------
 *  helper
 */
/* info => http://www.jassesnee.de/easyclear/ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */