body { 
	background: #E7E8EA;
} 
#main {
 	background-image: url(/fileadmin/testsystem.gif); 
}
#pageContainerBorderLeft {
	border-left: 210px solid #CCC;
}
#pageContainerBorderRight {
	border-right: 20em solid #CCC;
	visibility: visible;
}
a.hv:hover,a.hv1:hover { 
	background:#FFF; 
} 
.unsichtbar {
	position: absolute;
	top: 0;
	visibility: hidden;
}


/* ------------------------------------------------------------------------ */
/*           footer liegt um footer1,footer2 und footer3                    */
/* S1wrap (width: 100%) liegt um footer1 und footer2 um float Probleme in footer3 zu verhindern */
/* ------------------------------------------------------------------------ */
div#footer {
	height: 100%; 
	color: #002664;
	background: #E7E8EA; 
	border-left: 210px solid #CCC;  			/* hier liegt footer1 drin */
	border-right: 20em solid #CCC;			/* hier liegt footer3 drin */
}
#footer1, #footer2, #footer3 {
	position: relative; 
}
div#footer1 {
	width: 210px;
	height: 99%;
	float: left;
	margin: 0 1px 0 -210.05px;
	z-index: 4; 
}
/* ------------------------------------------------------------------------ */
/*                    FOOTER2                                               */
/* ------------------------------------------------------------------------ */
div#footer2 {
	width: auto; 
	height: 100%;
	float: none;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	z-index: 2;  
	overflow: hidden; 
}
* html div#footer2 { padding-left: 0px; }

#footer2 p { 
	border-bottom: 1px solid #C0C0C0; 
}

#footer2 a {
	width: auto; 
	color: #002664;
	font-weight: bold;
	float: none; 
}

.f2img {
	padding: 10px;
	height: 80px;
	*height: 100px;
	border-right: 8px solid #9FBBDA; 
	text-align: center;
	float: left;
}
div#footer2 ul {
	list-style: none;
	text-align: left;
	margin: 5px 5px 5px 10px; 
	padding: 0; 
	border-left: 5px solid #9FBBDA;
}
div#footer2 li {
	color: #002664;
	font: bold 18px/18px Arial,Verdana,Sans-serif;
	vertical-align: middle;
	height: 30px;
	float: none;
	display: inline;
	padding: 0; 
	margin-bottom: 5px;
}
div#footer2 li a {
	white-space: nowrap; 
}
#footer2 img, #footer2 .last img , .footer2text  {
	float: none;
	display: inline;
	padding: 4px 5px;
	border-right: 5px solid #9FBBDA;
	border-left: 0;
	background: transparent;
}
#footer2 .last img {
	display: block;
	float: right;
	border-left: 5px solid #9FBBDA;
	margin: -33px 10px 5px 20px;
}

/* ------------------------------------------------------------------------ */
/*                    FOOTER2SL   - Sponsored Links                                            */
/* ------------------------------------------------------------------------ */
div#footer2sl {
	width: auto; 
	float: left;
	text-align: left;
	margin-top: 65px;
	padding-top: 10px;
	padding-left: 10px;
	z-index: 3;  
	overflow: hidden; 
}
div#footer2sl {
	margin: 30px 0 0 20px;
	padding: 6px;
	background: #FFF;
	border: 1px solid #CCC;
}
#footer2sl ul {
	list-style: none;
	text-align: left;
	margin: 5px; 
	padding: 0; 
}
#footer2sl li {
	color: #002664;
	font: 11px/11px Arial,Verdana,Sans-serif;
	vertical-align: middle;
	float: none;
	display: inline;
	padding: 0 5px; 
	margin-bottom: 5px;	
/*	border-left: 1px solid #CCC; */
	border-right: 1px solid #002664; 
}
#footer2sl li a {
	color: #002664;
	vertical-align: middle;
	text-decoration: none;
}
#footer2sl a:hover {
	color: #F00;
}
/* ------------------------------------------------------------------------ */
/*         FOOTER2 ENDE   -->  FOOTER3 /special          
/* ------------------------------------------------------------------------ */
div#footer3 {
	width: 19.9em;
	height: auto;
	color: #002664;
/*	background: transparent url(/fileadmin/Startseite/haw_hintergrund1.jpg); /* geht nicht */
	float: right;
	margin: 0 -20em 0 1px;
	padding: 0;
	border: 0;
	z-index: 5; 
	overflow: hidden;  /* noch nicht optimal */
	text-align: left;
	vertical-align: middle;
}
#footer3 img {
/*	height: 40px; */
	float: left;
	display: inline;
/*	padding: 5px 0 5px 20px; */
	background: transparent;
	margin: 0;
	padding: 0 0 3px 0;
}
div#footer3 ul {
	list-style: none;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0; 
}
#footer3 .csc-textpic-firstcol {
	margin-right: 4px;
	margin-bottom: 4px;
}

