/*Generelle deklaration der HTML ELemente*/

* {
  margin:0;
  padding:0;
}

html {
  font-size:100.01%;
  overflow-y:scroll;
  position:relative;
  margin:0;
  padding:0;

}

body {
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:80%;
  background-color:#cccccc;
  margin:0;
  padding:0;
}

fieldset, img {
  border:0;
}

select, input, textarea {
  font-size:99%;
}

a {
  text-decoration:none;
  color:#ff9900;
}
a:hover {
  color:#89146a;
}

h1, h2  {
  font-size:180%;
  color:#89146a;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-weight:normal;
/*  margin: 0 0 0.5em 0.25em; */
  margin:0 0 0.5em 0;
  padding-bottom:2px;
}
h3, h4, h5, h6 {
  font-size: 130%;
  color:#89146a;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-weight:normal;
/*  margin: 0 0 0.5em 0.25em; */
  margin:0 0 0.5em 0;
  padding-bottom:2px;
}
h1.title, h1.csc-firstHeader {
  border-bottom: 1px solid #FF9900;
}
p {
  line-height:1.5em;
  margin-bottom:1em;
}

ul {
  margin:0px;
  padding:0px;
}

img {
  border:0px;
  padding:0px;
  margin:0px;
}


/*Globale Seitenstruktur*/
.trenner_orange {
  background-color:#ff9900;
  height:2px;
  width:100%; 
  overflow:hidden;
  position:relative;
  top:127px;
  z-index:10;
}
.trenner_grau {
  background:#DDDDDD;
  height: 1.8em;
  margin-bottom:2em;
  overflow:hidden;
  position:relative;
}


#maincontainer {
  width:auto;
  max-width:1280px;
  min-width:1004px;
  background-color:#ffffff;
  margin:0px auto;
  margin-top:-2px;
  padding:0px;
  overflow:hidden;
}

/* Linke Spalte des Templates*/

#left_col {
  width:200px;
  float: left;
}

#site_logo {
  height: 127px;
  direction:rtl;
  text-align:right;
}
/*###*/
/*Start des Hauptmenues*/
/*###*/

ul li.leaf,
ul li.expanded {
    list-style: none;
}

li.expanded, li.collapsed, li.leaf {
    padding: 0px;
}

#linkesmenu .block {
    padding: 0px;
    border: 0px;
}

/*Erste Ebene des Hauptmenues*/
/*###*/

#linkesmenu div.content  ul {
  border-top:1px solid #cccccc;
  padding:0px;
  margin:0px;
}

#linkesmenu div.content  ul li {
  list-style-type:none;
  border-bottom: 1px solid #cccccc;
  line-height:1.5em;
  margin:0px;
  font-size: 1.1em;
  font-weight:bold;
}
#linkesmenu div.content  ul li.menuspacer {
  padding:0;
  margin:0;
  border:0;
  list-style-type:none;
}

div#linkesmenu div.content ul.menu li.expanded,
#linkesmenu div.content ul a.active {
  background-color:#89146a;
  color:#fffff;
}

#linkesmenu div.content ul a {
  display:block;
  padding:0.2em 3px 0.2em 10px;
  line-height: 1.18em;
  color:#000000;
}

div#linkesmenu div.content ul.menu li.expanded a{
	color:#ffffff;
}

#linkesmenu div.content  ul a:hover {
  background-color:#89146a;
  color:#ffffff;
}

/*Zweite Ebene des Hauptmenues*/

div#linkesmenu div.content ul.menu li ul.menu li{
  font-weight: normal;
  background:#EBEBEB;
  margin:0px;
  font-size:0.95em;
}

div#linkesmenu div.content ul.menu li.expanded ul.menu li a.active,
div#linkesmenu div.content ul.menu li ul.menu li.active {
  background-color:#F5F5F5;
}

div#linkesmenu div.content ul.menu li ul.menu li a.active {
  color:#000000;
  font-weight:bold;
}

div#linkesmenu div.content ul.menu li ul.menu li a {
  padding-left:20px;
  line-height:1.18em;
  color: black;
}

div#linkesmenu div.content ul.menu li ul.menu a:hover, 
div#linkesmenu div.content ul.menu li ul.menu li a:hover {
  background:#fff;
  color:#000000;
}

/*IE 7 Hack - Irgnierung der Zeilenh�he des "leeren" menuspacer*/
*:first-child+html #linkesmenu div.content  ul.second {
   margin-top:-1.4em; /* (IE 7 in standards-compliant mode) */
}
/*Anweisung f�r den IE >7 finden sich in der ie_hacks.css Datei*/
/*Ende des IE7 Hacks*/

/*Dritte Ebene des Hauptmenues*/
#linkesmenu div.content  ul.third li {
  background: #F5F5F5;
  font-size:0.95em;
}

#linkesmenu div.content  ul.third li.active {
  background-color:#FFFFFF;
}
#linkesmenu div.content  ul.third li.active a {
  color:#000000;
  font-weight:bold;
}

