html, body {
         margin: 0;
         padding: 0;
         text-align: center;
         background: #FF8390 url(../img/hintergrund_body.gif) repeat-y fixed;
         }

#gesamt {
         margin: auto;
         margin-top: 20px;
         text-align: left;
         padding: 0;
         border-left: 1px #999 solid;
         border-top: 1px #999 solid;
         border-right: 2px #333 solid;
         border-bottom: 1px #666 solid;
         width: 839px;
         }

#kopfzeile {
         float: left;
         padding: 0;
	margin: 0;
	border: 0;
	height: 128px;
	width: 800px;
         }

#rand    {float: right;
         padding: 0;
         width: 39px;
         height: 200px;
         }

#spalte-links {
         clear: all;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	border: 0;
	width: 120px;
         }

#inhalt {
         float: left;
	padding: 0 10px;
	margin: 0;
	border: 0;
	width: 490px;
	border-bottom: 0px #e6e6e6 solid;
	}

#spalte-rechts {
	float: right;
	padding: 0 10px 0 0;
	margin: 0;
	width: 140px;
	}

#fusszeile {
         clear: both;
	padding: 4px 0 0 140px;
	margin: 0;
         font-size: small;
         color: #999;
	height: 30px;
	}


/* ==== CLEAR ==== */
.clear {clear: both; }


/* ==== NAVIGATION ==== */
#navlist {
         padding: 1px;
         margin-top: 10px;
         margin-left: 0px;
	}

#navlist li {
         list-style: none;
         margin: 0px;
         /* border: weiß - ohne border zu große abstände in IE*/
         border-bottom: 1px #fff solid;
         font: 1em monospace,'courier new',courier;
         font-weight: normal;
         text-align: left;
         /*background: #f5f5f5;*/
         }

#navlist li a {
         display: block;
         padding: 4px 8px 2px 7px;
         text-decoration: none;
         }

#navlist li a:link {
         color: #CF2020;
         }

#navlist li a:visited {
         color: #CF2020;
         }

#navlist li a:hover {
         color: #fff;
         background: #000;
         }

/*Link im Seitenkopf*/

#navlistkopf li {
         list-style: none;
         margin: 0px;
         border-top: 1px #999 solid;
         border-right: 1px #666 solid;
         border-bottom: 1px #666 solid;
         border-left: 1px #999 solid;
         font: 1em monospace,'courier new',courier;
         font-weight: normal;
         text-align: left;
         color: #DF6F7B;
         /*background: #f5f5f5;*/
         }

#navlistkopf li a {
         display: block;
         padding: 4px 8px 6px 6px;
         text-decoration: none;
         }

#navlistkopf li a:link {
         color: #DF6F7B;
         }

#navlistkopf li a:visited {
         color: #DF6F7B;
         }

#navlistkopf li a:hover {
         color: #fff;
         background: #DF6F7B;
         }

/* ===== HYPERLINKS ==== */

a:link {
        color: #666;
        text-decoration: underline;
}

a:visited {
        color: #999;
        text-decoration: underline;
}

a:hover, a:focus {
        color: #ff3333;
        text-decoration: underline;
}

a:active {
        color: black;
}

/*Links im Intro-Kasten*/


a.intro:link {
        padding: 1px;
        color: #666;
        text-decoration: none;
}

a.intro:visited {
        padding: 1px;
        color: #666;
        text-decoration: none;
}

a.intro:hover, a:focus {
        padding: 1px;
        color: #fff;
        background: #000;
        text-decoration: none;
}

a.intro:active {
        padding: 1px;
        color: black;
}

/* mehr-Links unter Anreißern und Links auf Seite "Partner" */
a.mehr {
        padding: 2px;
        color: #CF2020;
        font-weight: bold;
        background: #fff;
        text-decoration: none;
}

a.mehr:visited {
        padding: 2px;
        color: #CF2020;
        font-weight: bold;
        background: #fff;
        text-decoration: none;
}

a.mehr:hover, a.mehr:focus {
        padding: 2px;
        color: #666;
        font-weight: bold;
        background: #FFC1C8;
        text-decoration: none;
}

