@charset "UTF-8";
/* CSS Document by TonkBerlin*/

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#fff;
background-color:#000;
margin:0;
}

body.index {
background-image:url(images/big_image_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}

marquee {
	color:#fff;
	width:405px;
}

a {
color:#fff;
text-decoration:none;
font-weight:normal;
}

#content a {
font-family:"Arial Black", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
font-weight:bold;
}

#content a:hover, a:hover {
color:#f10600;
text-decoration:underline;
}

h1 {
font-size:18px;
font-style:italic;
font-weight:normal;
}

h2 {
font-size:16px;
font-weight:normal;
}

h4 {
font-size:15px;
color:#f10600;
}

hr {
border:1px solid #fff;
}

#videointro {
top:50px;
width:900px;
left:50%;
position:absolute;
margin:0 -450px;
text-align:center;
}

#container_trans {
width:860px;
height:100%;
left:50%;
margin:10px 0 0 -430px;
position:absolute;
background-color:#000;
opacity: 0.7;
filter:alpha(opacity=70);
z-index:20;
}

#container {
width:860px;
left:50%;
margin:10px 0 0 -430px;
position:absolute;
z-index:30;
}

#header {
width:860px;
padding:20px 0 10px 0;
float:left;
}

#head_habermann {
opacity: 1.0;
filter:alpha(opacity=100);
}

#navi_bg {
width:860px;
height:32px;
background-image:url(images/nachi_bg.png);
background-repeat:no-repeat;
margin:0 0 10px 0;
padding:12px 0 0 0;
float:left;
}

#content {
width:830px;
padding:0 15px;
margin:0 0 10px 0;
float:left;
}

#content_hg {
background-color:#000;
float:left;
}

.content_column {
width:800px;
padding:0 15px;
float:left;
}

.content_left {
width:405px;
padding:15px;
float:left;
}

.content_right {
width:395px;
padding:15px 0 0 0;
float:left;
}

#creditline {
width:860px;
height:16px;
background-color:#000;
background-image:url(images/creditline.png);
background-repeat:no-repeat;
float:left;
}

#credits {
width:860px;
height:29px;
float:left;
padding:71px 0 0 0;
margin:0 0 5px 0;
background-color:#000;
background-image:url(images/credits.gif);
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
}

#credits a {
color:#fff;
text-decoration:underline;
padding:2px 27px 0 27px;
}

#credits a:hover {
background-image:url(images/credits_link_hover.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
}

#footer {
font-family:"Arial Black", Arial, Helvetica, sans-serif;
width:800px;
height:30px;
padding:0 30px;
float:left;
text-align:center;
font-size:10px;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#quote {
width:830px;
float:left;
}

#sound {
width:235px;
height:20px;
font-size:12px;
line-height:19px;
text-align:right;
float:left;
background-color:#f10600;
padding:0 15px 0 0;
color:#000;
}

#sound a {
color:#fff;
text-decoration:none;
}

#soundpopup {
	padding:20px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:590px; 
	height:20px; 
	position:relative; 
	z-index:100;
	background-color:#f10600;
	padding:0 0 0 20px; 
	color:#000; 
	float:left;
	font-size:12px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:860px; w\idth:859px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	display:block;
	text-decoration:none; 
	height:20px; 
	padding-left:10px; 
	line-height:19px;
	color:#000;
}

.menu a.aktiv { color:#fff;}

.menu a:hover {
color:#fff;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#f10600 no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#f10600 no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f10600;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#f10600;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
/*	height:0; */
	top:20px;
	left:0; 
	width:179px;
	background-color:#f10600; 
	background-image:url(images/navi_bg.gif);
	float:left;
}
	
html>body .menu ul ul {
	opacity: 0.9;
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	filter:alpha(opacity=90);
}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:179px; top:-1px; width:179px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:179px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { height:auto; line-height:1em; padding:5px 10px; width:159px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:180px;w\idth:158px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#f10600;}
.menu :hover > a, .menu ul ul :hover > a {background:#f10600;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


li.line {
padding:0 0px 0 12px;
line-height:19px;
}

/* VIDEOBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:50;
	color:#fff;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000; 
	text-align: center; 
	padding: 5px;
	z-index:60;
	border:5px solid #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 0 none;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* CLASSES */

.red {
color:#f10600;
}

.pad_top {
padding:15px 0 0 0;
}

.special {
font-family:"Arial Black", Arial, Helvetica, sans-serif;
}
.acidgreen {
color:#00ff42;
}

#content a.acidgreenlink {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

#content a.acidgreenlink:hover {
color:#00ff42;
}

.success {
color:#00ff42;
}

.error {
color:#f10600;
font-weight:bold;
}