#werbung {
	margin: auto;
	vertical-align: middle;
	text-align: left;
}
#werbung img {
/*	width: 100%; 
	height: auto; 
	margin: 5px 0 5px 20px; */
}
div#menu_left li a {
	text-transform: uppercase;
	line-height: 1.7em;
}
/*
div#telefon {
	position: relative; 
	bottom: 0;
	width: 15.5em; 
	margin: 0;
	margin-top: 150px;
}
*/
div#content_startseite {
	width: 100%;
	height: 100%;
	padding: 0;
	vertical-align: top;
	text-align: center;
	overflow: hidden; 
}
/* ------------------------------------------------------------------------ */
/*          noj - New Online Journal 
/* ------------------------------------------------------------------------ */
div#content_startseite .noj {
	width: 70px;
	height: 100px;
	position: relative;
	left: 20px;
	top: 10px;
	padding: 0 0 25px 30px;
	background: transparent url(/fileadmin/Startseite/noj_back.jpg) no-repeat; 
	border: 0; 
	float: left;
}
.noj a {
	background: none;
}
/* ------------------------------------------------------------------------ */
/*            Departments  
/* ------------------------------------------------------------------------ */
div#content_right {
	padding: 0 20px;
}
div#departments  {
	padding-top: 8px;
}
div#departments li a {
	line-height: 1.2em;
	text-decoration: none;				
}
div#departments h1 {
	background: none;
}

.tx-indexedsearch-searchbox {
 	height: 1.2em;
	vertical-align: middle; 
}
.tx-indexedsearch-searchbox-button, .tx-indexedsearch-searchbox-button2 {
	vertical-align: middle;
 	height: 1.5em;
}

body>div .tx-indexedsearch-searchbox, body>div .tx-indexedsearch-searchbox-button {
	margin-top: 5px; 
}


/* ------------------------------------------------------------------------ */
/*            Animierte Bildleiste als Hintergrund des Tickers 
/* ------------------------------------------------------------------------ */
*+html .tx-abaTicker-pi1 {
	padding-bottom: 98px;
}
.tx-abaTicker-pi1 {
	margin: 0;
	padding-bottom: 118px;
	border-bottom: 60px solid #CCC;
	border-top: 1px solid #FFF;
	background: #FFF url(/fileadmin/Startseite/HAW_ani-02.gif) repeat-x 0px 40px;	
	clear: both;
	overflow: hidden;
}

* html .tx-abaTicker-pi1 {
	padding-bottom: 108px;
}
.scroll_style {
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 10px 25px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #000;
  background: #FFF; 
	border: 0;
}
* html .scroll_style {
	padding-top: 0;
}
.spacer-gif { visibility: hidden; }


/* ------------------------------------------------------------------------ */
/*            mininews  
/* ------------------------------------------------------------------------ */
div.tx-mininews-pi1 {
	text-align: left;
	padding: 10px; padding-left: 130px; 
	margin-bottom: 20px;
	background: #FFF;
	min-height: 120px;
}
.tx-mininews-pi1  p {
	font-family: Arial, Helvetica, sans-serif;
	color:  #000; 
 } 
.tx-mininews-pi1  .tx-mininews-pi1-fp_listrowField-title a, .tx-mininews-pi1-singleView h2 {
	color: #002664; font-weight: bold; font-size: 1.05em; text-decoration:none; 
}
.tx-mininews-pi1 .tx-mininews-pi1-listrow p.tx-mininews-pi1-listrowField-teaser a { 
	color:#002664; text-decoration:none; font-weight: bold;
}	
.tx-mininews-pi1-singleViewField-teaser {
	height: 62px;
	border-bottom: 1px solid #FFF;
}
.tx-mininews-pi1-fp_listrowField-teaser  a { 
	color: #002664;
	font-weight: bold;
}	
.tx-mininews-pi1 .tx-mininews-pi1-listrow p.tx-mininews-pi1-listrowField-teaser a:hover { 
	color:black; text-decoration:none; 
}	
.tx-mininews-pi1 .tx-mininews-pi1-listrow p.tx-mininews-pi1-listrowField-datetime { 
	font-weight:bold; font-size:12px; margin-bottom:7px; margin-top: 22px; 
}		
.tx-mininews-pi1 .tx-mininews-pi1-listrow p.tx-mininews-pi1-listrowField-title { 
	font-weight:bold; 
}
.tx-mininews-pi1 .tx-mininews-pi1-listrow p.tx-mininews-pi1-listrowField-teaser { 
	margin-bottom:15px; 
}		
.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow p.tx-mininews-pi1-fp_listrowField-datetime { 
	font-weight:normal; font-size:12px; margin-bottom:7px; float: right; visibility: hidden;
}	
.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow p.tx-mininews-pi1-fp_listrowField-title { 
	font-weight:bold; 
}		
.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow p.tx-mininews-pi1-fp_listrowField-teaser { 
	margin-top:0px; margin-bottom:10px; 
}			
.tx-mininews-pi1 .tx-mininews-pi1-singleView p.tx-mininews-pi1-singleViewField-datetime { 
	font-weight:bold; font-size:12px; float:right;
}	
.tx-mininews-pi1 .tx-mininews-pi1-singleView p.tx-mininews-pi1-singleViewField-teaser { 
	font-style:italic; margin-top:5px; margin-bottom:10px; 
}	
.tx-mininews-pi1 .tx-mininews-pi1-browsebox p span.tx-mininews-pi1-browsebox-strong { 
	font-weight:bold; 
}

/* ------------------------------------------------------------------------ */
/*    csc-textpic  default margins auf 0 setzen
/* ------------------------------------------------------------------------ */
	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 0px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}