/* Los geht's mit der ehemaligen Datei formate.css. */
body {
    font-family:    sans-serif,Arial,Verdana;
    font-size:	    1em;
    font-style:     normal;
    word-spacing:   normal;
    letter-spacing: normal;
    text-transform: none;
    margin:         0px;
    padding:        0px;
}

a:hover	{color:black;background-color:#bbb}

table.prog { 
    width:          100%;
    margin-left:    auto;
    margin-right:   auto;
    text-align:     left;
    border-width:   1px;
    border-style:   solid;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color:   #b6b6b6;
    empty-cells:    show;
}

table.center { 
	margin-left:    auto;
	margin-right:   auto;
	text-align:     left;
}

td.progwochentag {
	border-width:   1px;
	border-style:   solid;
	width:          17%;
	vertical-align: top;
	padding:        3px;
	border-color:   #b6b6b6;
	margin:         0px;
}

td.progdatum {
	border-width:   1px;
	border-style:   solid;
	width:          8%;
	vertical-align:	top;
	text-align:     right;
	padding:        3px;
	border-color:   #b6b6b6;
}

td.proguhrzeit {
	border-width:   1px;
	border-style:   solid;
	width:          8%;
	padding:        3px;
	border-color:   #b6b6b6;
	vertical-align: top;
	text-align:     right;
}

td.progveranstaltung {
	border-width:   1px;
	border-style:   solid;
	width:          60%;
	padding:        3px;
	border-color:   #b6b6b6;
}

td.progho {
	border-width:   1px;
	border-style:   solid;
	width:          7%;
	vertical-align: top;
	text-align:     center;
	padding:        3px;
	border-color:   #b6b6b6;
}

/* progneu... sind fuer die Tabellen mit einer zusaetzl. Spalte fuer VCal. */
td.progneuwochentag {
	border-width:   1px;
	border-style:   solid;
	width:          15%;
	vertical-align: top;
	padding:        3px;
	border-color:   #b6b6b6;
	margin:         0px;
}

td.progneudatum {
	border-width:   1px;
	border-style:   solid;
	width:          7%;
	vertical-align:	top;
	text-align:     right;
	padding:        3px;
	border-color:   #b6b6b6;
}

td.progneuuhrzeit {
	border-width:   1px;
	border-style:   solid;
	width:          7%;
	padding:        3px;
	border-color:   #b6b6b6;
	vertical-align: top;
	text-align:     right;
}

td.progneuveranstaltung {
	border-width:   1px;
	border-style:   solid;
	width:          59%;
	padding:        3px;
	border-color:   #b6b6b6;
}

td.progneuho {
	border-width:   1px;
	border-style:   solid;
	width:          6%;
	vertical-align: top;
	text-align:     center;
	padding:        3px;
	border-color:   #b6b6b6;
}

td.progneuVCal {
	border-width:   1px;
	border-style:   solid;
	width:          6%;
	vertical-align: top;
	text-align:     center;
	padding-top:    3px;
	padding-bottom: 0px;
	padding-left:   3px;
	padding-right:  3px;
	border-color:   #b6b6b6;
}

td.vorstandamt {
	font-weight:    bold;
	vertical-align: top;
	text-align:     left;
	margin:         3px;
	padding:        3px;
}

td.vorstandadresse {
	text-align:     left;
	margin:         3px;
	padding:        3px;
}

td.konzertkomponist {
	vertical-align: top;
	text-align:     left;
	margin:         3px;
	padding:        3px;
}

td.konzertinhalt {
	vertical-align: top;
	text-align:     left;
	margin:         3px;
	padding:        3px;
}

td.allesmusiktheater {
	border-width:	1px;
	border-style:	solid;
	/* font-size:      10pt; */
	width:          50%;
	padding:        3px;
	border-color:   #b6b6b6;
	vertical-align: top;
	text-align:     left;
}

td.theaterfigur {
	vertical-align: top;
	text-align:     left;
	font-style:     italic;
	margin-left:    9px;
	margin-right:   9px;
	padding-left:   9px;
	padding-right:  9px;
}

td.theaterschauspieler {
	vertical-align: top;
	text-align:     left;
	font-style:     normal;
	margin-left:    9px;
	margin-right:   9px;
	padding-left:   9px;
	padding-right:  9px;
}

div.bildzentriert {
    margin-bottom:    10px;
    text-align:       center;
}

img.mit_rahmen {
    border:          solid #b6b6b6 2px;
}

p.bildunterschrift {
    margin-top:       0px;
    padding-top:      0px;
    text-align:       center;
    padding-bottom:   20px;
}

p.svveranstaltungen {
    margin-top:       10px;
    padding-top:      0px;
    text-align:       center;
    padding-bottom:   15px;
}

p.rechtsbuendig {
    text-align:       right;
}

#einladungzentriert {
    text-align:       center;
}

