html, page {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color : #FFFFFF;
background-color: transparent;
align : center;
}
ul {
color : #222233;
font-size : 16px;
font-weight : normal;
font-style : normal;
text-align : justify;
text-decoration : none;
}
ul li {
color : #222233;
font-size : 14px;
font-weight : normal;
font-style : normal;
text-align : justify;
text-decoration : none;
}
table.listing{
position : absolute;
top : 20vw;
left : 45vw;
width : 50vw;
background: rgba(255, 255, 255, 0.7);
overflow : hidden;
}
tabel.listing tr {
height: 200px;
padding: 10px;
}
table.listing td {
border-bottom : 1px solid #AAAAAA;
color : #222233;
font-size : 1.1vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
table.listing td a{
color : #222233;
font-weight : normal;
font-style : normal;
text-decoration : none;
display : block;
}
table.listing td a:hover{
color : #222233;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
table.listing tr:hover {
background-color: #EEEEEE;
}
p { /* normal text */
color : #222233;
font-size : 1.2vw;
font-weight : normal;
font-style : normal;
text-align : justify;
text-decoration : none;
}
p a{ /* links in paragraph */
color : #629FA2;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
p a:hover{ /* links in paragraph */
color : #AADCFF;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
p1 { /* kleine text */
color : #365661;
font-size : 0.9vw;
font-weight : normal;
font-style : normal;
text-align : justify;
text-decoration : none;
}
h1 { /* Title */
color : #EEEEEE;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 4px 2px #054C82;
}
h1 a { /* Title */
color : #EEEEEE;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 4px 2px #054C82;
}
h1 a:hover { /* Title */
color : #AADCFF;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 4px 2px #054C82;
}
h2 { /* header in text */
color : #FFFFFF;
font-size : 1.8vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 2px 2px #AAAAAA;
}
h2 a { /* header in text */
color : #FFFFFF;
font-size : 1.8vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h2 a:hover { /* header in text */
color : #AADCFF;
font-size : 1.8vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h3 { /* Subtitle */
color : #EEEEEE;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h3 a { /* Subtitle */
color : #EEEEEE;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h3 a:hover { /* Subtitle */
color : #AADCFF;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h4 { /* Title page 2 */
color : #365661;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h4 a { /* Title page 2 */
color : #365661;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h4 a:hover { /* Title page 2 */
color : #AADCFF;
font-size : 5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h5 { /* Subtitle page 2 */
color : #222233;
font-size : 1.1vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h5 a { /* Subtitle page 2 */
color : #222233;
font-size : 1.1vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h5 a:hover { /* Subtitle page 2 */
color : #AADCFF;
font-size : 1.1vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h6 { /* kleine text */
color : #365661;
font-size : 0.8vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
h7 { /* Places on the map */
color : #AADCFF;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
}
#fixpart {
position : fixed;
width : 100%;
height : 100%;
top : 0px;
}
#Container {
position : absolute;
top : 0vw;
left : 60vw;
width : 35vw;
overflow : hidden;
}
div#mt20 { /* Titel page 1 */
position : absolute;
left : 0vw;
top : 10vh;
width : 50vw;
}
div#mt21 { /* Titel page 2 */
position : absolute;
left : 0px;
top : 10vh;
width : 45vw;
}
div#mt22 { /* Titel subtext */
position : absolute;
left : 0vw;
top : 30vh;
width : 50vw;
}
div#mt23 { /* Titel sub-subtext */
position : absolute;
left : 0vw;
top : 40vh;
width : 50vw;
}
div#mt25 { /* Titel subtext - page2 */
position : absolute;
left : 45vw;
top : 3vh;
width : 50vw;
}
div#mt26 { /* Titel sub-subtext - page2 */
position : absolute;
left : 45vw;
top : 16vh;
width : 50vw;
}
div#mt30 { /* Agios Pavlos */
position : absolute;
text-align : left;
left : 250px;
top : 460px;
width : 200px;
height : 20px;
opacity : 0.0;
}
div#mt31 { /* Triopetra */
position : absolute;
text-align : left;
left : 200px;
top : 435px;
width : 200px;
height : 20px;
opacity : 0.0;
}
div#mt32 { /* Agia Fotini */
position : absolute;
text-align : left;
left : 100px;
top : 380px;
width : 200px;
height : 20px;
opacity : 0.0;
}
div#mt33 { /* Plakias */
position : absolute;
text-align : left;
left : 10px;
top : 300px;
width : 200px;
height : 20px;
}
div#mt34 { /* Agia Galini */
position : absolute;
text-align : left;
left : 450px;
top : 480px;
width : 200px;
height : 20px;
}
div#mt35 { /* Matala */
position : absolute;
text-align : left;
left : 530px;
top : 620px;
width : 200px;
height : 20px;
}
div#mt36 { /* Spili */
position : absolute;
text-align : left;
left : 250px;
top : 260px;
width : 200px;
height : 20px;
}
div#mt37 { /* Rethimno */
position : absolute;
text-align : left;
left : 100px;
top : 5px;
width : 200px;
height : 20px;
}
/* empty div's for scrolling anchors */
div#s1{}
div#s2{}
div#s3{}
body { /* Page Body, outside written part */
background-color: #BBA8A1;
text-align : center;
margin : 0px;
}
img#BG1 { /* background picture*/
position : absolute;
left : 0px;
top : 0px;
width : 100vw;
height : 56vw;
border : 0px;
}
img#BG2 { /* map */
position : absolute;
left : 0px;
top : 0px;
width : 50vw;
height : 60vw;
border : 0px;
opacity : 0.7;
}
img#Marker { /* used as marker on the map */
position : absolute;
left : 0px;
top : 0px;
width : 7vw;
height : 7vw;
border : 0px;
display : none;
}
img#House { /* houses */
border : 2px solid #CCCCCC;
box-shadow : 5px 5px 5px #444444;
width : 9vw;
height : 7vw;
}
/*--- EndOfFile ---*/