/***************************
*  Styles for portfolio menu
***************************/ 



.namenszelle {
	height:84px;
	width: 120px; 
	margin:0 4px 0 0;
	text-decoration:none; 
	float:left;
}

.namenszelle-klein {
	height:40px;
	width: 120px; 
	margin:0 4px 0 0;
	text-decoration:none; 
	float:left;
}

.namenszelle table {
height: 80px; width: 120px;
}
.namenszelle-klein table {
height: 40px; width: 120px;
}

#main .namenszelle table tr td, #main .namenszelle-klein table tr td {
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding:4px;
}


#main .studentenzeile:hover .namenszelle table tr td a, #main .studentenzeile-klein:hover .namenszelle-klein table tr td a {
   color: #FFFFFF;
}

#main .studentenzeile:hover .namenszelle table tr td a:hover, #main .studentenzeile-klein:hover .namenszelle-klein table tr td a:hover {
   color: #FFFFFF;
}

.studentenzeile:hover .namenszelle, .studentenzeile-klein:hover .namenszelle-klein
{
	color:#FFFFFF;
background: #fc962f;
}





.portfoliozelle {
	position:relative;
	height:77px;
	width: 104px; 
	margin-right:0px;
	margin-bottom:0px;
	background-repeat:no-repeat;
	background-position:center center;
	border:4px solid #FFFFFF;
	float:left;
	cursor: pointer;
}

.portfoliozelle:hover, .cur
{
	border:4px solid #fc962f;
	background-color: #fc962f;
}


.portfoliozelle  .hiddentext {
	display:none;
	position: fixed;
	right: 30px;
    top:30px;
    background-color: #fc962f;
    height:84px;
	width: 120px; 
}

.portfoliozelle  .hiddentext table {
	height: 80px; 
	width: 120px;
}

#main .portfoliozelle  .hiddentext table tr td {
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding:4px;
	color: #FFFFFF;
}

.portfoliozelle:hover  .hiddentext {
	display:block;
}


.titelzelle {
    float:left;
}

.studentenzeile .titelzelle table {
	height: 80px; 
	width: 120px;
}

.studentenzeile-klein .titelzelle table {
	height: 40px; 
	width: 120px;
}

#main .titelzelle table tr td {
    font-size: 11px;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    padding:4px;

}


.portfoliozelle-klein {
	position:relative;
	height:36px;
	width: 104px; 
	margin-right:2px;
	margin-bottom:0px;
	background-repeat:no-repeat;
	background-position:center center;
	border:3px solid #FFFFFF;
	float:left;
	cursor: pointer;
}

.portfoliozelle-klein:hover, .cur
{
	border:3px solid #fc962f;
	background-color: #fc962f;
}



.studentenzeile {
	background: #FFFFFF;
	height:88px;

	clear:both;

	padding-top:4px;
}


.studentenzeile-klein {
	background: #FFFFFF;
	height:40px;
	clear:left;
	padding-top:4px;
}



/***************************
*  Default styles for the
*     EXT rgslideshow
* by Ringer Georg (just2b)
***************************/  

/* general div */
.rgslideshow {
  position:relative;
  overflow:hidden;
  background:#fff;
}

/* container divs */
.rgslideshowce, .tx-rgslideshow-pi1 {
  overflow:visible;
}

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext {
  position:absolute;
  width:200px;
  cursor:pointer;
  outline:0px;
  z-index:2;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;  
}

.rgslideshow .rgsbigprev  {
  left:0;
  background: url(/typo3conf/ext/rgslideshow/res/gfx/prevlabel2.gif) left center no-repeat;
}

.rgslideshow .rgsbignext {
  right:0;
  background: url(/typo3conf/ext/rgslideshow/res/gfx/nextlabel2.gif) right center no-repeat;
}

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover {
  opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;  
  background: url(/fileadmin/fst_templates/imgs/slideshow/prevlabel_orange.gif) left center no-repeat;
}
.rgslideshow a.rgsbignext:hover {
  opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;  
  background: url(/fileadmin/fst_templates/imgs/slideshow/nextlabel_orange.gif) right center no-repeat;
}

/* center the imgs */
.rgslideshow .rgssimg {
  z-index: 1; /* for safari */
  position:absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
  margin:0 auto;	
}

/* no border for imgs */
.rgslideshow img, .rgslideshow a, DIV.csc-textpic .rgslideshow img {
  border:0px;
}

/* nested information */
.rgslideshow .rgsnest {
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
   z-index: 5; /* for safari */
}



/* title */
.rgslideshow .rgstitle {
  /* color:#C64934; old orange */
  color:#fff;
  font: bold 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:2px;
  text-transform: uppercase;
  padding:2px 10px 0 10px;
  z-index: 9; /* for safari */
}  

/* description */
.rgslideshow .rgsdescription {
  color:#fff;
  font-size:11px;
  line-height:15px; /* this results in exact 2 lines */
  padding:3px 10px 5px 10px;
  height:28px;  
  overflow:hidden;
}

/* img browser nest */
.rgslideshownav {
  text-align:right;
  border-right:1px solid #ccc;
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
  display:inline;
  background: #404040 url(/typo3conf/ext/rgslideshow/res/gfx/navleft.gif) left no-repeat;
  margin:0;
  padding:3px 10px 1px 20px;
  height:20px;
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
  display:inline;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
  padding:0 4px;
  font-weight:bold;
  font-size:10px;
  cursor:pointer; 
  color:#d8d6d6;  
}

.rgslideshownav .rgsbrowserEl:hover {
  color:#ff9933;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
  color:#fff;
  font-size:7px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
  font-weight:bold;
  color:#ff9933;
}

/* small prev/next navigation */
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {
  font-size:9px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;  
}

/* play/pause icon */
.rgslideshownav .rgsplay {
  font-size:9px;
  font-weight:bold;  
  color:#d8d6d6;
  cursor:pointer;
  padding-left:5px;
}

/* hover on prev/next/play */
.rgslideshownav .rgsnext:hover, .rgslideshownav .rgsprev:hover, .rgslideshownav .rgsplay:hover {
  color:#ff9933;
}