/*  styles */
            html,body{
	/*background:#fff;margin:0;*/
		behavior: url(csshover3-source.htc);
	
}
            /*.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:820px;margin:20px auto;}*/
			.content{font:12px/1.4 "helvetica neue",arial,sans-serif;/*width:820px;*/margin:20px auto;}
            h1{font-size:14px;font-weight:normal;color:#222;margin:0;line-height:20px;padding: 0.5em;}
            p{margin:0 0 20px}
            a {
	text-decoration:none;
}
            .cred{margin-top:20px;font-size:11px;}
            
            /* This rule is read by Galleria to define the gallery height:  #galleria{height:420px;580px;}*/
           
		    #galleria{height:520px;}

body {
	height: 100%;
	min-width:900px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;	/*line-height: 1.3;*/
}
#colour_rap{
	background-color:#000;
	
	height: 100%;
	}
#school{
	background-image: url(bg.jpg);
}
.pause{height:35px;
width:150px;}
h1, h2, h3 {margin: 0; font-weight: normal;color:#222;}


table{
	color: #777;
	font-size: 10px;
	line-height: 21px;
}
#group
{
	color: #777;
	font-size: 10px;
	line-height: 16px;
}
table h3{
	color: #777;
	font-size: 12px;
	line-height: 21px;
}
#pageHeader{
	height: 40px;width:250px;
	margin-left:850px;
	
}
#container {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#fixiert {
    position: absolute;
    top: 1em; left: 2em;
	z-index:90;
    width: 10em;
	
   /* 
   background-color: white;
    border: 1px solid silver;*/
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #fixiert  ul{
	text-align: left;
	list-style-type: none;
	 margin: 0; padding-left: 0.5em;
   }
   
  #fixiert  ul a{
	text-decoration: none;
	outline: none;
   }
   
     #fixiert  ul li a{
	color: #777;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 21px;	
   }
   
    #fixiert  ul li a img{
		border:none;
   }
   
    #fixiert  ul li a span{
	color: #222;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 21px;	
   }
     #fixiert  ul li a span.red{
	color: #EEE;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 21px;
   }
    #fixiert  ul li a:hover{
	color: #222;/*background-color: #fff;	*/
   }
   /*-fixiert black--     --------------------------------------------------------*/
   #fixiert_black {
    position: absolute;
    top: 2em; left: 2em;
	z-index: 50;
    width: 18em;
   /* background-color: white;
    border: 1px solid silver;*/
  }
  html>body #fixiert_black {  /* nur fuer moderne Browser! */
    position: fixed;
  }
   #fixiert_black h1{color: #EEE;}
  #fixiert_black ul{
	text-align: left;
	list-style-type: none;
	 margin: 0; padding: 0.5em;
   }
   
  #fixiert_black ul a{
	text-decoration: none;
	
   }
   
     #fixiert_black ul li a{
	color: #777;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	/*line-height: 21px;	*/
   }
    #fixiert_black ul li a span{
	color: #222;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 21px;	
   }
     #fixiert_black  ul li a span{
	color: #EEE;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 21px;*/
   }
    #fixiert_black ul li a:hover{
	color: #EEE;	background-color: 777;
   }
    /*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body
{
	behavior: url(csshover3-source.htc);
}

/* ----------------------------------------------------------------------------- */
/* menu START */
/* ----------------------------------------------------------------------------- */
#menu
{
	/*float: left;position: absolute;*/
	
}




/* li-element im top-menu eine andere breite zuweisen */
/*#menu ul #manualSize_1
{
	width: 600px;
}

/* li aller top-menu items */
/*#menu ul li
{
	float: left;
	width: 200px;
	background: url(background_transparent.gif) no-repeat;
	 /* höhe top-items height: 150px; 
   
}

#menu ul li img
{
	width: 179px;
	height: 36px;
	behavior: url(iepngfix.htc);
}*/



/* sub-menu's verstecken */
#menu ul li ul
{
	display: none;
}

/* sub-menu bei top-item:hover anzeigen #menu li.sfhover ul*/
#menu ul li:hover ul
{
	display: block;
}

/* li items im sub-menu (also wo die links drin sind) */
#menu ul li ul li
{
	width: 200px;			/* manuelle breite */
	line-height: 24px;
	height: 24px;
	clear: left;
	display: block;
}

/* links in allen li items im sub-menu (die links) */
#menu ul li  ul li a
{
	height: 24px;
	line-height: 24px;
	width: 190px;
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #777;
}

/* hover-effekt der links */
#menu ul li  ul li a:hover
{
	color: #222;
	display: block;
	/*background-color: #fff;*/
}

/* ----------------------------------------------------------------------------- */
/* menu ENDE */
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* menu_black START */
/* ----------------------------------------------------------------------------- */
#menu_black
{
	/*float: left;position: absolute;*/
	
}




/* li-element im top-menu eine andere breite zuweisen */
/*#menu ul #manualSize_1
{
	width: 600px;
}

/* li aller top-menu items */
/*#menu ul li
{
	float: left;
	width: 200px;
	background: url(background_transparent.gif) no-repeat;
	 /* höhe top-items height: 150px; 
   
}

#menu ul li img
{
	width: 179px;
	height: 36px;
	behavior: url(iepngfix.htc);
}*/



/* sub-menu's verstecken */
#menu_black ul li ul
{
	display: none;
}

/* sub-menu bei top-item:hover anzeigen #menu li.sfhover ul*/
#menu_black ul li:hover ul
{
	display: block;
}

/* li items im sub-menu (also wo die links drin sind) */
#menu_black ul li ul li
{
	width: 200px;			/* manuelle breite */
	line-height: 24px;
	height: 24px;
	clear: left;
	display: block;
}

/* links in allen li items im sub-menu (die links) */
#menu_black ul li  ul li a
{
	height: 24px;
	line-height: 24px;
	width: 190px;
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #777;
}

/* hover-effekt der links */
#menu_black ul li  ul li a:hover
{
	color: #eee;
	display: block;
}

/* ----------------------------------------------------------------------------- */
/* menu_black ENDE */
/* ----------------------------------------------------------------------------- */
/* ------------------------------------*/

#video{
	margin-left:180px;
	position: relative;
	
}
/*#video{
	margin-left:150px;
	position: absolute;
	margin-top: 130px;
	  z-index: 5;
}*/
#descript{
	border: solid 1 px #ddd;
	font-size: 10px;
	color: #777;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 10px;
	text-align: center;
	padding-top: 30px;
}