/* Basics
------------------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	outline:0;
}

html {
	height:100%;
	overflow:hidden;
}

body, .senden, .inputfield, textarea {
	font-family:Tahoma,Geneva,Helvetica,sans-serif;
	font-size:11px;
	color:#404040;
	text-transform:uppercase;
}

body {
	line-height:19px;
	height:100%;
	overflow:hidden;
}

h1, h2, h3 {
	color:#000;
}

h1, h2 {
	margin-bottom:15px;
	font-family:Tahoma,Times, serif;
	font-size:20px;
	text-transform:none;
}

h3 {
	margin-bottom:10px;
	padding-top:15px;
	font-size:12px;
}

ul {
	list-style:none;
}

a {
	color:#d06464;
	text-decoration:none; }
	#page p a:hover, #page li a:hover { color:#fff; background:url(img/bg-nav-active.png);
}

p {
	margin-bottom:9px;
}

img {
	border:none;
}

/* Container
------------------------------------------------------------------------ */
#flashcontent {
	height:100%;
	width:100%;
	z-index:1;
}

#grid-bg {
	position:absolute;
	width:100%;
	height:100%;
	background:url(img/grid.gif);
	z-index:2;
}

#grey-bg {
	position:absolute;
	height:100%;
	width:30%;
	left:0;
	bottom:21px;
	z-index:3;
	background:url(img/grey-trans.png); }
	
#logo {
	position:absolute;
	width:30%;
	left:0;
	z-index:4; }

	#logo img { float:right; margin:15px 6px 0 0;
}

#navigation {
	position:absolute;
	top:150px;
	left:0;
	width:30%;
	height:100%;
	z-index:5;
}

#player {
	position:absolute;
	top:321px;
	width:30%;
	height:100%;
	color:#fff;
	z-index:50;
}	

#logos {
	position:absolute;
	left:0;
	bottom:0;
	width:30%;
	background-color:#00FF33;
	z-index:60; }
	
	#logos ul {
		position:absolute;
		bottom:20px;
		right:0; }
		
		#logos ul li {
			margin-bottom:10px;
			padding-right:5px;
			text-align:right;
}

#container {
	position:absolute;
	height:100%;
	width:70%;
	right:0;
	z-index:5;
	overflow:auto; }
	
	#content {
		margin-top:140px;
		padding:0 10%; }
		
		#page {
			padding:5%;
			background-color:#fff;
			background:url(img/bg-white-trans.png);
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
}

#image {
	position:absolute;
	left:0;
	bottom:21px;
	z-index:4; }
	
	#image img.resizable {
		position:absolute;
		bottom:0;
		left:0;
		width:900px;
		height:900px;
}

#footer {
	position:absolute;
	width:100%;
	height:20px;
	bottom:0;
	font-size:10px;
	color:#fff;
	text-align:center;
	text-transform:none;
	background:url(img/black-trans.png);
	border-top:1px solid #55bfe2;
	z-index:7;
}

/* Footer
------------------------------------------------------------------------ */
#footer p {
	margin:0;
}

#footer a {
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}

#footer ul li {
	display:inline;
}

/* Navigation
------------------------------------------------------------------------ */
#navigation ul li {
	margin-bottom:4px;
	height:26px;
	font-family:Tahoma, Times, serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	list-style:none;
	text-transform:uppercase; }

	#navigation ul li a {
		float:right;
		padding:2px 6px 4px 30px;
		color:#fff;
		background:url(img/bg-nav.png);
		cursor:pointer; }
		#navigation a:hover {  background:url(img/bg-nav-hover.png); }
		#navigation a.isselected {padding-left:30%; background:url(img/bg-nav-active.png); cursor:default;
}

/* Audio Player
------------------------------------------------------------------------ */
.jp-playlist-player {
	position:absolute;
	right:6px;
	width:40%;
	font-size:11px; }
	
	.jp-interface {
		height:50px; }
		
		.jp-interface ul.jp-controls {
			height:23px;
			font-weight:bold; }
		
			.jp-interface ul.jp-controls li {
				float:left; }
				 
			 .jp-interface ul.jp-controls li.jp-play,
			 .jp-interface ul.jp-controls li.jp-pause,
			 .jp-interface ul.jp-controls li.jp-next {
				cursor:pointer;
}

/* Progress Bar */
div.jp-progress {
	overflow:hidden;
	background-color: #fff;
	height:1px;
	cursor:pointer;
}

div.jp-play-bar {
	background-color:#d06969;
	width:0px;
	height:15px;
}

/* Playtime */
div.jp-play-time,
div.jp-total-time {
	font-size:9px;
	font-style:oblique; }

	div.jp-playlist-player div.jp-play-time {
		float:left; }
	
	div.jp-playlist-player div.jp-total-time {
		float:right;
}

/* Playlist */	
#jplayer_playlist ul li {
	display:none;
	float:right; } 

#jplayer_playlist ul li.jplayer_playlist_current {
	display:block;
	font-size:10px;
}

/* WebYep
------------------------------------------------------------------------ */
#login {
	position:absolute;
	width:58%;
	color:#fff;
	top:0;
	right:0;
	z-index:10000;
}

.WebYepGalleryContainer {
	margin:20px 0 30px 0;
	width:100%; }

	.WebYepGalleryContainer td {
		position:relative;
		padding-left:14px;
		text-align:center;
		height:130px;
		vertical-align:top;
		background:url(img/bg-galerie-img.gif) no-repeat center center; }

		.WebYepGalleryImage {
			height:100px;}
			
			.WebYepGalleryImage img {
				padding-top:22px;
		}
		
		.WebYepGalleryText {
			position:relative;
			margin:0 auto;
			bottom:0px;
			width:90px;
			height:15px;
			vertical-align:bottom;
			background-color:#fff;
			padding:1px 5px 2px 5px;
			font-size:10px;
			line-height:15px;
			color:#000;
			text-transform:none;
			background-color:#fff;
			overflow:hidden;
			z-index:1000;
}