/* Webseiten des Nationalparks Vorpommersche Boddenlandschaft */
/* Basiert auf dem Corporate Design Manual von Europarc */
/* Erarbeitet von: */
/*   Büro für Landschaftsplanung und Umweltberatung Dipl.-Ing. Jörg Schmiedel */
/*   Ulmenmarkt 1, D-18057 Rostock, Tel. 0381-2015758, http://www.blu-js.de */
/* (c) Nationalparkamt Vorpommersche Boddenlandschaft und Büro für Landschaftsplanung und Umweltberatung, 2001-2008 */


/* *** SEITENLAYOUT *** */

	body {
		margin: 23px auto;
		margin: 0;
		padding: 0;
		font: Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
	background: #8494b0;  /* Weg-Blau */
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
		}

#gesamtseite {
width: 860px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #ffffff; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* *** STARTSEITE *** */
#startgesamt {
	margin-top: 0;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 180px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }
#kopf {
background-image: url(startbild.jpg);
width: 860px;
height: 250px; 
margin: 0 auto;
padding: 0 auto;
background-repeat: no-repeat;	
}
#kopf h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    } 

    
#startartikel {
margin: 0 0 0 150px;
padding: 0px 10px 10px 15px;
border-left: 1px solid #3F475A;
background-color: #ffffff;
}
 
#menueleiste {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 150px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #ffffff; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
    }  

#spalte3 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 160px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	background: #ffffff; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
	font-size: 10pt;
    }
/* *** ARTIKELFENSTER*** */
#artikel {
margin: 0 0 0 150px;
/* border-left: 1px solid #3F475A; */
padding: 0 10px 10px 15px;
line-height: 14pt;
text-align: left;
font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
font-size: 10pt;
}
    
/* *** ARTIKELFENSTER mit 3. Spalte*** */
#artikel1 {
margin top: 0;
margin-right: 150px;
margin-bottom: 0;
margin-left: 150px;
line-height: 14pt;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
text-align: left;
font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
font-size: 10pt;
}

/* *** ?BERSCHRIFTEN *** */
/* Seiten?berschrift (Name der Komponente) */
h1  {
text-align: left;
font-family: Georgia, Times, TimesRoman, TimesNewRoman, serif;
font-weight: normal;
font-size: 23pt;
color: #393E29;
padding-top: 20px;
padding-bottom: 10px;
white-space: nowrap;
}

/* ?berschrift f?r Teilkomponenten */
h2  {
text-align: left;
font-family: Georgia, Times, TimesRoman, TimesNewRoman, serif;
font-weight: normal;
font-size: 16pt;
color: #393E29;
padding-bottom: 10px;
}

/* Zwischen?berschrift im Text */
h3  {
text-align: left;
font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
font-size: 10pt;
color: #393E29;
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
}

/* *** BILDER *** */
.bild {
font-family: Georgia, Times, TimesRoman, TimesNewRoman, serif;
font-style: italic;
font-size: 0.9em;
color: #393E29;
margin-bottom: 5px;
margin-top: 3px;
}

.bildlinks {
float: left;
margin-right: 10px;
}

.bildrechts {
float: right;
margin-left: 10px;
}

.bildoben {
float: inherit; 
padding-top: 12px;
}

/* *** SPEZIALFORMATIERUNGEN *** */
.infobox {
margin: 10px 10px 5px 0;
border: 2px solid #DCEDFF;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
}

tr.infobox {
padding: 0;
margin: 0;
border: 0;
}

th.infobox {
background: #DCEDFF;
color: #393E29;
padding: 5px 5px 5px 5px;
margin: 0;
font-size: 1.2em;
text-align: center;
border: 0;
}

td.infobox {
background: #ffffff;
color: #393E29;
padding: 5px 5px 5px 7px;
margin: 0;
font-size: 0.9em;
}

td.infobox li {
list-style-type: circle;
}

div.bildfolge {
width: 620px;
margin-left: 30px;
text-align: center;
}

p.bildfolge {
width: 600px;
padding-left: 40px;
font-family: Georgia, Times, TimesRoman, TimesNewRoman, serif;
text-align: justify;
line-height: 3.5ex;
font-size: 1.1em;
margin-bottom: 30px;
}

p.bildfolgegross {
width: 600px;
margin-left: 280px;
font-family: Georgia, Times, TimesRoman, TimesNewRoman, serif;
font-style: italic;
text-align: justify;
font-size: 2em;
line-height: 4.5ex;
color: #6A7554;
margin-bottom: 20px;
}

.rechts {
text-align: right;
}

.zentriert {
text-align: center;
}

.klein {
font-size: 0.8em;
}

.fett {
font-weight: bold;
}

.verborgen {
display: none;
}

a {
text-decoration: none;
color: #6A7554;
}

a:hover {
text-decoration: underline;
color: #6A7554;
}

a img {
border: 0;
}

#vorzurueck {
text-align: center;
font-weight: bold;
}

ul {
margin-left: 10px;
padding-left: 10px;
}

/* Trennlinie f?r Publikationsliste */
p.trennlinie { 
clear:both;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border-bottom: 1px solid #6A7554;
}

/* Trennlinie f?r Publikationsliste */
p.trennlinie_leer { 
clear:both;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border-bottom: 1px solid #FFFFFF;
}

/* *** FUSSZEILE *** */
#fusszeile {
margin: 0; /* 10px 20px 160px; */
padding: 10px 0; /* 10px 0; */
clear: both;
background: #3F475A;
border-top: 1px solid #3F475A;
color: #0a0a0a;
font-size: 10pt;
line-height: 14pt;
font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, Verdana, sans-serif;
}

#fusszeile a {
color: #3F475A;
text-decoration: none;
}

#fusszeile a:hover {
text-decoration: underline;
}
#fusszeile p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
/* Liste der Artikel einer Kategorie */
.artikelliste { 
font-weight: bold;
} 

    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }