body {background-color: white; color: #333; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; padding: 0; text-align:center;}

hr {clear: both;}

#pagebody { border:5px solid #EFEFEF; width: 800px; margin:0 auto;}

#content {vertical-align: top; padding: 20px 20px 10px 20px; width: 750px; text-align:left;}
#content a {color: #333; font-size: 12px;}
#content h1 {clear: left; background-image: url(/images/bg_h1.jpg); background-repeat: repeat-y; background-position: top right; color: white; background-color: #186021; font-size: .8em; padding: 2px 5px; margin: 0 0 20px 0;}
#content h2 { color: #186021;font-size: 14px; padding: 2px 5px; margin: 0 0 5px 0;}
#content h2.index { color: #186021;font-size: 14px; padding: 2px 5px; margin: 0 0 5px 0;}
#content h3 {font-size: 13px; padding: 2px 5px; margin: 0 0 20px 0;}
#content h4 {font-size: 13px; padding: 2px 0; margin: 0 0 10px 0;}
#content p {font-size: 12px; padding: 0; }

#content div.Konferenzraum { min-height:75px; padding-top:15px;}
#content div.Konferenzraum h3 { font-size:14px; border-top:2px solid #FFD573; border-left:2px solid #FFD573; background-color:whitesmoke; }
#content div.Konferenzraum h3 span { float:right; color:#a9a9a9; clear:both; font-size:11px; }
#content div.Konferenzraum div.floater { display:inline; float:right; clear:both; margin:-15px 0 0 0; padding:0;}
#content div.Konferenzraum p { font-size:12px; padding:2px 0 0 0; margin:3px 0 0 0;}

#content div.Besprechungsraum { min-height:75px; padding-top:15px; padding-bottom:15px; }
#content div.Besprechungsraum h3 { font-size:13px; border-top:2px solid #186021; border-left:2px solid #186021; background-color:whitesmoke; }
#content div.Besprechungsraum h3 span { float:right; color:#a9a9a9; clear:both; font-size:11px;}
#content div.Besprechungsraum div.floater { display:inline; float:right; clear:both; margin:-15px 0 0 0; padding:0; }
#content div.Besprechungsraum p { font-size:12px; padding:2px 0 0 0; margin:3px 0 0 0;}

#content table.minikalender { border: 1px solid #a9a9a9; padding:0; margin:0 0 10px 0; }
#content table.minikalender th { text-align:center; color:#808080; font-size:9px; }
#content table.minikalender th a { color:#808080; font-size:9px; text-decoration:none; font-weight:bold; }
#content table.minikalender th a:hover { color:crimson; font-size:9px; text-decoration:none; font-weight:bold; }
#content table.minikalender th a:active { color:crimson; font-size:9px; text-decoration:none; font-weight:bold; }
#content table.minikalender th a:visited { color:#808080; font-size:9px; text-decoration:none; font-weight:bold; }
#content table.minikalender td { text-align:right; font-size:9px; border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; padding:0 3px; margin:0;}
#content table.minikalender td a { color:#808080; font-size:9px; text-decoration:none; }
#content table.minikalender td a:hover { color:crimson; font-size:9px; text-decoration:none; }
#content table.minikalender td a:active { color:crimson; font-size:9px; text-decoration:none; }
#content table.minikalender td a:visited { color:#808080; font-size:9px; text-decoration:none; }
#content table.minikalender td.montag { border-left:0px; }
#content table.minikalender td.besonders { background-color:whitesmoke; }

#content table.minikalender td.feiertagsrahmen { border-top:1px solid black; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid black; }

#content table.minikalender td.neuebelegung { background-color:#FFD573; }
#content table.minikalender td.festebelegung { background-color:#DC143C; color:white; }
#content table.minikalender td.festebelegung a { color:white; font-size:9px; text-decoration:none; }
#content table.minikalender td.festebelegung a:hover { color:white; font-size:9px; text-decoration:none; }
#content table.minikalender td.festebelegung a:active { color:white; font-size:9px; text-decoration:none; }
#content table.minikalender td.festebelegung a:visited { color:white; font-size:9px; text-decoration:none; }


#content #detailcalendar { width:750px;}
#content #detailcalendar #monatsnavigation { margin-bottom:10px; }
#content #detailcalendar #monatsnavigation a { font-size:12px; font-weight:bold; text-decoration:underline; color:#186021;}

#content p.belegungslink {clear: left; color: white; font-size: 12px;  margin: 0 0 20px 0;}
#content p.belegungslink a {color:white;font-weight:bold;text-decoration:none;background-color: #186021;padding: 4px 5px;}
#content p.belegungslink a span {font-size:15px;}

#content #belegungsform {margin-top:20px; }

#content #belegungsform table { border:1px solid Gainsboro; background-color:transparent; width:620px; padding:5px 10px; margin:0;}
#content #belegungsform table td {font-size:11px; padding:3px 5px; vertical-align:top;}
#content #belegungsform table td.param { background-color:transparent; font-weight:bold; white-space:nowrap;}
#content #belegungsform table td.nonbold { font-weight:normal; white-space:normal;}
#content #belegungsform table td.nospacing { padding:0; margin:0; }
#content #belegungsform table td.value { background-color:#F5F5F5; font-weight:normal; color:#778899; vertical-align:top;}
#content #belegungsform table td.value input[type=text], textarea, select {background-color:#D3E5D9;}
#content #belegungsform table td.value p.info { font-size:11px;  padding:0; margin:0; }
#content #belegungsform table input.metaplanwand {width:20px; border:1px solid #1C5180; margin-top:2px;}


#content #belegungsform table td.emphasized { background-color:#F5F5F5; font-weight:bold; color:black; font-size:0.8em;}

#content #belegungsform table table.invisable { border:0px solid #ffffff; background-color:transparent; padding:0; margin:0; width:450px;}
#content #belegungsform table table.invisable td { width:50%; padding:0; margin:0; vertical-align:top;}
#content #belegungsform table table.invisable td.black { color:black; }

#content #belegungsform table table.invisable td ul.checkmark { list-style-image:url(/images/checked.gif)}

#content #key {border:1px solid Gainsboro; background-color:transparent; width:620px; padding:5px 10px; margin:0;}
#content #key td {font-size:11px; padding:3px 5px; vertical-align:middle;}
#content #key td.param {background-color:transparent; font-weight:bold; }
#content #key td.value { background-color:#F5F5F5; font-weight:normal; color:#778899;}


#content #bewirtungsschein {border:1px dashed #CBC9C9; background-color:#EFEFEF; margin-top: 10px; padding:10px;}
#content #bewirtungsschein input, textarea, select {background-color:white; border:1px solid #CBC9C9;}
#content #bewirtungsschein input[type=checkbox] {border:0px;}
#content #bewirtungsschein table.bw {width:530px;}
#content #bewirtungsschein table.bw th {font-size:13px; padding:3px 5px; vertical-align:top;}
#content #bewirtungsschein table.bw td {font-size:11px; padding:3px 5px; vertical-align:top; font-weight:normal;  color:#778899;}
#content #bewirtungsschein table.bw td.param { background-color:transparent; font-weight:bold; white-space:nowrap; width:60px; color:#333;}
#content #bewirtungsschein table.bw td.value { background-color:transparent; width:180px;   font-weight:normal; color:#778899; vertical-align:top;}
#content #bewirtungsschein table.bw td.spalteDrei {font-weight:bold; width:60px; color:#333;}
#content #bewirtungsschein table.bw td.checkBewirt {text-align:right; font-weight:bold; color:#333;}


#content #bewirtungsschein table.bw3 {width:90%;}
#content #bewirtungsschein table.bw3 td {font-size:11px; padding:3px 5px; vertical-align:top}
#content #bewirtungsschein table.bw3 td.param { background-color:transparent; font-weight:bold; white-space:nowrap;}












div.iconbar { margin-top:-10px; }
div.iconbar img { padding: 0 3px; margin:0; }
div.iconbar span { background-color: whitesmoke; font-size:16px; padding: 2px 3px; font-weight:bold; color:silver; }
div.iconbar span img { padding:4px 0 0 0; margin:0; }
div.seatingbar { margin-top:5px; }
div.seatingbar img { padding: 0; margin:3px 3px 3px 0; border:1px solid gray; }

div.overaction {border:1px solid gray; background-color:whitesmoke; color:gray; padding:3px;}
div.overaction1 {border:1px solid green; background-color:#E7EEE7; color:#186021; padding:3px;}
div.overaction2 {border:1px solid crimson; background-color:#F4E1E5; color:crimson; padding:3px;}
div.overactionmini {border:1px solid gray; background-color:whitesmoke; color:gray; padding:5px; font-size:10px;}


ul {padding:0; margin:0 0 0 15px;}
li {padding:0; margin:0; font-size:12px; color:#778899;}
li span {font-weight:bold; color:#186021;}
li span.emph {text-decoration:underline; font-size:1.2em; color:crimson; }
li a {font-weight:normal; color:#186021; text-decoration:underline;}
li a:active {font-weight:normal; color:#186021; text-decoration:underline;}
li a:hover {font-weight:normal; color:#186021; text-decoration:underline;}
li a:visited {font-weight:normal; color:#186021; text-decoration:underline;}

ul.black li {color:black;}
.miniinput {width: 50px; }
.shortinput {width: 100px; }
.longinput {width: 400px; }
div.backfloater { display:inline; float:right; clear:both; margin:0; padding:0; text-align:right; }
div.backfloaterBel { display:block; margin:0 0 15px 0; padding:0;}


p.lage { margin:5px 0; padding:5px 0;}
p.bemerkung { margin:0; padding:5px 0;}


#legende {width:100%; display: none;}
#legende p.legendSymbols {vertical-align:middle; line-height:2.2em;}
#legende p.legendSymbols img {vertical-align:middle; margin-left:4px;}
#legende p.legendSymbols img.first {margin-left:0px;}

table.kalenderbeschreibung {width:600px; font-size:12px;}
table.kalenderbeschreibung td {vertical-align:top; padding:2px; margin:2px;}
table.kalenderbeschreibung td.element {width:100px;}
table.kalenderbeschreibung td.element div.offen {width:20px; height:10px; background-color:#FFD573;}
table.kalenderbeschreibung td.element div.fest {width:20px; height:10px; background-color:#DC143C;}
table.kalenderbeschreibung td.element div.feiertag {width:20px; height:10px; border:1px solid black;}
table.kalenderbeschreibung td.element div.feiertagDetail {width:20px; height:10px; background-image:url(/images/erklaerung_feiertag.gif); background-repeat: no-repeat; }
table.kalenderbeschreibung td.element div.wochenende {width:20px; height:10px; background-color:#EEEEEE;}
table.kalenderbeschreibung td.element div.puffer {width:20px; height:10px; background-color:#C1C1C1;}

img.pdf {vertical-align:middle; margin-right:5px;}
a.pdfText {vertical-align:middle;}

span.buttonNachbildung {padding:0px 13px 0px 33px; text-decoration:none; font-family: Arial, sans-serif; font-weight:bold; color:#333333; font-size:12px; border-right:1px solid #AEADAD; background-image:url(/images/buttons/btn_pfeil_links.gif); background-repeat:no-repeat;}
a.buttonLinks {text-decoration:none;}

span.buttonNachbildungRechtsGrau { padding:0px 32px 0px 14px; text-decoration:none; font-family: Arial, sans-serif; font-weight:bold; color:#6E6E6E; font-size:12px; border-left:1px solid #AEADAD; background-image:url(/images/buttons/btn_pfeil_rechts_grau.gif); background-repeat:no-repeat; background-position: top right;}
span.buttonNachbildungRechts { padding:0px 32px 0px 14px; text-decoration:none; font-family: Arial, sans-serif; font-weight:bold; color:#333333; font-size:12px; border-left:1px solid #AEADAD; background-image:url(/images/buttons/btn_pfeil_rechts.gif); background-repeat:no-repeat; background-position: top right;}
span.buttonNachbildungTasse { padding:0px 40px 0px 22px; text-decoration:none; font-family: Arial, sans-serif; font-weight:bold; color:#333333; font-size:12px; border-left:1px solid #AEADAD; background-image:url(/images/buttons/btn_tasse.gif); background-repeat:no-repeat; background-position: top right;}
a.buttonRechts {text-decoration:none;}

table.wechselForm {width:620px;}
table.wechselForm td {font-size:12px; padding:2px; white-space:nowrap;}
table.wechselForm td.icon {width:35px;}
table.wechselForm td.text {width:230px;}
.middle {vertical-align:middle;}

#raumfinder { margin-bottom:25px; border:1px solid #DFDFDF; background-color:#EFEFEF; padding:0px 10px;}
#raumfinder h2 {padding:5px 0 0 0px; margin:5px 0 0 0px;}
#raumfinder h4 {color: #DC143C;}
#raumfinder h4.bordered {border-top: 1px solid #FFD573; margin-top:10px; padding-top:5px;}
#raumfinder p {margin:0px; padding:5px 0;}
#raumfinder form {padding:0px; margin:0px 0 10px 0;}
#raumfinder table.finderRoom {width:700px; margin:0px; padding:0px;}
#raumfinder table.finderRoom td {text-align:left;}
#raumfinder table.finderRoom th {font-size:13px; text-align:left;}
#raumfinder table.finderRoom td.value {vertical-align:middle;}