@charset "utf-8";
HTML {
width : 100%;
height : 100%;
}
/*
body {position: relative; line-height: 1.5; 
    background-color: #a19ae7; 
    background-image: linear-gradient(50deg, transparent 40%, rgba(255, 255, 255, .3) 80%); 
    background-size: 30px 30px; margin: 10px auto; max-width: 70em;
    font-family : verdana, arial, helvetica, sans-serif;
    }
*/
body { position: relative; 
line-height: 1.5; color:#000000; 
margin: 10px auto; 
max-width: 75em;
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #f3c78dfb;
background-image : url("../grafik/kalender.svg");
background-repeat : repeat-x;
background-attachment: fixed;
background-position : center center; 
background-size: cover; 
     }
header {
position : relative;
padding-top : 3px;
padding-right : 6px;
padding-bottom : 3px;
padding-left : 6px; 
margin: 5px; 
height : 80px;
background-color : darkslateblue;
background-image : url("../grafik/homepage01.png");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : center center;
border: 6px solid;
border-color: firebrick; text-align : center;
border-radius : 0 8px 8px 8px;
}


div, h1, h2, h3, h4, h5, h6, th, blockquote {
text-align : center;
}
div, p, h2, h3, h4, h5, h6, td, th, ul, ol, li, blockquote {
color : #ff0000;
}
div, p, dd, dl, h4, tr, th, td, blockquote, li, ul, ol {
font-size : 10pt;
}
p, dd, dl, h2, h4, tr, th, td {
color : #000000;
}
hr {
width : 99%;
color : #ff0000;
}
p.center {
text-align : center; padding : 3px;
}
.left {
text-align : left;
}
.right {
text-align : right;
}
ul {
list-style-type : disc;
margin-left : 1em;
padding-left : 1em;
}

ol li {font-size : 12pt; color : #560202; 
font-weight : bolder; font-style: oblique;
margin-left : 0em;
padding-left : 0.6em;
}
li {
color : Navy; font-size : 11pt;
font-weight : normal;
font-style : normal;
}
img {
border : none;
}
h1 {
font-size : 16pt;
color : #800080;
font-style : italic;
}
h2 {
font-size : 14pt;
}
h3 {
font-size : 12pt;
color : #0060ff;
}
h4 {
font-size : 11pt; color : #a02020;
font-weight : bold;
text-align : left; margin-left: 1.0em;
}
h5 {
font-size : 11pt;
font-weight : bolder;
color : #a02020;
text-align : left; margin-left: 0.2em;
}
h6 {
font-size : 8pt;
color : #a02020;
font-weight : lighter;
}
table {
width : 100%;
font-size : 11pt;
text-align : left;
}
caption { font-size : 10pt; font-weight : bold;
}
th {
padding : 3px;
border : 3px #00ccff;
font-weight : bolder;
border-collapse : collapse;
background-color : #00ccff; border-radius : 8px 8px 0px 0px;
}
td {
vertical-align : top; font-size : 14px;
padding : 12px;
border : 3px solid; border-color: firebrick; border-radius : 8px 8px 8px 8px;
}
td.fett { font-size : 14px;
color : #5804ac;
font-weight : bolder;
}
strong, span, tt, th, u, i {
font-weight : bolder; font-size : 14px;
}
pre, strong {
color : #0000ff;
}
span {
color : #0000ff;
}
em {
color : #000080;
font-weight : bolder; font-size : 14px;
}

pre {
font-size : 14px;
padding : 5px;
}
tt {
color : #800000;
}
b {
color : #025802; font-weight : bolder; font-size : 14px;
}
i { font-size : 14px;
color : #0000ff;
}
p {
margin-top : 0;
text-align : left;
}

a { font-style: italic; font-size : 14px;
}
.top {
text-align : center; font-style: normal; font-size : 10pt; color: #060008;
}
a {
color : #992a05;
font-weight : bolder;
}
a link {
color : #00eeff;
font-size : 10pt;
}
a visited {
color : #d0ff00;
font-size : 10pt;
}
a hover {
color : #0000ff;
font-size : 10pt;
}
a active {
color : #c2bbbb;
font-size : 10pt;
text-decoration : underline overline;
}

br

nav, article, section, aside, footer {
    border-radius: 0px 0.5em 0.5em;
    border: 1px solid; padding: 10px; margin: 5px;
    }

main { display: block;  /* f�r IE */ background-color : rgb(246, 229, 134);
    border-color: #8a9da8; font-size : 10pt;
    border-radius: 0px 0.5em 0.5em;
    border: 2px solid; padding: 3px; margin: 5px;
    }

article {background: Silver; border-color: #df6c20;
    }

article aside p { padding: 5px; margin: 5px; font-size : 11pt;
    }

section { width: calc(50% - (2px + 10px + 10px));
    height: calc(600px - (2px + 10px));
    margin: 5px 5px; padding: 5px; float: left;
    background: #F1F3F4;
    border-color: slateblue;
    }

aside { background: #ebf5d7; border-radius: 0px 0.5em 0.5em;
    padding: 6px; margin: 6px; border-color: #8db243;
    text-align : center; font-size : 11pt;
    }

aside ul { border-color: #8db243;
    text-align : left; font-size : 10pt;
    }

footer { background: #e4ebf2; padding: 3px;
    margin: 3px;  border-radius: 0px 0.5em 0.5em;
    border-color: #8a9da8; text-align : center; font-size : 10pt;
    }
.logo {
    position: absolute;
    left: 0;
    width: 60px;
    top: 12px;
    left: 10px;
}
.sprung {
position: fixed; text-align : center; 
margin-left: 85.4em; margin-top: 46em; text-decoration: none; 
background-repeat : no-repeat;
background-attachment : scroll;
}

button { width: 44px; font-size : 20pt; cursor: pointer; background-color: #f34d0b; border: 4px solid rgb(6, 102, 245); border-radius : 10px 10px 10px 10px; }



/*Dieses Dokument wurde als CSS level 2.1 validiert!*/