/* Anpassungen fuer internen Bereich */

/*######################################################################################*/
/* Seite allgemein */
#Seite {height:83vh;}
@media only screen and (max-width: 650px) and (orientation: portrait) {#Seite {height:86vh;}}
#SeiteNav {height:83vh;}
@media only screen and (max-width: 650px) and (orientation: portrait) {#SeiteNav {height:86vh;}}

/* Header */
#Header {background-color:#8b0000;}
div.HeaderSchriftLinks {color:#ffffff;}
div.HeaderSchriftRechts {color:#ffffff;}
div.Aktualisiert {color:#ffffff;}

/* Trailer */
#Trailer {height:4vh; width:100%; background-color:#8b0000;}
@media only screen and (max-width: 650px) and (orientation: portrait) {#Trailer {height:4vh;}}
div.TrailerLinks {color:#ffffff; font-size:3.5vw; line-height:inherit;}
@media only screen and (min-width: 651px) {div.TrailerLinks {font-size:2vw;}}
@media only screen and (min-width: 900px) {div.TrailerLinks {font-size:1vw;}}
/*div.TrailerMitteURL {height:3vh; display:inherit; line-height:inherit;}
@media only screen and (max-width: 650px) and (orientation: portrait) {div.TrailerMitteURL {left:50vw; width:50vw; text-align:right;}}*/
div.TrailerRechts {display:none;}
@media only screen and (min-width: 900px) {div.TrailerRechts {display:inherit; padding-top:5px; width:15vw; line-height:inherit;}}

a.TrailerLink:link, a.TrailerLink:visited, a.TrailerLink:active {color:#ffffff;}
a.TrailerLink:hover {color:#c30000;}
a.TrailerMenu:link, a.TrailerMenu:visited, a.TrailerMenu:active {color:#ffffff;}
a.TrailerMenu:hover {color:#c30000;}

/*######################################################################################*/
/* Navigation */
@media only screen and (min-width: 900px) {#Navigation-Container {display:none;}}
@media only screen and (max-width: 899px) {#Navigation-Container-Seite {display:none;}}
@media only screen and (min-width: 900px) {#Navigation-Container-Seite {border-right:none;}}

/*######################################################################################*/
/* Startseite */
div.StartBenutzermeldung1 {color:#ff0000; font-weight:bold; padding-top:10vh;}
@media only screen and (min-width: 900px) {div.StartBenutzermeldung1 {padding-top:5vh; padding-left:30vh; text-align:left;}}
div.StartBenutzermeldung2 {color:#000000; font-weight:bold; padding-top:10vh;}
@media only screen and (min-width: 900px) {div.StartBenutzermeldung2 {padding-top:5vh; padding-left:30vh; text-align:left;}}

/* Benutzer */
div.BenutzerBenutzermeldung1 {color:#ff0000; font-weight:bold; padding-top:10vh;}
@media only screen and (min-width: 900px) {div.BenutzerBenutzermeldung1 {padding-top:10vh; padding-left:20vh; text-align:left;}}
div.BenutzerBenutzermeldung2 {color:#000000; font-weight:bold; padding-top:10vh;}
@media only screen and (min-width: 900px) {div.BenutzerBenutzermeldung2 {padding-top:10vh; padding-left:20vh; text-align:left;}}
div.BenutzerBenutzermeldung {color:#000000; font-weight:bold; padding-top:30px;}
@media only screen and (min-width: 900px) {div.BenutzerBenutzermeldung {padding-left:20vh; text-align:left;}}
div.BenutzerBezeichnung {float:left; width:10vw; font-size:0.9em; padding-left:10px;}
div.BenutzerButton {padding-top:20px;}
input.BenutzerLogin {border-style:solid; background-color:#e3e3e3; border-color:#000000;}
input.BenutzerButton {width:100px; font-size:0.9em;}
div.BenutzerRueckmeldungS {color:#ff0000; font-weight:bold; padding-top:10px;}
div.BenutzerRueckmeldungG {color:#009900; font-weight:bold; padding-top:10px;}
div.BenutzerPasswortanforderung {font-size:0.9em; padding-left:10px; padding-top:10px;}

/*######################################################################################*/
/* Wiki */
iframe.Wiki {position:fixed; left:0; top:13vh; width:100%; height:83vh; border:none; overflow:auto; z-index:0;}
@media only screen and (min-width: 900px) {iframe.Wiki {padding-left:22vw; width:78vw;}}
@media only screen and (max-width: 650px) and (orientation: portrait) {iframe.Wiki {top:10vh; height:86vh;}}

/*######################################################################################*/
/* Termineverwaltung */
td.TerminDatumAdmin {font-size:1.2em; color:#ffffff; background-color:#8b0000;}
td.TerminEndeAdmin {background-color:#8b0000; text-align:center;}
input.TermineDatum {width:110px;}
input.Termine_Zeit {width:70px;}
/*input.Termine, select.Termine {width:220px;}*/
td.TerminSpezial {padding-left:5px; text-align:left; border-style:none solid none none;}

/* Terminmail */
textarea.TerminmailText {width:90%; height:auto; border: 2px solid #765942; background-color:#e3e3e3; font-size:9pt; resize:vertical; border-radius:5px;}
@media only screen and (max-width: 650px) {textarea.TerminmailText {min-height:100px;}}

/*######################################################################################*/
/* Personen */
table.Personen {font-size:0.8em; width:95%;}
@media only screen and (min-width: 900px) {table.Personen {padding-right:20px;}}
tr.PersonenEintrag:hover {background-color:#e3e3e3;}
th.PersonenEintrag {padding-left:5px; white-space: nowrap;}
@media only screen and (max-width: 650px) {th.PersonenEintrag {display:block; border-width:2px; border-style:none solid none solid; border-color:#2c3695; font-size:1.3em;}}
td.PersonenEintrag {padding-left:5px; white-space: nowrap; font-size:0.9em; border-width:2px; border-style:solid none none none; border-color:#2c3695;}
@media only screen and (max-width: 650px) {td.PersonenEintrag {display:block; border-style:none solid none solid; font-size:1.3em;}}

td.PersonAdminTitel {font-size:1.1em; text-align:left; padding:5px 0px 2px 15px; color:#ffffff; background-color:#8b0000; border-width:2px; border-style:solid solid none solid; border-radius:20px 20px 0px 0px; border-color:#2c3695;}
@media only screen and (max-width: 650px) {td.PersonAdminTitel {padding-left:20px; display:block;}}
td.PersonAdminEnde {font-size:1.1em; text-align:left; padding:5px 0px 2px 50px; color:#ffffff; background-color:#8b0000; border-width:2px; border-style:none solid solid solid; border-radius:0px 0px 20px 20px; border-color:#2c3695;}
@media only screen and (max-width: 650px) {td.PersonAdminEnde {padding-left:20px; display:block;}}
td.PersonenLinks {padding-left:5px; white-space: nowrap;}
@media only screen and (min-width: 651px) {td.PersonenLinks {border-width:2px; border-style:none none none solid; border-color:#2c3695;}}
td.PersonenRechts {font-size:0.9em;}
@media only screen and (min-width: 651px) {td.PersonenRechts {padding-right:5px; min-width:80px; border-width:2px; border-style:none solid none none; border-color:#2c3695;}}
td.Personen {text-align:left; vertical-align:middle;}
@media only screen and (max-width: 650px) {td.Personen {padding-left:20px; display:block; border-width:2px; border-style:none solid none solid; border-color:#2c3695;}}
td.PersonenSpacer {height:5px;}
input.PersonenEingabeKlein {width:110px;}
input.PersonenEingabe {width:160px;}

/* Ehrungen */
input.EhrungenAnzeigeJahr {width:40px; border-style:solid; border-color:#2c3695; border-width:2px; text-align:center;}
table.Ehrungen {border:dotted; margin:auto;}
@media only screen and (min-width: 900px) {table.Ehrungen {margin-left:60px;}}
th.Ehrungen {text-align:center;}
tr.Ehrungen:hover {background-color:#e3e3e3;}
td.Ehrungen {text-align:center; min-width:100px;}

/*######################################################################################*/
/* Adminseite */
input.AdminText {width:180px; border-style:solid; background-color:#e3e3e3; border-color:#000000;}
input.AdminButton {width:180px; font-size:0.9em;}
table.Admin {font-size:0.8em; width:80%;}
td.Admin {text-align:left; padding-left:5px; white-space:nowrap; border-top:solid; border-color:#f2887e;}
@media only screen and (max-width: 650px) {td.Admin {padding-left:5px; padding-right:5px; display:block; border-top:none; white-space:normal;}}
@media only screen and (max-width: 650px) {td.AdminUnblock {padding-left:5px; padding-right:5px; border-top:none;}}
@media only screen and (max-width: 650px) {td.AdminWeg {display:block;}}
td.Admin2 {text-align:left; font-style:italic; padding-left:15px;}
@media only screen and (max-width: 650px) {td.Admin2 {padding-left:5px; padding-right:5px; display:block;}}
td.AdminJahr {text-align:left; padding-left:50px; background-color:#f2887e;}
@media only screen and (max-width: 650px) {td.AdminJahr {padding-left:15px; padding-right:5px; display:block;}}

/*Benutzerverwaltung*/
table.ABenutzer {font-size:0.8em; width:95%;}
td.ABenutzerName {font-size:1.1em; text-align:left; padding:5px 0px 2px 15px; background-color:#f2887e; border-width:2px; border-style:solid solid none solid; border-radius:20px 20px 0px 0px; border-color:#2c3695;}
@media only screen and (max-width: 650px) {td.ABenutzerName {padding-left:20px; display:block;}}
tr.ABenutzerEintrag:hover {background-color:#e3e3e3;}
td.ABenutzerEnde {background-color:#f2887e; text-align:right; padding-right:15px; border-width:2px; border-style:none solid solid solid; border-radius:0px 0px 20px 20px; border-color:#2c3695;}
td.ABenutzerSpacer {height:5px;}
td.ABenutzer {text-align:left; vertical-align:middle; padding-left:5px; white-space:nowrap; border-width:2px; border-style:none solid none solid; border-color:#2c3695;}
@media only screen and (max-width: 650px) {td.ABenutzer {padding-left:5px; padding-right:5px; display:block;}}
td.ABenutzerGesperrtTitel {background-color:#ff7a7a; border-color:#ff0000;}
td.ABenutzerGesperrt {border-color:#ff0000;}
font.ABenutzerSperre {color:#ff0000;}
div.ABenutzerRueckmeldung {color:#ff0000; font-weight:bold; padding-top:10px; padding-bottom:10px;}
div.ABenutzerRueckmeldungGut {color:#009900; font-weight:bold; padding-top:10px; padding-bottom:10px;}
input.ABenutzerText {border-style:solid; background-color:#e3e3e3; border-color:#000000;}
select.ABenutzerAuswahl {width:150px; border-style:solid; background-color:#e3e3e3; border-color:#000000;}
input.ABenutzerButton {width:150px; font-size:0.9em;}

/*######################################################################################*/