body {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #cccccc;
    font-family: helvetica, sans-serif;
    font-size: 100.01%; /* .01 - fixes an opera bug */
    background-image: url('../images/back1.png');
    background-repeat: repeat-y;
}

table {
    border-collapse: collapse;
}

table td {
    padding: 0px;
}

img {
    border: 0;
}

ul {
    list-style-type: none;
}

li {
    margin-top: 5px;
    margin-left: 20px;
}

img.barrierefrei,
a.barrierefrei {
    position: absolute;
    top: 0;
    left: 0;
    }

#container {
    /*text-align: center;*/
    }

#banderole {
    width: 1000px; /* elastify! */
    /*border-left: 2px solid #2e2e2e;*/
    border-right: 3px solid #2e2e2e;
    /*margin-left: auto;
    margin-right: auto;*/
    text-align: left;
    background-color: #b2daed;
    background-image: url('../images/verlauf.png');
    background-repeat: repeat-x;
    /*min-height: 10000px;*/
}

#noscript_redirection {
    background-color: red;
    color: black;
    font-weight: 600;
    padding: 2em;
}

#start_container {
    position: relative; /* parent of absolutely positioned #start_plane */
}

#start_anchor {
    position: absolute; /* taken out of the normal flow */
}

#start_prometheus_image {
}    


#start_prometheus_image img {
    position: absolute;  /* taken out of the normal flow */
    height: 768px;
    width: 1000px;
    z-index: 1;
}

#start_navigation {
    position: fixed; /* fixed position in viewport */
    top: 5px; /* top of it viewport */
    z-index: 3;
    left: 130px;
}

#start_wrapper {
    position: relative;
    top: 290px;
    z-index: 3;
    width: 100%; /* required because position is absolute */
    text-align: center; /* centering for IE*/
}

#start_innerwrapper {
    position: relative; /* parent of absolutely positioned elements (fackel) */ 
    margin: 0 auto 0 auto; /* centering */
    text-align: left;
    border: 0;
    padding: 0;
    width: 740px; /* elastify! */
}

#start_fackel {
    position: absolute;
    left: -62px;
    top: -94px;
}

#start_plane {
    padding: 10px;
    /* TODO: replace opacity with opac 1x1px background image */
    /*opacity: 0.75;*/ /* css3 standart */
    /*filter:alpha(opacity=75);*/ /* IE */
    /*background-color: #ffffff;*/
    background-image: url('../images/opacity75.png');
}

#start_h1 {
    width: 720px; /* TODO */
    height: 51px;
}

#start_h2 {
    margin-top: 0.625em; /*10px;*/
    width: 720px; /* TODO */
    height: 28px;
}

#start_h3 {
    margin-top: 1.125em; /*18px;*/
    width: 720px; /* TODO */
    height: 43px;
}

#start_text {
    margin-top: 0.625em;
    color: #2e2e2e;
    font-family: georgia, serif;
    font-size: 1.125em; /* elastify! */
    line-height: 1.375em;
    /*font-weight: 600;*/
    font-style: italic;
    width: 100%;
}

#start_h4 {
    margin-top: 1em; 
    width: 720px; /* TODO*/
    height: 47px;
}

#start_sponsoren {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

#start_sponsoren img {
    border: 0;
}

/* allgemein */

a.external {
}

a.external:hover {
	text-decoration: underline;
}

a.mailaddress {
    color: #2e2e2e;
    text-decoration: underline;
}

a.external.person_desc {
    color: #6e2e2e;
    text-decoration: none;
}

a.external.person_desc:hover {
    text-decoration: underline;
}

.fett {
	font-weight: 600;
}


/* css-Klassen fuer eine page */


.page {
    position: relative; /* parent for absolutely positioned elements */
    margin-top: 250px; /* abstand zur letzten page */
}

a.page_anchor {
    position: relative;
    display: block;
    top: -50px;
} 

#klassen_page {
    margin-top: 550px; 
}

/* navigation */

/* div.page_navigation is only displayed in ie6 and mobile browsers,
which don't get position: fixed right for div#start_navigation */
div.page_navigation {
    display: none;
    position: relative;
    z-index: 3;
}

.navigation {
    text-align: center;
    margin-bottom: 20px;
    /*width: 740px;*/
    /*overflow: auto;*/
}

.navigation div {
    margin: 0 auto 0 auto;
}

.navigation a {
    padding: 0;
    margin: 0;
}

.navigation img {
    border: 0;
}

.klassen_navigation {
    margin-bottom: 10px;
    font-size: 0px; /* reduce space between images that comes from whitespace */
}

.klassen_navigation a {
    margin:0;
    padding: 0;
    border: 0;
    color: #2e2e2e;
    text-decoration: none;
    font-weight: 300;
    font-size: 1em;
}

.klassen_navigation a:hover {
    text-decoration: underline;
}

