@charset "utf-8";
/* CSS Document */
/* ------------------ Generell -------------------- */
* {
	margin:0px auto;
	padding:0;
}
html, body {
	margin: 0;
	padding: 0;
	background-color:#005454;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:18px;
	height:100%;
}
p {
	margin:2px 0 8px 0;
	padding:0;
}
h1 {
	font-size:18px;
	color:#d6676c;
	line-height:130%;
	margin:12px 0 6px 0;
}
a {
	font-size:11px;
	text-decoration:none;
	color:#fff;
}
br.clearer {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0;
}
.altText {
	visibility:hidden;
}
/* ------------------ Layout -------------------- */
#outer {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -337px;
	float: left;
}
#inner {
	position:relative;
}
#main {
	clear:both;
	top:-337px;
	height:674px;
	width:1014px;
/*	margin-top: -337px;
	margin-left: -507px;*/
	background:url('../images/visual.jpg') no-repeat top left;
/*	position:relative;*/
}
#titel {
	left:512px;
	top:40px;
	width:449px;
	height:69px;
	position:absolute;
	z-index:1;
	background:url('../images/titel.png') no-repeat top left;
}
#logo {
	width:95px;
	height: 126px;
	background:url('../images/logo.png') no-repeat left top;
	float:left;
}
#logoRight {
	width:95px;
	height: 126px;
	background:url('../images/logo.png') no-repeat left top;
	float:right;
}
/* ------------------ Nav -------------------- */
#nav span {
	display: none;
}
#nav {
	left:512px;
	top:590px;
	width:490px;
	height:20px;
	position:absolute;
	z-index:1;
	font-size:18px;
}
#nav #divider {
	width: 30px;
	height: 20px;
	background: url('../images/nav/divider.gif') no-repeat bottom center;
	float:left;
}
#nav a {
	height: 20px;
	display:block;
	float:left;
}
#nav a#intro {
	width: 66px;
	background: transparent url('../images/nav/intro_low.png') no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	margin-top:2px;
}
#nav a#intro:hover {
	background: url('../images/nav/intro_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#intro.current {
	background: url('../images/nav/intro_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#facts {
	width: 67px;
	background: transparent url('../images/nav/facts_low.png') no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	margin-top:2px;
}
#nav a#facts:hover {
	background: url('../images/nav/facts_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#facts.current {
	background: url('../images/nav/facts_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#cds {
	width: 41px;
	background: url('../images/nav/cds_low.png') no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	margin-top:2px;
}
#nav a#cds:hover {
	background: url('../images/nav/cds_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#cds.current {
	background: url('../images/nav/cds_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#contact {
	width: 106px;
	background: transparent url('../images/nav/contact_low.png') no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	margin-top:2px;
}
#nav a#contact:hover {
	background: url('../images/nav/contact_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
#nav a#contact.current {
	background: url('../images/nav/contact_high.png') no-repeat;
	color:#00c5c5;
	text-decoration:none;
	color:#00c5c5;
}
/* ------------------ Content -------------------- */
#lineTop {
	left:512px;
	top:138px;
	width:447px;
	height:1px;
	/*background-color:#a0a19f;*/
	border-top:#a0a19f solid 1px;
	position:absolute;
	z-index:1;
}
#lineBottom {
	left:512px;
	top:558px;
	width:447px;
	height:1px;
	/*background-color:#a0a19f;*/
	border-top:#a0a19f solid 1px;
	position:absolute;
	z-index:1;
}
#contentIntro {
	left:512px;
	top:158px;
	width:447px;
	height:435px;
	position:absolute;
	z-index:1;
	font-size:14px;
	line-height:21px;
	text-align:left;
}
#contentCds {
	left:512px;
	top:138px;
	width:470px;
	height:420px;
	position:absolute;
	z-index:1;
	text-align:left;
}
#contentFacts {
	left:512px;
	top:138px;
	width:470px;
	height:420px;
	position:absolute;
	z-index:1;
	text-align:left;
}
#contentContact {
	left:512px;
	top:138px;
	width:447px;
	height:380px;
	border-top: #a0a19f solid 1px;
	border-bottom: #a0a19f solid 1px;
	position:absolute;
	z-index:1;
	font-size:12px;
	padding:20px 0;
	text-align:left;
}
#contentContactLeft {
	float:left;
	width:243px;
}
#contentContactRight {
	float:left;
	width:200px;
}
#wn {
	left:0;
	top:20px;
	width:447px;
	height:380px;
	position:absolute;
	z-index:2;
	overflow:hidden;
}
#lyr1 {
	left:0;
	top:0;
	z-index:0;
	font-size:12px;
	position:absolute;
}
#links {
	float:left;
	width:210px;
	margin:0 auto;
}
#rechts {
	float:right;
	width:220px;
	margin:0 auto;
}
/* ------------------ Photo credit / footer-------------------- */
#photo {
	left:21px;
	top:451px;
	width:11px;
	height:189px;
	position:absolute;
	z-index:1;
	overflow:hidden;
}
#photo a:link, #photo a:visited {
	background:url('../images/photo_richard-blinkoff.gif') no-repeat left top;
	display:block;
	width:11px;
	height:189px;
}
#photo a:active, #photo a:hover, #photo a:focus {
	background:url('../images/photo_richard-blinkoff_over.gif') no-repeat left top;
}
#footer {
	top:660px;
	left:12px;
	width:990px;
	height:30px;
	font-size:11px;
	position:absolute;
	z-index:1;
	color:#80a9a9;
}
#footer a:link, #footer a:visited {
	font-size:11px;
	text-decoration:none;
	color:#80a9a9;
}
#footer a:active, #footer a:hover, #footer a:focus {
	color:#fff;
}
#footerLeft {
	float:left;
}
#footerRight {
	float:right;
}
/* ------------------ Contact form -------------------- */
#contentContact .input {
	background:#595650;
	border:solid 0px #fff;
	color:#fff;
	padding:2px;
	margin:3px 0 0 0;
	width:200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;/*	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;*/
}
#contentContact .textarea {
	color:#fff;
	background:#595650;
	border:solid 0px #fff;
	margin:3px 0 0 0;
	padding:2px;
	width:99%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;/*	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;*/
}
#contentContact .button {
	margin-top:5px;
}
/* ------------------ Scrollbar -------------------- */
div#scrollbar {
	position:relative;
	float:right;
	width:11px;
	height:400px;
	font-size:1px;  /* for image vertical alignment issue */
}
div#track {
	position:absolute;
	left:0;
	top:35px;
	width:11px;
	height:350px;
	background: #595650;/*  background:url(../images/scrollbar/track_bkgr.gif) top;*/
}
div#dragBar {
	position:absolute;
	left:0px;
	top:20px;
	width:9px;
	height:20px;
	background:url('../images/scrollbar/dragbar.gif') #a0a19f center no-repeat;
}
div#up {
	position:absolute;
	left:0px;
	top:19px;
	width:9px;
	height:8px;
}
div#up a {
	display:block;
	background:url('../images/scrollbar/btn-up.gif') no-repeat 2px 1px;
	width:9px;
	height:8px;
}
div#down {
	position:absolute;
	left:0px;
	bottom:-1px;
	width:9px;
	height:8px;
}
div#down a {
	display:block;
	background:url('../images/scrollbar/btn-dn.gif') no-repeat 2px bottom;
	width:9px;
	height:8px;
}
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
	display:block;
	border:none;
}