/*
 * Volksbühne München e.V.
 *
 * Aufbau:
 *   1. html, body, allgemeine Definitionen
 *   2. Definitionen für div-Tags (in der Regel Layout)
 */
 
/*
 * Erstmal html und body und allgemeine Definitionen
 */

html {	
}

body {
	border-style: collapse;
	background: url(../media/hintergrund/hintergrund_verlauf.jpg)
		#000000
		top
		left
		repeat-x;
	background: 
		#000000
		top
		left
		repeat-x;
}

* {
	margin: 0px;
	padding: 0px;
}

/*
 * divs 
 * In der Regel Layout, Sortierung alphabetisch
 */
 
div {
	border: 0px solid;
}

div#allwrapper {
	position: absolute;
	background: #000000;
	top: 0em;
	width: 62.25em;
	width: 61.6875em;
	text-align: left;
	z-index: 1;
	left: 0em;
  	margin-left: 0em;
	/* alternativ, Darstellung bei großen Vergrößerungen (Firefox, IE6, IE7 ok) */
	/*
	margin-left: -31.125em;
	left: 50%;
	*/
}

div#background {
	position: absolute;
	margin-top: -7.5em;
	z-index: -1;
	border: 0px solid purple;
}

div#background-left {
	display:none;
	position: fixed;
	top: 11.25em;
	left: 0em;
	bottom: 0em;
	width: 28.875em;
	width: 27.7em;
	background: #000000;
	z-index: 2;
	border: 0px solid purple;
}

div#background-logo-tundk {
	position: absolute;
	bottom: 0px;
	left: 0.5em;	
	z-index: 10;
}

div#content {
	font-size: 80%;
	margin-left: 1.225em;
	margin-left: 0em;
	margin: 2em
		2em
		0em
		2em;
	/*width: 36.755em;*/ /* (33.8 - 1.225) / 0.8 = 40,71875 */
	background: #393939;
	background: none;
	border-top: 0px solid #393939;
	border-bottom: 1px solid #393939;
	min-height: 37.5em;
}

div#content-wrapper {
	padding-bottom: 1em;
	border-left: 0.1875em solid #393939;
	border: 0px solid purple;
}	

div#header {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 11.25em;
	text-align: left;
	z-index: 7;
}

div#header-logo-pictures {
	position: absolute;
	bottom: 0em;
	left: 28.875em;
}

div#header-logo-wrapper {
	position: absolute;
	top: 0em;
	left: 0em;
	height: 11.25em;
	width: 61.6875em;
	border: 0px solid purple;

	position: fixed;
	z-index: 1;
	background: none;		
}

div#header-logo-volksbuehne {
	position: absolute;
	left: 28.875em;
	height: 5.25em;
	bottom: 6em;

	/* Rose oben */
	top: 0em;
	/* Rose unten */
	top: 1.3em;
}

div#header-menu {
	position: absolute;
	display: block;
	bottom: 0em;
	right: 0em;
	padding-left: 0.5em;
	border-bottom: 0.2em solid #000000;
	z-index: 7;
}

div#header-menu-wrapper {
	position: absolute;
	left: 0em;
	width: 27.7em;
	z-index: 7;

	/* Logo Rose oben */
	bottom: 6.2em;			
	/* Logo Rose unten */
	bottom: 7.0em;	
}

div#header-print {
	position: relative;
	display: block;
	top: 1.4em;
}

div#headerzoom {
	position: absolute;
	display: block;
	bottom: -0.0em;
	left: 0em;
	width: 100%;
	border-bottom: 0.125em solid #d1091c;
	z-index: 7;
}

div#main {
	position: relative;
	top: 0em;
	left: 0em;
	
	width: 33.8em; /* 33.9875 - 0.1875 */
	width: 34em; 
	width: 33.8em; /* 33.9875 - 0.1875 */
	width: 33.9875em;
	margin-left: 27.7em;
	margin-right: 0em;

	text-align: left;
	background: #000000;
	
	border-left: 0em solid #393939;
	border-left: 0.1875em solid #393939;
	border-left: 0em solid #393939;
	
	min-height: 30em;
}

