/* --------------------------------------------------------------------------*/
/* Stylesheet für Homepage www.fachschaft-e.de                               */
/* Ersteller: Bastian Volk                                                   */
/* --------------------------------------------------------------------------*/


/*-[ Globale Definitionen für Body, Images, Links und Headlines ]------------*/
body {
  font: 12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: #d2d2d2;
  background-image: url(./images/design/background.jpg);
  background-repeat: repeat-x;
  color: Black;
  margin: 0;
  padding: 0;
}

img {
  border:0;
}

a {
  text-decoration:none;
  color: blue;
}

h1 {
  border-bottom: 1px solid black;
  margin:0 0 15px;
  font-size:20px;
}

h2 {
  border-bottom: 1px solid black;
  margin:0 0 15px;
  font-size:16px;
}

h3 {
  border-bottom: 1px solid black;
  font-size:12px;
  margin:0 0 5px;
}


/*-[ Boxen für Seitenlayout ]------------------------------------------------*/
#wrapper {				/* Catcher für Design */
  width: 990px;
  background-color: white;
  margin: 0 auto;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  margin-top: 10px;
}

#header {				/* Kopf */
  height: auto;
  border-style: none;
  border-width: 0px;
}

#header-banner {			/* Banner mit HS und FS-E Logo */
  height: 100px;
  background-image: url(./images/design/headpic.jpg);
  background-repeat: no-repeat;
}

#header-login, 				/* Head Login & Head Copy */
#footer-copy {
  background-color: #9999FF;
  border-color: black;
  border-style:solid none;
  border-width:1px;
  font-size:12px;
  height:15px;
  padding:3px;
  text-align:right;
}

#header-location {			/* Head Location */
  background-color:#DDDDDD;
  border-color: black;
  border-style:none none solid;
  border-width:1px;
  font-size:12px;
  height:15px;
  padding:2px;
}

#main {					/* Hauptteil */
  background-color: transparent;
  margin: 0 auto;
  border-style: none;
  border-width: 0px;
}

#leftnavi {				/* Linkes Menü */
  width: 200px;
  height: auto;
  padding: 20px;
  margin: 0px;
  background-color: transparent;
  float: left;
}

#content,				/* Hauptteil - Inhalt */
#content-studportal {				
  width: 530px;
  height: auto;
  padding-top: 20px;
  margin: 0px;
  background-color: transparent;
  float: left;
}

#content-studportal {			/* Hauptteil Studentenportal */
  width: 730px;
}

#rightnavi {				/* Rechtes Manü */
  width: 180px;
  height: auto;
  padding: 20px;
  margin: 0px;
  background-color: transparent;
  float: left;
}

#footer {				/* Fußleiste */
  height: 50px;
  background-color: transparent;
  border-style: none;
  border-width: 0px;
  clear: both;
  padding-top: 20px;
}

#footer-copy {				/* Fußleiste - Copyright */
  text-align:center;
  height:15px;
  padding:10px;
}


/*-[ Elemente Haupt-Navigation (Links) ]-------------------------------------*/
ul#ebene1 {
  padding:0;
  margin:0;
  width:180px;
  list-style:none;
}

ul#ebene2 {
  padding-left:14px;
  margin:0;
  width:166Px;
  list-style:none;
}

ul#ebene1 li,
ul#ebene2 li {
  display:block;
  text-indent:18px;
  text-decoration:none;  
  padding-top:1px;
}

ul#ebene1 a,
ul#ebene2 a,
ul#ebene1 a.filled,
ul#ebene2 a.filled {
  display:block;
  border-color:white;
  border-width:1px;
  border-style:solid;
  background:transparent url(./images/design/li_square_blue.gif) 2px center no-repeat;
}

ul#ebene1 a.filled,
ul#ebene2 a.filled {
  background:transparent url(./images/design/li_square_blue_filled.gif) 2px center no-repeat;
}

