/* ============================ Hauptseite ================================ */

@charset "utf-8";

html	{
		background: url(../bilder/hintergrund/hecht-3.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body {
		font: 100.1% Arial, Verdana, Helvetica, sans-serif;
		color: #344405;
		line-height: 100%;
		padding: 0;
		margin: 20px auto 40px auto;
		width: 1002px;
		height: 100%;
		-ms-overflow-style: none; /*-ms-autohiding-scrollbar;*/
		hyphens: auto;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto
}

/*------------ Anfang Kopf ----------------*/

header#page  {
		margin: 0 auto 0 auto;
		padding: 0 auto 0 auto;
		width: 1002px; 
		height: 480px;
}

.text-left{
		width: 480px;
		margin: 0;
		padding: 0;
		text-shadow: rgba(255,255,255,0.8)	6px 6px 6px;
		font-style: italic;
		font-weight: bold;
}

header#page h1 {
		font-style: italic;
		font-size: 1.8em;
		width: 580px;
}
/* ---------------- Anfang Esox-Logo im Header -------------------*/

.esox-logo{
		float: left;	
		width: 0;
		height: 0;
		margin: -22px 2px 0 50px;
		padding: 0;
 } 

/*---------------- Ende Esox-Logo --------------*/
.text-mitte {
		float: left;
		width: 992px;
		height: 10px;
		margin: 20px 0 30px 70px;
		padding: 0 0 0 0;
		text-shadow: rgba(255,255,255,1.6)	6px 6px 6px;
		font-size: 1.6em; 
		font-style: italic;
		font-weight: bold;
		text-align: center;
}


 
/*---------------- Kopf Ende --------------*/

article#inside   {		
		color: #344405;
		margin: auto auto auto auto;
		padding: 0 auto 0 auto;
		width: 600px;
		height: 300px;
}

article#content 	{		
		width: 560px;
		height: 380px;
		margin: 0;
		padding: 6px 0 0 0;
		background-color: #f6ebcf;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}
  
p.text {
		line-height: 1.2em;
		font-size: 1.2em; 
		font-style: italic;
		font-weight: bold;
		padding: 0;
}

hr.linie { 
		border: none; 
		border-top: 1px solid #344405;
		height: 1px; 
		margin: 6px 80px 6px 80px;			
}



/* ---------------- Links ------------------*/

a   {
		font-family: Arial, Verdana, sans-serif;
		color: #344405;
		font-style: italic;
		font-weight: normal;
		text-decoration: underline;
}

a:hover {
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
		color: #0000ff;
		text-decoration: underline;	
}

a:focus {
		outline: none;
}