#linkesmenu div.content  ul.third a {
padding-left:30px;
}
*:first-child+html #linkesmenu div.content  ul.third {
   margin-top:-1.4em; /* (IE 7 in standards-compliant mode) */
}
/*Vierte Ebene des Hauptmenues */
#linkesmenu div.content  ul.fourth li {
  background: #FFFFFF;
}

#linkesmenu div.content  ul.fourth li.active {
  background-color:#FFFFFF;
}
#linkesmenu div.content  ul.fourth li.active a {
  color:#000000;
  font-weight:bold;
}
#linkesmenu div.content  ul.fourth a {
padding-left:40px;
}
*:first-child+html #linkesmenu div.content  ul.fourth {
   margin-top:-1.4em; /* (IE 7 in standards-compliant mode) */
}
/*Ende des Hauptmenues*/


/*Mittlerer Seiteninhalt - Menue und Content*/
#center_col {
  margin:0px 200px;
  border-left: 1px solid #cccccc;
  border-right:1px solid #cccccc;
  padding:0px;
}
#banner {
  height:127px;
  background:#cccccc url(../images/banner.jpg) left top no-repeat;
  overflow:hidden;
  padding:0;
  margin:0;
}
#banner a img {
  width: 100%;
  height: 120px;
}

/*Horizontales Menue - Shortcuts zu den wichtigesten Punkten*/

#hmenu div.region div#block-menu-menu-horizontal-menu.block {
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#hmenu {
  overflow: hidden;
  display: inline-block;
  width:100%;
  background:#89146a;
  height: 1.8em;
}

#hmenu ul.menu a {

  padding-right: 25px;

  padding-left: 25px;

  padding-top: 3px;

  height: 20px;

  display: inline-block;

  color:#ffffff;
  background:#89146a;
}
#hmenu ul.menu a:hover {  
  color:#89146a;
  background:#E1E1F1;
}

#hmenu ul.menu li{
	border-color: white;
	border-right-width: 1px;
	border-style: solid;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0em;
	padding-top: 0px;
	margin: 0 0 0 0em;
	list-style-position: inside;	
	list-style-type: none;
	text-align: center;
	list-style-image: url("");
	float: left;
}

#hmenu ul.menu li.last{
	border-right-width: 0px;
	border-style: none;
	list-style-position: inside;	
	list-style-type: none;
	text-align: center;
	list-style-image: url("");
	float: left;
}

#hmenu ul.menu li.active {
  background-color:#89146a;
}
#hmenu ul.menu li.active a {
  color:#ffffff;
}

#location {
  border-bottom: 1px dotted #cccccc;
  color:#cccccc;
  
  font-size:0.8em;
  margin:10px 10px 2em;
  padding-bottom: 2px;
}

/* Anzeige des aktuellen Menuebaumes*/
#whereis {
  float:left;
}
#whereis a, #whereis a:hover {
  color:#999999;
  text-decoration:none;
}

/* Sprachauswahl Menue*/
#language {
  float:right;
}
#language img {
  margin: 0 2px;
}

/*Seiten Inhalt*/
#content {
  padding:0 10px 10px 10px;
  min-height:400px;
  height:auto !important;
  height:400px;

}
#content ul {
  margin:5px 20px;
}

/* Allgemeine Bilder im Content*/

/* Externe Link Bilder im Content*/
#content a img {
  margin:0px;
}

h1.title {
  border-bottom:1px solid #FF9900;
  margin-bottom:0.5em;
  padding-bottom:2px;
}
.content_box {
  background:#F4F4F4;
  margin:10px 0px;
  padding:13px;
}
/*Inhaltselement - graue Box mit Rahmen*/
.block {
  background:#F9F9F9;
  border:1px solid #DDDDDD;
  padding:0 20px;
  margin-bottom:20px;
}
.block h3, .portal h3 {
  font-size:130%;
  padding-top:1em;
}
/*Inhaltselement - graue Box ohne Rahmen*/
.portal {
  background:#F4F4F4;
  border:none;
  padding:5px 20px;
  margin-bottom:20px;
}
/*Gezielte deklaration f�r Adressen - Symantisches HTML und M�glichkeit auf getrennte Dastellung*/
address {
  font-style: normal;
  padding:10px 0;
  margin:0;
}
address.span {
  font-size:80%;
}

/*Start der Rechten Seite*/
#right_col {
  float:right;
  width:200px;
}
#hqe_logo {
  background-image: url(../images/logo_fak.jpg);
  height:127px;
  text-align:center;


}
/**Fortf�hrung des horizontalen Menues in der rechten Spalte (Webmail, LSF, more ...) */
#quicklinks {
  position:absolute;
  width:190px;
  z-index:10;
}
#quicklinks ul {
  line-height:1.5em;
}
#quicklinks ul li{
  list-style-type:none;
  float:left;
  line-height:1.8em;

}
#quicklinks a{
  color:#89146a;
  border-right:1px solid #cccccc;
  font-weight:bold;
  
  display:block;
  width:auto;
  padding: 0px 0.5em;
}
#quicklinks a:hover {
  color:#ffffff;
  background:#89146a;
}
#quicklinks a.last {
  border:none;
}

#loginbox {
  padding:0 0 10px;
  border-bottom:1px solid #CCCCCC;
  margin-bottom:1em;
}