.klassen_navigation a.active {
    text-decoration: underline;
}

.page_marginalie {
    position: absolute;
    top: 55px;
    right: 5px;
}

.page_marginalie img {
    border: 0;
}


.page_container {
    text-align: center; /* centering for IE*/
}

.page_innercontainer {
    margin: 0 auto 0 auto; /* centering */
    text-align: left;
    border: 0;
    padding: 0;
    width: 740px; /* elastify! */
}

.page_plane {
	background-image: url('../images/opacity75.png');
	padding: 10px;
}

.page_footer {
    margin-top: 8px;
    text-align: center;
    color: white;
    font-size: 0.65em; 
}

.page_footer a {
    text-decoration: none;
    color: white;
}

.page_footer a:hover {
    text-decoration: underline;
}


table.columns {
	}

table.columns td {
	vertical-align: top;
}
	
.column1and2of3 {
	width: 480px;
		
}

.column3of3 {
	width: 240px;
}

.klasse_mitwirkende,
.anmeldung3of3,
.impressum3of3 {
    background-image: url('../images/opacity20.png'); 
    margin-left: 10px;
    padding: 10px;
    
}

.anmeldung3of3,
.impressum3of3 {
    	font-size: 0.6875em; /* 11px */
	font-family: helvetica, arial, sans-serif; 
}

.leiter_wrapper {
	font-size: 0.6875em; /* 11px */
	font-family: helvetica, arial, sans-serif; 
}


.leiter{
	margin-top: 10px;
	/* margin-bottom: 20px; */
}



.referentbild,
.leiterbild {
        clear: both;
	float: left;
	width: 70px;
	height: 100px;
}

.referentangaben,
.leiterangaben {
	margin-left: 85px;
	min-height: 120px;
}

.leitername,
.veranstaltername,
.referentname {
	font-weight: 600; 
}

.leitername,
.referentname {
    font-size: 1.1em;
}

.referenttext,
.veranstaltertext,
.leitertext {
	font-size: 1em;/*0.8181em;*/ /* 9px */	
}

a.leiterlink,
a.veranstalterlink,
a.referentlink {
    display: block;
    margin-top: 5px;
    text-decoration: none;
    color: #2e2e2e;
    font-weight: normal;
}

a.pdfdownload {
        display: block;
	padding-left: 30px;
	background-image: url('../images/adobe.png');
	background-repeat: no-repeat;
	color: #2e2e2e;
	text-decoration: none;
	line-height: 25px;
}

a.pdfdownload:hover {
    text-decoration: underline;
}

.klassedownload {
    font-size: 0.8181em;
    font-weight: 600;
}


a.more,
a.klasse_switch {
    display: block;
    color: #2e2e2e;
    font-size: 0.8181em;
    font-weight: 600;
    text-decoration: none;
}

#starttext_desc_switch{
    display: inline;
    font-style: normal;
}

a.klasse_switch:hover {
    text-decoration: underline;
}

.klasse_pdf {
    margin-top: 25px;
    font-family: helvetica, arial, sans-serif;
    font-size: 0.7562em;
    font-weight: 600;
}


.bibliodownload {
    margin-top: 15px;
    font-weight: 600;
}

.minidownload {
    margin-top: 10px;
    font-size: 0.8181em;
    font-weight: 600;
}

.fellows{
    margin-top: 25px;
    line-height: 2em;
    font-size: 0.7562em;
/*    font-weight: 600;*/
    color: #2e2e2e;
}

.fellowheading {
	margin-bottom: 10px;
}

ul.fellowlist {
    }

ul.fellowlist li {
    list-style-type: none;
    margin: 5px 0 0 0;
    font-size: 1.1em;
}

.fellowname {
	font-weight: 600;
}


.klassenbild {
	display: block;
	border: 0;
}

.klassenheading {
	display: block;
	margin-top: 17px;
	margin-bottom: 5px;
}

.lead {
	font-style: italic;
	font-family: georgia, serif;
    font-size: 0.875em;
    font-weight: 600;
	line-height: 1.214em;
	margin-bottom: 17px;
	
}

.lead p {
    margin-top: 0;
}

.fliesstext {
	font-style: italic;
	font-family: georgia, serif;
	font-size: 0.875em;
	line-height: 1.214em;
}

.fliesstext p {
    display: block;
    margin-top: 10px;
}

.asterix_skip {
    /*width: 100%;
    text-align: center;*/
    color: red;
    margin: 0 auto 0 auto;
}

.nachoben {
    float: right;
    clear: both; 
}

.nachoben_extra {
    margin-top: -3px;
}


/* CSS-Klassen für die Klassenübersichtspage */

.klassenueberschrift {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}

td.elementklassen {
    vertical-align: top;
}

