/*Allgemeine Deklarationen*/

html, body { 
	color: #000;/*hier*/
	margin: 0; 
	padding: 0; 
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h1 a, h2 a, td {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h3, h1 a, h2 a {color: #80CFEF;}

#nav1 p, #nav2 p, #nav3 p, #nav4 p, #nav5 p {
	margin-left: 8px;
}

#content .contentScroll a { color: #80CFEF;}
	
a, #subnav a {
	color: #000; /*hier*/
	text-decoration: none;
}

#content a:hover {
	text-decoration:underline;
}

#subnav a, #head a, #lang a {
	padding: 1px 2px;
	margin: 1px 0;
}

h1, h2, h3, h4, h1 a, h2 a  {
	font-weight: bold;
	margin-top: 14px;}

li {margin-bottom: 4px;}

.csc-textpic-caption {
margin: 4px 0 0 0 !Important;
line-height: 16px;
}

#wrapper { 
	position: relative;
	width: 742px; 
	margin: 0 auto; 
	padding: 0;
}

#head {
	border-top: 1px solid #000;
	margin-top: 60px;
	position: relative;
	*margin-bottom: 14px;*/
	}
	
#logo {
	position: absolute;
	right: 16px;
	margin-top: 6px;
}

#title {
	border-bottom: 1px solid #80CFEF;
	padding: 2px 21px 4px 16px;
	/*line-height: 13px;*/}

#title a:hover {
	background-color: #80CFEF;
	color: #fff;}

#nav a:hover, .contentScroll img {
	background-color: #80CFEF;
	color: #fff;}


/*Allgemeingueltige Klassen*/

.active, #subnav ul li.active a {
	color: #ffffff;
	background-color: #80CFEF;}
	
.csc-textpic-imagecolumn {overflow: visible;}


/*Navigation 1-5*/

#nav {margin-bottom: 28px;}

.navRow {
	display: block;
	height: 18px;
	position: relative;
	left: 0;
	top: 0;}

.navRow, .dropdown {
	border-bottom: 1px solid #80CFEF;
	margin: 0;
	padding: 0 21px 0 16px;
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;}


/*Contentbereich mit allen Variationen*/

#content {border-bottom: 1px solid #000;}

#content #subnav {
	padding: 0;
	width: 159px;
	margin-left: 18px;
	position: absolute;}


/*Nav 6 und Dropdown Einrückung*/

#content #subnav form {margin-left: 20px;}

.contentScroll {
	margin: 0;
	padding: 0 0 28px 18px;
	width: 728px;}

.contentScrollSubnav {
	margin: 0 0 28px 158px;
	width: 589px;}

#content #subnav ul {
	margin: 0;
	padding: 0;}

#content #subnav ul ul {
	margin-left: 8px;
	padding: 0;
	padding-top: 4px;}

#content #subnav ul li {
	margin-bottom: 4px;
	line-height: 16px;}

#content #subnav a.active {color: #FFFFFF;}

#content img {margin: 0 14px 14px 0;
	border: none;}

#content .csc-textpic-imagecolumn img, #content .csc-textpic-imagerow img, #content .csc-textpic-imagewrap img {margin: 0 0 14px 0;}

#content .csc-textpic-imagerow ul, #content .csc-textpic-imagerow ol {overflow: visible;}

#content a:hover img {
	border: solid 14px #80CFEF;
	margin: -14px 0 0 -14px;}
	
#content #hometeaserswrap  a:hover img{
	border: none;
	margin: auto;}
	
.csc-textpic-image a {
	display: block;
	line-height: 8px;}


/*Tabellen fuer Detailansicht und uebersicht*/

table.uebersicht, table.detail {
	padding: 0;
	margin: 0 0 14px 0}

table.uebersicht tr, table.detail tr {padding: 0;}

table.uebersicht tr td {vertical-align: top;}

