/*-------------------------------------------------*/
*
{
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------------*/
body
{
	min-height: 102%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
	font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser 
			Fensters geändert wird. */
	position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
	color: #000;        
	text-align: left; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* font-size: 81.25%; */   /* 13px */

	font-size: 75%;    /* 12px */
	background-color: #6B6B6B;
	background-image: url(../bilder/sitebackground.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/*-------------------------------------------------*/
/* Rahmen um Webseite */
.rahmen
{
	width: 898px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;

}

/*-------------------------------------------------*/
.rahmeninnen
{
	width: auto;
	margin: 5px;
/*	border: 1px solid #009900; */
	height: auto;
}

/*-------------------------------------------------*/
/* Kopfbereich */
.header
{
	height: 244px;
	width: 888px;
	background-image: url(../bilder/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*-------------------------------------------------*/
.headerLinks
{
	background-color: transparent;
	height: 244px;
	width: 505px;
	background-image: url(../bilder/bg_header_links.jpg);
	background-repeat: no-repeat;
	background-position: 0px 37px;
	float: left;
}

/*-------------------------------------------------*/
.headerRechts
{
	height: 244px;
	width: 383px;
	border: 0px;
	background-image: url(../bilder/bg_header_rechts.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	position: relative;
}

/*-------------------------------------------------*/
.logo
{
	left: 2px;
	top: 110px;
	height: 54px;
	width: 267px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
}

/*-------------------------------------------------*/
.slogan
{
	left: 137px;
	top: 152px;
	height: 40px;
	width: 230px;
	overflow: hidden;
	z-index: 2;
	position: absolute;
}

/*-------------------------------------------------*/
/* Rahmen um mittleren Bereich */
.middle
{
	height: 200px;
	width: auto;
        position: relative;
/*	border: 1px solid #FFAA11; */
}

/*-------------------------------------------------*/
/* linke Spalte */
.mitteLinks
{
	float: left;
	width: 66px;
	height: 530px;
	background-image: url(../bilder/bg_mitte_links.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*-------------------------------------------------*/
.mitteLinks .referenzlogos
{
	padding-top: 377px;
	padding-left: 17px;
}

/*-------------------------------------------------*/
/* mittlere Spalte mit Inhalt */
.mitteContent
{
	background-color: #303030;
	float: left;
	height: auto;
	width: 572px;
}

/*-------------------------------------------------*/
.mainContent
{
	padding: 50px 40px 25px 42px;
        padding-bottom: 500px;
	background-image: url(../bilder/bg_content_oben.jpg);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

/*-------------------------------------------------*/
.mitteContentEnde
{
	background-color: #6B6B6B;
	background-image: url(../bilder/bg_content_ende.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 44px;
	margin-left: -3px;
	clear: both;
	width: 575px;
	position: relative;
}

/*-------------------------------------------------*/
/* rechte Spalte */
.mitteRechts
{
	float: left;
	height: 593px;
	width: 249px;
	background-image: url(../bilder/bg_mitte_rechts.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*-------------------------------------------------*/
.mitteRechtsInhalt
{
        margin: 20px 0px 0px 18px;  /* das erste 0px ist wegen IE!! */
        position: relative;
}

/*-------------------------------------------------*/
.navitrennlinie
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDAD1;
        padding: 0px 0px;
        width: 185px;
}

/*-------------------------------------------------*/
.kontaktdaten
{
        /* margin-top: 355px; */
        margin-top: 465px;
        position: absolute;
        color: #808080;
        font-size: 85%;
}

/*-------------------------------------------------*/
.kontaktdaten a, .kontaktdaten a:hover
{
       text-decoration: none;
       color: #808080;
}

/*-------------------------------------------------*/
.playerPositionierung
{
        position: absolute;
        margin-top: 430px;
        margin-left: -10px;
        width: 195px;
        height: 120px;
	background-image: url(../bilder/bg_player.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
display: none;
}