ul#ebene1 a:hover,
ul#ebene2 a:hover,
ul#ebene1 a.filled:hover,
ul#ebene2 a.filled:hover {
  background:#9999FF url(./images/design/li_square_yellow.gif) 2px center no-repeat;
  border-color:black;
  border-width:1px;
  border-style:solid;
}

ul#ebene1 a.filled:hover,
ul#ebene2 a.filled:hover {
  background:#9999FF url(./images/design/li_square_yellow_filled.gif) 2px center no-repeat;
}


/*-[ Tabellenlayouts - Hauptdesign ]-----------------------------------------*/
table.navibox,				/* Box für Navigation */
table.boxlinks,				/* Box linke Leiste */
table.boxrechts {			/* Box rechte Leiste */
  width:200px;
  color: black;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

table.boxrechts {			/* Box rechte Leiste */
  width:180px;
}

th.naviboxhead,				/* Head der Navigationsbox */
th.boxlinkshead,			/* Head der linken Navigationsbox */
th.boxrechtshead {			/* Head der rechten Navigationsbox */
  border-bottom: 1px solid black;
  background-color:#9999FF;
}

td.naviboxbody {			/* Body der Navigationsbox */
  padding:9px;
}

td.boxlinksbody,			/* Body der linken Navigationsbox */
td.boxrechtsbody {			/* Body der rechten Navigationsbox */
  padding:10px;
}

td.boxrechtsrow1,			/* Style für abwechselnde Einfärbung der Reihen */
td.boxrechtsrow2 {
  padding:10px;
}

td.boxrechtsrow2,			/* Style für abwechselnde Einfärbung der Reihen */
td.boxrechtsalletermine {
  background-color:#DDDDDD;
}

td.boxrechtsalletermine {		/* Box bzw. Link für allte Termine */
  padding:2px;
  text-align:center;
  border-top:1px dotted black;
}


/*-[ Tabellenlayouts - Allgemein für abwechselnde Reihen ]-------------------*/
td.row_unequal {
  background-color:#DDDDDD;
  padding:10px;
}

td.row_equal {
  background-color:white;
  padding:10px;
}


/*-[ Tabellenlayouts - News ]------------------------------------------------*/
table.news,				/* News für Public */
table.newsintern,
table.newsinterndeleted,
table.newsdeleted {			/* News für Intern */
  width:530px;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

table.newsintern {			/* News für Intern (breiter) */
  width:730px;
}

table.newsinterndeleted {			/* News für Intern (breiter) */
  width:730px;
}

th.news,
th.newsdeleted {				/* Head für News */
  background-color:#9999FF;
  text-align:left;
  border-style:none none solid;
  border-width:1px;
  border-color:black;
  padding:5px;
}

th.newsdeleted {				/* Head für News */
  background-color:#cc0000;
}

td.news1,				/* Elemente für News */
td.news2,
td.news,
td.news1deleted,
td.news2deleted,
td.newsdeleted {
  padding:5px;
  text-align:left;
}

td.news1deleted,
td.news2deleted,
td.newsdeleted {
  background-color:#ff6666;
}

td.news1,
td.news1deleted {				/* Uhrzeit Bereich in News */
  font-style:italic;
}

td.news2,
td.news2deleted {				/* Author Bereich in News */
  text-align:right;
}


/*-[ Tabellenlayouts - Fachschaft ]------------------------------------------*/
table.fachschaftdeleted,
table.fachschaft {			/* Fachschaft E Tabelle */
  width:500px;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

table.fachschaftdeleted {
  background-color:#ff6666;
}

td.bilddeleted,
td.bild {				/* Fachschaft E Bild Ausrichtung */
  padding:10px;
  width:150px;
  border-style:none solid none none;
  border-width:1px;
  border-color:black;
  text-align:center;
  vertical-align:middle;
}

th.fsdeleted,
th.fs {					/* Tabellen Kopf */
  text-align:left;
  padding-left:5px;
  background-color:#9999FF;
  height:20px;
  font-weight:normal;
}

th.fsdeleted {
  background-color:#cc0000;
}

td.fsdeleted,
td.fs {					/* Tabellen Daten */
  text-align:right;
  font-size:14px;
  padding-right:5px;
  font-weight:bold;
}

td.fsemaildeleted,
td.fsemail {				/* Formatierung Email */
  text-align:right;
  padding-right:5px;
  font-weight:bold;
}


/*-[ Tabellenlayouts - Kalender ]--------------------------------------------*/
table.kalenderbox {			/* Tabelle Kalender */
  color: black;
  width:180px;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse:collapse;
  text-align:center;
}
	
th.kalenderboxhead {			/* Kopf Kalender */
  border-bottom: 1px solid black;
  font-weight:normal;
  background-color:#9999FF;
}

td.today {				/* Style für Heute */
  border-style:solid;
  border-width:2px;
  border-color:orange;
}

td.event {				/* Style für Event / Termin */
  font-weight:bold;
}

td.todayevent {				/* Style für Event und Heute */
  font-weight:bold;
  border-style:solid;
  border-width:2px;
  border-color:orange;
}


/*-[ Tabellenlayouts - Fehler Box ]------------------------------------------*/
table.fehler {
  border-style:solid;
  border-width:2px;
  border-color:orange;
  border-collapse:collapse;
  margin-top:20px;
  margin-bottom:20px;
}

th.fehler {
  width:100px;
  color:orange;
  font-size:40px;
}

td.fehler {
  width:500px;
  padding:25px;
  font-weight:bold;
  text-align:center;
}


/*-[ Tabellenlayouts - Auflistung Studenten ]--------------------------------*/
table.studenten,
table.sortable {
  width:700px;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse:collapse;
}

th.studenten,
td.studenten,
td.studentencenter,
td.studentenright {
  border-style:solid;
  border-width:1px;
  border-color:black;
  padding:3px;
  text-align:left;
}

td.studentencenter {
  text-align:center;
}

td.studentenright {
  text-align:right;
}

/*-[ Tabellenlayouts - Files ]-----------------------------------------------*/
table.files {
  width:700px;
  border-style:solid;
  border-width:1px;
  border-color:white;
  border-collapse:collapse;
}

td.files,
td.filescenter {
  border-style:solid;
  border-width:1px;
  border-color:white;
  text-align:left;
}

td.filescenter {
  text-align:center;
}

tr.filesrow1 {
  background-color:#DDDDDD;
  text-align:left;
}

tr.filesrow2 {
  background-color:#EEEEEE;
  text-align:left;
}

tr.filesordner {
  background-color:white;
  text-align:left;
}


/* ------------------ */
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(./images/galerie/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(./images/galerie/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(./images/galerie/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(./images/galerie/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

a.thumb img { 
  filter:alpha(opacity=50);	
  -moz-opacity:0.50;	 
  opacity:0.50; 
  border:solid 2px #FFFFFF; 
}

a.thumb:hover img {
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity:1.0;
  border:solid 2px #9999FF; 
}




.deleted {				/* Head für News */
  background-color:#ff6666;
}


/* ##################################### */

table.forum {			/* Box rechte Leiste */
  width:730px;
  color: black;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

th.forum,
th.forumleft,
th.forumleftdeleted {			/* Head der rechten Navigationsbox */
  background-color:#9999FF;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

th.forumleft {			/* Head der rechten Navigationsbox */
  text-align:left;
}

th.forumleftdeleted {			/* Head der rechten Navigationsbox */
  text-align:left;
  background-color:#cc0000;
}

td.forum,
td.forumicon,
td.forumviews,
td.forumlast,
td.forumstudent,
td.forummessage {			/* Body der Navigationsbox */
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-collapse: collapse;
}

td.forummessage {
  vertical-align:top;
}

td.forumicon {
  text-align:center;
  width:20px;
}

td.forumviews {
  text-align:center;
  width:50px;
}

td.forumlast {
  text-align:center;
  width:200px;
  font-size:10px;
}

td.forumstudent {
  width:170px;
  vertical-align:top;
}