body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

div#titel-wrapper a {
	border: 0px;
	color: #009933;
}

div#titel-wrapper p {
	border: 0px;
	text-decorations: none;
}

div {
	padding: 0;
	margin: 0;
}

div#titel-navigation {
	position: fixed;
	z-index: 1000;
	background: #0a1686;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
}

div#titel-navigation a {
	text-decoration: none;
	color: white;
	margin: 0;
	padding : 0;
}

div#titel-navigation a:hover {
	color: #49A83A;
	color: #f32299;
}

div#titel-navigation ul {
	margin: 0.4em
		0em;
}

div#titel-navigation li {
	display: inline;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0
		0.75em;
}

div#titel-wrapper {
	position: fixed;
	z-index: 18;
	width: 606px;
	top: 50%;
	left: 50%;
}

div#titel-wrapper-2 {
	position: relative;
	top: -230px;
	left: -303px;
}

div#titel-ganz {
	position: absolute;
	z-index: 18;
	top: 0px;
	left: 0px;
}

div#titel-ganz img {
	position: relative;
	width:	606px;
	height: 250px;
	margin: 0px;
	border: 0px;	
}

div#titel-kulturesk {
	display: none;
	position: absolute;
	top: 20px;
	left: 200px;	
}

div#titel-kulturesk img {
	position: relative;
	left: -0px;
	border: 0px;
}

div#titel-logo {
	display: none;
	position: absolute;
	top: 0px;
	left: 50%;
	left: 0px;
}

div#titel-logo img {
	position: relative;
	left: -0px;
	border: 0px;
}

div#titel-stustaculum {
	display: none;
	position: absolute;
	top: 280px;
	right: 0px;
	width: 488px;
	text-align: right;
	border: 0px solid yellow;
}

div#titel-stustaculum img {
	position: relative;
	width:	488px;
	height: 62px;
	margin: 0px;
	left: 7px;
	border: 0px solid black;
/*
	left: -244px;
	top: -31px; 
*/
}

span.stustaculum {
	display: none;
}

div#titel-text {
	position: relative;
	text-align: right;
/*
	left: -244px;
	top: -31px; 
*/
}

div#titel-text p {
	margin: 0.3em
		0em;
	color: #49A83A;
	font-weight: bold;
	border: 0px solid black;
}

div#titel-text p.datum {
	display: none;
	color: #f32299;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0.2em;
	background-image: url(../titel/datum.gif);
	background-position: top right;
	background-repeat: no-repeat;
	/*width: 173px;*/
	height: 24px;
}

div#titel-text p.datum span {
	display: none;
}


div#titel-boxen-links {
	position: absolute;
	z-index: 8;
	top: 0px;
	left 0px;
	margin-top: 1.5em;
	margin-left: 0.5em;
}

div#titel-boxen-rechts {
	position: absolute;
	z-index: 8;
	top: 0px;
	right: 0px;
	margin-top: 1.5em;
	margin-right: 0.5em;
}

div.titel-box {
	width: 12em;
	margin-top: 1em;
	line-height: 110%;
}

div.titel-box-header {
	background: #222fbe;
	color: white;
	font-weight: bold;
	font-size: 90%;
	padding: 0.4em
		0.3em
		0.4em
		1.5em;
}

div.titel-box-body {
	background: white;
	border: 2px solid #a8a8a8;
	font-size: 70%;
	padding: 0.4em;
/*	opacity: .90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
*/
}


div#titel-tls {
	position: absolute;
	z-index: 8;
	width: auto;
	width: 12em;
	bottom: 25px;
	right: 0px;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	text-align: center;
}


div#titel-links {
	position: fixed;
	z-index: 1;
	background-image: url(../titel/tentakeln_links.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#titel-links-oben {
	position: fixed;
	z-index: 4;
	background-image: url(../titel/links_oben.gif);
	background-position: top left;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 737px;
	height: 231px;
	width: 100%;
	height: 100%;
}

div#titel-links-unten {
	position: fixed;
	z-index: 2;
	background-image: url(../titel/links_unten.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	width: 675px;
	height: 319px;
	width: 100%;
	height: 100%;
}

div#titel-rechts {
	position: fixed;
	z-index: 1;
	background-image: url(../titel/tentakeln_rechts.gif);
	background-position: top right;
	background-repeat: repeat-y;
	background-attachment: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

div#titel-rechts-oben {
	position: fixed;
	z-index: 3;
	background-image: url(../titel/rechts_oben.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	top: 0;
	right: 0;
	width: 669px;
	height: 393px;
	width: 100%;
	height: 100%;
}

div#titel-rechts-unten {
	position: fixed;
	z-index: 2;
	background-image: url(../titel/rechts_unten.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
	width: 694px;
	height: 241px;	
	width: 100%;
	height: 100%;
}

