@charset "utf-8";
body {
		font-size: 100%;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #344405;
		line-height: 100%;
		padding: 0;
		margin: 20px auto 0 auto;
		width: 980px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;	
}

article.content  {
		float: left;
		width: 980px;
		height: auto;				
}

header.page  {
		margin: 0;
		padding: 0;
		width: 900px; 
		height: 570px;	
}

article.beschreibung  {
		float: left;
		width: 740px;
		height: 920px;	
		border: 2px solid #344405;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		/*text-align: center;*/
		background-color: #f6ebcf;
		/*font-size: 0.8em;*/
		padding: 0 8px 0 8px;
		z-index: 1;
}

h4.alternative  {
		margin: 10px 0 8px 0;
		text-align: center;
		font-size: 1.2em;
}

p.strong {
		margin: 6px 0 6px 0;
}

aside.aussen-rechts   {
		float: left;
		width: 212px;
		height: 1020px;
		margin: 0 0 0 8px;
}


h4.alternative  {
		margin: 10px 0 8px 0;
		text-align: center;
		font-size: 1.2em;
}

h3 {
		margin: 10px 0 8px 0;
		text-align: center;
		font-size: 1.2em;
}

h4 {
		margin: 4px 0 4px 0;
		padding: 0;
		color: #344405;
}

	
/* ------------------------------------------*/

.hiddensee {
		float: right;
		/*width: 140px;*/
		margin-top: 0;
		position: relative;
}

.galerie-hecht img	{
		width: 140px;
		height: 97px;
		display: block;
		margin: 0px 0 4px 0px;		
		border: 0;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;	
 } 

.galerie-hecht a .gross	{
		display:none;
 }
 
.galerie-hecht a:hover .gross {
		width: 600px;
		height: 337px;
		display: block;
		position: absolute;
		top: 90px;
		left: -472px;
		z-index: 1;
		background: #f6ebcf;
		padding: 8px;
		border: 2px solid #cbcbcb;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
 }
 
figure.galerie-hecht {
		float: right;
		width: 140px;
		text-align: center;
		font-size: 0.7em;
		line-height: 1.0;
		margin: -12px 0px 0 8px;
		padding-bottom: 2px;
}

h5.telefon-kontakt  {
		margin: 4px auto 4px auto;
		text-align: center;
		font-size: 0.9em;
		line-height: 1.0;
}

p.strong {
		margin: 6px 0 6px 0;
}

p.text  {
		text-align: left;
		width: 750px;
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 0;
}

p.text-info  {
		margin: 0 0 0 240px;
		/*text-align: center;*/
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 0;
}

p.text-termine  {
		text-align: left;
		width: 700px;
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 0;
}

p.text-alternative {
		text-align: left;
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 4px;
}


p.text-klein  {
		text-align: left;
		font-size: 0.7em;
		line-height: 1.2em;
		margin-top: 2px;
}

.ueberschriften  {
		margin: 40px 0 0 0;
		width: 700px;
		height: 128px;
		/*background-color: #ffffff;*/
}

p.text-oben {
		width: 546px;
		margin: 0;
		padding: 0;
		text-shadow: rgba(255,255,255,0.8)	6px 6px 6px;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-style: italic;
		font-size: 2.6em;
		color: #344405;
}

p.text-mitte {		
		width: 418px;
		margin-left: 24px;
		padding: 0;
		text-shadow: rgba(255,255,255,0.8)	6px 6px 6px;		
		font-family: arial, sans-serif;
		font-weight: bold;
		font-style: italic;
		font-size: 1.8em;
		/*height: 34px;*/
        color: #344405;
}

.esox-logo  {
		float: left;
		width: 214px;
		height: 92px;		
		margin: -74px 0 0 444px;		
	    /*background-color: #fff000;*/
}

p.text-unten {
		float: left;
		width: 694px;
		height: 0;
		margin: -14px 0 0 0;
		padding: 0;
		text-shadow: rgba(255,255,255,1.6)	6px 6px 6px;
		font-size: 2.0em; 
		font-family: arial, sans-serif;
		font-style: italic;
		font-weight: bold;
		color: #344405;
}


