body {
	background-color: #64B8DC; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
	text-align: center;		
}
.main{margin:0px auto; text-align:left; width:975px; position:relative;}

#blok0 {
	position:absolute;border:0px solid red;
	left:146px;
	top:51px;
	width:676px;
	height:695px; background-color:#FFFFff;
}
#index-01 {
	position:absolute;
	left:100px;
	top:0px;
	width:42px;
	height:850px;
}

#index-02 {
	position:absolute;
	left:142px;
	top:0px;
	width:684px;
	height:124px;
}

#index-03 {
	position:absolute;
	left:826px;
	top:0px;
	width:49px;
	height:850px;
}

#index-04 {
	position:absolute;
	left:142px;
	top:124px;
	width:684px;
	height:282px;
}

#index-05 {
	position:absolute;
	left:142px;
	top:406px;
	width:684px;
	height:345px;
}

#index-06 {
	position:absolute;
	left:142px;
	top:751px;
	width:684px;
	height:99px;
}

#button01 {
	position:absolute;
	left:215px;
	top:150px;
	width:136px;
	height:19px;
}
#button02 {
	position:absolute;
	left:215px;
	top:182px;
	width:136px;
	height:19px;
}
#button03 {
	position:absolute;
	left:215px;
	top:213px;
	width:136px;
	height:19px;
}
#button04 {
	position:absolute;
	left:215px;
	top:244px;
	width:136px;
	height:19px;
}

#button05 {
	position:absolute;
	left:215px;
	top:275px;
	width:136px;
	height:19px;
}

#film { z-index:2;
	position:absolute;
	left:142px;
	top:320px;
	width:741px;
	height:86px;
}
#header {
	position:absolute;
	left:383px;
	top:124px;
	width:439px;
	height:282px;
}
#shoes {
	position:absolute;  z-index:3;
	left:252px;
	top:588px;
	width:92px;
	height:96px;
}
#thumblinks {
	position:absolute;  z-index:3;
	left:439px;
	top:613px;
	width:125px;
	height:96px;
}
#thumbmidden {
	position:absolute;  z-index:3;
	left:568px;
	top:596px;
	width:124px;
	height:92px;
}
#thumbrechts {
	position:absolute;  z-index:3;
	left:695px;
	top:614px;
	width:126px;
	height:96px;
}
#textblok1 {
	position:absolute;
	left:149px;
	top:412px;
	width:208px;
	height:190px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:39px 15px 0px 16px;
}
#textblok1a {
	position:absolute;
	left:149px;
	top:412px;
	width:210px;
	height:190px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:39px 10px 0px 16px;
}
#textblok2 {
	position:absolute;
	left:382px;
	top:412px;
	width:228px;
	height:190px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:39px 15px 0px 16px;	
}
#textblok3 {
	position:absolute;
	left:631px;
	top:412px;
	width:168px;
	height:190px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:39px 15px 0px 16px;		
}
#textblok3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	text-decoration:underline;
}
#textblok3 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff; background-color:#3A78A3;
	text-decoration:none;
}
#witblok {
	position:absolute; z-index:2;
	left:367px;
	top:411px;
	width:394px;
	height:273px; border:0px solid red;
	background-color:#FFFFFF;
}
#transblok {
	position:absolute; z-index:2;
	left:317px;
	top:441px;
	width:484px;
	height:148px; 
  background-color: #D2DFFF;
  border: 0px solid #64B8DC;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla */
  -moz-opacity:0.8;
}
#transblokz {
	position:absolute; z-index:2;
	left:319px;
	top:445px;
	width:482px;
	height:144px; 
  background-color: #ffffff;

}
#transbloks {
	position:absolute; z-index:2;
	left:323px;
	top:449px;
	width:482px;
	height:144px; 
  background-color: #999999;
  border: 0px solid #64B8DC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  /* for Mozilla */
  -moz-opacity:0.4;
}
#textblok4 {
	position:absolute; z-index:2;
	left:147px;
	top:411px;
	width:674px;
	height:273px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:35px 5px 0px 16px; 
}
#textblok4 table {  z-index:5;
	font-family:Arial, Helvetica, sans-serif; border:0px solid red;
	font-size:12px;
	color:#3A78A3;
}
#textblok4 table tr { 
	vertical-align:top; height:32px;
}
#textblok4 table a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3; text-decoration:none;
}
#textblok4 table a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3; text-decoration:underline;
}
#textblok4 table #red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; width:160px; 
	color:#DB4600; font-weight:bold;
}
#textblok4 table #kol2{
	width:115px;
}
#textblok41 {
	position:absolute; z-index:2;
	left:194px;
	top:411px;
	width:174px;
	height:273px; border:0px solid red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3;
	padding:35px 5px 0px 12px; 
}
#textblok41 table {  z-index:5;
	font-family:Arial, Helvetica, sans-serif; 
	border:0px solid red;
	font-size:12px;
	color:#3A78A3;
}
#textblok41 table tr { 
	vertical-align:top; height:32px;
}
#textblok41 table a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3; text-decoration:none;
}
#textblok41 table a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A78A3; text-decoration:underline;
}
#textblok41 table #red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; width:160px; 
	color:#DB4600; font-weight:bold;
}
#textblok41 table #kol2{
	width:115px;
}


