@media all {
body {font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 5px 160px; margin: 0px; background: #eef url(back.gif) repeat-y; font-size: 100.1%; }

#navi {position: absolute; left: 0px; top: 0px; width: 152px; border: solid black; border-width: 0px 0px 0px 1px; background: #ccf; padding: 2px 0px 2px 0px; margin: 0px;}
#navi li {background: #aaf; border: solid black; border-width: 1px 0px 1px 0px; font-size: 1em; padding: 0px; margin: 0px 0px 1px 0px; text-align: center; font-weight: bold;}
#navi label {background: #ccf; display: block; border: solid black; border-width: 1px 0px 0px 0px; font-size: 1em; padding: 0px; margin: 2em 0px 2px 0px; font-weight: bold; text-align: center;}
#navi a {font-family: Arial, Helvetica, sans-serif;}
#navi a:link {color: #111; }
#navi a:visited {color: #333;}
#navi a:hover {text-decoration: underline; color: #444;}
#navi ul {padding: 0px; margin: 0px; list-style-type: none;}
#navi li ul {border: solid black; border-width: 1px 0px 1px 1px; margin: 0px 0px 4px 4px;}
#navi li li {background: none; border: solid 0px; font-size: 1em; text-align: left; background: #ccf; margin: 0px; padding-left: 2px; font-weight: normal;}
#navi li ul ul {border: solid black; border-width: 1px 0px 1px 1px; margin-bottom: 0px;}
#navi input {border: solid black 0px; border-bottom: dotted black 1px; background: #ddf; font-size: 0.8em; width: 85%; padding: 0px;}
#navi button {border: none; background: none; padding: 0px; margin: 0px;}

.sidebar h2 {background: #aaf; border: solid black; border-width: 1px 0px 1px 0px; font-size: 1em; padding: 0px; margin: 10px 0px 1px 0px; text-align: center;}
div.sidebar {margin: 0px 0px 3px 6px; width: 10em; }
tr td.sidebar {vertical-align: top;}

form {padding: 0px; margin: 0px; }
table, tr, td {font-size: 1em; }
table {border-collapse: collapse; }
td {vertical-align: top; }
a {color: #00f; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:visited {color: #00a; }
a:hover {color: #00f; }
a img {border: 0px solid; }

ul.ansicht {list-style-type: none; border-bottom: solid #333 1px; padding: 0px; margin: 0px; font-size: 0.9em; text-align: center; margin-bottom: 1em;}
ul.ansicht li {display: inline; background: #007 url(tab.gif) no-repeat; color: #fff; padding: 4px; padding-bottom: 0px; border: solid black 0px; margin-left: 5px; border-bottom: 0px;}
.ansicht a, .ansicht a:visited, .ansicht a:hover, .ansicht {color: #fff; }
.ansicht .sel {background: #ddf url(tabsel.gif) no-repeat; color: #000;}
.ansicht .sel a, .ansicht .sel a:visited {color: #000; }

.kalender {font-size: 0.8em; width: 100%;}
.kalender a {font-family: Arial, Helvetica, sans-serif; }
.kalender td {text-align: center; }
.kalender td.today {border: solid #f77 1px; }
.kalendar tr.today td {background: #cdf; }
.kalendar tr td.sep {padding-top: 6px; border-bottom: solid black 2px; }
.kalender img {vertical-align: bottom; }

.calendar {width: 100%; font-size: 0.8em;}
.calendar td, .calendar th {vertical-align: middle; text-align: center; border: solid #ccc 1px;}
.calendar a {font-family: Arial, Helvetica, sans-serif; }
.calendar td {width: 14%; border-width: 1px 1px 1px 0px}
.calendar th {width: 2%; font-weight: normal; border-width: 1px 0px 1px 1px;}

#news {font-size: 0.8em; float: right; width: 15em;}

#galerie {width: 525px; border: solid black 1px; margin-left: auto; margin-right: auto;}
#galerie #foto {text-align: center;}
#galerie tr.thumb td {width: 75px;  border: solid black 1px; text-align: center; vertical-align: middle; background: #ccf; padding-top: 5px; padding-bottom: 5px; font-size: 0.8em;}
#galerie tr.thumb td.selected {background: #eef;}

#galerie #kommentar {font-size: 0.8em; padding: 5px 5px 5px 5px;}
#galerie #kommentar i {float: right; }
#galerie #kommentar hr {border: solid black; border-width: 1px 0 0 0; padding: 0; margin: 0 -6px 0 -6px; }
#galerie #kommentar textarea {width: 99%; border: solid black 1px;}

h1,h2,h3 {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {border: solid 1px; border-color: #fff #ccf #ccf #fff; background: #ddf url(h1banner.jpg) repeat-x center center; text-align: center; font-size: 1.4em; margin-top: 10px;}
h2 {font-size: 1.2em; padding-left: 1em; border: solid black; border-width: 0px 0px 1px 0px;}
h3 {font-size: 1em; padding-left: 1em; border: dotted black; border-width: 0px 0px 1px 0px; }
h4 {font-size: 1em; border: solid black; border-width: 1px 0px 1px 0px; margin: 0px; padding: 0px; padding-left: 1em; margin-top: 0.7em; margin-bottom: 0.2em; clear: right;}
hr {clear: both;}

input.text, select.text, textarea.text {width: 99%;}
.black {background: #ccc; width: 5px; height: 5px; }

.boxright {float: right; width: 25%; font-size: 90%; background: #eef; padding: 5px; list-style-type: none;}
.boxright a {font-family: Arial, Helvetica, sans-serif; }
.abstract {font-weight: bold; }
fieldset {padding: 5px; margin-top: 5px; }
fieldset legend {font-weight: bold; }

#quote {background: url(minio.gif) no-repeat left top; padding-top: 10px; width: 150px; margin-top: 15px;}
#quote div {background: url(miniu.gif) no-repeat left bottom; padding-bottom: 150px;}
#quote div em {background: url(minim.gif) repeat-y; padding: 2px 6px 2px 6px; font-size: 0.8em; display: block; text-align: center; font-style: normal;}
#quote.urgent {background: url(minion.gif) no-repeat left top; }
#quote.urgent div {background: url(miniun.gif) no-repeat left bottom; }
#quote.urgent div em {background: url(minimn.gif) repeat-y; color: #ffc; }
#quote.urgent b {color: #fff; }

.poll td {vertical-align: middle; }

.zettel {width: 22%; border: solid #aaf 1px; float: left; margin: 3px; padding: 1px;}
.zettel h2, .zettel h2 input {background: #aaf; padding: 0px; margin: 0px; color: #000; font-weight: bold; border: solid black 0px; font-size: 1em; line-height: 1.3em;}
.zettel em {font-size: 0.9em; font-weight: normal; display: block; text-align: right;}
.zettel textarea {border: solid black 0px; width: 100%;}
.zettel input {width: 100%;}
.zettel h2 img {float: right; padding: 1px;}
.zettel form {padding: 0px; margin: 0px; }

#foot {color: #000; font-size: 0.7em; text-align: center; margin-top: 3em; font-weight: bold;}
#foot a {color: #22f; font-weight: normal;}

.design td {vertical-align: middle; }
.design img {padding: 2px; }
.design .design td {width: 50%; padding: 3px; border: solid #007; border-width: 0px 1px 1px 1px; font-size: 0.8em; vertical-align: top; padding-bottom: 2px;}
.design .design th {border: solid #007; border-width: 1px 1px 0px 1px; text-align: left; font-weight: bold; font-size: 0.8em; padding: 2px; vertical-align: bottom;}

.switch {margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;}
.switch td, .switch th {padding: 4px; text-align: center; border: solid #ccc 1px; font-size: 0.8em; background: #eee;}
.switch th {background: #ddd; }
.switchable {width: 100%; }
.switchable td {padding: 2px; border: solid #777 1px; }
.switchable th {background: #ccf; border: solid #777 1px;}
.switchable .off {display: none; }
.switchable .on .long {display: none; }
.switchable .long .short {display: none; }
.switch .off .off, .switch .on .on, .switch .long .long {font-weight: bold; text-decoration: none; color: #000; }


.infobox {float: right; clear: right; width: 200px; background: #ccf; padding: 2px; margin: 2px 0px 2px 5px; }
.infobox h2 {border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; background: #aaf;}
.infobox ul {list-style-type: none; margin: 0px; padding: 0px 2px 0px 2px; margin-left: 5px; }
.infobox li {padding: 0px; margin: 0px; font-size: 90%;}

.minibuch {float: right; clear: right; width: 200px; background: #ccf; border: solid black 1px; font-size: 0.9em; }
.minibuch th {padding: 3px; text-align: center; }
.minibuch .ich {background: #fff; font-weight: bold; }
.minibuch td {text-align: right; padding: 2px; }
.minibuch td.name {text-align: left; }

table.list {font-size: 0.8em; }
.lastmod {margin-top: 15px; text-align: center; color: #777; font-size: 70%; }
.news {margin: 0px 5px 0px 5px;}
.news .autor {float: right; font-size: 80%; padding: 1px 3px 1px 3px; }
.news .comments {text-align: right; font-style: italic; font-size: 80%; }
.news dt {font-weight: bold; padding-top: 1em; clear: left;}
.news dd {margin-left: 0px; padding-left: 85px; margin-bottom: 6px; }
.news dd img.icon {float: left; margin-left: -80px; clear: left;}
.news .comment, .news .comments {padding-bottom: 6px; }
img.thumb {float: right; margin: 2px 2px 5px 2px;}
img.img {float: right; clear: right; margin: 1px 0px 1px 5px; }
.info {font-size: 0.8em; }
.related li {font-size: 0.8em; }
.related ul {margin-top: 0.2em; }

dl.miniplan {font-size: 90%; }
dl.miniplan dt {margin: 0; padding: 0; text-align: right; float: left; width: 4.5em; clear: none; font-weight: normal; }
dl.miniplan dd {margin: 0; padding: 0 0 0 5em; padding-left: 5em; }
dl.miniplan dt.messe {float: none; text-align: left; width: auto; font-weight: bold; }

.questions dt {padding: 0; margin: 0.5em 0 0 0; font-weight: bold; }
.questions dd {padding: 0; margin: 0 0 0 0.5em; }

.taginfo {padding: 0; margin-top: 2em; }
.taginfo dl {margin: 0; padding: 0; }
.taginfo dt {font-weight: bold; margin: 0; padding: 3px 0 0 5px; font-size: 80%; border-bottom: solid #ccc 1px; }
.taginfo dd {margin-left: 20px; padding: 1px 0 0 0; font-size: 70%; }
.taginfo dd.farber {padding-left: 5px; margin-left: 5px; border-left: solid red 10px; }
.taginfo dd.farbew {padding-left: 5px; margin-left: 5px; border-left: solid red 10px;}
.taginfo dd.farbegr {padding-left: 5px; margin-left: 5px; border-left: solid #0f0 10px;}
.taginfo dd.farbev {padding-left: 5px; margin-left: 5px; border-left: solid #f0f 10px;}
.taginfo dd.farbevr {padding-left: 5px; margin-left: 5px; border-left: solid #fcf 10px;}
}
@media print {
body {margin: 2mm; padding: 2mm; background: white; }
#navi {display: none; }
thead {display: table-header-group;}
.noprint {display: none; }
}