div#main-left {
	position: relative;
	
	top: 0em;
	float: left;
	width: 27.7em;
	left: -27.7em;
	padding: 0em;
	text-align: left;
	
	min-height: 30em;
	z-index: 10;

	/*
	position: fixed;
	top: 11.25em;
	left: 0em;
	*/
	position: relative;
	top: 0em;
	left: -27.7em;
}

div#main-middle {
	position: relative;
	top: 0em;
	left: 0.95em;
	background: #393939;
	border-top: 1px solid #393939;
	border: 0px solid green;		
	border-top: 1px solid #393939;
	min-height: 30em;
	
	left: 0.7625em;
}

div#main-middle-wrapper {
	position: relative;
	top: 0em;
	left: 0em;
	float: left;
	padding: 0em
		0em
		0em
		0em;
	text-align: left;
	background: #000000;
	background: none;
	border-left: 0.1875em solid #393939;
	
	width: 33.8em;
	width: 32.85em;
	margin-left: -27.7em;
	margin-left: 0.1875em;
	/*width: 32.6625em;*/
	
	
	min-height: 30em;
	
	
	margin-left: -27.7em;
	margin-left: -27.5125em;
	width: 32.85em;
	width: 33.0375em;	
}

div#main-right {
}

div#menu {
	top: 0em;
	right: 0em;
	text-align: right;
	z-index: 20;
}

div#menu-main {
}

div#menu-sub1 {
	margin-top: 4em;
}

div#outerwrapper {
	position: relative;
	background: #000000;
	margin: 0px auto;
	text-align: left;
	width: 62.25em;
	width: 61.6875em;
	top: 11.25em;
}

div#wrapper {
	position: relative;
	top: 11.25em;
	top: 0em;
	left: 0em;
	
	min-height: 30em;
}

/*
 * weitere Layout-Grafikelemente (Logos)
 */

div#background img {
	left: 0em;
	bottom: 0em;
	width: 27.75em; /* 444px * 0.625 / 10  = 27.75 */
	height: 37.5em; /* 600px * 0.625 / 10 = 37.5 */		
}

div#background-logo-tundk img {
	position: absolute;
	left: 0em;
	bottom: 0em;
	/* width: 12.8125em; */ /* <==205px * 0.625 / 10  = 12.8125 */
	/* height: 5.75em; */ /* 92px * 0.625 / 10 = 5.75 */		
}

div#header-logo-volksbuehne img {
	position: absolute;
	left: 0em;
	bottom: 0em;
	
	/* Logo - Rose oben */
	/* width: 30.625em; */ /* <== 490px * 0.625 / 10  = 30.625 */
	/* height: 4.375em; */ /* 70px * 0.625 / 10 = 4.375 */		

	/* Logo - Rose unten */
	/* width: 31.0625em;*/ /*<== 497px * 0.625 / 10  = 31.0625 */
	/* height: 4.5625em; */ /* 73px * 0.625 / 10 = 4.5625 */		
}

div#header div#header-logo-pictures img {
	position: absolute;
	left: 0em;
	bottom: 0em;
	width: 32.8125em; /* <== 525px * 0.625 / 10  = 32.8125 */
	/* height: 3.6875em; */ /* 59px * 0.625 / 10 = 3.6875 */
}

div#headerzoom img.fontsize {
	position: relative;
	/* width: 1.5625em; */ /* xxpx * 0.625 / 10 / 0.8  = 1.25 / 0.8 */
	/*height: 3.28125em;*/  /* <== 42px * 0.625 / 10 / 0.8 = 3.28125 */
}

div#headerzoom img.lupe {
	display: none;
	position: relative;
	top: 0.4em;
	width: 1.5625em; /* 20px * 0.625 / 10 / 0.8  = 1.25 / 0.8 */
	/* height: 1.125em; */ /* 18px * 0.625 / 10 = 1.125 */
}