div#titel-unten {
	position: fixed;
	z-index: 16;
	background: #0a1686;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 100%;	
	font-size: 1px;
}

div#titel-unten span {
	display: none;
}


/* Sonderseiten */

div#sonderseite a {
	border: 0;
}

div#sonderseite img {
	border: 0;
}

div#sonderseite-erlaeuterung {
	position: absolute;
}

div#sonderseite-logo {
	position: absolute;
	right: 0;
	bottom: 0;
}
div#sonderseite-logo img {
	position: relative;
	margin: 0.4em;
	left: 0px;
	top: 0px;
}

div#sonderseite div.sonderseite-nav {
	float: right;
	margin: 9px;
}

div#sonderseite div#sonderseite-nav-zurueck {
}

div#sonderseite-navigation {
	position: absolute;
}

div#sonderseite-statuszeile {
	position: absolute;
	z-index: 17;
}

div#sonderseite-titel {
	position: absolute;
	z-index: 18;
	bottom: 85%;
	left: 20%;
	width: 70%;
	/*min-height: 70%;*/
	margin: 0em
		0em
		0em
		0em;
	border: 2px solid #CCCCCC;
	border-bottom: none;
	color: #999999;
	font-size: 90%;
/*	opacity: .90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
*/
	background: white;
}

div#sonderseite-titel-background {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: white;
/*
	opacity: .90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
*/
	border: 0px solid yellow;
}

div#sonderseite-wrapper div.urheber {
	margin: 0.4em;
}

div#sonderseite-wrapper {
	position: absolute;
	z-index: 18;
	top: 15%;
	left: 20%;
	width: 70%;
	/*min-height: 70%;*/
	margin: 0em
		0em
		0em
		0em;
	border: 2px solid #CCCCCC;
	border-top: none;
	color: #999999;
	font-size: 90%;
}

div#sonderseite-wrapper-background {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: white;
/*
	opacity: .90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
*/
	border: 0px solid yellow;
}

div#sonderseite-wrapper-2 {
	border: 0px solid red;
}

div#sonderseite-wrapper-3 {
	margin: 1em
		1em
		2em
		80px;
	padding: 1em;
	border: 1px solid #999999;
}

div#sonderseite-zurueck {
	position: absolute;
	left: 0;
	bottom: 0;
}
div#sonderseite-zurueck img {
	margin: 0.4em;
}

div#sonderseite-wrapper a {
	text-decorations: none;
}

div#sonderseite-wrapper h1,
div#sonderseite-titel h1 {
	display: block;
	font-size: 120%;
	color: #f32299;
	padding-bottom: 6px;
	padding-left: 0.5em;
	background: url(../elemente2/sonderseite_linie.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div#sonderseite-wrapper h2 {
	margin: 0.5em
		0em;
	font-size: 110%;
	color: #f32299;
}
div#sonderseite-wrapper h3 {
	margin: 0.5em 
		0em;
	font-size: 100%;
	color: #666666;
}

div#sonderseite-wrapper input {
	border: 2px solid #AAAAAA;
	width: 95%;
}

div#sonderseite-wrapper #antragsformular input,
div#sonderseite-wrapper #anmeldeformular input {
	width: 20em;
}

div#sonderseite-wrapper textarea {
	border: 2px solid #AAAAAA;
	width: 95%;
}

div#sonderseite-wrapper table {
	font-size: 90%;
	font-weight: bold;
	width: 90%;
}

/* Kontoanzeige */

div#sonderseite-kontoanzeige {
	right: 0;
	font-weight: bold;
}

/* Bilder */

div#sonderseite-bild div#sonderseite-wrapper {
	position: absolute;
	z-index: 18;
	top: 10%;
	left: 20%;
	width: auto;
	/*min-height: 70%;*/
	margin: 0em
		0em
		0em
		0em;
	border: 2px solid #CCCCCC;
	color: #999999;
	font-size: 90%;
}

/* Dialogfeld */

div#sonderseite-dialogfeld div#sonderseite-wrapper {
	position: absolute;
	left: 5%;
	top: 10%;
/*	right: 5%;
	bottom: 5%; */
	width: auto;
	height: auto;
    width: 90%;
	height: 85%;
	overflow: none;
}

div#sonderseite-dialogfeld div#sonderseite-wrapper-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

div#sonderseite-dialogfeld div#sonderseite-wrapper-3 {
	top: 1em;
	right: 1em;
	bottom:	2em;
	left: 80px;
	padding: 1em;
	border: 1px solid #999999;
}

div#sonderseite-dialogfeld div#sonderseite-titel {
	position: absolute;
	left: 5%;
	/*right: 5%;*/
	bottom: 90%;
	width: auto;
	height: auto;
	width: 90%;
}

div#sonderseite-dialogfeld div#sonderseite-logo img {
	opacity: .50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	top: 30px;
	left: 30px;
}