.vorschaubild1, vorschaubild2 { width: 144px;}
.beschreibung {width: 280px;
	padding-left: 4px;}

table.detail tr td {vertical-align: top;}

table.detail tr td p.bodytext {margin-right: 15px;}

table.detail tr td img, table.uebersicht tr td img {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

table.detail td.col1 img {margin-bottom: -8px;}


/*Detailansicht: Tabelle fuer Projektinformation*/

table.detail td table {
border-spacing: 2px;
margin-left: -2px;
padding-bottom: 16px;
width: 100%;
}

table.detail td table tr td {padding: 0;}

table.detail .teaser {padding: 8px 0 16px 0;}

.home1 {
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
	padding: 0;
	margin: 0;}

.home1 tr td{
	margin: 0;
	padding: 0;}

.home1 img {
	margin: 4px;
	display: block;}


/*Standardabsaetze p im content*/

.bodytext {margin-top: 7px;}

div.csc-textpic, .news-list-item-image, .fhdalumni_listitem_photo {margin-top: 14px;}

div.csc-textpic-imagewrap {margin-bottom: -7px;}


/*Klasse mit Punkten*/

.element {background-position: bottom left;}


/*punkte fuer Projektliste entfernen */

.element .uebersicht {background: none;}


/*Liste fuer Professorenuebersicht*/

#subnav ul  {padding: 0;}

#subnav ul li {list-style: none;}


/* Select Boxen in der Navigation */

#nav3 select, #nav4 select, html body#nav3#dropdown select, .dropdown select {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border: none;
	margin: 0 0 0 -4px;}


/* Select Boxen in der Subnavigation */

#nav3 select, #nav4 select, html body#nav3#dropdown select {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 0 -4px;}


/* 2 Spaltige Ausgabe der Projekte (test ist nur als Bugfix eingefügt)*/

.Article {
	column-count: 2;
	-gap: 20px;
	background-color: #FFFFFF;
	padding: 8px;
	text-align: left;} 
	

/*Eingerueckte Darstellung von Projektuebersichten P3 in Default Templatseiten*/

.tx-fhdprojects-pi3 {margin-left: 135px;}


/*Korrektur der Bildtabelle fuer IE */

/*.csc-textpic-image {padding-bottom: 8px;}*/

div.csc-textpic-equalheight div.csc-textpic-imagerow { margin-bottom: 0; display: block; }
div.csc-textpic div.csc-textpic-imagerow { clear: both; }


/* Random Image Galerie Styles und Projektübersicht*/

td.studentname {
    color: #80CFEF;}
	
#content td.betreuername a{
    color: #666666;} 
	
/*.fuenfbildertabelle {
width: 577px;
margin-left: -4px !Important;}*/

.hilfe {width: 50%;}

/*Horizontale Linie*/

hr {
border: 0;
border-top: dotted 1px #80CFEF;
border-bottom: #FFFFFF;
height: 1px;
color: #80CFEF;
background-color: #FFFFFF;
margin-right: 4px;
}

hr.clearer, br.clearer  {clear: both;}

br.clearer {visbility: none;}

.news-list-container, #fhdalumni_list {margin: 10px 0;}


/*Linie entfernen zweispaltiger Text*/

.c2l1-left {
vertical-align: top;
border-right: none !Important;}

.c2l1-middle {vertical-align: top;}

.tx-fdfx2cols-pi1 {margin-right: 14px;}


/*Roter Text*/

.red {color: red;}


/*Sprachwaehler*/

#lang {
	padding: 10px 0 10px 18px;
	/*padding-left: 18px;
	position: absolute;
	bottom: -20px;*/
	}
	
#langHome {
	padding-left: 18px;
	position: absolute;
	top: 500px;}	
	
	
/*5 Bilder Vorlage */

.fiveimg {
	width: 562px;
	margin: 0 0 15px;}
	
.fiveimgBigImg {margin-right: 14px;}
	
