/*font-family: 'Merriweather', serif;*/
* { padding: 0; margin: 0; }
/* Abstand nach unten */
h1,h2 ,h3, p, ul, ol { margin-bottom: 1em; }
/* 1em ist von der Größe des Buchstben: M */
/* Verschachtelte Listen ohne Abstand */
ol ul {
margin-bottom: 0;
padding-left: 20px;
}
/* Abstand von links */
li { margin-left: 1em;
font-family:'Merriweather', serif;
color:black;
text-align: center;
}
/* Kommentar in CSS */
/* Importiert die Schriftart vom Google-Server */
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
body { /*SELEKTOR*/
font-family: 'Amatic SC', cursive;
background-color: #091540; /*Hintergrundfarbe*/
color: white ; /*schriftfarbe*/
}
/* Gestalte das div mit id="wrapper" */
div#wrapper {
top: 200px;
position: relative;
background-color: #ABD2FA;
color: black;
width: 720px;
margin-left: auto;
margin-right: auto; /*auto zentriert */
padding: 20px; /* alle 4 Richtungen */
font-family: 'Merriweather', serif;
}
div#kopfbereich {
position: absolute;
top: -200px;
left: 0px;
background-color: #ABD2FA;
color: black;
width: 720px;
padding: 20px; /* alle 4 Richtungen */
}
h1, h2 { font-family: 'Amatic SC',Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
a {
text-decoration: none; /* keine Unterstreichung von Links*/
}
div#textbereich a {
border-bottom: 1px dotted #cc0000;
color: black;
font-family: 'Merriweather', serif;
}
div#navibereich a:hover,
div#navibereich a:focus {
border-bottom: 1px solid #091540;
color: red;
}
.infobox {
color : black;
background-color: #ABD2FA;
border: 0.2em solid #091540;
border-left: none;
border-bottom: none;
border-right: none;
}
.bild {
text-align: center;
}
.video {
text-align: center;
color:red;
}