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

* {
	margin: 0px;
	padding: 0px;
	}


body {
  text-align: center;  /* nur für alte Browser */
  background-color: #0080c0;
  font: normal 0.8em/160% Arial,Helvetica, sans-serif;
  color: #000;
  background: #3399cc url(../img/hg.gif) repeat-y center;
  color: #ffffff;
}

/*ist der Container für den egsamten Inhalt*/

 #box {
	width: 800px;
  	margin: 0px auto;
  	text-align: left;
  	background: #267399;
 }


/* der obere Bereich mit Logo und Navigation*/ 

#head {
	height: 100px;
	background: url(../img/logo_skytalk.gif) top right no-repeat;
	}


#nav {
	position: absolute;
	z-index: 5;
	top: 66px;
	margin-left: 1.5em;
	}
	
/* die Bildbox wird benötigt, da dass Bild mit absolute Positioniert werden muss, um in einer höheren Ebene zu liegen. So kann die Navigation auch mal ein bisschen verrutschen, ohne dass man es sieht*/

#bildbox {
	height: 300px;
	
	}	
	
	#image {
	position: absolute;
	z-index: 10;
	top: 100px;
	
	}

/* der weiße Bereich für die h1 */

	#headline {	
	top: 400px;
	background: #ffffff;
	/*height: 50px;*/
	width: 800px;

	}
	
/* hier drin befindet sich der ganze Inhalt */	
	
	#content {
	top:450px;
	}
	
	
/* diese Klasse erzeigt den Abstand innerhalb des Contents. So gibt kein Problem mit dem Boxen-Modell */

.rand_headline {
	padding: 15px 50px;
	}
	
.rand_content {
	margin: 25px 50px 25px 100px;
	}	
	
/* Diese Klasse ist für die Bilder im Bereich Impressionen. Linksbündig und mit Schatten */

.image_schatten {
	background: url('../img/schlagschatten.jpg') no-repeat;
	width: 110px;
	height: 110px;
	position: relative;
	float: left;
	margin: 0 25px 25px 0;
	}
 
.image_schatten img {
	border: 1px solid #fff;
	position: relative;
	}
	
/* die Definition des Footers */

#footer_box {
	left: 0px;
	position:fixed;
    bottom:0px;
    width: 100%;
   /* border: 1px solid green;*/
	}

#footer {
	width: 800px;
  	margin: 0px auto;
	background: #154055;
	text-align: center;
	/*border: 1px solid red;*/
	font-size: 0.9em;
	}

/* Formatierung für das Wimdwärtslogo*/
	
.logo_wwe {
	margin-left: -15px;
	}	
	
	
/* Formatierung der Tabelle im Archiv */	
	
	.tab_box {
		
		}
		
	.tab_archiv {
		
		margin: 0px 5px ;
		}	
		
	.tab_oben {
		background: url(../img/tab_oben.gif) no-repeat;
		height: 9px;
		/*border: 1px solid red;*/
		}	
		
		
	.tab_mitte {
		height: auto;
		
		background: url(../img/tab_mitte.gif) repeat-y;
	/*	border: 1px solid yellow;	*/
	
		}	
		
		
	.tab_unten {
		background: url(../img/tab_unten.gif) no-repeat;
		height: 9px;
		/*border: 1px solid green;*/
		}