/*
 * Grundlegendes CSS
 *
 * LAYOUT
 */

/*
 * body und html vorneweg
 */
  
html {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
}

body {
/* 	background: url(../bilder/titelBack_04_30.jpg) #FEE100 no-repeat fixed bottom left; */
	background: url(../bilder/titelBack_07_30.jpg) #FEE100 no-repeat fixed bottom left;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
}  

/*
 * der Rest alphabetisch nach dem Element auf das es wirkt
 */
 
/* div */

div {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

div#inhalt {
	background: url(../bilder/gruen2_50.jpg) #FEE100 repeat fixed top left;
	position: absolute;
	position: fixed;
	position: absolute;
/* 	top: 140px; */
	top: 132px;
	left: 0px;
	right: 0px;
	bottom: 60px;
	overflow: auto;
	padding: 95px 0px 0px 100px;
/* 	border: 2px solid black; */
}

div#inhaltbereich {
/*	width: 100%;*/
	border: 1px solid red;
}

div#inhaltbild {
	position: absolute;
	top: 110px;
	left: 30.5em;
	padding: 0em 0em 0em 305px;
	border: 0px solid blue;
}

div#inhaltfestivalname {
/* 	background: url(../bilder/stustaculum-innen.png) no-repeat top right; */
	background: url(../bilder/stustaculum-innen3.png) no-repeat top right;
	position: absolute;
	z-index: 13;
/* 	top: 140px; */
	top: 132px;
	left: 305px;
/*	left: 220px; */
/*	margin: 20px 0px 2em 33em;*/
	margin: -112px 0px 2em 30.5em;
	padding: 40px 0px 0px 0px;
	width: 203px;
	font-weight: 900;
	border: 0px solid white;
/* 	border: 1px solid green; */
}

div#inhalttext {
	position: absolute;
	left: 305px;
	margin: 0px 0px 0px 0px;
/*	min-width: 20em;*/
	width: 30em;
	border: 0px solid purple;
}

div#inhalttrenner {
	display: block;
	width: 100%;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	/*background: url(../bilder/streifenInhaltOben.gif) repeat-x #71B917;*/
	background: url(../bilder/streifenInhaltOben.gif) repeat-x 10px;
	height: 10px;
	border: 0px solid yellow;
}

div#inhaltueberschrift {
	/*width: 100%;*/
	background: url(../bilder/gruen2_50.jpg) #FEE100 repeat fixed top left;
	position: fixed;
	display: block;
	z-index: 10;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 95px;
/* 	top: 140px; */
	top: 132px;
	right: 18px;
/*	width: 100%;*/
	left: 0px;
	border: 0px solid black;
/* 	border: 1px solid blue; */
}

div#navigation {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	border: 0px solid yellow;
}

div#navigation2 {
	position: absolute;
	position: fixed;
	z-index: 15;
	bottom: 70px;
	left: 0px;
	width: 320px;
	width: 200px;
}

div#navigation2 div {
	position: absolute;
	z-index: 9;
	bottom: 0em;
	left: 40px;
}

div#navigation3 {
	position: absolute;
	position: fixed;
	z-index: 14;
/* 	background: url(../bilder/subnav2.png) top left no-repeat; */
	background: url(../bilder/subnav3.png) top left no-repeat;
/* 	width: 218px; */
/* 	height: 208px; */
	width: 231px;
	height: 204px;
	top: 220px;
/* 	left: 100px; */
	left: 70px;
	border: 0px solid red;
	line-height: 100%;
}

div#navigation3 div {
	margin: 40px 0px 0px 52px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	border: 0px solid red;
}

div#titelbobblesoben {
	background: url(../bilder/bobblesOben.png) 0px 0px repeat-x;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 109px;
}

div#titelnavigation {
	background: url(../bilder/streifenNav.gif) bottom left repeat-x;
	position: absolute;
	z-index: 7;
	top: 23px;
	left: 0px;
	width: 100%;
	height: 109px;
	text-align: center;
}
div#titelnavigationtext {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding-bottom: 8px;
}

div#titelnews {
	position: absolute;
	z-index: 5;
	top: 150px;
	right: 3.5%;
	width: 25em;
	text-align: left;
	border: 0px solid blue;
}

