body { font-family:arial; font-size:16px; color: #4b5a7b; background-color:#ffffff; }

body, html  {
  margin:0; padding:0;  
  height:100%; 
}

html  {
   overflow-y:scroll;
}

.navi1 div, a, img,   /* Browser Reset   */
 tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; }


/* Abstaende Aktuelles */

.aktuell { margin-top: 46px; }
.aktuell2 { margin-top: 75px; }
.aktuell3 { margin-top: 188px; }

.header { height: 200px; }
.wrapper { width: 980px; height: 100%; margin: 0px auto;  background-color: transparent; position: relative;}

a:link {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; }
a:visited {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none;}
a:hover {font-family:arial; font-size:16px; color:#000000; text-decoration: none;}

.klein {font-size:14px;}

a.k1:link {font-family:arial; font-size:14px; color:#000000; text-decoration: none; }
a.k1:visited {font-family:arial; font-size:14px; color:#000000; text-decoration: none;}
a.k1:hover {font-family:arial; font-size:14px; color:#000000; text-decoration: underline;}

a.ex1:link {font-family:arial; font-size:16px; color:#000000; text-decoration: none; }
a.ex1:visited {font-family:arial; font-size:16px; color:#000000; text-decoration: none;}
a.ex1:hover {font-family:arial; font-size:16px; color:#000000;; text-decoration: underline;}

a.ex:link {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1_extern.gif) no-repeat; background-position:left; padding-left: 27px; }
a.ex:visited {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1_extern.gif) no-repeat; background-position:left; padding-left: 27px;}
a.ex:hover {font-family:arial; font-size:16px; color:#000000;; text-decoration: underline; background:url(pics/s1_extern.gif) no-repeat; background-position:left; padding-left: 27px;}


.drag { position:absolute; cursor:move; width:30px; height:10px; }

.header { height: 155px; }

iframe 
{ height: 91%; 
width: 350px;
margin: 0px;
padding-top: 15px; 
background-color:transparent;
border: none;
overflow-x:hidden;
 }

.mapp {
position:absolute; top:0px; left:438px; z-index:3;
}

.links {width: 250px;  float: left; 
margin: 0px;
padding-top: 15px;
background-color: transparent; 
 }

.mitte {width: 510px;  float: left;
margin: 0px;
padding-top: 15px; line-height:1.4;
background-color: transparent;
 }

.rechts {width: 220px;  float: left;
margin: 0px;
padding-top: 15px; 
background-color: transparent; 
 }

.bild {
margin-left: 45px; margin-top: 25px;
 }

.bild2 {
margin-left:45px; margin-top: 25px;
 }

.linkrechts {
text-align: right; padding-right:45px; padding-top: 27px;
 }


.buddel {margin-top:284px; margin-right: 20px;  }

.leit {
padding-right:40px; 
 }

.werk { font-family: "Courier New", monospace; color:#606060; font-size:16px; }
a.by:link {font:16px Courier New, sans-serif; color:#000000;}
a.by:visited {font:16px Courier New, sans-serif; color:#000000; }
a.by:hover {font:16px Courier New, sans-serif; color:#000000; text-decoration: underline;}

p {
margin: 14px 0px; 
}

.kategorie {padding-right:40px; background:url(pics/back2b.gif) repeat-x; background-position:bottom; background-color: #ffffff; display: inline;
 }

a.norm:link {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position: right 70%; padding-right: 25px; }
a.norm:visited {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position: right 70%; padding-right: 25px; }
a.norm:hover {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position: right 70%; padding-right: 25px; }


.hintergrund1 {
background: url(s2/b1.gif); 
}

.hintergrund2 {
background: url(m/1024.gif); 
background-repeat: repeat;
}

.hg1 {
background: url(s2/nsc1.gif); 
}

.hg2 {
background: url(s2/nsc2.gif); 
}

.hg3 {
background: url(s2/nsc3.gif); 
}

.hg4 {
background: url(s2/nsc4.gif); 
}

.mapp {
position:absolute; top:0px; left:438px; z-index:3;
}

a.norm2:link {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left; padding-left: 27px; }
a.norm2:visited {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left; padding-left: 27px; }
a.norm2:hover {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left; padding-left: 27px; }

.cover1 { padding-left: 34px; padding-top: 10px; padding-bottom: 18px; }
.cover { padding-left: 34px; padding-bottom: 18px; }

.p1 {
padding-top: 56px; 
} 

.p2 {
padding-top: 52px; 
} 

.p3 {
padding-top: 52px; 
} 

.p4 {
padding-top: 45px; 
} 

.p5 {
text-align:center; padding-top: 780px; 
} 


.rahmen2
{width:640px; height: 480px;
 }

.tube2
{width:640px; height: 360px;
 }

.jonathan {
padding-top: 220px; padding-left: 21px;
} 

/* Fotos */

.links2 {width: 350px;  float: left; 
margin: 0px;
padding-top: 15px;
background-color: #ffffff; 
 }

.linkrechts3 {
text-align: right; padding-right:101px; padding-top: 26px;
 }

.mitte2 {width: 510px;  float: left;
margin: 0px;
padding-top: 20px; line-height:1.4;
background-color: #ffffff;
 }

.foto {
margin-left:3px; margin-top: 3px; margin-right:3px; margin-bottom:3px;
 }

.if1
{ 
width: 505px; height: 485px; 
margin: 0px;
padding-top: 12px;
background-color:transparent;
border: none;
overflow-x:hidden; overflow-y:hidden;
 }

/* gedichte - schwindelei*/

.wrapper2 { width: 980px; height: 77%; margin: 0px auto;  background-color: transparent; position: relative; }


/* Kinderliteratur */

.wrapper3 { width: 980px;  margin: 0px auto; position: relative; 
background: url(kinderliteratur/kaese3.jpg);
 background-position:150px 150px;
background-repeat: no-repeat; background-color: transparent; }

.mitte3 {width: 510px; float:left;
margin: 0px;
padding-top: 105px; line-height:1.4; 
background-color: transparent;
 }

.linkrechts2 {
text-align: right; padding-right:45px; padding-top: 132px;
 }

.klbodo {margin-top:200px; margin-right: 20px;  }

/* Leseproben */

.wrapper4 { width: 980px;  margin: 0px auto; position: relative; 
background: url(kinderliteratur/buddelschiff2.jpg);
background-position:170px 150px; background-repeat: no-repeat; background-color: transparent; }

.mitte4 {width: 530px; float: left;
margin: 0px; padding-top: 140px; line-height:1.4; 
background-color: transparent;
 }

.bildlp1 { float: left; margin-right: 30px; margin-bottom:20px;
 }

/* Kolumnen */

a.aktiv:link {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position: right 70%; padding-right: 25px; }
a.aktiv:visited {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position: right 70%; padding-right: 25px; }
a.aktiv:hover {font-family:arial; font-size:16px; color:#000000;text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:right 70%; padding-right: 25px; }

.mittek {width: 510px;  float: left;
margin: 0px;
padding-left: 50px; padding-top: 15px; line-height:1.4; 
background-color: transparent;
 }

/* Hörproben 2 */
.hoer2a {
padding-top: 30px; padding-left: 34px;
} 

a.back:link {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left 65%; padding-left: 27px; }
a.back:visited {font-family:arial; font-size:16px; color:#000000; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left 65%; padding-left: 27px; }
a.back:hover {font-family:arial; font-size:16px; color:#4b5a7b; text-decoration: none; background:url(pics/s1x.gif) no-repeat; background-position:left 65%; padding-left: 27px; }

.linkrechts2b {
text-align: right; padding-right:45px; padding-top: 110px;
 }