/* body { margin:0; height:100%; font-family:Tahoma; color:#323232; background:url(img/hintergrund_Reise2.jpg) no-repeat fixed center center; background-color:white;} */
body { margin:0; height:100%; font-family:Tahoma; color:#323232; background-color:white; overflow: auto;}
@media screen and (max-device-width:800px)  and (orientation: landscape), screen and (max-device-height:800px)  and (orientation: portrait) { html{font-size:24pt;}} 
@media screen and (max-device-width:1000px) and (orientation: landscape), screen and (max-device-height:1000px) and (orientation: portrait) { html{font-size:21pt;}}
@media screen and (max-device-width:1200px) and (orientation: landscape), screen and (max-device-height:1200px) and (orientation: portrait) { html{font-size:18pt;}}
@media screen and (max-device-width:1920px) and (orientation: landscape), screen and (max-device-height:1920px) and (orientation: portrait) { html{font-size:11pt;}}
@media screen and (max-device-width:2560px) and (orientation: landscape), screen and (max-device-height:2560px) and (orientation: portrait) { html{font-size:12pt;}}
@media screen and (min-device-width:2561px) and (orientation: landscape), screen and (min-device-height:2561px) and (orientation: portrait) { html{font-size:14pt;}}
/* html { overflow:hidden; } */
table,tr,td,img,ul,ol { border:0; padding:0; margin:0; vertical-align:top; }
table { border-collapse:collapse;}
ul,ol { padding-left:20px; padding-bottom:16px; }
ol li,ul li { padding-top:2px; padding-bottom:2px; list-style-type: none;}
a { color:#323232; text-decoration:underline; font-weight:bold;}
a:hover { color:white; }
a.logo { font-family:Verdana; font-size:3.2em; font-weight: bold; text-decoration: none; font-style: italic; }
a.logoBlack { color: #323232 }
a.logoBlack:hover { color: white }
a.logoWhite { color: white }
a.logoWhite:hover { color: #323232 }
/* table.tableMitSpaltenluecke {background-color: white} */
table.tableMitSpaltenluecke tr td { padding-top:5px; padding-right:15px; margin-top:5px; font-size: 1em}
table.tableMitSpaltenluecke tr td:first-child { width:12em;}
table.tableMitSpaltenluecke tr td:not(:first-child) { min-width:25em;}
/* table.tableMitSpaltenluecke tr:nth-child(even) td { background-color: #323232} */
/* table.tableMitSpaltenluecke tr:nth-child(odd) td { background-color: white} */
table.tableInTable tr td { padding:0 15px 5px 0;margin:0; min-width:180px}
table.tanzAngebot tr td { padding-bottom: 15px; }
table.preise tr td { padding-bottom: 2px; }
table.menutable {
	width:100%;
	margin-bottom:5px;
	border-bottom:1px solid #323232;
	border-top:1px solid #323232;
	padding-top: 50px;
}
table.menutable tbody {	width:100%}
table.menutable tr td {	padding:4px 2px; border-left:1px solid #323232; vertical-align: middle; /* display:inline-block;*/ text-align:center; height:100%}
table.menutable tr td:first-child { background-color:#323232;}
table.menutable tr td:first-child a { color: white}
table.menutable tr td a { text-decoration:none }
table.menutable tr td.noBorder {border-left:0;}
table.menutable tr td.selected {background-color: white}
table.menutable tr td.selected a:hover {color: #323232}
table.stundenplan {margin-left:auto; margin-right:auto; font-size: 1em;}
/* table.stundenplan tr {border-bottom: 1px solid black} */
table.stundenplan tr:nth-child(odd) td { background-color: white}
table.stundenplan tr:nth-child(even) td { background-color: #B0B0B0}
table.stundenplan tr:nth-child(even) td:first-child { background-image: linear-gradient(90deg, white, #B0B0B0)}
table.stundenplan tr td { padding:4px; min-width: 120px}
table.stundenplan tr td a { text-decoration: none}
table.stundenplan tr td.title {font-weight: bold;}
tr.remarks li { list-style: none; }
tr.remarks ul { padding: 0; }
h1 { font-size:1.3em;  font-weight:bold; margin:.5em 0; text-transform:uppercase; }
h2 { font-size:1.15em; font-weight:bold; margin:.5em 0; padding-top: 1em; border-bottom: 1px solid #323232;}
h3 { font-size:1.05em; font-weight:bold; margin:.5em 0; padding-top: .5em; border-bottom: 1px solid #323232;}
p  { padding:0; padding-bottom:10px; margin:0; }

.rightContent {padding:15px; text-align:justify}
.greenTxt     {	color:#641619; font-weight:bold }
div.logoDiv {text-align:right; padding: 20px 0}
div.mainMailDiv {width:100%; max-width:100em; height:20px; text-align: right; padding-top:1.5em; font-size: 1.1em;}
div.mainDiv {								   width:100%; max-width:100em; bottom:100px; overflow-x:hidden; overflow-y:hidden;}
div.content {background:rgba(255,255,255,0.7); width:100%; max-width:100em; bottom:0;     overflow-x:hidden; overflow-y:auto;   height:100%;}
div.menuDiv {background:rgba(255,255,255,0.7); width:100%; max-width:100em;}

div.menu { padding-left:15px; padding-top:20px; height:100%; }
div.gyrofooter { padding-top:30px; text-align:center; font-size:11px; position:relative; width:100%; bottom:0px; }

tr.mehrAbstand td { padding-bottom: 15px; }

/* grün:  #80B448 */
/* braun: #621417 -> #641619 */
/* hintergrund-blau: #D2E6FF */

div.bilderListe { width:100%; text-align:center;}
div.bilderListe img { padding-right:15px; padding-bottom:10px;}

.farbText { color:#80B448; }
.fett {font-weight: bold;}
.kursiv {font-style: italic;}
.100prozent {width: 100%;}
span.gyro {font-family:Times New Roman; font-size:14px; font-weight:bold; font-variant:small-caps; }
span.gyroft {font-family:Times New Roman; font-weight:bold; font-variant:small-caps; }
span.gyroh1 { font-family:Times New Roman; font-size:24px; font-variant:small-caps; text-transform:none; }

/* LINKS */
a.mainMailLink {font-size:1.3em; font-weight:bold; text-decoration:none; }
a.rosaLink {    font-size:1.1em; color:#621417; text-decoration:none; }