.elementklassen {
	display: block;
	text-decoration: none;
	background-image: url('../images/opacity75.png'); 
	padding: 10px;
	width: 210px;
	min-height: 290px;
	font-size: 0.7857em; /* 11px */
	font-family: helvetica, arial, sans-serif;
	line-height: 1.4545em; /* 16 px */
	color: #2e2e2e;
}

.elementklassenbild {
    display: block;
    width: 210px;
    height: 120px;
}

td.hasleftneighbor .elementklassen {
	margin-left: 15px;
}


tr.hastopneighbor td .elementklassen{
	margin-top: 15px;
}

.klassenname {
    display: block;
    margin-top: 10px;
    margin-bottom: 2px;
}

.workshopueberschrift {
	font-weight: 600;
}

.minitext {
	margin-bottom: 15px;
}

/* CSS-Klassen für Seite Download */



.page_plane_download {
	background-image: url('../images/opacity75.png');
	padding: 10px;
	margin-top: 20px;
}

.headingbild {
	margin-left: 10px;
	margin-bottom: 5px;
}

.bibliographie {
	background-image: url('../images/opacity20.png'); 
	padding: 10px;
}

.bibliographieheading{
	margin-bottom: 10px;
}

.biblio_pdfdownload {
	margin-top: 15px;
}

.biblio_pdfdownloadtext {
	margin-left: 40px;
	font-family: helvetica, arial, sans-serif; 
	font-size: 0.8em; 
}

.biblioimage {
	width: 120px;
	height: 170px;
	margin-left: 15px; 
}

.page_plane_prometheustv {
	background-image: url('../images/opacity40.png');
	padding: 10px;
	margin-top: 20px;
}

.prometheustv {
	padding: 0px;
	margin-top: 5px;
}

.tv_channel {
    padding: 10px;
    font-size: 0.8em;
    text-decoration: none;
    color: #2e2e2e;
    margin: 0 0 5px 0;
}

#tv_channels .tv_channel:hover {
    background-image: url('../images/opacity40.png');
}

#tv_channels .active {
    background-image: url('../images/opacity40.png');
}

#tv_channels .inactive {
    background-image: url('../images/opacity20.png');
}

.tv_channel a {
    color: #2e2e2e;
    font-weight: 600;
    text-decoration: none;
}

.tv_channel a:hover {
    text-decoration: underline;
}


.vortraege {
	margin-top: 5px;
	color: #2e2e2e;
	text-decoration: none;
	line-height: 25px;
	font-style: helvetica, arial, sans serif;
	font-size: 0.75em; 
	font-weight: 600;
	}
	
.vortraege a{
	text-decoration: none;
	color: #2e2e2e;
	
}

.tvheading {
	margin-bottom: 10px;
}

.elementtv{
	display: block;
	text-decoration: none;
	padding: 10px;
	width: 210px;
	font-size: 0.7857em; /* 11px */
	font-family: helvetica, arial, sans-serif;
	line-height: 1.4545em; /* 16 px */
	color: #2e2e2e;
}

.elementtv_hasrightneighbor {
	margin-right: 15px;
}

.elementtv_isleftmost {
	margin-left: -10px;
}

.tvimage  {
	width: 210px;
	height: 120px;
	border-style:solid;
	border-width: 1px;
	border-color: white;
	margin-bottom: 10px;
	}

.tvminiheading {
	font-family: helvetica, arial, sans-serif;
	font-weight: 600;
	font-size: 1em; /* 11px */
}

.tvminitext {
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8181em; /* 9px */
	line-height: 1.2em;
}


.thesenpapiere {
	background-image: url('../images/opacity20.png'); 
	padding: 10px;
}

/* CSS-Klassen für Seite Mitwirkende */

.page_plane_veranstalter {
	background-image: url('../images/opacity30.png');
	padding: 10px;
}

.elementveranstalter,
.elementreferent {
	background-image: url('../images/opacity20.png'); 
	padding: 10px;
	width: 210px;
	font-family: helvetica, arial, sans-serif;
	color: #2e2e2e;
}

.elementveranstalter {
	font-size: 0.7857em; /* 11px */
	line-height: 1.4545em; /* 16 px */
	min-height: 353px;
}

td.hasleftneighbor .elementveranstalter,
td.hasleftneighbor .elementreferent {
    margin-left: 15px;
}

tr.hastopneighbor td .elementveranstalter,
tr.hastopneighbor td .elementreferent {
    margin-top: 15px;
}    
    
td.elementveranstalter_hasrightneighbor div.veranstalter_wrapper,
td.elementveranstalter_hasrightneighbor div.referent_wrapper {
    margin-right: 15px;
}

td.elementveranstalter_hastopneighbor div.veranstalter_wrapper,
td.elementveranstalter_hastopneighbor div.referent_wrapper {
    margin-top: 15px;
}

.veranstaltername {
	margin-top: 10px;
}