/*.coolgif   {	
		float: right;
		width: 126px; 
		height: 66px;
		margin: 0 0 0 8px;
		padding:0;
}*/

.oktober-2020  {			
		width: 246px;
		height: 164px;
		margin: 92px 0 10px 0;
		padding: 2px 0 0 8px;
		background-color: #ffffff;
		color: #344405;
		border-radius: 8px;
		-webkit-border-radius: 8px;
}
.oktober-2020 h1{
		width: 236px;
		text-align: center;
		height: auto;
		font-size: 1.1em;
		font-style: italic;
		color: #084fd0;
}

.oktober-2020 h2 {
		width: 236px;
		text-align: center;
		height: auto;
		font-size: 1.0em;
		font-style: italic;
		line-height: 1.4em;
		color: #084fd0;
		margin: 0 10px 0 0;
}

p.text1  {
		width: 236px;
		font-size: 0.9em;
		line-height: 1.0em;
		font-weight: bold;
		font-style: italic;
}

p.text2  {
		width: 236px;
		font-size: 0.9em;
		line-height: 1.0em;
		font-weight: bold;
		font-style: italic;
}

p.info {
		line-height: 1.4em;
		font-weight: bold;
}

/*figcaption {
		margin: 2px auto 2px auto;
		padding: 0 auto 0 auto;
		width: 188px;
		height: auto;
		text-align: center;
		font-size: 0.9em;
		line-height: 1.0em;
}*/
 
  /************* Ende Galerieen ****************/
/******************* Ende Bilder Galerie ********************/

p {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		line-height: 1.2em;
		text-align: justify;
}

h3 {
		margin: 8px 0 0 0;
		padding: 0;
		color: #344405;
}

h4 {
		margin: 4px 0 0 0;
		padding: 0;
		color: #344405;
}

h5 	{
		margin: 4px 0 0 0;
		color: #344405;
		font-size: 0.9em;
}

h1   {
		margin: 4px 0 2px 0;
		padding: 0;
		line-height: 1.2em;
		font-size: 1.1em;
}

h2	{
		margin: 4px 0 2px 0;
		padding: 0;
		line-height: 1.1em;
}	

img   {
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius:8px;
}
/*********** Sidebar ***************************/

.sidebar  {
		float: left;
		width: 212px;
		height: auto;
		margin: 0;
		color: #344405;
		text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		margin: 0 8px 10px 8px;
}

.textfeld  {
		float: left;
		border: 2px solid #cbcbcb;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 8px auto 0 auto;
		padding: 4px 4px 4px 4px;
		width: 200px;
		height: auto;
		/*font-size: 0.7em;
		line-height: 1.0em;
		text-align: justify;
		background-color: #f6ebcf;*/	
}

article.side  {
		float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 2px 0  8px 0;
		padding: 8px 0 4px 0;
		width: 212px;
		height: auto;
		/*font-size: 0.7em;
		line-height: 1.1em;*/
		text-align: center;
		background-color: #f6ebcf;
}

/* ----- Echolotbeschreibung -----*/
article.slide  {
		float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 2px 0 8px 0;
		padding: 10px 0 4px 0;
		width: 212px;
		height: auto;
		font-size: 0.7em;
		line-height: 1.1em;
		text-align: center;
		background-color: #f6ebcf;
}
/* -----Ende Echolotbeschreibung -----*/
p.linie {
		
		float: left;
		border: 0.2px solid #3e500b;
		width: 100%;
		margin: 6px 0 6px 0;
}

.textzeit    {
		float: left;
		border: 2px solid #cbcbcb;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 8px auto 0 auto;
		padding: 4px 3px 4px 3px;
		width: 202px;
		height: auto;
		/*font-size: 0.8em;
		font-style: italic;
		line-height: 1.1em;*/
		text-align: center;
		background-color: #f6ebcf;
}

