body {
	font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
         font-size: 62.5%; /* Resets 1em to 10px */
     }

p {
       font-size: 1.1em;
     }

p.metainfo {
        color: #868686;
        margin-top: -10px;
}


ul {
       font-size: 1.1em;
     }

h1 {
       font-size: 1.5em;
       line-height: 1.3em;
       margin-top: 1em;
   }

h1 a {
    color: black;
    text-decoration: none;
}


h2 {
       font-size: 1.1em;
       line-height: 1.1em;
       font-weight: bold;
       margin-top: 3em;
   }

/* POSITIONIERUNGEN */
#logo {
	position: absolute;
         top: 11px;
         left: 715px;
}

#container { margin: auto;
	    width: 880px;
             height: 570px;
             border: 1px solid black;
             position: absolute;
             top: 20px;
             background-image:url(grafiken/hintergrund.gif);
}

#hauptnavi {
	    position: absolute;
             top: 65px;
             left: 240px;

             width: 500px;
             height: 23px;
             vertical-align: middle;
             border: none;
             font-family: "Century Gothic", Verdana, "Lucida Sans", sans-serif;
             text-transform: uppercase;
             font-size: 1.0em;
             z-index: 100;
             white-space: nowrap;
	}

#hauptnavi a {text-decoration: none; color: #000;}
#hauptnavi a.highlight {text-decoration: none; color: #000; font-weight: bold;}
#hauptnavi a.visited {text-decoration: none; color: #000;}
#hauptnavi a.hover {text-decoration: none; color: #000;}
#hauptnavi a.active {text-decoration: none; color: #000;}

#transparenzstreifen_oben {
	position: absolute;
         top: 130px;
         left: 240px;
	width: 430px;
         height: 12px;
         z-index: 10;
         background-image:url(grafiken/transparenzstreifen_oben.png) !important;
         background-image:none;
}

#transparenzstreifen_unten {
	position: absolute;
         top: 558px;
         left: 240px;
	width: 430px;
         height: 12px;
         z-index: 11;
         background-image:url(grafiken/transparenzstreifen_unten.png) !important;
         background-image:none;
}

#zitat {    position: absolute;
            top: 107px;
            left: 715px;
            width: 150px;
            height: 50px;
            text-align: center;
            color: white;
            font-weight: bold;
}

#flash_header {
	     position: absolute;
              top: 0;
              left: 0;
              height: 60px;
              width: 692px;
	}

#flash_wanderbalken {
	     position: absolute;
              top: 0;
              left: 0;
              height: 60px;
              width: 692px;
	}

#bereichs-id {
	    position: absolute;
             top: 123px;
             left: 10px;
             width: 220px;
             text-align: right;
	}

#bereichs-id h1 {
             color: #CB5000;
             font-size: 2.3em;
             font-weight: bold;
             font-family: "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
             text-transform: uppercase;
             margin: 0;
}

#bild_links {
	   position: absolute;
            left: 0;
            top: 158px;
            width:240px;
            height: 412px;
	}

#teaser_links {
	position: absolute;
         width: 240px;
         top: 200px;
         left: 0;
         border-top: 1px solid #888;
         border-bottom: 1px solid #888;
	background-image:url(home_background_teaser.jpg);
         background-position: 0 -42px;
         z-index: 10;
}

#teaser_links h1 {
	background: #EAEAEA;
         margin: 0;
         font-size: 1.1em;
         font-weight: bold;
         padding: 3px 12px;
}

#teaser_links p {
         margin: 0;
         padding: 5px 12px;
}

#teaser_links a {text-decoration: none; color: #464646;}
#teaser_links a:visited {text-decoration: none; color: #464646;}
#teaser_links a:hover {text-decoration: underline; color: #464646;}
#teaser_links a:active {text-decoration: underline; color: #464646;}

#subnavi {
	  background: #EAEAEA;
           position: absolute;
           padding: 4px 3px 6px 10px;
           top: 110px;
           left: 240px;
           width: 437px;
           height: 10px;
           vertical-align: middle;
           z-index: 10;
           text-transform: uppercase;
	}

#subnavi a {text-decoration: none; color: #000;}
#subnavi a.highlight {text-decoration: none; color: #000; font-weight: bold;}
#subnavi a.visited {text-decoration: none; color: #000;}
#subnavi a.hover {text-decoration: none; color: #000;}
#subnavi a.active {text-decoration: none; color: #000;}

