@import url(http://fonts.googleapis.com/css?family=Euphoria+Script);

#container {
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	background-color: #8d9eb8;
	background-image:url(wolken.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-size: auto 100%;
	
	font-family:  'Euphoria Script', serif;
	font-style: italic;
	z-index:0;
}

#flower {
	border:none;
	display:block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50%;
	width: auto;
	z-index:10;
}

#heading {
	display: block;
	position: absolute;
	top:0.5em;
	left: 0.5em;
	font-size: 10em;
	font-size: 10vmax;
	color: #ffcc00;
	text-shadow: 0 -1px #888, 1px 0 #888, 0 1px #888, -1px 0 #888;
	z-index:20;
}

#hd_links {
    position:absolute;	
	z-index:30;
}

@media (orientation: portrait) {
	#hd_links {
		top:15%;
		left:10%;
	}
}

@media (orientation: landscape) {
	#hd_links {	
		bottom:10%;
		left:25%;
	}
}

#hd_links ul {
	display:block;
    list-style-type: none;
}

#hd_links ul li {
	margin-top: 0.5em;
	font-size: 7em;
	font-size: 10vmin;
	vertical-align:middle;
}

#hd_links ul li a {
	
	text-decoration:none;
	vertical-align: middle;
	color: #ffcc00;
	text-shadow: 0 -1px #888, 1px 0 #888, 0 1px #888, -1px 0 #888;	
	transition: color 0.5s ease-in;
}

#l_laila {
	padding-left: 2em;
}
#l_jens {
	padding-left: 0em;
}
#l_jan {
	padding-left: 1em;
}

#hd_links ul li a:hover {
	color:#ff3333;
}

#idx_footer {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:center;
}

#idx_footer img {
	border:none;
	vertical-align:middle;
}