figure.sidegalerie  {
		width: 212px;
		/*margin: 0 auto 0 auto;*/
		/*padding: 0 auto 0 auto;*/
		text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #344405;
		/*font-size: 0.7em;
		line-height: 1.1em;*/
		padding-bottom: 0;
}
 
.impressum  {		
		float: left;
		/*border: 2px solid #cbcbcb;*/
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 2px 0 8px 0;
		padding: 0;
		width: 212px;
		height: auto;
		font-size: 0.9rem;
		line-height: 1.0em;
		text-align: center;
		background-color: #f6ebcf;
}
 
p.textside {
		float: left;
		width: 212px;
		margin: 6px 0 8px 0;
		font-size: 0.8em;
		text-align: center;
}

p.impres   {		
		padding: 0;
		margin: 6px 0 0 10px;
		/*text-align: center;*/
		font-style: italic;
		display: block;
}

p.kontakt   {
		float: left;
		padding: 0;
		margin: 6px 0 0 10px;
		font-style: italic;
		display: block;
}

p.logo   {
		float: left;
		padding: 6px 0 0 20px;
		margin: -18px 0 0 92px;
		font-style: italic;
}

 /* --------------------Fotos Galerie ---------------------*/


.text {
		width: auto;
		text-align: center;
		font-size: 0.7em;
		line-height: 1.0;
		margin-bottom: 0;
		padding-bottom: 2px;
}
/* ----------- Sidebar ----------- */
 

figure.galerie-6  {
		list-style-type: none;		
		margin: 0 auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 9px 0 9px;
		position: relative;
 }
 
figure.galerie-6	{
		width: 190px;
		height: 143px;
		display: block;
		margin: 4px 0 2px 0;		
		border: 0;		
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
 } 

figure.galerie-6 a .gross	{
		display:none;
 }
 
figure.galerie-6 a:hover .gross {
		width: 450px;
		height: 338px;
		display: block;
		position: absolute;
		top: -160px;
		right: 220px;
		z-index: 1;
		background: #f6ebcf;
		padding: 8px;
		border: 2px solid #cbcbcb;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
 }


.elbegalerie  {
		list-style-type: none;		
		margin: 0 auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		position: relative;
 }

.elbegalerie img	{
		width: 190px;
		height: 221px;
		display: block;
		margin: 4px auto 2px auto;			
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
 } 

.elbegalerie a .gross	{
		display:none;
 }
 
.elbegalerie a:hover .gross {
		width: 473px;
		height: 550px;
		display: block;
		position: absolute;
		top: -200px;
		right: 222px;
		z-index: 1;
		background: #f6ebcf;
		padding: 8px;
		border: 2px solid #cbcbcb;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
 }

figure.elbegalerie  {
		width: 212px;
		margin: 0 auto 0 auto;
		text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #344405;
		font-size: 0.7em;
		line-height: 1.1em;
		padding-bottom: 0;
}
 /* ------------- Zander --------------*/

.manni	{
        float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;		
		margin: 2px 0 8px 0;
		padding: 4px 2px 2px 2px;
		width: 208px;
		height: 190px;
		font-size: 0.7em;
		line-height: 1.1em;
		text-align: center;
		background-color: #f6ebcf;
		
}

.manni1	{
        float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 4px 0 8px 0;
		padding: 4px 2px 2px 2px;
		width: 208px;
		height: 220px;
		text-align: center;
		background-color: #f6ebcf;
		font-size: 0.7em;
		line-height: 1.1em;
}

.manni2	{
        float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		margin: 4px 0 8px 0;
		padding: 4px 0 4px 0;
		width: 212px;
		height: auto;
		text-align: center;
		background-color: #f6ebcf;
}

/* ---------------- 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: #344405;
		text-decoration: underline;	
}

a:focus {
		outline: none;
}

/* Links */

a {
		font-family: Arial, Verdana, sans-serif;
		color: #3e500b;
		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;
}