/* CSS-Stylesheet für die Rubrik Bewegte Bilder 220116 */

@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/Merriweather-Regular.ttf) format('truetype');
}
/*
@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/Merriweather-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Merriweather';
	font-style: italic;
	font-weight: 400;
	src: url(./fonts/Merriweather-Italic.ttf) format('truetype');
}
@font-face {
	font-family: 'Merriweather';
	font-style: italic;
	font-weight: 700;
	src: url(./fonts/Merriweather-BoldItalic.ttf) format('truetype');
}
*/
/* Im body werden der Haupthintergrund und die Schrift definiert. Der untere Scrollbalken
wird ausgeblendet */
body {
  background-color: #dadada;
  background-image: url(header_blanko.jpg);
  background-position:  0px 0px;
  background-repeat: no-repeat;
  font-family: 'Merriweather', times,'times new roman',georgia,serif;
  color: black;
  font-size: 1em;
  overflow-x: hidden;
  
}


/* Hier werden die Positionen der Graphiken im Header definiert */
#zwnn_header {
  position: absolute;
  top: 50px;
  left:75px;
}
#bew_bild_header {
  position: fixed;
  top: 65px;
  left: 10px;
}
#bew_bild_navi {
  position: absolute;
  top: 70px;
  left: 470px;
}
#comment_navi {
  position: fixed;
  top: 40px;
  left: 915px;
  z-index: 99;
}
/* 60px, 820px, float:left */

#home_navi {
  position: absolute;
  top: 70px;
  left: 400px;
}

#home_navi2 {
  position: fixed;
  top: 10px;
  left: 10px;
}

#about_side {
  position: fixed;
  top: 77px;
  left: 950px;
}

#musikmacher_side {
  position: fixed;
  top: 135px;
  left: 950px;
}

#hoeren_side {
  position: fixed;
  top: 260px;
  left: 942px;
}

#lesen_side {
  position: fixed;
  top: 320px;
  left: 945px;
}

#anderes_side {
  position: fixed;
  top: 372px;
  left: 933px;
}

/* Der Inhalt ist der Kasten in dem der gesamte Text steht */
#inhalt {
  border: 0px solid black;
  position: absolute;
  top: 115px;
  left: 50px;
  width: 900px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #f9f9f9;
  background-image: url(lesen_bg_NEW.jpg);
  background-repeat: no-repeat;
}


/* Überschrift */
h1 {
  padding: 0px 40px 0 40px;
  font-size: 1.25em;
  letter-spacing: 0.05em;
}
/* für times ist die font-size 1.3em */

/* Linker und rechter Abstand des Texts zum Kasten, Schriftgröße des normalen Texts */
p {
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.09em;
  line-height: 1.3;
  }
/* für times ist die font-size 1.2em  - line-height war für times nicht definiert*/  

p.klein1_text {
padding-left: 10px;
padding-right: 40px;
font-size: 0.9em;
}
/* für times ist die font-size 1.0em 
  
td { 
  font-size: 1.2em;
  }

/* Formatierung des Links-Texte */
#links {
  text-align: center;
  font-weight: bold;
}

/* Der abschliessende Footer */
#footer {
  padding: 0px;
  background-color: #f9f9f9;
  background-image: url(footer.jpg);
  height: 144px;
  color: black;
  text-align: left;
}


/* Die Positionen der Graphik-Elemente im Footer */
#copyright {
  position: relative;
  top: 30px;
  left: 20px;
  
}
#impressum {
  position: relative;
  top: 0px;
  left: 400px;
  
}
#rss {
  position: relative;
  top: -30px;
  left: 835px;
}


/* Die Definition des Aussehens von Link-Verweisen */
a:link {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #666666;
  text-decoration: none;
}
a:active {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #666666;
  text-decoration: none;
}
a:visited {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #666666;
  text-decoration: none;
}