.veranstaltertext {
	margin-top: 5px;
	line-height: 1.4em;
}

.veranstalternote {
	margin-top: 10px;
}

.page_plane_referenten {
	background-image: url('../images/opacity20.png');
	padding: 10px;
	margin-top: 20px;
	/*border-top: solid 1px white;*/
}

.elementreferent {
    font-size: 0.6875em;
    line-height: 1.2em;
    min-height: 170px;
}

.referent {
    /*
	font-size: 0.8181em;  9px 
	font-family: helvetica, arial, sans-serif;
	line-height: 1.2em;
	*/
}

.referent_angaben {
	font-size: 0.9em;
	line-height: 1.2em;
}


.page_plane_fellows {
	background-image: url('../images/opacity20.png');
	padding: 10px;
	margin-top: 20px;
}

/* CSS-Klassen für Seite Dokumentarfilmfest */

.page_plane_dokumentarfilmfest {
    color: #2e2e2e;
	background-image: url('../images/opacity40.png');
	padding: 10px;
}

.filmfest {
    font-style: italic; 
	background-image: url('../images/opacity30.png'); 
	padding: 10px;
	font-family: georgia, serif;
	font-size: 0.875em;
	line-height: 1.214em;	
}

.film_adresse {
	margin-top: 5px; 	
}

.filmprogramm {
	font-size: 0.6875em; /* 11px */
	font-family: helvetica, arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 15px;
}

.elementprogramm  {
    width: 210px;
    padding: 10px;
}

.nachbarrechts {
    margin-right: 15px; 
}

.nachbaroben {
    margin-top: 5px;
}

.filmprog {
	margin-left: 10px;
	font-size: 1.2em;
	font-weight: 600;
}

.filmprog_ueberschrift {
	font-weight: 600;
	
}

.filmprog_datum {
	font-style: italic;
}

.filmfest_outro {
	background-image: url('../images/opacity30.png'); 
	padding: 10px;
}

.outro_pdf {
	margin-top: 5px; 
	margin-bottom: 5px;
}

/* CSS-Klassen für Seite Anmeldung */

.anmeldungtext {
	margin-top: 15px;
}

.anmeldung_rechts {
	margin-top: 15px;
}

.anmeldung_adresse {
	font-weight: 600;
}

/* CSS-Klassen für Seite Kontakt */

.kontaktueberschrift {	
	margin-top: 5px;
	margin-bottom: 10px;}
	
.haftungueberschrift {	
	margin-top: 30px;
	margin-bottom: 10px;}

.haftungtext {
	margin-top: 10px;
	font-size: 0.6875em; /* 11px */
	font-family: helvetica, arial, sans-serif;
}

/* CSS-Klassen fuer Page Sponsoren */
 
.sponsoren_page {
    position: relative;
    margin-top: 50px;
    min-height: 420px;
}

.sponsor_image {
    margin-left: 265px;
     
}

.chorwerk_image {
    margin-top: 5px;
    margin-left: 120px; 
 } 

.proust_image {
    margin-top: 5px;
    margin-left: 20px;
} 

.ruhrmuseum_image {
    margin-top: 5px;
    margin-left: 20px;
}

.stiftung_image {
    margin-top: 5px;
    margin-left: 20px;
}

.bundesregierung_image {
    margin-top: 20px;
    margin-left: 200px;
}

.filmkunsttheater_image {
    margin-top: 20px;
    margin-left: 20px;
}


/* Page Baustelle */

#baustelle {
}

#baustelle_plane {
    background-image: url('../images/start_opacity.png');
    color: black;
    min-height: 200px;
    padding: 50px 10px;
}

#baustelle_plane p {
    font-family: helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 600;
}

/* CSS-Klassen für die Seite Programm */

.zeitplan_ueberschrift {
    font-size: 1.7em;
    font-family: helvetica, arial, sans-serif;
}

.zeitplan_tabelle {
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 720px;
	}

.zeitplan_tabelle td {
	padding: 5px;
	border: 3px solid #2b2736;
	width: 120px;
	}

.wochentage {
	color: white;
	background-color: #2b2736;
	}

.default {
	background-color: #d5d6d7;
}

.gesang {
	background-color: #e4b3a0;
	}
	
.meisterklasse {
	background-color: #a8aaac;
}

.gaeste {
	background-color: #f7fbde;
}

.vorlesung {
	background-color: #ffecd4;
}

.gaeste_ueberschrift {
	color: #c3d516;
	font-weight: 600;
	font-size: 0.85em;
}

.vorlesung_ueberschrift {
	color: #f89c31;
	font-weight: 600;
	font-size: 0.85em;
}

.gesang_ueberschrift {
	color: #ff6262;
	font-weight: 600;
	font-size: 0.85em;
}


/* classes that are reset by javascript */

.hide_by_javascript {
}

.unhide_by_javascript {
    display: none;
}