#content {
	  background: #fff;
           position: absolute;
           top: 130px;
           left: 240px;
           width: 429px;
           padding: 0 10px;
           height: 440px;
           overflow: auto;
           z-index: 1;
           color: #000000; /* was: #464646 */
           line-height: 2em;
           border-right: 1px solid #EAEAEA;
	}

#latest_news {
	position: relative;
	width: 409px;

    padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #868686;
	overflow: hidden;
    background: transparent;
}

      #latest_news h1 a {
      	color: black;
      	text-decoration: none;
      }

      #latest_news p {
        position: relative;
      	z-index: 10;
        background: transparent;
      }

      #latest_news .background {
      	position: absolute;
      	font-size: 5em;
      	bottom: 0;
      	right: 0;

      	color: #EAEAEA;
      	font-weight: bold;
      	z-index: 0;
      }

      #latest_news .background a,
      #latest_news .background a:visited,
      #latest_news .background a:hover,
      #latest_news .background a:active {
      	color: #EAEAEA;
      	text-decoration: none;
      }

      a.read_on {
      	padding-left: 2em;
      }

      p.pubdate {
        color: #ff6600;
        margin: 20px 0 -10px 0;
        padding: 0;
        font-size: 1em;
        line-height: 1em;
      }


#impressum_kontakt {
           position: absolute;
           top: 550px;
           left: 700px;
           width: 170px;
           text-align: center;
           text-transform: uppercase;
           font-family: "Century Gothic", Verdana, "Lucida Sans", sans-serif;
           text-transform: uppercase;
           font-size: 1.1em;
           letter-spacing: 0.05em;
	}

#infostreifen_unten_kontakt {
	position: absolute;
         top: 575px;
         width: 880px;
         height: 20px;
         color: #888;
         text-align: center;
		 
		 letter-spacing: -0.01em !important; /* not understood by IE */
}


#impressum_kontakt a {text-decoration: none; color: #ff6600;}
#impressum_kontakt a.visited {text-decoration: none; color: #ff6600;}
#impressum_kontakt a.hover {text-decoration: none; color: #ff6600;}
#impressum_kontakt a.active {text-decoration: none; color: #ff6600;}

#teaser_rechts {
         position: absolute;
         width: 190px;
         height: 400px;
         top: 155px;
         left: 690px;
         overflow: auto;
         background: white;
}

#teaser_rechts_oberer {
	position: absolute;
         width: 150px;
         top: 20px;
         left: 20px;
}

#teaser_rechts_oberer h1 {
	margin: 0;
         margin-bottom: 5px;
         font-size: 1.1em;
         font-weight: bold;
}

#teaser_rechts_oberer p.buchtitel {
	color: #000000; /* was: #868686 */
         clear: none;
         margin: 0;
}

#teaser_rechts_oberer p {
	color: #aaa;
         clear: both;
         margin: 0;
}

#teaser_rechts_oberer a {text-decoration: none; color: #000000 /* was: #464646 */;}
#teaser_rechts_oberer a:visited {text-decoration: none; color: #000000 /* was: #464646 */;}
#teaser_rechts_oberer a:hover {text-decoration: underline; color: #000000 /* was: #464646 */;}
#teaser_rechts_oberer a:active {text-decoration: underline; color: #000000 /* was: #464646 */;}


#teaser_rechts_unterer {
	position: absolute;
         width: 150px;
         top: 125px;
         left: 20px;
}

#teaser_rechts_unterer h1 {
	margin: 0;
         margin-bottom: 5px;
         font-size: 1.1em;
         font-weight: bold;
}

#teaser_rechts_unterer p {
	color: #000;
         clear: both;
         margin: 0;
}

#teaser_rechts_unterer a {text-decoration: none; color: #000000 /* was: #464646 */;}
#teaser_rechts_unterer a:visited {text-decoration: none; color: #000000 /* was: #464646 */;}
#teaser_rechts_unterer a:hover {text-decoration: underline; color: #000000 /* was: #464646 */;}
#teaser_rechts_unterer a:active {text-decoration: underline; color: #000000 /* was: #464646 */;}