.fiveimg br {clear: left;}
	
.fiveimgBigImg, .fiveimgSmallImg {
	width: 274px;
	height: 194px;
	float: left;
	overflow: hidden;}
	
.fiveimgBigImg div.csc-textpic, .fiveimgSmallImg div.csc-textpic {margin: 0;}

.fiveimgBigImg div.csc-textpic-imagerow, .fiveimgSmallImg div.csc-textpic-imagerow {margin: 0 0 10px;}	
	
/* Bildbeschriftung tt_content mit der Klasse Bildbeschriftung*/

.bildbeschriftung {margin-top: -8px;}

.bildbeschriftung p.bodytext {margin-top: 0;}


/* Newsliste und Alumniliste als textpic anzeigen */

.news-list-item, .fhdalumni_listitem_endorsement {
	float: left;
	margin-bottom: 14px;}
	
.news-list-item .bodytext, .news-list-item h1, .news-list-item h2, .news-list-item h3, fhdalumni_listitem_endorsement .bodytext {width: 421px;}
	
.news-single-item .news-single-img img {margin: 7px 0;}
	
.news-list-item-image, .fhdalumni_listitem_photo {	
	float: left;
	width: 144px;}
	
.fhdalumni_listitem_photo a {display: block;}

.fhdalumni_listitem_text {
		float: left;
		width: 402px;}

.fhdalumni_listitem_photo img {border: none;}

.fhdalumni_detail_photo {margin: 10px 0 -10px 0;}

.fhdalumni_detail_backtolist, .fhdalumni_listitem_name, .fhdalumni_listitem_endorsement {margin: 10px 0 0;}

.fhdalumni_detail_backtolist {
	background: url(img/back_arrow.gif) no-repeat 0 1px;	
}
.fhdalumni_detail_backtolist a {
	padding-left:20px;
}
	

/* Startseite */
	
#hometeasers div.csc-textpic {
	margin-top: 0;
	margin-bottom: 0;}
	
/*Ueberschreibung fuer contentscroll bei der Suche
.contentScrollB wird im Dokument searchresults.html der Erweiterung gesetzt*/

/*contentScrollB wird verwendet bei Projektansichten mit Suche*/

.contentScrollB {
	margin: 0;
	padding: 0 0 0 144px;
	width: 589px;}

.contentScrollC {padding: 0;}
	
.contentScrollC a {
	display: block;
	line-height: 8px;}
	
.contentScrollC a:hover {
	margin-right: -14px}

#content .contentScrollC img {
	position: relative;
	top: 0;
	left: 0;}
	

/*Ueberschreibung der Linie mit Punkten im Content der Projektseite*/

.element {background-image: none;}


/*Tabelle um die Suchdropdowns und Alumnidropdowns*/

#projektsuchehoriz table  {
	border: 0;
	width: 715px;}

#projektsuchehoriz td {
	width: 130px;
	text-align: right;
	vertical-align: top;
	padding: 0 14px 0 0;}
	
#projektsuchehoriz select, 	#projektsuchehoriz input, #fhdalumni_filter select, #fhdalumni_filter input, .tx-felogin-pi1 input, #tx-srfeuserregister-pi1-fe_users_form input[ { 
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;}

#projektsuchehoriz select, #fhdalumni_filter select { 
	width: 130px;
	border: 1px solid #ccc;}

#projektsuchehoriz input, #fhdalumni_filter input, .tx-felogin-pi1 input, #tx-srfeuserregister-pi1-fe_users_form input[ { 
	width: 128px;
	border: 1px solid #ccc;}

table.detail {width: 576px;}

#fhdalumni_filter, .tx-felogin-pi1 label, .tx-felogin-pi1 input[type=submit], #tx-srfeuserregister-pi1-fe_users_form input[type=submit]  {margin: 10px 0 0;}
	
#fhdalumni_filter select, #fhdalumni_filter input {margin-right: 14px; color:#666666;}

