@charset "UTF-8";
/* CSS Document */




* {
	margin: 0;
	padding: 0;
	}
	
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #36424a;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	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;
    }

#wrapper{ 
   margin: 0 auto;
}
	
/*==================================================================================
                                Kopf Bereich
==================================================================================*/	
#container { 
    	width: 100%;
    	background: #FFFFFF;
       	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
	

#header { 
    	background: #36424a; 
    	background-image: url(images/kopf_w.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		height: 177px;
    } 
	
#header h1 {
    	display: none;
    }
	
#titel {
    	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-left: 70px; 
		background-color: #36424a;
    }
	
#titel h2{
		color: #828a8f;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 4em;
		}

/*==================================================================================
                                Haupt Bereich
==================================================================================*/

#main {
	margin: 0 50px 10px 50px;
	padding-bottom: 40px;
	background-color: #5f6a72;
	text-align: left;
	} 
	
	
/* --------------sidebar1 navigavtion------------- */
#sidebar1 {
	float: left;
	width: 11em; 
	background-image: url(images/navi_hg_w.jpg);
	height: 300px;
	padding: 15px 0; 
	background-repeat: repeat-y;
    }
	
#sidebar1 a {
display: block; /*ganze Fläche anklickbar*/
width: 120px;
text-decoration: none;
color: #20558a;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 2em;
}

#sidebar1 ul {
	list-style-image: url(images/navi_kreis_w.gif);
	list-style-position: outside;
	padding: 0 0 0 52px;
	margin: 0;
}

#sidebar1 ul li.unterpkt {
	list-style-image: url(images/navi_pfeil_unten_w.gif);
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

#verborgen {
	display: none; 
	}
	
ul li.archiv {
	list-style-image: url(images/navi_kreis_on.gif);
	list-style-position: outside;
	padding: 0;
	margin: 0 0 5px -20px;
	}

#sidebar1 ul a:hover{
	color: #828a8f; 
	font-weight: bold;
	}
	
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
    }
	
/*-----------------ende navigation -----------------*/
	
/*-----------------optionale rechte Spalte -----------------*/
#sidebar2 {
    	float: right; 
    	width: 11em; 
    	background: #EBEBEB; 
    	padding: 15px 0; 
    }
	
/*-----------------ende optionale rechte spalte -----------------*/

    
    /* Tipps für mainContent:
    1. Wenn Sie diesem #mainContent-div nicht denselben Schriftgrößenwert wie dem #sidebar1-div zuweisen, basieren die Ränder des #mainContent div auf der Schriftgröße des #mainContent-div, und die Breite des #sidebar1-div basiert auf der Schriftgröße des #sidebar1-div. Sie sollten die Werte dieser divs anpassen.
    2. Der Abstand zwischen mainContent und sidebar1 entsteht durch den linken Rand des mainContent-div. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen linken Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet.
    3. Zur Vermeidung von Float-Drops müssen Sie gegebenenfalls die ungefähre maximale Bild-/Elementgröße anhand eines Tests ermitteln, weil dieses Layout auf der vom Benutzer angegebenen Schriftgröße und den von Ihnen festgelegten Werten basiert. Wenn der Benutzer die Browser-Schriftgröße aber auf einen Wert eingestellt hat, der unter dem Normalwert liegt, steht im #mainContent-div weniger Platz zur Verfügung als beim Test erkennbar.
    4. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch wird das potenzielle Auftreten verschiedener IE-spezifischer Fehler verhindert.
    */
#mainContent {
     	margin: 0 1em 0 10em;  
    	padding: 0 2em 0 2em; 
    } 
	
#mainContent img {
	float: left; 
	/*width: 291px; herbst*/
	width: 413px;
	margin-right: 10px;
	}
	
#mainContent p{
	color: white;
	line-height: 1.5em;
	}
	
p .initcap {
font-size: 3.5em;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 0.8em;
}	


/*================Galerie ===================================================*/

div.galerie { 
   overflow: hidden; /* zum Umschließen der Floats */
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 10px;
 }
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}

#orahmen{
	border: hidden;
	}

div.galerie p, h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}


.bildlinks {
   float:left; 
   padding: 3px; 
   margin-right: 10px; 
   margin-top: 20px; 
}
.bildrechts {
   float:right; 
   padding: 3px; 
   margin-bottom: 10px;
   margin-left: 10px; 
}

#dino{
	background-image: url(images/a_winter09_dino.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}
/*==================================================================================
                                Spezielles
==================================================================================*/
p.haftung {
	margin-top: 20px; 
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

p.mail a {
	border-bottom: #2c95b5 solid 2px; /*winter*/
	}
	
a {
	text-decoration: none;
	color: white; 
		} 


/*nachoben Link */	
a.klLink {
	font-size: 0.7em;
	color:white;
	margin-left: 10px;
	border-bottom: #2c95b5 solid 1px; /*winter*/
	}
	


/*==================================================================================
                                Fußzeile
==================================================================================*/
	
#footer { 
    	clear: both;
		/*position: fixed;*/
		/*position: absolute;*/
		width: 100%;
		z-index: 6;
		bottom: 0px;
		padding: 0 5px; 
		background:#cbdfe8; /*winter*/
    } 
	
#footer 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. */
		/*color: white; */
		color: #20558a; /*winter*/ 
		text-align: center;
		font-size: 0.7em;
    }

#footer a{
	text-decoration: none;
	/*color: white; */
	color: #20558a; /*winter*/ 
	}
    
    /* Verschiedene wieder verwertbare Klassen */
    .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;
    }
    .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;
    }
	
	/*==================================================================================
                                IE Bereich
==================================================================================*/
    --> 
    </style><!--[if IE]>
    <style type="text/css"> 
    /* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
    #sidebar1, #sidebar2 { padding-top: 30px; }
    #mainContent { zoom: 1; padding-top: 15px; }
    /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
    </style>
    <![endif]-->