h1 {
    color:            black;
    font-weight:      bold;
    text-align:       center;
}

.zeitungskritik h2 {
    font-weight:      bold;
    font-size:        120%;
    text-align:       center;
    margin-top:       5px;
}

h2 {
    font-weight:      bold;
    font-size:        120%;
    text-align:       center;
    margin-top:       40px;
}

h2.anfang {
    font-weight:      bold;
    font-size:        120%;
    text-align:       center;
    margin-top:       0px;
}

.zeitungskritik h3 {
    font-weight:      normal;
    font-size:        120%;
    font-style:       italic;
    text-align:       center;
    margin-top:       5px;
}

h3 {
    font-weight:      normal;
    font-size:        120%;
    font-style:       italic;
    text-align:       center;
    margin-top:       15px;
}

.zeitungskritik h4 {
    font-weight:      bold;
    font-size:        100%;
    text-align:       center;
    margin-top:       15px;
}

h4 {
    font-weight:      bold;
    font-size:        100%;
    text-align:       center;
    margin-top:       15px;
}

.ausgeblendet {
    display:          none;
}


/* Hier kommt die ehemalige Datei bildschirm.css. */
@media screen {

    #bilderleiste {
        top:              0px;
        position:         relative;
    }

    #inhaltsbereich {
        font-size:        100%;
        top:              77px;
        margin:           0 13.0em 0 13.0em;
        border-width:     0;
        position:         absolute;
    }
    
    #inhaltsbereich h1 {
        font-size:        100%;
        margin:           0 0 3.75em 0;
        padding:          0.75em;
        background-image: url(Images/rosa_verlauf.png);
        background-position:bottom;
        background-repeat:repeat-x;
    }
    
    #inhaltsbereich_inhalt {
        padding:          0 0.75em 0 0.75em;
    }
    
    #blaettern {
        position:         absolute;
        top:              9.5em;
        right:            13.5em;
    }
    
    #blaettern h2 {
        display:          none;
    }
    #blaettern img {
        border-width:     0;
    }
    
    #blaettern a:link {
        text-decoration:  none;
    }

    #blaettern a:visited {
        text-decoration:  none;
    }
    
    img.pfeillinks  {width:22px; height:22px; background:url(Images/CSS-Sprite_Pfeile.png) 0   0px;}
    img.pfeilrauf   {width:22px; height:22px; background:url(Images/CSS-Sprite_Pfeile.png) 0 -22px;}
    img.pfeil2rauf  {width:22px; height:22px; background:url(Images/CSS-Sprite_Pfeile.png) 0 -44px;}
    img.pfeilrechts {width:22px; height:22px; background:url(Images/CSS-Sprite_Pfeile.png) 0 -66px;}
 
    h1.navigation {
        display:          none;
    }
    
    #nav_allgemein {
        top:              77px;
        left:             0;
        position:         absolute;
        border-width:     0;
        margin:           0;
        padding:          0;
        width:            13em;
        color:            black;
    }
    
    #nav_allgemein h2 {
        font-size:        100%;
        font-weight:      bold;
        text-align:       center;
        color:            white;
        margin:           0 0 0.5em 0;
        border-width:     0;
        padding:          0.75em;
        /* background-color: #ff3c18; */
        background-image: url(Images/rot_verlauf.png);
        background-position:bottom;
        background-repeat:repeat-x;
    }
    
    #nav_allgemein_inhalt {
        border:           1px solid #ff3c18;
        margin:           1px;
        height:           49em;
        /* background-color: #ff3c18; */
    }
    
    #nav_allgemein a {
        /* font-size:        90%; */
    }
    
    #nav_allgemein h3 {
        display:          none;
    }
    
    #nav_allgemein img {
        border-width:     0px;
    }
    
    #allgemein_home_logo {
        padding:          0.5em 0 0 0.5em;
    }
    
    #allgemeine_themen, #allgemein_kontakt, #allgemein_lesezeichendienste, #allgemein_standards {
        padding:          0.5em 0 1em 0.5em;
    }
    
    #allgemeine_themen {
        font-size:        90%;
    }
    
    #allgemeine_themen ul {
        padding:          0;
        margin:           0;
    }
    
    #allgemeine_themen li {
        padding:          0;
        list-style-type:  none;
    }

    img.icon_facebook  {width:16px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0    0px;}
    img.icon_twitter   {width:16px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -16px;}
    img.icon_wong      {width:16px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -32px;}
    img.icon_linkarena {width:14px; height:14px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -48px;}
    img.icon_delicious {width:14px; height:14px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -64px;}
    img.icon_OneView   {width:16px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -80px;}
    img.icon_folkd     {width:24px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0  -96px;}
    img.icon_digg      {width:16px; height:16px; background:url(Images/CSS-Sprite_Lesezeichendienste.png) 0 -112px;}
    
    #nav_semester {
        color:            white;
        top:              77px;
        right:            0;
        margin:           0;
        border-width:     0;
        padding:          0;
        position:         absolute;
        width:            13em;
    }
    
    #nav_semester h2 {
        font-size:        100%;
        font-weight:      bold;
        text-align:       center;
        color:            white;
        border-width:     0;
        margin:           0 0 0.5em 0;
        padding:          0.75em;
        background-image: url(Images/blau_verlauf.png);
        background-position:bottom;
        background-repeat:repeat-x;
    }
    
    #nav_semester a {
        color:            white;
        }
    
    #nav_semester_inhalt {
        height:           49em;
        background-color: #221d91;
        /* background-image: url(Images/blau_verlauf.png);
        background-repeat:repeat-x;
        background-position:bottom; */
    }
    
    .semester, .aktuelles_semester {
        margin:           0;
        padding:          0.5em 0 0.5em 0.5em;
        font-size:        90%;
    }
    
    .semester h3, .aktuelles_semester h3 {
        font-size:        100%;
        margin:           0;
        border-width:     0;
        padding:          0;
        font-weight:      bold;
        font-style:       normal;
        text-align:       left;
        color:            white;
    }
    
    .semester ul, .aktuelles_semester ul {
        padding:          0 0 0 0.5em;
        margin:           0;
    }
    
    .semester li, .aktuelles_semester li {
        padding:          0;
        list-style-type:  none;
    }
    
    .semester_absatztrenner {
        background-image: url(Images/rote_kreisscheibe.gif);
        background-repeat: no-repeat;
        background-position: center;
        margin:           0;
        padding:          7pt;
        border-width:     0;
    }
    
    #inhaltsbereich_fusszeile {
        text-align:       center;
        margin:           3em 0 1em 0;
    }
}
    

/* Hier kommt die ehemalige Datei druck.css. */
@media print {
    @page {
        margin:           2cm;
    }
    
    #nav_allgemein, #nav_semester {
        display:          none;
    }
    
    h1.navigation {
        display:          none;
    }
    
    #inhaltsbereich {
        padding: 1em;
    }
    
    #inhaltsbereich_fusszeile {
        text-align:       center;
    }
    
    #blaettern {
        display:          none;
    }
    
    p {
        /* text-align:  justify; */
        /* page-break-inside: avoid; */ 
        orphans: 5;
        widows: 5;
    }
    
    body a:link, body a:visited {
        font-weight:      bold;
        text-decoration:  none;
    }
    
    /* Schreibt die URL hinter Links
    body a:link:after, body a:visited:after {
        content:          " ("attr(href)") ";
        font-weight:      normal;
        font-size:        80%
    }
    */
}