/***************************************************
 * Definitionen für den Inhalt des Titelcontainers *
 ***************************************************/
 
#KopfTitel
{
	color: Navy;
	font-weight: normal;
	font-size: 35px;
	letter-spacing: 0.4em;
	margin: 0px 20px 0px 0px;
	float: left;
	width: auto;
	background-color: transparent;
}

#FlaggeGr
{
	float: left;
	margin: 7px 50px 0px 15px;
	border: 1px solid Black;
	width: auto;
}

#Logo
{
	position: absolute;
	right: 2.5%;
	margin: 7px 0px 0px 0px;
	float: right;
	z-index: 2;
	width: auto;
}

/***********************************************
 * Allgemeine Definitionen für den Dateninhalt *
 * im Datenblock                               *
 ***********************************************/

/******************************
 * Globale h-Tag definitionen *
 ******************************/
 
h1
{
	font-size: 14pt;
	font-weight: lighter;
	margin: 20px 0px 0px 0px;
}

h1.AbstandUnten
{
	margin: 20px 0px 20px 0px;
}

h2
{
	font-size: 12pt;
	font-weight: lighter;
}

h3
{
	font-size: 10pt;
	font-weight: lighter;
}

h4
{
	font-size: 10pt;
}

h5
{
	font-size: 9pt;
	font-weight: lighter;
}

/*****************************
 * Globale Text Definitionen *
 *****************************/
.Text
{
	clear: both;
	text-align: justify;
	margin: 0px 25px 5px 0px;
}

.TextOben
{
	clear: both;
	text-align: justify;
	margin: 20px 25px 5px 0px;
}

#BildText
{
	text-align: justify;
	margin: 10px 10px 10px 0px;
}

.marker01
{
	background-color: Yellow;
}

.unterstrich
{
	text-decoration: underline;
}

/********************************
 * Formatierung der Mailadresse *
 ********************************/
.mail
{
	margin: 30px 0px 30px 75px;
	text-align: left;
}
/********************************
 * Formatierung der Tel.Nr.     *
 ********************************/
.tele
{
	margin: 30px 0px 30px 75px;
	text-align: left;
}

/********************************
 * Formatierung Aufzählung      *
 ********************************/
.liste
{
    font-size: 12pt;
	margin: 30px 0px 30px 75px;
	text-align: left;
}

/***************************
 * Formatierung der Bilder *
 ***************************/

img.normal
{
	clear: both;
	margin: 20px 10px 10px 0px;
	border: 0px solid Black;
}

img.links
{
	clear: both;
	float: left;
	margin: 10px 10px 10px 0px;
	border: 1px solid Black;
}

img.rechts
{
	clear: both;
	float: right;
	margin: 10px 25px 10px 10px;
	
}

/*****************************************************
 * Formatierung der DIV-Blöcke im Original-Impressum *
 *****************************************************/
#Impressum
{
    position:absolute;
    left: 20%;
    top: 40px;
    width: 361px;
    height: 508px;
    background-image: url(../static_images/allgemein/impressum_hg.jpg);
    text-align: right;
}

p.imp_inhalt
{
	margin: 0px 0px 5px 0px;
}

div.imp_TextBlock01
{
	font-size:12px;
	font-weight:normal;
	position: absolute;
	right: 18px;
	top: 75px;
}

div.imp_TextBlock02
{
	font-size:14px;
	font-weight:normal;
	position: absolute;
	right: 18px;
	top: 380px;
}
/*****************************************************
 * ENDE                                              *
 * Formatierung der DIV-Blöcke im Original-Impressum *
 *****************************************************/


/************************
 * Kartenformatierungen *
 ************************/
#Karte
{
    position:absolute;
    left: 10%;
    top: 40px;
    width: 391px;
    height: 550px;
    background-image: url(../static_images/allgemein/karte_mit_strasse.jpg);
}

span.grikos
{
	position: absolute;
	top: 360px;
	left: 177px;
}

span.kampos
{
	position: absolute;
	top: 142px;
	left: 92px;
}


span.chora
{
	position: absolute;
	top: 333px;
	left: 77px;
}

span.skala
{
	position: absolute;
	top: 262px;
	left: 59px;
}
/*********************************
 * ENDE Eintragungen Städtenamen *
 *********************************/


/*************************************
 * Ausblenden vom Rahmen beim Symbol *
 *************************************/
a:link img,
a:visited img
{
	border: solid 0px transparent;
}

/*************************
 * Ausblenden der Bilder *
 *************************/
.strand1,
.strand2,
.strand3,
.strand4,
.strand5,
.strand6,
.strand7,
.strand8,
.sight1
{
    display:none;
    z-index:1;
}

/*******************************
 * Einblenden der Strandbilder *
 *******************************/
a:hover .strand1,
a:hover .strand2,
a:hover .strand3,
a:hover .strand4,
a:hover .strand5,
a:hover .strand6,
a:hover .strand7,
a:hover .strand8,
a:hover .sight1
{
    display:block;
/*   
    border: solid 1px blue;
                            */
    z-index: 1;
}

/**********************************
 * Positionieren der Strandbilder *
 * und der Ankerpunkte            *
 **********************************/

.strand1{position:absolute; top:20px; left:390px;}
.strand2{position:absolute; top:240px; left:375px;}
.strand3{position:absolute; top:50px; left:400px;}
.strand4{position:absolute; top:270px; left:385px;}
.strand5{position:absolute; top:70px; left:410px;}
.strand6{position:absolute; top:290px; left:395px;}
.strand7{position:absolute; top:90px; left:390px;}
.strand8{position:absolute; top:300px; left:375px;}


/* Lambi */
.symbol_01{position:absolute; top:65px; left:215px;}
/* Agriolivadi */
.symbol_02{position:absolute; top:175px; left:143px;}
/* Skala */
.symbol_03{position:absolute; top:245px; left:99px;}
/* Lefkes */
.symbol_04{position:absolute; top:108px; left:90px;}
/* Psili Amos 
.symbol_05{position:absolute; top:450px; left:102px;} */
/* Vagia */
.symbol_06{position:absolute; top:137px; left:205px;}
/* Geranou */
.symbol_07{position:absolute; top:155px; left:250px;} 
/* Kampos Beach */
.symbol_08{position:absolute; top:140px; left:169px;} 
/* Meloi */
.symbol_09{position:absolute; top:220px; left:143px;}
/* Grikos */
.symbol_10{position:absolute; top:346px; left:156px;}
/* Petras 
.symbol_11{position:absolute; top:400px; left:156px;} */

.sight1{position:absolute; top:325px; left:130px;}    
.symbol_11{position:absolute; top:310px; left:90px;}




/*****************************
 * Ende Kartenformatierungen *
 *****************************/