/**
    Copyright (c) 2003-2008, spirito GmbH, Germany
    http://www.spirito.de
    info@spirito.de

        
    $Revision: 2120 $
    $Date: 2008-04-03 16:08:44 +0200 (Do, 03 Apr 2008) $
    $Author: riedel $
    $HeadURL$Include Datei vom xd-Task-Modul.
    $Id: index.html 2120 2008-04-03 14:08:44Z riedel $
 */

HTML{
    background-color: #000;
}
BODY {
	background-color: #000;
    background-image: url(../img/bg-top.gif);
    background-repeat: repeat-x;
	font-family: Georgia;
	font-size: 12px;
}
.clear{
    clear:both;
}
BODY,
img a,
img,
div,
ul,
li,
object,
embed{
	border: none;
	margin: 0;
	padding: 0;
}
#all{
	position: relative;
    width: 1173px;    
    margin: 0 auto;
}
#top{
    height: 511px;
    position: relative;   
}
#menu{
    height: 44px;
    width: 100%;
    background-image: url(../img/bg-menu.gif);
    background-repeat: repeat-x;
}
#menu2{
    float: right;
    width: 940px;
}
#menu2 A{
    width: 139px;
}
#bottom{
    min-height: 200px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    position: relative;
}
#submenu{
    position: absolute;
    top:568px;
    left: 480px;
}
#submenu A{
    background-color: #ab000f;
    width: 16px;
    height: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 2px;
}
#submenu A:hover{
    color: #5a5a5a;
}
#langflag{
    position:absolute;
    top: 560px;
    left: 235px;
}
#content{
    margin-top: 44px;
    margin-left: 480px;
    margin-bottom: 18px;
    width: 556px;
}

#footer{
    margin-left: 280px;
    margin-bottom: 30px;
    margin-top: 18px;
}

#footer, #footer A{
    color: #E90D3C;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
}
#footer SPAN{
    margin: 0 4px;
    color: #fff;
}
#footer .copyright{
    font-size: 11px;
    margin: 0;
    padding:0;
}


/* TOP Animation */
#slide-pic-container{
    position: relative;
    top: 8px;
    left: 0;
    width: 1173px;
}

#pic-container1, #pic-container2, #pic-container3{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    height: 510px;
}
.white-line{
    width: 39px;
    height: 5px;
    overflow: hidden;
    font-size: 5px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -1px;
    margin: 0;
    padding: 0;  
}


.pic-cont IMG, .pic-cont .alt{
    float:left;
    z-index: 90;
}
.pic-cont .alt{
    position: absolute;
    left : 3px;
    top: 483px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding:0;
}

#flash-line{
    background-color: #fff;
    width: 4px;
    height: 60px;
    z-index: 99;
    position: absolute;
    top: 0;
    left: 475px;
}


/* Top Text */
#transpbalken, #transpbalken-dark{
    background-image: url(../img/tranpsbalken-light.png);
    width: 244px;
    height: 511px;
    position: absolute;
    top:0;
    left: 233px;
    z-index: 91;
}
#transpbalken-dark{
    background-image: url(../img/tranpsbalken-dark.png);
    z-index: 92;
}
#top-text{
    font-size: 14px;
    color:black;
    padding: 0 12px;
    width: 220px;
    max-height: 511px;
    overflow: hidden;
    line-height: 1.5em;
    font-family: Arial;
    z-index: 95;
    position: absolute;
    top: 0;
    left:233px;
    text-align: right;
}
#top-text H1{
    color: #f51010;
    font-size: 18px;
    margin: 15px 0;
    font-family: Georgia;
}

#top-text #inner{
    position: relative;
}
#top-text #inner-text{
    position: absolute;
    right:5px;
    bottom: 0;
    padding-bottom: 20px;
}

/*
#top-text-wrapper{
    height: 25px;
    overflow:hidden;
    position: relative;
}
*/


#soundcontroll{
    position: absolute;
    top: 512px;
    left: 100px;
}



.movieContainer{
    height: 1px;
    width: 1px;
}

#wait{
    position: absolute;
    top: 522px;
    left: 255px;
    z-index: 200;
}

#zertifikat{
    z-index: 1000;
    position: absolute;
    top: 366px;
    left: -40px;
}