/* Listenseite */
/* Filmstreifen */
div#sonderseite-listenseite div#sonderseite-einsprungnavigation,
div#sonderseite-filmstreifen div#sonderseite-einsprungnavigation {
	display: none;
	position: absolute;
	z-index: 20;
	top: 0.0em;
	right: 0;
	background: white;
	padding: 1em;
	border: 2px solid #999999;
}

div#sonderseite-listenseite div#sonderseite-erlaeuterung,
div#sonderseite-filmstreifen div#sonderseite-erlaeuterung {
	position: absolute;
	top: 0em;
	right: 1em;
	width: 10em;
	border: 0px solid #999999;
}

div#sonderseite-listenseite div#sonderseite-erlaeuterung.erlaeuterung-ausblenden,
div#sonderseite-filmstreifen div#sonderseite-erlaeuterung.erlaeuterung-ausblenden {
	display: none;
}

div#sonderseite-listenseite div#sonderseite-navigation,
div#sonderseite-filmstreifen div#sonderseite-navigation {
	position: absolute;
	top: 0;
	left: 1em;
	width: 15em;
	border: 0px solid #999999;
}

div#sonderseite-listenseite div#sonderseite-navigation.nav-ausblenden,
div#sonderseite-filmstreifen div#sonderseite-navigation.nav-ausblenden {
	display: none;
}

div#sonderseite-listenseite div#sonderseite-statuszeile,
div#sonderseite-filmstreifen div#sonderseite-statuszeile {
	position: absolute;
	left: 5%;
	width: 90%;
	top: 92%;
	background: white;
	border: 1px solid #999999;
	border-top: 0;
	padding: 0.5em 0em;
}

div#sonderseite-listenseite div#sonderseite-titel,
div#sonderseite-filmstreifen div#sonderseite-titel {
	position: absolute;
	left: 5%;
    width: 90%;
	bottom: 88%;
	min-height: 50px;
}

div#sonderseite-listenseite div#sonderseite-wrapper,
div#sonderseite-filmstreifen div#sonderseite-wrapper {
	position: absolute;
	left: 5%;
	top: 12%;
/*	right: 5%;
	bottom: 10%;
	width: auto;
	height: auto;*/
	width: 90%;
	height: 80%;
	overflow: none;
}

div#sonderseite-listenseite div#sonderseite-wrapper-2,
div#sonderseite-filmstreifen div#sonderseite-wrapper-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

div#sonderseite-listenseite div#sonderseite-wrapper-3,
div#sonderseite-filmstreifen div#sonderseite-wrapper-3 {
	margin-top: 0em;
	margin-right: 12em;
	margin-bottom:	1em;
	margin-left: 17em;
	padding: 1em;
	border: 1px solid #999999;
}

div#sonderseite-listenseite div#sonderseite-wrapper-3.erlaeuterung-ausblenden,
div#sonderseite-filmstreifen div#sonderseite-wrapper-3.erlaeuterung-ausblenden {
	margin-right: 1em;
}

div#sonderseite-listenseite div#sonderseite-wrapper-3.nav-ausblenden,
div#sonderseite-filmstreifen div#sonderseite-wrapper-3.nav-ausblenden {
	margin-left: 1em;
}


div#sonderseite-listenseite div#sonderseite-logo img,
div#sonderseite-filmstreifen div#sonderseite-logo img {
	opacity: .50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	top: 70px;
	left: 30px;
}

div#sonderseite-listenseite div.sonderseite-titel h1,
div#sonderseite-filmstreifen div.sonderseite-titel h1 {
}

div#sonderseite-listenseite div#sonderseite-einsprungnavigation li,
div#sonderseite-filmstreifen div#sonderseite-einsprungnavigation li {
	display: block;
	padding-bottom: 0.2em;
	list-style: none;
	font-size: 1.0em;
	font-weight: 600;
}

div#sonderseite-listenseite div#sonderseite-einsprungnavigation li a,
div#sonderseite-filmstreifen div#sonderseite-einsprungnavigation li a {
	color: #f32299;
	color: #999999;
	color: #f32299;
	text-decoration: none;
}

div#sonderseite-listenseite div#sonderseite-einsprungnavigation li a:hover,
div#sonderseite-filmstreifen div#sonderseite-einsprungnavigation li a:hover {
	color:#009933;
}

/* Filmstreifen Rumpf */

/*
div#filmstreifen-grossausgabe {
  border: 1px solid blue;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 110px;
  right: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 35em;
}
div#filmstreifen-wrapper {
  position: absolute;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
  border: 1px solid #666666;
}
div#filmstreifen-navigation {
  border: 0px solid green;
  background: #EEEEEE;
  min-width: 100%;
  width: {$  . (länge dies) * 150 'px;'};
  height: 150px;
}
*/