/* Grundlayout für SELFHTML-Beispiele */

@font-face {
      font-family: 'meine-schrift';
      src: url('Font/sky-text-regular.ttf') format('truetype');
}

html {
        background: transparent!important;
}

body {
        margin: 10px auto;
        margin-top: 0px;
        max-width: 70em;
        font-family: sans-serif;
        color: #333333;
}

h1, main, svg {
        border-radius: 0 8px 8px;
        border: 1px solid;
        padding: 10px;
        margin: 10px;
}

h1 {
        background: #ffffff url("bilder/logo.jpg") 10px 5px no-repeat;
        border-color: #56835E;
        padding-left: 250px;
        color: #267a3c;
}

main {
        display: block;     /* für IE */
        background: #c4ced3;
        border-color: #8a9da8;
        min-height: 400px;
}

h2 {
        color: #5b431f;
}

h3 {
        color: #5b431f;
        font-size: 150%;
}

p, td, th {
       color: #5b431f;
}

h1,h2,h3,p,td,li,a {
        font-family: meine-schrift, arial;
        letter-spacing: 0.03em;
}
a {
        color: #5b431f;
}

a:hover {
  color: #7f7061;
}