a {text-decoration:none;} /* no underline */
a:link    {color:#FFE000;} /* unvisited link */
a:visited {color:#FFA000;}
a:hover   {color:#E87020;}
a:active  {color:#990000;}

/* ---- GENERAL ----- */
* {padding:0; margin:0;}
div, p, ul {margin:6px 0px;}
body {font:14px tahoma, arial, sans-serif; background:#000F23; color:#BDB7AC;}
hr {margin:1px 0px; height:2px; background:#4DC2E8; color:#4DC2E8;}
table {border-collapse:collapse; border-style:none;}
html, body {height:100%; overflow:hidden;}
h3 {font:1.4em Fjalla One; color:#4DC2E8;}
h4 {font:1.4em Fjalla One; color:#000F23;}
p {text-align:justify;}
input[type='text'], textarea {margin-top:4px; padding:0 4px; font:1.1em arial, sans-serif; color:#303030;}
input[type='text'] {width:60%}
textarea {width:100%}
input[type='submit'], input[type='file'], button {padding:0 2px; font-size:1.2em; cursor:pointer; color:#000F23; background:#4DC2E8; border-radius:4px; border:1px solid #666;}
input[type='file'] {font-size:1.0em; margin-top:4px;}
.alignL {text-align:left;}
.ovlBox {color:#404040; background:#CCE2FE; border:5px solid #D0D0D0; border-radius:12px;}
.blackBox {color:#BDB7AC; background:#000F23; border:3px solid #D0D0D0; border-radius:12px;}
.floatR {float:right;}
.floatL {float:left;}
.floatC {display:block; margin:auto;}
.center {text-align:center;}
.middle {vertical-align:middle;}
.clear {clear:both;}
.press {cursor:pointer;}
.zoom {cursor:zoom-in;}
.error {color:#F02020;}
.red {color:#FF0000;}

/* ----- FRAME ----- */
div#banner {position:relative; top:2%; left:15%; width:85%; margin:0 2%;}
.topbox {position:relative; float:left; width:14%; margin:0 1%;}
.topbox img {border-radius:8px; width:100%;}
.topbox p {position:absolute; bottom:5px; width:100%; text-align:center;}
.topbox p span {padding:0 5px; font:1.2em Fjalla One; color:#4DC2E8; background:#000F23;}

div#wm {position:absolute; left:0; top:0;}
div#sunshine {position:absolute; left:3%; top:12%; width:8%; text-align:center; font:2.0em Fjalla One; color:#BDB7AC; z-index:10;}
div#sunshine img {width:100%;}
hr#vr {position:absolute; left:15%; top:4%; width:3px; height:92%; border-style:none; background:#4DC2E8;}
div#lang {position:absolute; top:0; left:6%; text-align:center; z-index:10;}
div#lang span{font:bold 1.2em tahoma, arial, sans-serif; color:#000F23; background:#4DC2E8; display:inline-block; width:25px; border-radius:3px; cursor:pointer;}
div#container {position:absolute; top:28%; bottom:5px; left:16%; right:0; overflow:auto;}

/* --- MENU --- */
ul#menu {
	position:absolute; left:2%; bottom:6%;
	width:15%;
	list-style:none;
	z-index:100;}
#menu li {
	margin:10px 0;
	width:110px;
	padding:6px 5px 0px 5px;
	font:bold 1.2em Fjalla One;
	color:#000F23;
	background:#4DC2E8;
	height:25px;
	cursor:pointer;
	border-radius:5px;}
#menu li.current {color:#000F23; background:#0F77FF; border:1px solid #FFE000;}
#menu li:hover {color:#FF0000;}

/* ---- PAGES SCROLLBOX ----- */
div#home  {padding:0 6%;}
div#details  {padding:0 4%;}
div#about {padding:0 4%;}
div#gbook {padding:0 4%;}
div#contact {padding:0 4%;}
div#event {padding:0 4%;}
div#albums {padding:0 0;}
div#albumx {padding:0 0;}

/* --- HOME --- */
img.logo {
	position: absolute; top:0; left:0; right:0;
	margin:0 auto;
  width: 15%;
	z-index:10;
  animation-name:blowup;
  animation-duration:2.5s; 
  animation-timing-function:ease-out; 
}

@keyframes blowup {
  0% {transform:scale(1.0);}
  50% {transform:scale(2.5);}
  100% {transform:scale(1.0);}
}
	
div.row1, div.row2, div.row3 {position:relative; margin:40px 0;}
div.box {position:relative; width:30%; min-height:120px; padding:5px;}
div.box11, div.box31 {float:left; margin-left:100px;}
div.box12, div.box32 {float:right; margin-right:100px;}
div.box21 {float:left;}
div.box22 {float:right;}
.click {position:absolute; right:12px; bottom:0;}

/* --- ABOUT --- */
div.left {position:relative; float:left; width:25%;}
div.cert {width:94%; padding:3%; margin-bottom:40px;}
img.about {border:5px solid #D0D0D0; width:100%; border-radius:12px;}
div.biog {float:right; padding:10px; width:68%;}
img.left {margin:10px 10px 10px 0; float:left; border-radius:6px;}
img.right {margin:10px 0 10px 10px; float:right; border-radius:6px;}
img.land {max-width:20%;}
img.port {max-width:15%;}

/* --- GUESTBOOK --- */
div.gbook {width:80%; margin-bottom:2%;}
div.gbook p {font:1.2em tahoma, arial, sans-serif; color:#A09888;}
div.gbook img {border-radius:8px; width:30%;}
div.gbook img.left {margin:0 2% 2% 0;}
div.gbook img.right {margin:0 0 2% 2%;}
div.comBox {position:absolute; left:20%; right:20%; top:60px; height:380px; padding:10px 20px; box-shadow:5px 5px 5px #888; z-index:20;}
div.hide {display:none;}
div.show {display:block;}

/* --- CONTACT --- */
.n-o-s-p-a-m {display:none;}
.cInfo {font-size:1.4em;}
div.message {padding:20px; width:620px;}
.map {border:5px solid #D0D0D0; border-radius:12px;}

/* --- EVENTS --- */
iframe.cal {position:absolute; left:10%; top:25px; width:80%; height:95%; overflow:hidden; border:none; background:#aaaaaa;}

/* --- ALBUMS --- */
.album {position:relative; float:left; width:30%; margin:1% 1%;}
.album p {position:absolute; bottom:5px; width:100%; text-align:center; font:1.2em Fjalla One; color:#A09888;}
.album p span {padding:0 5px; color:#4DC2E8; background:#000F23;}
.album img {border-radius:8px; width:100%; border:5px solid #D0D0D0; }
img.photoS {margin:0 12px 12px 0; border-radius:8px;}
img.photo {border:5px solid #D0D0D0; border-radius:8px;}
span.arrowL {position:absolute; top:270px; left:0; font-size:6em; color:#4DC2E8;}
span.arrowR {position:absolute; top:270px; right:0; font-size:6em; color:#4DC2E8;}
div#photoPop {position:fixed; top:10px; left:50%; margin-left:-400px; text-align:center; border:5px solid #4DC2E8; color:#404040; background:#4DC2E8; border-radius:8px; visibility:hidden; z-index:10;}

/* ---- FOOTER ----- */
div#footer {position:absolute; left:3%; bottom:0; font-size:0.8em; color:#666666;}
div#footer .luxsoft {font:italic bold 1.0em arial,sans-serif; color:#48A8F8;}
div#hitCnt {position:absolute; left:2px; bottom:0;}