div#titelstustaculum {
	background: url(../bilder/stustaculum.png) top right no-repeat;
	position: absolute;
	z-index: 5;
	top: 165px;
	left: 10%;
	width: 500px;
	height: 200px;
	padding-top: 80px;
	text-align: right;
}

div#titeltls {
	background: url(../bilder/logo_tls_91x75.png) center right no-repeat;
	padding: 0px 95px 0px 0px;
	position: absolute;
	z-index: 5;
	bottom: 90px;
	right: 3%;
	text-align: right;
}

div#titelstreifenoben {
	background: url(../bilder/streifenOben.gif) 0px 0px repeat-x;
	position: absolute;
	position: fixed;
	z-index: 4;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150px;
}

div#titelstreifenunten {
	/*background: url(../bilder/bobblesUnten.png) 700px 100% no-repeat;*/
	background: url(../bilder/siluette-komplett.png) 0px 100% repeat-x;
	position: absolute;
	position: fixed;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	height: 52px;
}

div#titelsiluetteunten {
	background: url(../bilder/siluette.png) bottom left no-repeat;
	position: absolute;
	position: fixed;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	width: 580px;
	height: 109px;
}

div#titelsiluetteunten1 {
	background: url(../bilder/siluette1.png) bottom left no-repeat;
	position: absolute;
	position: fixed;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	width: 580px;
	height: 60px;
}

div#titelsiluetteunten2 {
	background: url(../bilder/siluette2.png) bottom left no-repeat;
	position: absolute;
	position: fixed;
	z-index: 1;
	bottom: 0px;
	left: 250px;
	width: 100%;
	width: 21px;
	height: 97px;
}

div#titelsiluetteunten3 {
	background: url(../bilder/siluette3.png) bottom left no-repeat;
	position: absolute;
	position: fixed;
	z-index: 1;
	bottom: 0px;
	left: 536px;
	width: 100%;
	width: 30px;
	height: 70px;
}

div#einzelfestivalname {
	background: url(../bilder/stustaculum-einzelseite.png) no-repeat top left;
	position: fixed;
	z-index: 13;
	top: 20px;
	left: 20px;
	width: 233px;
	font-weight: 900;
	border: 0px solid white;
	padding: 40px 0px 0px 0px;
}

div#einzelkontoanzeige {
	position: fixed;
	z-index: 13;
	top: 20px;
	right: 20px;
	font-weight: 900;
	border: 0px solid white;
	padding: 0px 0px 0px 0px;
}

div#einzelstustaculum {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 0px;
	right: 0px;
}

div#einzelinhalt {
	z-index: 8;
	margin-left: 342px;
	margin-top: 183px;
	margin-top: 143px;
	width: 510px;
	height: 337px;
	height: 387px;
/*	border: solid black;*/
	text-align: center;
}

div#einzelbobbelgross {
	background: url(../bilder/bobbel-gross.png) top right no-repeat;
	position: absolute;
	z-index: 0;
	margin-top: 0px;
	margin-left: -471px;
	height: 689px;
	width: 942px;
	left: 50%;
}

div#einzelbuttonback {
	position: absolute;
	z-index: 6;
	left: 50%;
	margin-left: -446px;
	margin-top: 354px;
	text-align: center;
}

div#einzelbuttonbackward {
	position: absolute;
	z-index: 6;
	left: 50%;
	margin-left: -344px;
	margin-top: 224px;
}

div#einzelbuttonforward {
	position: absolute;
	z-index: 6;
	left: 50%;
	margin-left: -263px;
	margin-top: 313px;
}


div#einzelendefestivalname {
	background: url(../bilder/ende_stustaculum.png) no-repeat top left;
	position: fixed;
	z-index: 13;
	top: 20px;
	left: 20px;
	width: 465px;
	height: 92px;
	font-weight: 900;
	border: 0px solid white;
	padding: 40px 0px 0px 0px;
}

div#einzelendestustaculum {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 0px;
	right: 0px;
}

div#einzelendeinhalt {
	z-index: 8;
	position: fixed;
	top: 100px;
	left: 40px;
	width: 200px;
	text-align: left;
}

div#einzelendebobbelgross {
	background: url(../bilder/ende_bobbel.png) top right no-repeat;
	position: absolute;
	z-index: 0;
	margin-top: 0px;
	margin-left: -471px;
	height: 689px;
	width: 942px;
	left: 50%;
}