#transblok1 {
	position:absolute; z-index:2;
	left:202px;
	top:443px;
	width:106px;
	height:146px; 
  background-color: #F07702;
  border: 0px solid #64B8DC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  /* for Mozilla */
  -moz-opacity:0.4;
}

#transblokz1 {
	position:absolute; z-index:2;
	left:202px;
	top:443px;
	width:106px;
	height:146px; 
  background-color: #ffffff;

}
#transbloks1 {
	position:absolute; z-index:2;
	left:208px;
	top:447px;
	width:104px;
	height:146px; 
  background-color: #999999;
  border: 0px solid #64B8DC;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  /* for Mozilla */
  -moz-opacity:0.4;
}
#logonoot {
	position:absolute;
	left:170px;
	top:83px;
	width:243px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C04105; text-align:left; padding:20px 10px 0px 0px;	
}
#logonoot a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C04105; text-align:left; text-decoration:none;
}
#logonoot a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C04105; text-align:left; text-decoration:underline;
}
#tds { z-index:99;
	position:absolute;
	left:625px;
	top:700px;
}

#easypay { z-index:99;
	position:absolute;
	left:575px;
	top:700px;
}
#easypaym { z-index:99;
	position:absolute;
	left:706px;
	top:469px;
}

#croft { z-index:99;
	position:absolute;
	left:565px;
	top:703px;
}


#footnoot {
	position:absolute;
	left:372px;
	top:705px;
	width:443px;
	height:67px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#929292; text-align:right; padding:20px 10px 0px 0px;	
}
#footnoot a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#929292; text-align:right; text-decoration:none;
}
#footnoot a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#929292; text-align:right; text-decoration:underline;
}
#guidenoot {
	position:absolute; z-index:3;
	left:205px;
	top:608px;
	width:180px;
	height:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; padding:3px;
	color:#DB4600; font-weight:bold; border:0px solid #DB4600;
}
#menutitle {
	position:absolute;
	left:166px;
	top:425px;
	width:443px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DB4600; font-weight:bold;
}
#menutitle-dest {
	position:absolute;
	left:202px;
	top:425px;
	width:443px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DB4600; font-weight:bold;
}
#contactnoot { z-index:6;
	position:absolute;
	left:165px;
	top:675px;
	width:443px;
	height:67px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3A78A3; text-align:left; padding:20px 10px 0px 0px;	
}
#contactnoot a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;font-weight:bold;
	color:#3A78A3; text-align:left; text-decoration:none;
}
#contactnoot a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; background-color:#3A78A3;
	color:#ffffff; text-align:left; text-decoration:none;
}

/* 
COMMUNITY SNAPSHOT ---------------------------- */			

#content-snapshot { z-index:10;
	position: absolute;
	top:420px;
	left:156px;
	width:678px;
	height: 275px;
	border: 0px solid red;
	}

/*white-space: nowrap added to prevent line wrapping*/
/*negative top/left position is so bg image aligns with border*/
#content-snapshot h3 {
	white-space: nowrap;
	position: absolute;
	width: 100%;
	font-weight: bold;
	font-size: .95em;
	top:-16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DB4600; font-weight:bold;	
	}

/* -2px right margin is to align the background with the box, 10px left margin
	is to pad the left side to allow the other background image to show */
#content-snapshot h3 strong {
	display: block;
	margin: 0 0px 0 10px;
	padding: 5px 0;
	}	

/* adjacent sibling selector for Content Distribution */
#content-snapshot div + p {
	margin: 5px auto 7px;
	width: 88%;	
	font-size: .87em;
	color: #999;
	}

#map {
	position: relative; top:11px; left:-1px;
	width: 250px;
	height: 255px;
/*	background: url(../pix/hellas.gif) no-repeat center center;*/
	}
	
#schuifmap { z-index:15000;
	position: relative; top:430px; left:150px;
	width: 250px;
	height: 255px;
	}
	
#map ul {
	position: relative; 
	}

#map ul li {border:0px solid red;
	width: 76px;
	padding-bottom: 14px;
	font-size: .8em;
	text-align: center;
	}	
	
.l1 {background: url(../img/maploc-btm-left.png) no-repeat bottom;}	
.l2 {background: url(../img/maploc-btm-right.png) no-repeat bottom;}	

#map li p {
	padding: 5px 0;
	line-height: 100% important;
	font-weight: bold;
	background: url(../img/maploc-bg.png) no-repeat;
	}

#map li strong {
	display: block;
	float: left;
	text-indent: -9999px;
	}