#fhdalumni_filter input[type=submit], .tx-felogin-pi1 input[type=submit], #tx-srfeuserregister-pi1-fe_users_form input[type=submit] {
	border: none;
	background: none;
	text-align: left;
	color: #80CFEF;}
	
/* Alumni Login*/

#c5919 .tx-felogin-pi1 input[type=submit], #tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-submit, #fhdalumni_filter input[type="submit"],
.tx-felogin-pi1 input[type="submit"] {
	border: none;
	background: #80CFEF;
	text-align: left;
	color: #fff;
}

.tx-felogin-pi1 .error, .tx-srfeuserregister-pi1-error {
	color:#F199A9;	
}

#tx-srfeuserregister-pi1-fe_users_form input.tx-srfeuserregister-pi1-submit {
	margin:0;
}

#tx-srfeuserregister-pi1-fe_users_form dl {
	margin-top:20px;	
}

.tx-felogin-pi1 {
	border-top: 1px solid #80CFEF;
	border-bottom: 1px solid #80CFEF;
	padding:10px 0;
}

#c5919 .tx-felogin-pi1 input[type=text], #c5919 .tx-felogin-pi1 input[type=password] {
	width:130px;
}

.tx-felogin-pi1 legend {display: none;}

.tx-felogin-pi1 h3 {
	margin-bottom:2px;
	margin-top:0;
}

.tx-felogin-pi1 fieldset, .tx-srfeuserregister-pi1 fieldset {border: none;}

#c5920 {
	margin-top:20px;	
}

.tx-srfeuserregister-pi1  {margin: 2px 0 0;}

.tx-srfeuserregister-pi1 dt {
	float: none;
	margin: 10px 0 2px;}
	
.tx-srfeuserregister-pi1 dd{float: none;}

#tx-srfeuserregister-pi1-username, #tx-srfeuserregister-pi1-password, #tx-srfeuserregister-pi1-first_name, #tx-srfeuserregister-pi1-last_name, #tx-srfeuserregister-pi1-email {
	margin-top:2px;	
}

#tx-srfeuserregister-pi1-username, #tx-srfeuserregister-pi1-password, #tx-srfeuserregister-pi1-first_name, #tx-srfeuserregister-pi1-last_name {
	margin-bottom:10px;	
}


label.tx-srfeuserregister-pi1-password-again {
	margin-left:10px;	
}

#tx-srfeuserregister-pi1-password, #tx-srfeuserregister-pi1-password_again {
	width:94px;
}


/* Two column ontent element */

.column, .marginalia {float: left;}

.column {
	width: 562px;
	margin-left: 14px;}
	
.marginalia {
	width: 130px;
	margin-left:14px;}
	
	
/* Alumni Profilseite */

.fhdalumni_details {
	border-collapse:collapse;
}

.fhdalumni_details td {
	padding-right:40px;	
	vertical-align:top;
}

.fhdalumni_detail_currentemployer h2 {
	/*margin-top:0;	*/
}

/* Alumni Profilseite bearbeiten*/

#c5890 input, #c5890 textarea, #c5890 select {
	margin-bottom:10px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}

#c5890 input[type=text], #c5890 textarea {
	width:300px;
}

#c5890 select {
	width:180px;
}

#c5890 input[type=submit] {
	width:100px;
	margin-top:10px;
}

#c5890 textarea {
	padding:4px;
	font-size: 10px;
}

#c5890 h1 {
	margin-bottom:20px;
}

#c5890 hr {
	margin-top:20px;
	margin-bottom:20px;
}

/* Impressum */

#imprint {
	margin-left:14px;	
}

#imprint a, #lang a {
	color: #80CFEF;
}

#imprint a:hover, #lang a:hover {
	text-decoration:underline;
}

 #lang a.active {
	color: #FFF;
}

#lang a.active:hover {
	text-decoration:none;
	color:#FFF;
}