html,body {height:100%; margin: 0px auto; padding: 0px auto;
}
body {
font-family: 'Roboto', sans-serif;
font-size:14px;
color:#444;
line-height:20px;
background:#870000;/*#0B0A0A*/
}
#wrapper {background:#870000;
height:auto;
min-height:100%;
margin: 0px auto;
padding-left:auto; padding-right:auto;
max-width:1000px;
}
#kontaktlink { color:#F1DFDF;
font-size:13px;
line-height:14.7px;
text-decoration:none;
position:relative;
letter-spacing: 1px;
margin:2px 0px 2px 0px;
float:right;
width:55px;
border-left:1px solid #FFFFFF;
padding-left:6px;
}
#boerselink {color:#F1DFDF;
font-size:13px;
letter-spacing: 1px;
line-height:14.7px;
text-decoration:none;
position:relative;
margin:2px 6px 2px 0px;
float:right;
}
#kontaktlink:hover {color:#F1DFDF;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
}
#boerselink:hover { color:#F1DFDF;
font-weight:bold;
text-decoration:none;
}
header {clear:both;}
header img { width:100%; height:auto;}
/* flagge height:18px; width:30px;
position:absolute; top:1px; right:10px;
border:1px solid #5C5151;
margin:1px 0px;*/
#banner { background-color: #870000;
margin:1.9% 0 1.7% 0;
width:100%;
}
main {padding-left:10px; max-width:100%}
main img {
float:right;
width: 30%;
height: auto;
border:1px solid #CDCACA;
margin:6px;
}
main a {text-decoration:none; color:#8B0608;}
main a:hover {text-decoration:underline; color:#F92E31;}
#link {background:rgba(255,255,255,0.1); height:18px; position:relative; padding:4px; }
#link a {color:#F1DFDF; text-decoration:none;font-size:17px;}
#link a:hover {color:#F1DFDF; letter-spacing:1.5px; text-decoration:none;}
nav {
position:absolute;
padding-top:2%;
z-index:100;
left:-110%;
width:50%;
transition:left 0.3s;
}
nav ul{ list-style:none;
margin:0;
padding:0px 0px;
background:rgba(255,255,255,0.4);}
nav a{
display:block; margin-bottom:3px; padding:11px 10px;
font-size:15px;
color:#F1DFDF;
text-decoration:none;
/*text-shadow: 1px 0px 0px #746D6D*/
letter-spacing: 1px;
background:#870000;
border:1px solid #F1DFDF;
}
nav a:hover{color:#f9f5f5;
background:#3f0607;
font-weight:bold;
letter-spacing:1.8px;
text-decoration:none;
text-shadow:none;}
#aktuelleseite a{color:#f9f5f5; text-shadow:none; color:#F1DFDF; background:/*#3f0607*/#58080a; font-weight:bold; letter-spacing:1.8px;}
#wrapper:target nav{left:1%;}
#wrapper:target #navopen{display:none;}
#wrapper:target #navclose{display:block;}
#navclose{display:none;}
div.boxstartseite { width: 100%;
background: #FBFBFB;
margin-bottom: 6px;
padding: 6px;
float: right;
border:1px solid #EBDBDC;
}
div.boxstartseite img { width:50%;
height:auto;
float:right;
border:1px solid #CDCACA;
/*margin:6px;*/
}
div.box { float:right;
background:#FBFBFB;
height:auto;
padding:6px;
width:100%;
border:1px solid #EBDBDC;
margin-bottom:6px;
}
div.ueberschrift {margin-bottom:0px;margin-top:0px;}
div.box p{margin:4px;}
footer {clear:both;}
#kontakt { font-size:16px;
color: #DBD4C5;
border-top:0px solid #DBD4C5;
float:left;
padding-top:20px;
padding-left:14px;
}
#kontakt a {text-decoration:none; color: #DBD4C5;}
#kontakt a:hover {color:#F1DFDF; font-weight:bold; letter-spacing:1 px; text-decoration:none;}
#impressum {margin-top:40px;}
h1 {font-family: 'Quattrocento', serif;
font-size:20px;
color:#DBD4C5;
font-weight:normal;
text-transform:uppercase;
letter-spacing:7px;
text-shadow: 0px 2px 2px #746D6D;
padding:0 0 0 1px;
display:inline;
}
h2 {color:#4D4B4B;
font-size:18px;
font-family: 'Quattrocento', serif;
text-shadow: 0px 2px 2px #E0DDDD;
margin:0 0 18px 0;
}
h3 {font-size:14px; margin:0 0 18px 0;}
h4 {color:#FBFBFB;
font-size:14px;
text-shadow: 0px 2px 2px #746D6D;
padding:2px;
margin-right:5px;
position:relative;
background:#A36E23;
display:inline;
}
h5 {font-size:14px; margin:0px; display:block;}
@media screen and (min-width:470px){}
@media screen and (min-width:566px){
h1{font-size:24px;}
h2{font-size:20px; margin-bottom:24px;}
h3{font-size:14px;}
h4{font-size:15px; padding:2px;}
h5{font-size:15px; display:inline;}
div.ueberschrift {margin-bottom:20px; margin-top:2px;}
div.box p {margin:14px 0;}
#wrapper {padding:0 0 0 0;}
#kontaktlink {font-size:13px;}
#boerselink {font-size:13px;}
}
@media screen and (min-width:800px){
h1 {font-size:34px; padding:0; margin:0 0 0 22.3%;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {padding:4px;font-size:16px;}
h5 {font-size:16px;}
nav ul {background:rgba(255,255,255,0);}
nav {padding-top:0; left:0px; float:left; width:20.8%; position:relative; margin:0 0.7% 0 0.55%;
transition:none;}
main {float:right; width:76%; margin:0 6px 0 0; padding-bottom:0px;}
#aktuelleseite a {color:#F1DFDF;}
#link {display:none;}
#kontakt {font-size:18px; border-top:1px solid #DBD4C5; float:left; padding-top:20px; padding-left:0px; margin-right:6px; width:100%;
}
main img {margin:0;}
nav a {border:hidden;}
#aktuelleseite a{ background:#5A0305; letter-spacing:1.5;}
nav a:hover{background:#5A0305; letter-spacing:1.5;}
body {background: url(../img/hintergrunda.jpg);}
@media screen and (min-width:1000px){
#wrapper{position:relative; width:1000px;}
}
@media print {
body {font-size:11pt;}
#wrapper {background:#FFFFFF;background:#FFFFFF;}
#wrapperboerse {background:#FFFFFF;background:#FFFFFF;}
header {display:none;}
#banner {background:#FFFFFF;}
nav {display:none;}
div.boxstartseite a {display:none;}
header a {display:none;}
div.box {border: 0px; padding-left:0px;}
div.boxstartseite {border: 0px;padding-left:0px;}
img {border:0px;}
#link {display:none;}
h1 {font-size:20pt; margin-bottom:30px;}
h2 {font-size:14pt;}
h3 {font-size:13pt;}
h4 {padding:0px; font-size:13pt; text-shadow:none; color: #DBD4C5;}
h5 {font-size:11pt;}
#kontakt {font-size:14pt; border-top:0px; float:right;}
}