div#blokshadow { 
	Z-INDEX: 80; 
	POSITION: absolute; 
	TOP: 441px; 
	LEFT: 400px; 	
	WIDTH: 110px; 
	HEIGHT: 112px; 
	background-color: #ffffff;
}
div#blokorange { 
	Z-INDEX: 90; 
	POSITION: absolute; 
	TOP: -2px; 
	LEFT: -2px; 
	WIDTH: 110px; 
	HEIGHT: 112px; 
	background-color:#ffffff;
}
div#blokorange #message {
	Z-INDEX: 95; 
	POSITION: absolute; 
	LEFT: 36px;  	
	WIDTH: 367px; border-bottom:1px solid #F07702;
	FONT: 12px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 
	TEXT-ALIGN: left;
	padding:5px 5px 5px 0px; margin-left:10px;
}
div#blokorange #message span a {
	FONT: 12px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; text-decoration:none;
}
div#blokorange #message span a:hover {
	FONT: 12px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; text-decoration:underline;
}
DIV#links {
	Z-INDEX: 100; 
	POSITION: absolute; left: 40px; top:40px;
	FONT: 14px Arial, Helvetica, sans-serif; 
	WIDTH: 110px; 
	HEIGHT: 110px; border:0px solid red;
}

DIV#links A {
	Z-INDEX: 100; 
	MARGIN: 0px 0px 0px; 
	PADDING-TOP: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 5px; 
	DISPLAY: block; 
	BORDER-TOP-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT: 12px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	COLOR: #3A78A3; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}
DIV#links A:hover {
	BORDER-RIGHT:0px; 
	BACKGROUND: #F07702; 
	COLOR: #FFFFFF;
}
DIV#links A SPAN {
	DISPLAY: none
}
DIV#links A:hover SPAN {
	Z-INDEX: 100; 
	DISPLAY: block; 
	PADDING: 0px 5px 5px 5px; 
	BACKGROUND: #ffffff; 
	POSITION: absolute; 
	TOP: -5px; 
	LEFT: 105px;  
	WIDTH: 258px; border:0px solid red;
	height:80px;
	MARGIN: 10px; 
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 
	TEXT-ALIGN: left;  border:0px solid red;
}
DIV#links A:hover SPAN strong {
	POSITION: absolute; 
	WIDTH: 255px; border-bottom:0px solid #F07702;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 
	TEXT-ALIGN: left;
	font-weight:bold;
	padding-bottom:5px;
	
}
#peliontour { z-index:20;
	position:absolute;
	top:485px; left:230px;
	width: 71px;
	height: 40px; border:0px solid red;
}
#zagoriatour { z-index:20;
	position:absolute;
	top:466px; left:168px;
	width: 82px;
	height: 40px; border:0px solid red;
}
#pindostour { z-index:20;
	position:absolute;
	top:466px; left:168px;
	width: 82px;
	height: 40px; border:0px solid red;
}

#olympostour { z-index:20;
	position:absolute;
	top:463px; left:197px;
	width: 88px;
	height: 70px; border:0px solid red;
}

#bloktitel { z-index:20;
	position:absolute;
	top: 422px; left:444px;
	width: 288px;
	height: 25px; border:0px solid red;
	font-weight: bold;
	font-size: .95em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DB4600;
}

#flags {
	position:absolute;
	left:318px;
	top:302px;
	width:80px;
	height:12px; border:0px solid #FFF;
}
#flags img {
	border:1px solid #FFF;
}
#flags img a {
	
}
#teller {
	position:absolute;
	left:780px;
	top:880px;
}

#gallery {
	position:absolute;
	top:412px;
	left:385px;
	width:435px;
	height:272px;
	margin:13px 0px 0px 4px;
}
#gallery img {
	margin:1px 1px 1px 1px;
	padding:0px;
	border:1px solid #ACACAC;
}
#bookcond { z-index:9999;
	position:absolute;
	top:468px;
	left:670px;
}
#bookcond a { z-index:9999;
	width:100px;border:0px solid red;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration: none;
}
#bookcond a:hover { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration: underline;
}

#bookcondgr { z-index:9999;
	position:absolute;
	top:468px;
	left:694px;
}
#bookcondgr a { z-index:9999;
	width:100px;border:0px solid red;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration: none;
}
#bookcondgr a:hover { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration: underline;
}

#avail { z-index:9999;
	position:absolute;
	top:420px;
	left:670px;
	width:150px;border:0px solid red;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
}
#avail a { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration:none;
}
#avail a:hover { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration:underline;
}
#avail img { vertical-align:text-bottom; margin-bottom:2px;
	
}

#availgr { z-index:9999;
	position:absolute;
	top:420px;
	left:694px;
	width:150px;border:0px solid red;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
}
#availgr a { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration:none;
}
#availgr a:hover { z-index:9999;
	FONT: 11px Arial, Helvetica, sans-serif; 
	COLOR: #3A78A3; 	
	text-decoration:underline;
}
#availgr img { vertical-align:text-bottom; margin-bottom:2px;
	
}