@charset "UTF-8";
/* clstandard.css für www.heineshof/cloesch */
@media screen {

:lang(de) {quotes: "\201e" "\201c" "\201a" "\2018"}
:lang(en) {quotes: "\201c" "\201d" "\2018" "\2019"}
q::before {content: open-quote}
q::after {content: close-quote}

img, svg {cursor: crosshair}
p, td, th, li, dt, dd, label, input, textarea, h1, h2, h3, h4, h5, h6, form {cursor: text}
abbr {cursor: help}
a, a img, a abbr {cursor: pointer}

html, body, form, table, input, textarea,iframe {font-family: "Comic Sans MS", TSCu_Comic, Arial, Helvetica, FreeSans, sans-serif; font-size: 12pt; color: rgb(185,65,55)}

html, body, form, table {padding: 0; border: none; outline: none}
html, body {width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0}
/*html, body {text-align: left; overflow: hidden; background-color: white}*/
table {table-layout: auto; margin-left: auto; margin-right: auto; empty-cells: hide; border-collapse: collapse}
form, table, input, textarea {background-color: inherit}


header {position: fixed; left: 0; right: 0; top: 0; bottom: auto; width: 100%; height: 60pt; color: rgb(55,65,145); background-color: white; background-image: url("bg.png"); background-repeat: repeat}
nav {overflow:auto; position: absolute; left: 0; right: auto; top: 60pt; bottom: 0; width: 20%; height: auto; color: rgb(55,65,145); background-color: white; background-image: url("bg.png"); background-repeat: repeat}
/*nav {overflow:auto; position: absolute; left: 0; right: auto; top: 60pt; bottom: 0; width: 20%; height: auto; color: rgb(185,65,55); background-color: #e4d7d3; background-image: -moz-linear-gradient(top,#e4c7c3,#f4ebdc)}*/
main {overflow:auto; position: absolute; left: 20%; right: 0; top: 60pt; bottom: 0; width: auto; height: auto; color: rgb(185,65,55); background-color: white; background-image: url("gr.png"); background-repeat: repeat-y}
/*main {overflow:auto; position: absolute; left: 20%; right: 0; top: 60pt; bottom: 0; width: auto; height: auto; color: rgb(185,65,55); background-color: #f4ebdc; background-image: -moz-linear-gradient(top,#f4ebdc,#e4c7c3)}*/
header, nav, main {padding: 0; margin: 0; border: none; outline: none}

header h1, header p {margin: 0; border: none; padding:  12pt 0 12pt 10pt}
header div {position: absolute; left: auto; right: 20pt; top: 30pt; bottom: auto; width: auto; height: auto; padding: 0; margin: 0; border: none; font-size: 80%}
header span {margin-left: 20pt}

iframe {padding: 0; margin: 10pt; border: none; outline: none}
iframe {width: 95%; height: 90%}

header strong {font-size: 2em; text-shadow: lightgray 2pt 2pt 2pt}

header div {position: absolute; left: auto; right: 20pt; top: 30pt; bottom: auto; width: auto; height: auto; padding: 0; margin: 0; border: none; font-size: 80%}
header span {margin-left: 20pt}

/*nav ul {margin: 0; border: none; padding: 10pt 0 0 10pt; list-style: none}
nav li {margin: 10pt 0 10pt 15pt; text-indent: -15pt}
nav li ul {display:none; font-size: 80%; margin: 0; border: none; padding: 0 0 0 15pt; list-style: none}
nav li li {margin: 5pt 0 5pt 0}

nav li:focus ul {display: block}
nav li:hover ul {display: block}
nav li>span {font-weight: bold}
nav li>span:before {content: "\25b6\00a0"}
nav li:focus>span:before {content: "\25b7\00a0"}
nav li:hover>span:before {content: "\25b7\00a0"}*/

nav ul, div.inhalt ul {margin: 0; border: none; padding: 10pt 0 10pt 10pt; list-style: none}
nav li, div.inhalt li {margin: 10pt 0 10pt 15pt}
/*nav li, div.inhalt li {text-indent: -15pt}*/
nav li ul, div.inhalt li ul {font-size: 80%; margin: 0; border: none; padding: 0 0 0 15pt; list-style: none}
nav li li, div.inhalt li li {margin: 5pt 0 5pt 0}

nav li>span, div.inhalt li>span {font-weight: bold}
nav li>span::before, div.inhalt li>span::before {content: "\25b8\00a0"}
nav li:focus>span::before, div.inhalt li:focus>span::before {content: "\25bf\00a0"}
nav li:hover>span::before, div.inhalt li:hover>span::before {content: "\25bf\00a0"}

/*Manuell aufklappbare Menüs*/
nav details>summary {border: none; outline: none; list-style: none; font-weight: bold; cursor: pointer; display: inline}
nav details summary::-webkit-details-marker {display: none} /*für Browser, bei denen list-style: none unwirksam ist*/
nav details>summary::before {content: "\25b8\00a0"}
nav details[open]>summary::before {content: "\25bf\00a0"}
nav details>summary:hover {color: rgb(0,0,83); background-color: rgb(84,142,186)}

header a {font-weight: bold; text-decoration: none}
header a::before {content: "\25b8\00a0"}

nav a, div.inhalt a, p.inhalt a {font-weight: bold; text-decoration: none}
nav a::before, div.inhalt a::before  {content: "\25b8\00a0"}

div.text {margin: 10pt; border: none; padding: 0; outline: none}
div.linksbox {float: left; text-align: left}
div.rechtsbox {float: right; text-align: right}
div.klein, p.klein, span.klein {font-size: 80%}
div.links, p.links {clear: both; text-align: left}
div.rechts, p.rechts {clear: both; text-align: right}

hr {padding: 0; margin: 2ex; border: none; outline: none}
p {margin: 1ex 0 0 0; padding: 0; border: none; outline: none}
img {margin: 10pt; padding: 0; border: none; outline: none}
img.links {float:left; margin: 0 10pt 10pt 0}
img.rechts {float:right; margin: 0 0 10pt 10pt}

th {font-weight: bold}
td {font-weight: normal}


q {quotes: "\201e" "\201c"}
q:before {content: open-quote}
q:after {content: close-quote}
span.begriff:before {content: "\201e"}
span.begriff:after {content: "\201c"}
span.urheber {font-size: 80%}
span.urheber:before {content: "\00a9\00a0"}

dt {margin: 10pt 0 0 0; font-weight: bold}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help}

