.bild {
max-width : 100%;
height : auto;
}
a {
text-decoration : none;
color : #7f7f7f;
}
a:visited {
text-decoration : none;
color : #7f7f7f;
}
a:hover {
text-decoration : none;
color : #7f7f7f;
}
a:active {
text-decoration : none;
color : #7f7f7f;
font-style : italic;
}
html, body {
text-align : left;
width : 100%;
height : 100%;
color : #000000;
font-family : verdana;
margin : 0;
border : 0;
padding : 0;
font-size : 16px;
color : #7f7f7f;
}
div {
font-family : arial;
text-align : left;
margin : 0 auto;
padding : 0;
}
table {
margin : 0 auto 0 auto;
border-collapse : collapse;
}
h1 {
margin : 0.5em 0;
font-family : arial;
font-size : 1.3em;
font-weight : bold;
text-align : center;
}
img {
border : 0;
}
ul {
margin : 0;
}
main {
max-width : 1024px;
min-height : 100%;
font-family : arial;
text-align : center;
margin : 0 auto;
padding : 0;
position : relative;
overflow-x : hidden;
display : block;
}
header {
height : 110px;
}
div.headermitte {
float : left;
min-width : 66%;
}
div.logo {
float : left;
width : 11%;
height : 90%;
margin : 0.5em 0.5em 0;
}
div.headercompany {
text-align : center;
font-family : calibri;
color : #fffd00;
font-size : 1.5em;
font-weight : bold;
text-shadow : 1px 1px 1px grey, 1px -1px 1px grey, -1px 1px 1px grey, -1px -1px 1px grey;
}
div.headercompanyname {
text-align : center;
font-family : "wide latin";
color : #fffd00;
font-size : 4em;
text-shadow : 0 0 6px grey;
}
div.druck {
text-align : right;
display : none;
}
div.homepic {
float : left;
}
div.homepicline {
width : 100%;
height : 80px;
display : block;
float : left;
margin-top : 8%;
}
div.kontakt {
font-size : 0.8em;
}
.amensic-image-wrapper {
max-width : 20%;
height : auto;
position : relative;
display : block;
margin : 0 auto;
float : left;
}
.amensic-image-wrapper img {
width : 100% !important ;
height : auto !important ;
display : block;
}
div.kontaktdaten {
border-left : 1px solid black;
padding : 0 0 0 0.5em;
text-align : left;
}
footer {
position : absolute;
bottom : 0;
height : 40px;
width : 100%;
color : #FFFFFF;
text-align : center;
background-image : url(../graphik/naviback.gif);
}
div.footnavi {
float : right;
width : 85%;
}
article {
vertical-align : top;
padding : 0 0 40px 5px;
margin : 0;
overflow : auto;
width : 77%;
float : left;
font-size : 1.3em;
text-align : left;
}
aside {
width : 20%;
float : right;
font-size : 1.2em;
margin-top : 2.3em;
}
nav {
width : 100%;
height : 2.5em;
background-image : url(../graphik/naviback.gif);
}
div.valide {
float : left;
width : 5em;
height : 1.5em;
margin : 1.0% 0 0 0;
}
div.post {
width : 10em;
height : 1em;
margin : 1.5% 0 0 0;
}
div.valide img {
width : 4em;
height : 1.2em;
}
div.updatum {
width : 200px;
font-size : 10px;
position : absolute;
right : 3px;
top : 10px;
}
img#post {
width : 10em;
height : 1em;
}
ol.agb {
font-size : 0.8em;
}
ul#footer {
font-family : arial;
font-size : 0.85em;
font-weight : bold;
margin : 0;
padding : 0;
}
ul#footer li {
float : right;
min-width : 12.06%;
list-style : none;
border : solid 1px;
border-bottom : none;
border-color : #FFFFFF;
}
ul#footer a {
height : 2.8em;
display : block;
text-decoration : none;
text-align : center;
line-height : 2.8em;
}
ul#navihori {
font-family : arial;
font-size : 1em;
font-weight : bold;
margin : 0;
padding : 0;
height : 100%;
}
ul#navihori li {
float : left;
min-width : 14.06%;
height : 38px;
list-style : none;
border : solid 1px;
border-right-color : #FFFFFF;
border-left-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-top-color : #FFFFFF;
}
ul#navihori li.letzter {
width : 1px;
list-style : none;
border : none;
}
ul#navihori a {
height : 2.5em;
display : block;
text-decoration : none;
text-align : center;
line-height : 2.4em;
}
ul#navihori a:hover {
height : 2.5em;
display : block;
text-decoration : none;
text-align : center;
background-color : #dcdcdc;
}
ul#navihori a.aktiv {
color : #7f7f7f;
}
ul#navihori a:active {
height : 2.5em;
display : block;
text-decoration : none;
text-align : center;
background-color : #8fb8eb;
}
ul#navihori a:focus {
height : 2.5em;
display : block;
text-decoration : none;
text-align : center;
background-color : #8fb8eb;
}
table.agb {
font-family : "comic sans MS";
font-size : 10pt;
color : #300080;
width : 80%;
margin-top : 20px;
}
.menue-button {
display : none;
}
div.textpichoch {
max-width : 18%;
height : auto;
position : relative;
display : block;
margin : 0 auto;
float : left;
padding : 0.5em;
}
div.textpichoch img {
width : 100% !important ;
height : auto !important ;
display : block;
}
div.textpicquer {
max-width : 36%;
height : auto;
position : relative;
display : block;
margin : 0 auto;
float : left;
padding : 0.5em;
}
div.textpicquer img {
width : 100% !important ;
height : auto !important ;
display : block;
}
#galerienavi {
margin : 0;
padding : 0;
width : 100%;
overflow : auto;
background-color : #000;
}
#galerienavi li {
margin : 0;
padding : 0;
list-style : none;
}
#galerienavi a {
margin : 0;
padding : 0;
display : block;
padding : 3px;
color : #fff;
}
#galerieausgabe {
margin : 0;
padding : 0;
height : 780px;
overflow : hidden;
background-color : #ddd;
}
#galerieausgabe li {
margin : 0;
padding : 0;
list-style : none;
max-width : 100%;
}
#galerieausgabe li a {
margin : 0;
padding : 0;
display : block;
}
#galerieausgabe li img {
border : none;
display : block;
margin : 0 auto;
width : 100% !important ;
height : auto !important ;
display : block;
}
div.imp {
margin : 20px auto 0 5px;
font-size : 0.8em;
line-height : 1em;
}
div.impcomp {
text-align : center;
margin : 0 0 40px 0;
line-height : 1.5em;
}
div.lws {
text-align : center;
font-size : 1.5em;
font-weight : bold;
color : #0000FF;
}
div.linklogo {
max-width : 25%;
height : auto;
position : relative;
display : block;
margin : 0 auto;
}
div.linklogo img {
width : 100% !important ;
height : auto !important ;
display : block;
}
p.linklogo {
font-size : 0.7em;
}
div.printkontaktdaten {
display : none;
}
@media only screen and (min-width:541px) and (max-width:936px) {
body {
background-color : white;
font-size : 10px;
}
header {
height : 70px;
}
article {
font-size : 1.4em;
}
div.post {
width : 12em;
height : 1.2em;
margin : 1% 0 0 0;
}
img#post {
width : 12em;
height : 1.6em;
}
div.valide {
width : 5em;
height : 1.4em;
margin : 1.0% 0 0 0;
}
div.valide img {
width : 5em;
height : 1.4em;
}
aside {
font-size : 1.2em;
}
div.headercompanyname {
width : 35%;
margin-top : 0.2em;
font-size : 3em;
}
ul#navihori li {
float : left;
height : 23px;
min-width : 13.8%;
}
footer {
height : 26px;
}
ul#footer li {
float : right;
height : 23px;
min-width : 13.8%;
}
}
@media only screen and (max-width:540px) {
body {
background-color : white;
font-size : 7.5px;
}
header {
width : 100%;
height : 50px;
border-bottom : 1px solid #666699;
}
div.headermitte {
float : left;
min-width : 70%;
}
article {
width : 74%;
}
div.druck {
display : none;
}
div.headercompany {
margin-top : 0.4em;
height : 19px;
}
div.headercompanyname {
font-size : 2.3em;
margin-top : 0;
height : 24px;
text-shadow : 1px 1px 1px grey, 1px -1px 1px grey, -1px 1px 1px grey, -1px -1px 1px grey;
}
div.post {
width : 7em;
height : 1em;
margin : 0.8em 0 0 0;
}
img#post {
width : 7em;
height : 1em;
}
div.valide {
width : 3em;
height : 1.4em;
margin : 1.0% 0 0 0;
}
div.valide img {
width : 3.0em;
height : 1.3em;
}
.menue-button {
position : absolute;
right : 0;
top : 0;
display : block;
background-color : darkblue;
display : block;
padding : 0.5em;
color : white;
cursor : pointer;
text-decoration : none;
}
.menue-button:hover {
color : black;
background : orange;
}
#steuerung {
float : left;
width : 100%;
display : none;
}
ul#navihori li {
width : 100%;
list-style : none;
clear : both;
height : 24px;
background-image : url(../graphik/headerback.png);
}
ul#navihori a {
color : #333333;
}
#nav-menue:target #steuerung {
display : block;
height : 180px;
}
#nav-menue:target .menue-button-beschr-open {
display : none;
}
footer {
height : 26px;
font-size : 1.3em;
}
ul#footer li {
float : right;
height : 23px;
min-width : 13.8%;
}
}
@media print {
main {
width : 600px;
}
header {
display : none;
}
footer {
display : none;
}
nav {
display : none;
}
aside {
display : none;
}
article {
width : 100%;
}
div.printkontaktdaten {
display : block;
margin-top : 100px;
}
div.homepicline {
margin : 50px 0;
}
div.postprintimg {
text-align : center;
width : 100%;
height : 55px;
}
img.postprintimg {
width : 250px;
height : 45px;
margin : auto;
}
}
.rg-image-wrapper {
position : relative;
padding : 20px 30px;
background : url(../bilder/black.png) top left repeat transparent;
border-radius : 10px;
min-height : 20px;
}
.rg-image {
position : relative;
text-align : center;
line-height : 0;
}
.rg-image img {
max-height : 100%;
max-width : 100%;
}
.rg-image-nav a {
position : absolute;
top : 0;
left : 0;
background : url(../bilder/nav.png) -20% 50% no-repeat #000;
width : 28px;
height : 100%;
text-indent : -9000px;
cursor : pointer;
opacity : 0.300000011920928955078125;
outline : none;
border-radius : 10px 0 0 10px;
}
.rg-image-nav a.rg-image-nav-next {
right : 0;
left : auto;
background-position : 115% 50%;
border-radius : 0 10px 10px 0;
}
.rg-image-nav a:hover {
opacity : 0.800000011920928955078125;
}
.rg-caption {
text-align : center;
margin-top : 15px;
position : relative;
}
.rg-caption p {
font-size : 11px;
letter-spacing : 2px;
font-family : Arial, sans-serif;
line-height : 16px;
padding : 0 15px;
text-transform : uppercase;
}
.rg-view {
height : 30px;
}
.rg-view a {
display : block;
float : right;
width : 16px;
height : 16px;
margin-right : 3px;
background : url(../bilder/views.png) top left no-repeat #464646;
border : #464646 solid 3px;
opacity : 0.800000011920928955078125;
}
.rg-view a:hover {
opacity : 1;
}
.rg-view a.rg-view-full {
background-position : 0 0;
}
.rg-view a.rg-view-selected {
background-color : #6f6f6f;
border-color : #6f6f6f;
}
.rg-view a.rg-view-thumbs {
background-position : 0 -16px;
}
.rg-loading {
width : 46px;
height : 46px;
position : absolute;
top : 50%;
left : 50%;
background : url(../bilder/ajax-loader.gif) center center no-repeat #000;
margin : -23px 0 0 -23px;
z-index : 100;
border-radius : 10px;
opacity : 0.699999988079071044921875;
}
.es-carousel-wrapper {
background : #101010;
padding : 10px 27px;
border-radius : 10px;
position : relative;
box-shadow : 0 1px 3px rgba(0, 0, 0, 0.9);
position : relative;
margin-bottom : 20px;
}
.es-carousel {
overflow : hidden;
background : #000;
}
.es-carousel ul {
display : none;
}
.es-carousel ul li {
height : 100%;
float : left;
display : block;
}
.es-carousel ul li a {
display : block;
border-style : solid;
border-color : #222;
opacity : 0.800000011920928955078125;
transition : all 0.2s ease-in-out;
}
.es-carousel ul li.selected a {
border-color : #fff;
opacity : 1;
}
.es-carousel ul li a img {
display : block;
border : none;
max-height : 100%;
max-width : 100%;
}
.es-nav span {
position : absolute;
top : 50%;
left : 8px;
background : url(../bilder/nav_thumbs.png) top left no-repeat transparent;
width : 14px;
height : 26px;
margin-top : -13px;
text-indent : -9000px;
cursor : pointer;
opacity : 0.800000011920928955078125;
}
.es-nav span.es-nav-next {
right : 8px;
left : auto;
background-position : top right;
}
.es-nav span:hover {
opacity : 1;
}
.es-carousel ul {
display : block;
}
@media only screen and (max-width:540px) {
aside {
display : none;
}
article {
width : 100%;
}
}