﻿/* ---------------------------------------------------- body / html ---------------------------------------------- */
body, html {
	border: 0px;
	margin:0px 0 0px 0;
	padding:0;
	height:100%;
}

body {
	background:#14213a;
	background-image:url(../images/bg.jpg);
	color:#000000;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #dedede;
	SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	SCROLLBAR-BASE-COLOR: #cccccc;
	scrollbar-3d-light-color: #cccccc;
}

/* ----------------------------------------------------- wrapper -------------------------------------------------- */
div#wrapper {
	position: relative;
	width:955px;
	min-height:100%;
	margin: 0 auto;
	background-image:url(../images/wrapper-back.jpg);
	background-repeat:repeat-y;
	z-index:1;
}

* html #wrapper {height:100%;}

/* ----------------------------------------------------- Filmstreifen ------------------------------------------- */
#film {
	position:absolute;
	top:-45px;
	left:801px;
	width:90px;
	height:100%;
	background-image:url(../images/film.jpg);
	background-repeat:repeat;
	z-index:1;
}

/* ----------------------------------------------------- Navioben ------------------------------------------------- */
#navioben {
	position:absolute;
	top:0px;
	left:0px;
	padding:6px 0 0 40px;
	width:915px;
	height:32px;
	background-image:url(../images/navioben.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	font-size:0.95em;
	line-height:1.4em;
	z-index:2;
}

/* ----------------------------------------------------- Head ----------------------------------------------------- */
#head {
	position:absolute;
	top:38px;
	left:0px;
	width:955px;
	height:148px;
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
	z-index:2;
}

/* ----------------------------------------------------- Navigation ----------------------------------------------- */
#navigation {
	margin: 0px 0 0 0;
	padding: 186px 0 0 0;
	width: 329px;
	height: 308px;
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- Content ------------------------------------------------ */
#content {
	margin:-308px 0 0 329px;
	padding:41px 200px 111px 5px;
	width:421px;
	min-height:267px;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
	z-index:2;
}

#content2 {
	margin:-308px 0 0 329px;
	padding:41px 200px 111px 5px;
	width:421px;
	height:267px;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
	z-index:2;
}

/* ----------------------------------------------------- Footer ------------------------------------------------- */
#footer {
	position:relative;
	margin:-111px auto;
	padding:46px 0 0 329px;
	width:626px;
	height:65px;
	background-image:url(../images/footer.jpg);
	background-repeat: repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#d4edf6;
	font-size:0.9em;
	line-height:1.4em;
	z-index:10;
}

/* ----------------------------------------------------- Footer-right ------------------------------------------- */
#footer_right {
	margin:-111px 0 0 0px;
	width:100%;
	height:111px;
	background-image:url(../images/footer_right.jpg);
	background-repeat: repeat;
}



/* ----------------------------------------------------- Video-Button ------------------------------------------- */
a.video {
	position:absolute;
	top:0px;
	left:38px;
	width:255px;
	height:111px;
	background-image:url(../images/video-a.jpg);
	background-repeat:no-repeat;
}

a.video:hover {
	background-image:url(../images/video-b.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Foto-Overlay ------------------------------------------- */
#overlay {
	position:absolute;
	top:74px;
	left:762px;
	width:193px;
	height:362px;
	background-image:url(../images/overlay.jpg);
	background-repeat:no-repeat;
	z-index:20;
}