a:link, a:visited {color: inherit; background-color: inherit}
a:focus, a:hover {color: inherit; background-color: rgb(235,200,120)}
/*a:focus, a:hover {color: white; background-color: rgb(185,65,55)}*/
a:active {color: inherit; background-color: rgb(235,200,120)}
a[title="Externer Link"]:focus, a[title="Externer Link"]:hover {color: gray; background-color: silver}

/*header a:before {content: "\25b6\00a0"}
nav a:before {content: "\25b6\00a0"}*/

header a {font-weight: bold; text-decoration: none}
nav a {font-weight: bold; text-decoration: none}
main a {font-weight: normal; text-decoration: underline}


table.links td, table.links th, table.links h1, table.links h2 {text-align: left}
table.halblinks td, table.halblinks th, table.halblinks h1, table.halblinks h2 {text-align: left}
table.mitte td, table.mitte th, table.mitte h1, table.mitte h2 {text-align: center}
table.rechts td, table.rechts th, table.rechts h1, table.rechts h2 {text-align: right}
/*table.halblinks th, table.links th, table.mitte th, table.rechts th {font-size: 1.5em}*/
tfoot tr:first-child  td {padding-top: 2ex}

td.tgross:first-letter {font-size: 130%}
td.tfett:first-letter {font-weight: bold}
td.triesig:first-letter {font-size: 130%; font-weight: bold}

div.gedicht tbody tr:first-child th {padding-top: 1.5em}
div.gedicht tbody tr:first-child td {padding-top: 1.5em}

table.formular th {font-weight: bold; text-align: right}
table.formular th, table.formular td {padding: 0.5em; vertical-align: top}
input.knopf {color: white; background-color: rgb(185,65,55)}

div.gedicht {margin: 10pt; border: none; padding: 0; outline: none}
div.gedicht h1 {font-size: 150%}
div.gedicht h2 {font-size: 10%; display: none}

table.links {margin-left: 0}
table.halblinks {margin-left: 15%}
}