/*-------------------------------*/
/* Allgemeines                   */
/*-------------------------------*/

html {
	height: 100%;
}
body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-repeat: no-repeat;
	background-color: Black;
}

#background {
	position: fixed;
}

h1 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-top: -10px;
	z-index:3;
}

h2 {
	text-transform: uppercase;
	color: #999999;
	font-size: 15px;
	font-weight: lighter;
	letter-spacing: -1px;
}

.content {
	position: absolute;
	z-index:2;
	margin-top: 20px;
	margin-left: 20px;	
}

.content .text  {
	width: 360px;
	line-height: 13px;
}

.content .text .intro {
	color: #666666;
}

/*-------------------------------*/
/* Layout                        */
/*-------------------------------*/

#frame { 
  position:absolute;
  height:460px; 
  width:100%;
  margin-top:-225px;
  margin-bottom: 0px;
  top: 50%; 

  text-align: left;
  padding: 0px;
  /*overflow: hidden;*/
}

#frame2 {
	position:absolute;
	width: 840px;
	height: 460px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -420px;
	margin-right: 0px;
	left: 50%;
}

#logo {
	position:absolute;
	width: 33px;
	height: 123px;
	margin-top: 60px;
}

.box {
	background-color: White;
	margin-top: 30px;
	height: 310px;
}

.bottom {
	background-color: White;
	margin-top: 60px;
	height: 17px;
	font-size: 9px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}

.bottom img 
{
	float: left;
	margin-left: 500px;
	margin-top: 0px;
}

.flash {
	position: absolute;
	left: 334px;
	z-index:1;
}

.links {
	margin-top: 10px;
	width: 360px;
}

/*-------------------------------*/
/* Rechte Box                    */
/*-------------------------------*/

.rightbox 
{
	position: absolute;
	margin-top: 30px;
	right: 20px;
	z-index: 2;
	width: 425px;
	height: 230px;
	background-color: White;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
}

.rightbox .images 
{
	margin-top: 15px;
	margin-left: 5px;
	width: 200px;
	height: 200px;
	position: absolute;
	overflow: hidden;
}

.rightbox .images .scrolling 
{
	position: absolute;
}

.rightbox .next 
{
	position: absolute;
	left: 100px;
	top: 215px;
}

.rightbox .prev
{
	position: absolute;
	left: 110px;
	top: 0px;
}

.rightbox .team 
{
	margin-top: 15px;
	margin-left: 5px;
	width: 300px;
}

.rightbox .images .image,.rightbox .team .image
{
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	width: 60px;
	height: 60px;
}

.rightbox .images .image .overlay,.rightbox .team .image .overlay 
{
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: Black;
	cursor: hand;
}

.rightbox .images .image img,.rightbox .team .image img
{
	position: absolute;
	border: none 0;
	width: 60px;
	height: 60px;
}

.rightbox .text 
{
	position: absolute;
	float: left;
	top: 0;
	right: 0;
	width: 213px;
	height: 100%;
	background-color: Black;
	font-size: 10px;
	overflow: auto;
	color: White;
}

.rightbox .text div 
{
	padding: 5px;
}

.rightbox .text h1
{
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
}

.rightbox .teamtext {
	position: absolute;
	float: left;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	padding: 5px;
	width: 120px;
	height: 50px;
}

/*-------------------------------*/
/* Navigation                    */
/*-------------------------------*/

a {
	color: #7b1a2c;
	text-decoration: none;
}

a:hover {
	color: Black;
	text-decoration: none;
}

.bottom a {
	color: Black;
	text-decoration: none;
}

.bottom a:hover {
	color: #7b1a2c;
	text-decoration: none;
}

a.pfeil {
	color: #7b1a2c;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(/img/pfeil2.png);
	background-repeat: no-repeat;
}

a.pfeil:hover {
	color: Black;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(/img/pfeil2.png);
	background-repeat: no-repeat;
}


.links a {
	display: block;
	float: left;
	width: 160px;
	font-size: 10px;
}

/*-------------------------------*/
/* Menu                          */
/*-------------------------------*/

.menu {
	background-color: White;
	height: 30px;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu li {
	float: left;
	width: 90px;
	height: 22px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	border-right-color: #7f2537;
	border-right-style: solid;
	border-right-width: 1px;
}

.menu li.last {
	border-right-style: none;
}

.menu li a 
{
	color: Black;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}


.menu li a:hover {
	border-bottom-style: solid;
	border-bottom-color: #7f2537;
	border-bottom-width: 3px;
}

/*-------------------------------*/
/* Navigation bei Bildern        */
/*-------------------------------*/

.imgnav {
	background-color: White;
	margin-top: 5px;
	margin-bottom: 10px;
}

.imgnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.imgnav li {
	float: left;
	margin-right: 5px;
	width: 10px;
	height: 10px;
}

.imgnav li a 
{
	position: absolute;
	width: 8px;
	height: 8px;
	font-size: 1px;
	background-color: #b3b3b3;
	border: solid 1px #b3b3b3;
}


.imgnav li a:hover,.imgnav li a.active
{
	background-color: White;
	border: solid 1px #77162a;
}


/*-------------------------------*/
/* Navigation im Text rechts     */
/*-------------------------------*/


a.workBook {
	color: #7b1a2c;
	text-decoration: none;
	font-size: 12px;
}

a.workBook:hover {
	color: White;
	text-decoration: none;
	font-size: 12px;
}


.workbookButton {
	position: absolute;
	width: 250px;
	height: 250px;
	margin-top: -125px;
	margin-left: 190px;
	margin-right: 0px;
	left: 50%;
	overflow: visible;
	z-index: 9999;
}

.workbookButton img 
{
	border-style: none;
}


.containerWorkbook {
	background-color: #78002B;
}

.outerImageContainer2 
{
	background-color: White;
}