body {
margin : 0;
padding : 0;
font-size : 1.00em;
background : #01566d;
font-family : 'PT Sans', sans-serif;
line-height : 150%;
text-align : left;
}
body {
background : url('body.jpg') 50% 0% repeat fixed;
}
h1 {
font-size : 130%;
font-weight : normal;
text-decoration : none;
margin : 0 0 0 0;
padding : 15px 20px 0 20px;
}
h2 {
font-size : 125%;
font-weight : normal;
text-decoration : none;
margin : 0 0 0 0;
padding : 10px 20px 0 20px;
}
h3 {
font-size : 115%;
font-weight : normal;
text-decoration : none;
margin : 0 0 0 0;
padding : 15px 20px 10px 20px;
}
p, table {
font-size : 100%;
margin : 0 0 0 0;
padding : 10px 20px 10px 20px;
}
a.i {
background : url(../i.gif) left center no-repeat;
padding-left : 10px;
text-decoration : none;
}
a.e {
background : url(../e.gif) left center no-repeat;
padding-left : 10px;
text-decoration : none;
}
strong {
color : #000;
font-weight : normal;
}
.linie {
border : none;
border-top : 1px dotted #bfacb5;
background-color : #FFFFFF;
height : 1px;
margin : 20px 20px 20px 20px;
}
#oben {
background : transparent;
color : black;
}
#oben p {
margin : 0 0 0 0;
padding : 5px 50px 5px 0;
text-align : right;
line-height : 100%;
}
#logorechts h5 {
font-size : 115%;
font-weight : normal;
text-decoration : none;
color : #000;
margin : 0 0 0 0;
}
#logorechts h1 {
font-size : 110%;
font-weight : normal;
color : #000;
text-decoration : none;
margin : 0 0 0 0;
}
h5::before {
content : url(../vor.png);
padding-right : 10px;
}
h6::after {
content : url(../nach.png);
padding-left : 10px;
}
#logoleiste {
background : transparent;
margin : 0;
}
#logoleiste-zentriert {
background : rgba(255, 255, 255, 0.6);
max-height : 181px;
border-top : 2px solid;
border-right : 2px solid;
border-left : 2px solid;
border-color : rgba(102, 102, 102, 0.3) rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
#clearlogo {
clear : both;
}
#menuleiste {
background : transparent;
}
#menuleiste-zentriert {
background : rgba(255, 255, 255, 0.6);
border-right : 2px solid;
border-left : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
#clearmenu {
clear : both;
}
#breadcrumbsleiste {
background : transparent;
}
#breadcrumbsleiste-zentriert {
background : #29166f;
color : #fff;
border-right : 2px solid;
border-left : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
#breadcrumbsleiste-zentriert a, a:link, a:active, a:visited {
text-decoration : none;
color : #fff;
}
#breadcrumbsleiste-zentriert a:hover {
color : #ffffff;
}
#clearbreadcrumbs {
clear : both;
}
#contentleiste {
background : transparent;
}
#contentleiste-zentriert {
background : rgba(255, 255, 255, 0.8);
border-right : 2px solid;
border-left : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
#contentleiste-zentriert a, a:link, a:active, a:visited {
text-decoration : none;
color : #003366;
}
#contentleiste-zentriert a:hover {
color : #000;
}
.c1 {
background : transparent;
margin : 2px 0 0 0;
}
.bildunterschrift-unten {
width : 100%;
position : relative;
}
.bildunterschrift-unten img {
display : block;
margin : 0 0 0 0;
}
.clear {
clear : both;
}
.c2 {
background : transparent;
margin : 2px 0 0 0;
}
.c3 {
background : transparent;
margin : 2px 0 0 0;
}
.c4 {
background : transparent;
margin : 2px 0 0 0;
}
.c5 {
background : transparent;
margin : 2px 0 0 0;
}
.c6 {
background : transparent;
margin : 2px 0 0 0;
}
#contentfull article a {
font-size : 100%;
font-weight : normal;
color : #666;
padding : 0 0 20px 0;
text-decoration : none;
}
#clearfooter1 {
clear : both;
}
#footerleiste-zentriert1 {
background : rgba(255, 255, 255, 0.8);
border-right : 2px solid;
border-left : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
.f1-1 {
background : transparent;
}
.f1-2 {
background : transparent;
}
.f1-3 {
background : transparent;
}
#clearfooter2 {
clear : both;
}
#footerleiste-zentriert2 {
background : transparent;
color : #ffffff;
border-right : 2px solid;
border-left : 2px solid;
border-bottom : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) rgba(102, 102, 102, 0.3) rgba(102, 102, 102, 0.3);
}
#footerleiste-zentriert2 a {
font-size : 90%;
font-weight : normal;
color : #fff;
padding : 0 5px 0 5px;
text-decoration : none;
}
.f2-1 {
background : #29166f;
}
#bildleiste {
background : transparent;
}
#bildleiste-zentriert {
background : rgba(255, 255, 255, 0.8);
color : black;
border-right : 2px solid;
border-left : 2px solid;
border-color : transparent rgba(102, 102, 102, 0.3) transparent rgba(102, 102, 102, 0.3);
}
#clearbild {
clear : both;
}
.frame {
max-width : 1280px;
margin : 0 auto;
}
.share-buttons {
list-style : none;
}
.share-buttons li {
display : inline;
}
.nextpage {
margin : 50px 10px;
}
img {
width : 100%;
height : auto;
}
.kleinesbild {
max-width : 100%;
max-height : 100%;
width : auto;
height : auto;
}
.links {
float : left;
background-color : transparent;
padding : 0;
margin : 0 25px 10px 0;
}
.rechts {
float : right;
background-color : transparent;
padding : 3px;
margin : 0 0 10px 10px;
}
.secure {
float : left;
margin : 0 15px 0 0;
}
@media only screen and (min-width:1280px) and (max-width:10000px) {
.iphone {
display : none;
}
.frame {
max-width : 1280px;
margin : 0 auto;
}
	.newspaper {
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
	    -moz-column-count: 3; /* Firefox */
	    column-count: 3;
}
#logolinks {
background : transparent;
color : black;
width : 50%;
padding : 30px 0;
float : left;
margin : 0 0 0 0;
}
#logorechts {
background : transparent;
color : black;
width : 50%;
padding : 45px 0 0 0;
text-align : center;
float : right;
} 
.newspaper {
column-count : 3;
}
.bildunterschrift-unten span {
background-color : white;
color : #222;
font-size : 80%;
background-color : hsla(0, 0%, 100%, 0.8);
position : absolute;
bottom : 0;
width : 96%;
line-height : 1.5em;
text-align : left;
padding : 5px 0 5px 10px;
margin : 0 0 0 1px;
}
#footerleiste-zentriert1 article {
width : 33%;
float : left;
}
#footerleiste-zentriert2 article {
width : 100%;
float : left;
}
}
@media only screen and (min-width:980px) and (max-width:1279px) {
.iphone {
display : none;
}
body {
font-size : 0.90em;
}
.newspaper {
column-count : 2;
}
.frame {
max-width : 100%;
margin : 0 auto;
}
	.newspaper {
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
	    -moz-column-count: 3; /* Firefox */
	    column-count: 3;
}
#logolinks {
background : transparent;
color : black;
width : 50%;
padding : 20px 0;
float : left;
margin : 0 0 0 0;
}
#logorechts {
background : transparent;
color : black;
width : 50%;
padding : 38px 0;
text-align : center;
float : right;
}
#contentfull {
width : 100%;
float : left;
background : #ffffff;
}
#contentfull article {
width : 20%;
float : left;
}
.bildunterschrift-unten span {
background-color : white;
color : #222;
font-size : 80%;
background-color : hsla(0, 0%, 100%, 0.8);
position : absolute;
bottom : 0;
width : 97%;
line-height : 1.5em;
text-align : left;
padding : 5px 0 5px 10px;
}
#footerleiste-zentriert1 article {
width : 50%;
float : left;
}
#footerleiste-zentriert2 article {
width : 100%;
float : left;
}
}
@media only screen and (min-width:760px) and (max-width:979px) {
.iphone {
display : none;
}
body {
font-size : 0.90em;
}
.frame {
max-width : 100%;
margin : 0 auto;
}
	.newspaper {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
}
#logolinks {
background : transparent;
color : black;
width : 40%;
padding : 20px 0;
float : left;
margin : 0 0 0 0;
}
#logorechts {
background : transparent;
color : black;
width : 60%;
padding : 38px 0;
text-align : center;
float : right;
}
#menuleiste-zentriert {
background : darkgrey;
color : black;
}
#contentfull {
width : 100%;
float : left;
background : #ffffff;
}
#contentfull article {
width : 50%;
float : left;
}
.bildunterschrift-unten span {
background-color : white;
color : #222;
font-size : 80%;
background-color : hsla(0, 0%, 100%, 0.8);
position : absolute;
bottom : 0;
width : 98%;
line-height : 1.5em;
text-align : left;
padding : 5px 0 5px 10px;
}
#footerleiste-zentriert1 article {
width : 50%;
float : left;
}
#footerleiste-zentriert2 article {
width : 100%;
float : left;
}
}
@media only screen and (min-width:320px) and (max-width:759px) {
.desktop {
display : none;
}
body {
font-size : 0.95em;
}
.frame {
max-width : 100%;
margin : 0 auto;
}
#logolinks {
background : transparent;
color : black;
width : 100%;
padding : 0 0 0 0;
float : none;
}
#logorechts {
background : transparent;
color : black;
width : 100%;
padding : 0 0 30px 0;
text-align : center;
float : none;
}
h5::before {
content : none;
padding-right : 10px;
}
h6::after {
content : none;
padding-left : 10px;
}
#contentfull {
width : 100%;
float : none;
background : #ffffff;
}
#contentfull article {
width : 100%;
float : none;
}
.bildunterschrift-unten span {
background-color : white;
color : #222;
font-size : 80%;
background-color : hsla(0, 0%, 100%, 0.8);
position : absolute;
bottom : 0;
width : 60%;
line-height : 1.5em;
text-align : left;
padding : 5px 0 5px 10px;
}
#footerleiste-zentriert1 article {
width : 100%;
float : none;
}
#footerleiste-zentriert2 article {
width : 100%;
float : none;
}
}