body {
background: #f6eff1;
color: #808080;
font: 80% rosmary;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
width: 99%;
}
.text {
    -moz-column-width: 15em;
    -moz-column-gap: 1.2em;
    -webkit-column-width: 15em;
    -webkit-column-gap: 1.2em;
}
@font-face {
    font-family: 'rosmary';
    src: url('../webfonts/rosemary-webfont.eot');
    src: url('../webfonts/rosemary-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/rosemary-webfont.woff') format('woff'),
         url('../webfonts/rosemary-webfont.woff2') format('woff2'),
         url('../webfonts/rosemary-webfont.ttf') format('truetype'),
         url('../webfonts/rosemary-webfont.svg#rosemaryregular') format('svg');
}
table, td , p {
background: #f6eff1;
color: #808080;
font: 100% rosmary;
}
#left, #right {
width: 20%;
}
#left {
float: left;
}
#right {
float: right;
}
#content {
float: left;
width: 59%;
padding: 0.5%;
}
.titel {
font: bold 80% rosmary;
color: #00008b;
padding-left: 1.314459049544995%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.headerbox_beschriftung {
position: relative;
}
#headerbox span {
position: absolute;
bottom: 115.5%;
left: 0%;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: left;
}
#headerbox span.map {
position: absolute;
bottom: 115.5%;
right: 2%;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: right;
}
#headerbox {
border:45px solid transparent;
-webkit-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
-moz-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
height: 110px;
}
.headerboxinhalt {
width: 97.06774519716885%;
text-align: center;
font: bold 130% rosmary;
color: #00008b;
padding: 10px;
}
.kleinbox_beschriftung {
position: relative;
}
#kleinbox span {
position: absolute;
bottom: 175px;
left: 0px;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: left;
}
#kleinbox {
border:45px solid transparent;
-webkit-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
-moz-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
height: 160px;
}
.kleinboxinhalt {
width: 100%;
padding-left: 0px;
padding-top: 15px;
font: 100% rosmary;
}
.contentbox_beschriftung {
position: relative;
}
#contentbox span {
position: absolute;
bottom: 710px;
left: 0px;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: left;
}
#contentbox {
border:45px solid transparent;
-webkit-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
-moz-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
height: 695px;
}
.contentboxinhalt {
width: 100%;
padding-left: 0px;
font: 100% rosmary;
}
.footerbox_beschriftung {
position: relative;
}
#footerbox span {
position: absolute;
bottom: 115.5%;
left: 0px;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: left;
}
#footerbox span.map {
position: absolute;
bottom: 115.5%;
right: 2%;
font: bold 100% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-align: right;
}
#footerbox {
border:45px solid transparent;
-webkit-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
-moz-border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
border-image: url(images/box02.png) 34 34 34 34 stretch repeat;
height: 110px;
}
.footerboxinhalt {
width: 97.06774519716885%;
text-align: center;
font: bold 100% rosmary;
color: #808080;
}
a.zurueck:link {
background: url(images/top2.gif) no-repeat;
width: 30px;
height: 12px;
display: block;
}
a.zurueck:hover {
background : url(images/top2.gif) no-repeat;
width: 30px;
height: 12px;
display: block;
}
a.zurueck:visited {
background: url(images/top2.gif) no-repeat;
width: 30px;
height: 12px;
display: block;
}
a.zurueck:active {
background: url(images/top2.gif) no-repeat;
width: 30px;
height: 12px;
display: block;
}
.zahl:first-letter {
font-size: 125%;
color: #00008b;
}
.initiale:first-letter {
font-size: 190%;
}
textarea {
color: #808080;
font: 100% rosmary;
background: #f6eff1;
padding-left: 3px;
}
dt {
margin-top: 0.3em;
}
dt:after {
content: ":";
}
dd {
margin-left: 3.5em;
margin-top: -1.35em;
}
h1 {
font: bold 300% rosmary;
color: #f6eff1;
text-shadow: 0 0 5px #00008b;
}
h2 {
font: bold 160% rosmary;
color: #00008b;
text-shadow: 0 0 5px #808080;
}
h3 {
font: bold 130% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
h4 {
font: bold 120% rosmary;
color: #808080;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
h5 {
font: bold 105% rosmary;
color: #00008b;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
a.menue:link {
color: #808080;
text-decoration: none;
font: 100% rosmary;
padding-left: 25px;
background: url(images/plus.gif) no-repeat left;
}
a.menue:visited {
color: #00008b;
text-decoration: underline;
font: 100% rosmary;
padding-left: 25px;
background: url(images/minus.gif) no-repeat left;
}
a.menue:hover {
color: #ff4400;
text-decoration: none;
font: 100% rosmary;
padding-left: 25px;
background: url(images/plus.gif) no-repeat left;
}
a.menue:active {
color: #ff4400;
text-decoration: none;
font: 100% rosmary;
padding-left: 25px;
background: url(images/plus.gif) no-repeat left;
}
a:link {
color: #00008b;
text-decoration: none;
}
a:visited {
color: #ff4400;
text-decoration: none;
}
a:hover {
color: #00008b;
text-decoration: none;
}
a:active {
color: #00008b;
text-decoration: none;
}
.button {
font: 100% rosmary;
color: #808080;
background-color: #f6eff1;
}
ul {
list-style: circle inside;
}
.minibutton {
display: inline;
font: x-small/200% rosmary;
padding: 1px 0;
border: 1px solid #808080;
margin: 0;
text-decoration: none;
background: #fff;
}
.buttonfront {
display: inline;
background: #00008b;
color: #fff;
padding: 0 2px;
border: 1px solid #fff;
border-top: 0;
border-bottom: 0;
margin: 0;
}
.buttontext {
display: inline;
background: #808080;
color: #fff;
padding: 0 2px;
border: 0;
border-right: 1px solid #fff;
margin: 0;
}