a:active {
        padding: 2px;
        color: #CF2020;
        font-weight: bold;
        background: #fff;
        text-decoration: none;
}

/*Fußzeilen-Links*/


a.fuss:link {
        padding: 1px;
        color: #999;
        text-decoration: none;
}

a.fuss:visited {
        padding: 1px;
        color: #999;
        text-decoration: none;
}

a.fuss:hover, a:focus {
        padding: 1px;
        color: #fff;
        background: #000;
        text-decoration: none;
}

a.fuss:active {
        padding: 1px;
        color: black;
}

/* ===== INHALT ==== */

/* "div.logolink" wäre für Link auf Startseite, Ränder in "div.kopftext" müssten dann angepasst werden - z.Zt. gibt es aber ein Problem mit dem unteren Abstand des MedienWerkstätten-Links im IE */

/*div.logolink {
         float: left;
         padding: 4px;
         }*/

div.kopftext {
         margin-top: 68px;
         margin-left: 506px;
         padding-right: 10px;
         }

div.logos {
         padding-left: 10px;
         border-top: 1px #e6e6e6 solid;
         border-bottom: 1px #e6e6e6 solid;
         }

div.meldungen {
         float: left;
         width: 380px;
         }

div.introtext {
         float: left;
         width: 360px;
         margin-top: 14px;
         margin-bottom: 10px;
         padding: 3px 4px 3px 8px;
         background: #FFC1C8;
         border: 1px #999 solid;
         }

div.text {clear: both;
         float: left;
         width: 380px;
         }

div.bild {
         float: right;
         padding: 12px 0 0 10px
         }

.bildmehr    {
         padding: 1px;
         background: #fff;
         border: 1px #5689C5 solid;
         }

.bildfix    {
         padding: 1px;
         background: #fff;
         border: 1px #666 solid;
         }

.bildstreifen    {
         padding: 0px;
         background: #fff;
         border: 2px #5689C5 solid;
         }

div.clear {
         clear: both;
         height: 1px;
         }

h1 {
         margin-top: 4px;
         margin-bottom: 0px;
         font: 0.7em verdana, arial, helvetica, sans-serif;
         font-weight: bold;
         color: #666;
   }

h2 {
         clear: both;
         margin-bottom: 0px;
         padding-top: 0px;
         padding-bottom: 0px;
         font: 1.3em verdana, arial, helvetica, sans-serif;
         font-weight: normal;
         color: #666;
   }

h3 {
         margin-top: 0px;
         margin-bottom: 0px;
         font: 0.7em verdana, arial, helvetica, sans-serif;
         font-weight: bold;
         color: #666;
   }

p {
         margin-top:10px;
         font: 0.8em verdana, arial, helvetica, sans-serif;
         font-weight: normal;
         line-height: 1.4em;
   }

p.ueber-intro {
         margin: 0;
         margin-bottom: 4px;
         font-size: 0.8em;
         color: #666;
   }

p.intro {
         margin-top: 4px;
         margin-bottom: 0px;
         font-size: 0.7em;
         color: #666;
   }

p.unter-intro {
         margin: 0;
         margin-top: 4px;
         font-size: 0.7em;
         color: #666;
   }

p.date {
         margin-top: 0px;
         margin-bottom: -6px;
         font-size: 0.6em;
         color: #666;
   }

p.mehr {
         font-size: 0.6em;
         color: #666;
   }

p.wichtig {
         margin-top: 4px;
         margin-bottom: 0px;
         font: 0.7em verdana, arial, helvetica, sans-serif;
         font-weight: bold;
         color: #666;
   }

p.legende {
         font-size: 0.7em;
         color: #666;
   }

/* Listenpunkte - bei Bedarf noch genauer anpassen */

ul.text {
         margin: 0.1em 0.2em;
         padding: 0 1.5em;
         font: 0.7em verdana, arial, helvetica, sans-serif;
        line-height: 1.35em;
}

li.text {
        line-height: 1.35em;
}