#right_content .trenner_grau {
  padding:0 0.5em;
  margin-bottom:0.5em;
}

.trenner_grau span {
  color:#89146a;
  font-weight:bold;
  line-height:1.8em
}

/*Neuer blauer Balken f�r die Kalender-�berschrift*/

#right_content .trenner_blau, #left_content .trenner_blau { 
  background:#E9E9F4;
  height: 1.8em;
  margin-bottom:2em;
  overflow:hidden;
  position:relative;
  padding:0 0.5em;
  margin-bottom:0.5em;
}
#right_content .trenner_blau span, #left_content .trenner_blau span { 
  color:#89146a;
  font-weight:bold;
  line-height:1.8em
}

#left_content {
//  margin-bottom:0.5em;
  margin: 2em 0 0;
}

#logos {
//  padding: 80px 20px 20px 20px;;
  color:#666666;
  font-size:0.9em;
  margin: 0 10px 10px;
}
/*Maximale Breite f�r Bilder - Bei gr��eren Bildern tauchen Probleme im IE >8 auf */
#logos img {
  width:180px;
  margin-bottom:0.5em;
}


/*Ende der Rechten Spalte*/
/*Start des Footers - Seitenabschluss*/
#footer {
  background: #89146a;
  padding:3px 213px;
  color:#ffffff;
  clear:both;
}
#footer a{
  color:#ffffff;
  display:inline;
}

#nonxslt {
  display: none;
  font-size: 12px;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  outline-color: #444;
  outline-style: none;
  outline-width: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  width: auto;
}

.align-center p.bodytext {
    text-align:center;
    width:100%;
}

.align-left p.bodytext {
    text-align:left;
    width:100%;
}

.align-right p.bodytext {
    text-align:right;
    width:100%;
}

p.bodytext {
    width:100%;
}

td.align-right {
    padding-right:10px;
}

td.align-left {
    padding-left:10px;
}


div.csc-textpic {
    overflow:auto;
}
div.csc-textpic-clear {
    clear:none !important;
}
div.csc-textpic-text {
    text-align:justify;
/*    width:70%; */
}

div.csc-textpic-intext-left p.bodytext, div.csc-textpic-intext-right p.bodytext {
    display:inline;
}

div.csc-textpic-center {
/*    width:70%; */
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*Behebung des Float-Bugs - Alle 3 Container wachsen nun mit*/
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*Ende Bugfix*/



/*Definition des Calendar*/

.Calendar_listItem, #calendar_showmore {
  border-bottom: 1px solid #CCCCCC;
  color: #000000;
  font-size:0.9em;
  line-height:1.4em;
  margin:0px;
  padding:2px 6px; 
}
.calendarlink, #calendar_showmore a{
  text-decoration:none;
  color:#89146a;
}

/* Definition der News*/
.news-list-date {
  font-weight:bold;
  display:block;
  float:left;
  line-height:1.5em;
}
.news-list-date img {
    vertical-align:middle;
    height:12px;
    width:12px;
    padding:0px;
    margin:1px -2px 1px -14px;
    border:0px;
}
.news-list-morelink  {
    display:none;
}

.news-list-item {
    margin:5px 0;
    padding-bottom:5px;
    border-bottom: 1px solid #CCCCCC;
}
.news-list-item p {
    margin:0px;
}
.news-list-news {
    margin-left:6.5em;
}

p.bodytext {
    margin:0px;
    padding:0px;
}

/* Praktikumsseite */
#group1-left {
    float: left;
    display: block;
    width: 6.5em;
}
#group1-right {
    display: inline-block;
    margin-left: 1.5em;
}

.color1 {
    color:#ff9900;
}

.color2 {
    color:#b74900;
}

.prak-col1 {
    float: left;
    display: block;
    width:6em;
}
.prak-col2 {
    float: left;
    display: block;
    width:20.5em;

.prak-col3 {
    float: left;
    display: block;
    width:10.5em;
}
.prak-col4 {
    display: inline-block;
    width:5em;
}

.prak-col1 p, .prak-col2 p, .prak-col3 p, .prak-col4 p {
//  margin:5px 0;
//  padding-bottom:5px;
}

.prak-col1 p {
    padding-left:.2em;
}

.prak-versuch {
    border-top: 1px solid #CCCCCC;
}

#prak-header p, .prak-versuch p {
    margin-bottom:0.2em;
    margin-top:0.1em;
}

#prak {
//  margin-left:2em;
}


/*slide show cs master*/
#views_slideshow_cycle_teaser_section_views_slideshow_xtra_example-block_1.views-slideshow-cycle-main-frame-row {
	width: 100% !important; 
}
/*
.views_slideshow_pager_field_item {
	float: left;
	padding: 2px;

}
*/

#views_slideshow_pager_field .views_slideshow_pager_field_item {
	background: blue;
	width: 20px;
	height: 20px;
        overflow: hidden;
	margin: 2px;
	border-radius: 50%;
	float: left;
}
#views_slideshow_pager_field .views_slideshow_pager_field_item a {
	color: transparent;
}

div.views-slideshow-pager-field-item{
	display: inline; 
}