/* ******** Allgemein ********* */

/* FARBEN 

#
#  	Primärfarbe blau: #2347A0
#		
#		Sekundärfarben:
#			Grau:
#				100%: #A2A9A4
#				 80%: #cBd1cd
#				 40%: #dAdedB
#				 20%: #eceeed	
#

*/

/* Imports */
@import "tx_indexedsearch.css";
@import "tx_tipafriend.css";
@import "tx_htwkcontacts.css";
		
/* HTML Elemente */
html, body { height: 100% }
body { 
	background: #e8e8e8 url(../images/bg_body.gif) repeat-x; 
	color: #666;
	font: 75%/1.4em Arial,Verdana,Helvetica,sans-serif;
	margin: 0; 
	padding: 0; 
}
body.leer { background: none }


a { 
	color: #2347A0;
	outline: 0;
	text-decoration: none;
}

a:hover { text-decoration:underline; }
a.white {
  color:#ffffff;
}
a.white:hover {  text-decoration:none; }
a.white:visited {color:#fff!important; }

h1,h2,h3,h4,h5,h6 { margin: 0;clear:both; }
h1 {  
	background:transparent url(../images/bg_dotted.gif) repeat-x bottom left ;
	font-weight: normal;
	margin:8px 0;
	padding:0pt 0pt 10px;
	color:#2347A0;
	font-size:130%;
	text-transform: uppercase;
	clear:left;
}
h2 { 
	color: #333;
	font-size: 100%;
	margin-bottom: 3px;
	text-transform: uppercase;
}
h2 * { color: #333 }

h3 { 
	color: #333; 
	font-weight: normal; 
	font-size: 15px!important;
	margin-bottom: 10px
}

h3 *, h3 a { 
	color: #333; 
	font-weight: normal; 
	font-size: 15px!important;
}

h4 { 
	color: #2347A0; 
	font-weight: normal; 
	font-size: 15px!important;
	margin-bottom: 10px 
}
h5 {  } 
h6 {  }

p { line-height: 1.5em; margin: 0 0 1em }

#content ul { margin: 0 0 1em; padding: 0 }
#content ul li { 
	background: url(../images/bullet.gif) no-repeat 5px 6px;
	list-style: none;
	padding-left: 18px
}

/*fuer Bilder in CE Bild und Text keine Anstriche...*/
#content div.csc-textpic-imagerow ul li {list-style:none;padding-left:0px;}
#content div.csc-textpic-imagewrap  ul li {list-style:none;padding-left:0px;}

div.csc-frame-rulerBefore {background: url(/fileadmin/t3/images/bg_dotted.gif) repeat-x;padding-top:10px;}

#content ul li ul li { 
	background-image: url(../images/bullet_2nav.gif);
}

#content ol { margin-left: -18px }
#content ol ol { list-style-type:upper-roman }

#content p.indent { padding-left: 20px }

/* Allgemeine Klassen für alle Module */
big      { font-size: 13px }
small    { font-size: 9px }
sup, sub { font-size: 9px }

hr { color: #333; background-color: #333; height: 1px; border: 0 }
.divider hr {background: transparent url(../images/bg_dotted.gif) repeat-x bottom left;margin:0px;padding-top:10px;margin-bottom:10px;color: #2347A0;}


form 										{ margin: 0; padding: 0; border: 0 }
input, select, fieldset { margin: 0 }
label 									{ margin: 0 }

.err, .fehler { color: #c00 }
.success { color: green }

a img { border: none }

/* Allgemeines CSS für alle Module */
ul.none { padding: 0; margin: 0; position: relative  }
ul.none li { list-style-type: none; background-image: none }
#content ul.none li { padding: 0; margin: 0; background: none }


.l { text-align: left }
.r { text-align: right }
.c { text-align: center }

.lfloat { float: left!important;}
img.lfloat { margin: 0 10px 10px 0 }

.rfloat { float: right!important }
.clear { clear: both }

.break { line-height: 0; clear: both; font-size: 0; height: 0; overflow: hidden }

.bold { font-weight: bold }
.normal { font-weight: normal }

.hideme { display: none }

.no_results { font-weight: bold }

input.text, textarea { border: 1px solid; border-color: #A2A9A4 #cBd1cd #cBd1cd #A2A9A4; padding:2px 3px; font-size: 11px }
select { border: 1px solid; border-color: #A2A9A4 #cBd1cd #cBd1cd #A2A9A4; padding:1px 0 1px 3px; font-size: 11px }
textarea { font-family: Arial, Helvetica, sans-serif }
input.submit { border: 1px solid; border-color: #cBd1cd #A2A9A4 #A2A9A4 #cBd1cd; padding: 0 0.3em .1em; background: #dAdedB }

/* Border */
span.bt, span.bt span, span.bb, span.bb span {
	display: block; 
	height: 4px;
	width: 4px;
	font-size: 1px!important;
	background:url(../images/border_blue.gif) no-repeat;
	position: absolute;
}

span.bt, span.bb {
	width: 100%
}

.border { border: 1px solid #CEDAED; margin-bottom: 11px; /*position: relative*/}

.border_grey { border: 1px solid #e0e0e0 }
	.border_grey span.bt, .border_grey span.bt span, .border_grey span.bb, .border_grey span.bb span {
		background-image: url(../images/border_grey.gif);
		background-repeat: no-repeat;
	}
	
span.bt {
	top: -1px; 
	left: -1px
}

span.bt span {
	background-position:100% -4px;
	right: -2px
}
span.bb {
	background-position:0 -8px;
	bottom: -1px; 
	left: -1px
}

span.bb span {
	background-position:100% -12px; 
	right: -2px;
}

.space { padding: 5px }

#sidebar .border_sidebar { border: 1px solid #CEDAED; margin-bottom: 11px; position: relative; float: left; padding: 5px; width: 189px }
#sidebar a:visited { color:#800080;}



/* ******** Seitenaufbau ********* */
#page {
	position:absolute;
	top:0px;
	margin:0px;

	background: #FFFFFF;
	/*margin: 0pt auto;*/
	min-height: 100%;
	/*overflow: hidden;*/
	padding: 0pt 11px;
	width: 960px;
	z-index: 5;
}

	#header { 
		background: url(../images/bg_header.gif) repeat-x;
		float: left;
		margin-bottom: 11px;
		padding: 4px 5px 0;
		position: relative;
		width: 950px;	
		height: 168px;
	}
	
		#logo { 
			background: url(../images/logo.png) no-repeat;
			display: block;
			height: 68px;
			left: 16px;
			position: absolute;
			text-indent: -12000px;
			top: 43px; 
			width: 130px; 	
		}
		
		#mainnavigation { 
			float: left; 
			left: 0;
			position: absolute; 
			padding-bottom: 9px; 
			top: 129px;
			width: 100%;		
		}
	
	#main { clear: both; }
		#navigation {
			border-bottom: 1px solid #fff;
			float: left; 
			width: 221px
		}
		
		#content {
			border-bottom: 1px solid #fff;
			float: left;
			padding: 0 11px;
			width: 516px;
		}
		div.two_columns #content {
			width: 717px
			
		}
		
		#sidebar {
			border-bottom: 1px solid #fff;
			float: left;
			width: 201px
		}
			#sidebar, #sidebar * {
				font-size: 11px;
				line-height: 1.2em!important
			}
			
			#sidebar p {
				margin: 1em 0 0;
			}
		
		
	#footer {
		background: url(../images/bg_footer.png) no-repeat;
		clear: both;
		margin-bottom: 8px;
		padding: 6px 13px;
		min-height: 18px
	}
		
		#footer a { 
			color: #fff;
			font-size: 95%;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#footer ul { 
			float: left;
		}
			#footer li { color: #fff; float: left; padding-left: 3px }
			#footer li a { 
				padding-right: 3px
			}
		
		#footer p { 
			float: right;
			margin-right: 3px;
			margin-bottom: 8px;
		}
			#footer p a { 
				background: url(../images/icon_arrow_down.gif) no-repeat center right;
				padding-right: 13px;
			}
			
			#footer p a.open { 
				background-image: url(../images/icon_arrow_up.gif);
			}
	div.logocollection { clear:both;display:inline; }
	p.copyright { font-size: 95%; text-align:right; float:right;}
	

/* Startseite */
#keyvis { float: left; margin: 0 11px 11px 0 }

#fachbereiche { float: left; margin: 0; width: 311px; height: 295px; }

#welcome { 
	clear: left;
	width: 300px
}
	#welcome div.content { padding: 0 10px }
	#welcome h2 { 
		position: relative;
		height: 35px;
	}
	
	#welcome h3 {
		text-transform: uppercase;
		font-size: 100%!important;
		font-weight: bold
	}
	
	#welcome img.head {
		border: 1px solid #CEDAED;
		margin: 0 5px 5px 0
	}
	
	#welcome p.write {
		background:transparent url(../images/write.gif) no-repeat 100% 0;
		margin: 0;
		padding:30px 0pt 15px;
		text-align:right;
	}

/* Kopfbereich */
p.head { 
	background: url(../images/bg_h1.gif) no-repeat bottom right;
	color:#FFF;
	font-size: 145%;
	font-weight: normal;
	margin:0pt 11px 0pt 0pt;
	padding:23px 0pt 27px;
	position: absolute;
	right: 5px;
	text-transform: uppercase;
	top: 35px
}

/* Quicklinks */
#quicklinks {
	background: #eceeed;
	float: left;
	margin: -6px auto 8px;
	padding: 15px 20px;
	width: 920px;
}
	#quicklinks div {
		float: left;
		width: 24%;
		margin-right: 1%
	}
		#quicklinks div div { 
			width: 100%;
			float: none;
			margin: 0
		}
	
		#quicklinks div a {
			background: url(../images/bg_nav_lvl1.gif) no-repeat 0 5px;
			color: #666;
			font-size: 95%!important;
			font-weight: normal;
			padding-left: 10px;
			text-transform: none;
		}
		#quicklinks div a:hover {
			background-position: 0 -45px;			
			color: #333;
			text-decoration: none;
		}



/* RSS */
a.rss { position: absolute; right: 10px; top: 12px }

/* Top3 Liste */
ul.top3 { /*height: 220px 20111219 wg. imagefilm weg*/ }
	ul.top3 li {
		background: url(../images/bg_dotted.gif) repeat-x bottom left;
		padding: 0 0 10px;
		margin-bottom: 10px;
		min-height: 50px;
		position: relative;
	}
		ul.top3 li div { 
			background: url(../images/bg_date.gif) no-repeat;
			color:#fff;
			height:48px;
			margin:0pt 14px 0pt 0pt;
			overflow:hidden;
			padding:3px 0pt 0pt;
			position: absolute;
			left: 0; 
			top: 0;
			text-align:center;
			width:31px;
		}
			ul.top3 li div span {
				display:block;
				font-size:16px;
				font-weight:bold;
				margin:0pt 0pt 0px;
			}
		
		ul.top3 li h3 { 

			margin: 0;
		}
		
		ul.top3 li p {
			font-size: 95%;
			line-height: 15px; 
			margin-bottom: 0;
		}
		
		ul.top3 li span.date {
			color: #2347A0;
			font-size: 95%
		}
		ul.top3 a { font-size: 95% }
		ul.top3 a:visited { color:#800080; }
		
	
#sidebar ul.top3 { height: auto }
	#sidebar ul.top3 h3 a { font-size: 11px!important; color: #2347A0 }
	#sidebar ul.top3 h3 a:visited { color:#800080; }
	#sidebar span.date { color: #666 } 
	#sidebar ul.top3 p { display: none }
	#sidebar ul.top3 li { min-height: 0 }
	#sidebar h1.header { 
		background: none;
		color: #333; 
		font-weight: normal; 
		font-size: 15px!important;
		margin-bottom: 10px;
		text-transform: none;
	}

		#sidebar h1.header * { 
			color: #333; 
			font-weight: normal; 
			font-size: 15px!important;
		}
		
		#sidebar a.rss, #sidebar span.list { display: none}


	span.list a { 
		font-size: 95%;
		float: right;
		padding-top: 5px;
	}
	
#sidebar div.csc-frame-rulerAfter {
	background:transparent url(../images/bg_dotted.gif) repeat-x bottom left ;
	margin:12px 0;
	padding:0pt 0pt 5px;
	clear:both;
	/*display:block;
	position: relative;*/
	}
	
	
#events span.list a { 
		position: relative;
	}

#events ul.top3 li {
	padding-left: 50px
}


#news { margin: 0 }

.home2 #news {
  float:right;
  width:311px;
}

div.box { 
	float: left;
	/*height: 284px; 20111219 wg. imagefilm weg dafuer 340px erzwungen*/
	height: 340px;
	width: 301px;
	margin-right: 11px;
	position: relative;
	overflow:hidden;
}

#welcome {}

.home2 #welcome {
  float:left;
  width:612px;
  clear:none;
}
	
/* Last Update */
div.tx-tslastupdate-pi1 {	
	clear: both;
	background: url(../images/bg_dotted.gif) left 15px repeat-x;
	padding-top: 20px;

}
	p.last_update { 
		height: 20px;
		font-size: 11px;
	}
	
	div.tx-tslastupdate-pi1 a.mail { 
		float: right; 
		text-indent: -9999px;
		margin: 0 5px;
		background-image: url(../images/icon_footer_mail.gif); 
		width: 13px;
	}
	div.tx-tslastupdate-pi1 a.mail:hover { background-position: left -14px }

/* Farben */
#mainnavigation { background: url(../images/bg_nav_border.gif) no-repeat left -83px }
div.navigation_showLevel2_3_4 h3 {	background: #A2A9A4 }




/* ********* Module ********* */

/* Navigation */
ul.navigation_showLevel1 { clear: both; float: left; margin-left: 5px }
	ul.navigation_showLevel1 li { 
		background-position: right bottom;
		background-repeat: no-repeat;
		float: left; 
		height: 28px;
		padding-right: 6px;
	}
		
		ul.navigation_showLevel1 li a {
			background-position: left top;
			background-repeat: no-repeat; 
			color: #fff;
			display: block;
			float: left;
			font-size: 11px;
			font-weight: bold;
			height: 22px;
			padding: 6px 5px 0 11px;
			text-transform: uppercase;
		}
		
		ul.navigation_showLevel1 li.red, ul.navigation_showLevel1 li.red a {
			background-image: url(../images/bg_nav_red.gif);
		}
		
		ul.navigation_showLevel1 li.yellow, ul.navigation_showLevel1 li.yellow a {
			background-image: url(../images/bg_nav_yellow.gif);
		}
		
		ul.navigation_showLevel1 li.green, ul.navigation_showLevel1 li.green a {
			background-image: url(../images/bg_nav_green.gif);
		}

		
ul.grey { float: right; clear: none; margin-right: 5px; margin-left: 0 }
	ul.grey li, ul.grey li a { 
		background-image: url(../images/bg_nav_grey.gif); 
		color: #666;
	}
	ul.grey li.on, ul.grey li.on a { 
		background-image: url(../images/bg_nav_grey_on.gif); 
		color: #fff;
	}

/* Fachbereiche Navigation */
#fachbereiche { }
	#fachbereiche h2 { 
		background:#cBd1cd;
		border: solid #fff;
		border-width: 0 1px 0;
		color:#666;
		font-size: 95%;
		margin:1px 0px 0;
		padding: 4px 12px 3px 5px; 
		text-transform: uppercase;
	}
	#fachbereiche ul {
		margin-bottom: -2px
	}
		#fachbereiche ul li	{
			background: url(../images/bg_dotted.gif) bottom left repeat-x;
		}
		
			#fachbereiche ul li a { 
				background: url(../images/bg_nav_lvl1.gif) no-repeat 10px 8px;
				color: #666;
				display: block;
				font-size: 95%;
				font-weight: bold;
				padding: 1px 0px 1px 20px;
				text-decoration: none;
			}	
		#fachbereiche ul li.last { background: none }
				#fachbereiche ul li a:hover {
					background-color: #dAdedB;
					background-position: 10px -42px;			
					color: #333;
				}


		
/* Navigation 2_3_4. Ebene */
div.navigation_showLevel2_3_4 { }
	div.navigation_showLevel2_3_4 h2 {
		background: #A2A9A4;
		color: #fff;
		font-size: 95%;
		margin: 0;
		padding: 1px 13px;
		text-transform: uppercase;
	}
	div.navigation_showLevel2_3_4 h2 a { color: #fff }
	
	div.navigation_showLevel2_3_4 ul { }
		div.navigation_showLevel2_3_4 ul li { 
			background: url(../images/bg_dotted.gif) bottom left repeat-x;
			padding-bottom: 1px;
		}
			div.navigation_showLevel2_3_4 ul li a {
				background: url(../images/bg_nav_lvl1.gif) no-repeat 5px 8px;
				color: #555;
				display: block;
				font-size: 95%;
				padding: 2px 0 2px 15px;
				text-decoration: none;
			}
			
			div.navigation_showLevel2_3_4 ul li.spacer { 
				background: none; 
				border-top: 1px solid #888; 
				margin-top: -1px; 
				margin-bottom: -2px;
				height: 1px; 
				overflow: hidden; 
				line-height: 0; 
				font-size: 0 
			}
			
			div.navigation_showLevel2_3_4 ul li.active a, div.navigation_showLevel2_3_4 ul li a:hover, div.navigation_showLevel2_3_4 ul li.active li a:hover {
				background-color: #cBd1cd;
			}
			
			div.navigation_showLevel2_3_4 ul li.active li a { background-color: #eceeed }
			
			div.navigation_showLevel2_3_4 ul li a:hover, div.navigation_showLevel2_3_4 ul li.on a {
				background-position: 5px -42px;			
				color: #333;
			}
			
			div.navigation_showLevel2_3_4 ul li.on a, div.navigation_showLevel2_3_4 ul li.on li.on a, 
			div.navigation_showLevel2_3_4 ul li.on li.on li.on a, div.navigation_showLevel2_3_4 ul li.on li.on li.on li.on a { 
				font-weight: bold ;
				color: #333!important;
			}
	
			div.navigation_showLevel2_3_4 ul li.last { background: none }
				div.navigation_showLevel2_3_4 ul li.on { background-color: #eceeed}
				div.navigation_showLevel2_3_4 ul ul li { background: none; padding: 0 }
					div.navigation_showLevel2_3_4 ul li.on ul a { 
						background-image: url(../images/bg_nav_lvl2_3.gif);
						background-position: 12px 8px;
						background-repeat: no-repeat; 
						color: #555;
						font-weight: normal;
						padding: 1px 0 1px 23px;
					}
					div.navigation_showLevel2_3_4 ul li.on ul li a:hover, div.navigation_showLevel2_3_4 ul li ul li.on a {
						background-image: url(../images/bg_nav_lvl2_3.gif);
						background-position: 12px -42px;
						background-repeat: no-repeat; 			
						color: #333;
					}
					
					
				/*fuer trennlinie ab 3. ebene sonderloesung noetig*/
				div.navigation_showLevel2_3_4 ul li.on ul li.spacer { 
					margin-top: 0px; 
					margin-bottom: 0px;
				}
					
					/* 4. Level */
						div.navigation_showLevel2_3_4 ul li.on ul li.on	ul { margin-top: -1px }
							div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li a{
								background-position: 21px 8px;
								color: #555;
								font-weight: normal;
								padding-left: 32px;
							}
							div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li a:hover, div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on a {
								background-position: 21px -42px;			
								color: #333;
							}
							
								div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li.on ul li a {
									background-position: 30px 8px;
									color: #555;
									font-weight: normal;
									padding-left: 40px;
									width: 177px;
								}
								div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li.on ul li.on a, div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li.on ul li a:hover {
									background-position: 30px -42px
								}
								
								
					/* 5. Level */
						div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul { margin-top: -1px }
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li a{
								background-position: 31px 8px;
								color: #555;
								font-weight: normal;
								padding-left: 42px;
							}
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li a:hover, div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on a {
								background-position: 31px -42px;			
								color: #333;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li a {
								background-position: 30px 8px;
								color: #555;
								font-weight: normal;
								padding-left: 40px;
								width: 167px;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li.on a {
								background-position: 30px -42px;
								font-weight: bold;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li.on ul li.on ul li a:hover {
								background-position: 30px -42px;
							}
							
							/* 6. Level */
						div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul { margin-top: -1px }
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li a{
								background-position: 41px 8px;
								color: #555;
								font-weight: normal;
								padding-left: 52px;
							}
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li a:hover, div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li.on a {
								background-position: 41px -42px;			
								color: #333;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li.on ul li a {
								background-position: 30px 8px;
								color: #555;
								font-weight: normal;
								padding-left: 40px;
								width: 157px;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on ul li.on ul li.on ul li.on ul li.on a {
								background-position: 30px -42px;
								font-weight: bold;
							}
							
							div.navigation_showLevel2_3_4 ul li.on ul li.on	ul li.on ul li.on ul li.on ul li a:hover {
								background-position: 30px -42px;
							}

/* Schnellnavigation */
ul.short_navigation_show { float: left; width: 368px; padding-left: 8px }
	ul.short_navigation_show li { float: left; padding-right: 11px }
		ul.short_navigation_show li a { color: #8DB5FF; font-size: 95% }
		ul.short_navigation_show li.on a, ul.short_navigation_show li a:hover { 
			background-position: bottom left;
			color: #fff;
			text-decoration: none; 			
		}
		
		ul.short_navigation_show li.home a { 
			background-image: url(../images/icon_home.gif);
			background-repeat: no-repeat;
			padding-left: 15px;
		}
		
		
		

/* functionbar */
ul.functionbar { float: left }
	ul.functionbar li { float: left; padding-right: 11px }
		ul.functionbar li a { 
			background-position: left top;
			background-repeat: no-repeat;
			color: #8DB5FF; 
			display: block;
			float: left;
			font-size: 95%; 
			height: 14px;
			padding-left: 15px; 
		}
		ul.functionbar li a:hover { 
			background-position: left bottom;
			color: #fff; 
			text-decoration: none;
		}
		ul.functionbar li.print a { background-image: url(../images/icon_print.gif) }
		ul.functionbar li.recommend a { background-image: url(../images/icon_recommend.gif); padding-left: 18px }
		ul.functionbar li.login a { background-image: url(../images/icon_login.gif); padding-left: 18px; }
		ul.functionbar li.login .username a { background:none; padding-left:3px; width:80px; overflow:hidden; }
ul.footer_functionbar { float: right }
	ul.footer_functionbar li { float: left; }
		ul.footer_functionbar li a { 
			background-position: center top;
			background-repeat: no-repeat;
			display: block;
			float: left;
			height: 14px;
			padding: 0 5px;
			text-indent: -9999px;
			line-height: 12px
		}
		ul.footer_functionbar li a:hover { 
			background-position: center bottom;
			text-decoration: none;
		}
		ul.footer_functionbar li.print a { background-image: url(../images/icon_footer_print.gif); width: 10px }
		ul.footer_functionbar li.recommend a { background-image: url(../images/icon_footer_recommend.gif); width: 11px }
		ul.footer_functionbar li.mail a { background-image: url(../images/icon_footer_mail.gif); width: 13px }
		ul.footer_functionbar li.top a { background-image: url(../images/icon_footer_top.gif); width: 7px }
	
/* Sprachschalter */
ul.language_show { float: right; padding-top: 2px; }
	ul.language_show li { float: left; padding-right: 10px }

/* Suche */
form.searchform { float: right; margin: 0 10px 0 .5em }
form.searchform input.suche {
	background: url(../images/bg_searchfield_google.gif) no-repeat;
	width: 115px;
	border: none;
	font-size: 10px;
	float: left;
	height: 13px;
	margin: 2px -5px 0 0;
	padding: 0 2px;
}
	
form.searchform input.submit {
	background: url(../images/btn_ok.gif) no-repeat;
	border: none;
	cursor: pointer;
	height: 13px;
	margin-top: 2px;
	padding: 0pt;
	text-indent: -9999px;
	width: 24px;
	margin-left: 2px;
	}

#content ul.results { clear: both; margin-bottom: 1.2em; }
	#content ul.results li, #sidebar ul.results li { 
		background: url(../images/bg_dotted.gif) bottom left repeat-x;
		padding: 1em 0;
	}
	
	ul.results p {
		margin-bottom: 0;
		padding-bottom: 0
	}
	
	ul.results span.mark {
		color: #c00;
	}
	
	ul.results span.date {

		font-weight: bold;
	}
	
	ul.results a:visited { color:#800080!important;}
	
	
/* Pager */
#content ul.pager { float: right }
	ul.pager li { 
		background: none!important;
		float: left;
		margin: 0!important;
		padding: 0!important;
	}
		ul.pager .on a {
			background: #dAdedB;
			font-weight: bold;
		}
		ul.pager a, ul.pager span {
			border: solid 1px #E0E0E0;
			display: block;
			float: left;
			line-height: 1em;
			margin-left: 4px;
			padding: 3px 0;
			text-align: center;
			text-decoration: none;
			width: 19px;
		}
		
		ul.pager span { color: #CBD1CD }
		
		ul.pager a:hover{
			background: #dAdedB;
		}
		
/* Pager für Veranstaltungen */
.tx-htwkevents-pi1 ul.pager li.on span { 
   	background: #DADEDB;
	color: #2347A0;   
}		

/* Pager für news */
div.tx-ttnews-browsebox {}
	#content div.tx-ttnews-browsebox table { margin: 0}
		#content div.tx-ttnews-browsebox table td { border: none; padding: 0 }
		div.tx-ttnews-browsebox table td a {
			border: solid 1px #E0E0E0;
			display: block;
			float: left;
			line-height: 1em;
			margin-left: 4px;
			padding: 3px 0;
			text-align: center;
			text-decoration: none;
			width: 19px;
		}
		div.tx-ttnews-browsebox table td a:hover, div.tx-ttnews-browsebox table td.tx-ttnews-browsebox-SCell a {
			background: #dAdedB;
		}

/* Bilder in der Nachrichtenliste */
div.news-list-item a img { float: left; margin: 0 5px 5px 0 }		
div.news-list-item { 
		background: url(../images/bg_dotted.gif) bottom left repeat-x;
		padding: 1em 0;
	}
	
	
	
div.contact { }
div.contact img { margin: 0 5px 5px 0; border: 1px solid #E0E0E0 }
div.contact p { clear: both }
div.contact a.mail { display: block; width: 100%; height: 15px; overflow: hidden}

div.download_show { }
	div.download_show li span { 
		background-position: left 3px;
		background-repeat: no-repeat;
		display: block;
		padding: 2px 0 2px 20px;
	}
	
/* Icons für Dateitypen */
span.pdf { background: url(../images/icon_pdf.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.psd { background: url(../images/icon_psd.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.indd { background: url(../images/icon_indd.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.doc { background: url(../images/icon_doc.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.xls { background: url(../images/icon_xls.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.ppt { background: url(../images/icon_ppt.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.audio { background: url(../images/icon_audio.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.txt { background: url(../images/icon_txt.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.img { background: url(../images/icon_image.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.mov { background: url(../images/icon_mov.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.zip { background: url(../images/icon_zip.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.html { background: url(../images/icon_html.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }
span.url { background: url(../images/icon_url.gif) 0 3px no-repeat; display: block; padding: 2px 0 2px 20px }

div.link_show { clear: left; }
	div.link_show li { padding: 2px 0}
		div.link_show li span.extern  {
			background: url(../images/icon_extern.gif) no-repeat top right;
			padding-right: 13px
		}
		
/* Contentspezifische Sachen */
#content table { 	
	border-collapse: collapse;
	margin: 0 0 20px; 
	padding: 0;
}

#content table th, 
#content table td, { 
  border-bottom: 1px solid #DADEDB;
  padding: 5px;
}

table.linesh,
table.linesh2,
table.linesh3,
table.linesh4,
table.lineshv,
table.lineshv2,
table.lineshv3,
table.lineshv4,
table.linesv,
table.linesno,
table.linesno2 { 	
	border-collapse: collapse;
	margin: 0 0 20px; 
	padding: 0;
}

table.lineshv th,
table.lineshv td,
table.lineshv2 th,
table.lineshv2 td,
table.lineshv4 th,
table.lineshv4 td,
table.lineshv3 th,
table.lineshv3 td {
  border: 1px solid #DADEDB;
  padding: 5px;
}

table.linesh th,
table.linesh2 th,
table.linesh3 th,
table.linesh4 th,
table.lineshv th,
table.lineshv2 th,
table.lineshv3 th,
table.lineshv4 th,
table.linesh td,
table.linesh2 td,
table.linesh3 td,
table.linesh4 td,
table.lineshv td,
table.lineshv2 td,
table.lineshv3 td,
table.lineshv4 td {
	border-bottom:1px solid #DADEDB;
}

table.lineshv td,
table.lineshv th,
table.linesh th,
table.linesh td {
  text-align:center;
}

table.linesh th,
table.linesh td {
  /*vertical-align:top;*/
}

table.linesh2 th,
table.linesh2 td {
  text-align:left;
  vertical-align:top;
}

table.linesh3 th,
table.linesh3 td {
  text-align:center;
  vertical-align:top;
}

table.linesh4 th,
table.linesh4 td {
  text-align:right;
  vertical-align:top;
}

table.linesv th,
table.linesv td {
  text-align:left;
  vertical-align:top;
  border-left:1px solid #DADEDB;
  border-right:1px solid #DADEDB;
  padding: 5px;
}

table.lineshv2 th,
table.lineshv2 td {
  text-align:center;
  vertical-align:top;
}

table.lineshv3 th,
table.lineshv3 td {
  text-align:left;
  vertical-align:top;
}

table.lineshv4 th,
table.lineshv4 td {
  text-align:right;
  vertical-align:top;
}

table.linesno th,
table.linesno td {
  text-align:left;
  vertical-align:top;
}
	
	
table.linesno2 th,
table.linesno2 td {
  text-align:right;
  vertical-align:top;
}

table.linesno tr, table.linesno td {
padding-bottom:10px;
padding-right:3px;
/*line-height:20px;*/
}


#content table p { margin: 0; padding: 0 }

#content table.imgtext-table { margin-bottom: 10px; margin-left: 10px }
#content table.imgtext-table td { border: none; padding: 0 }
#content table.imgtext-table td p.csc-caption { padding: 0; margin: 0; display: none; font-size: 11px; color: #666 }

p.csc-frame-frame1 { background: #e5e5e5; padding: 10px; border:1px solid #A2A9A4; }
p.csc-frame-frame2 { background: #e5e5e5 url(../images/icon_achtung.gif) no-repeat top left; padding: 10px 10px 10px 62px; border:1px solid #A2A9A4; min-height: 50px; height: auto!important; height: 50px; background-position: 5px 8px;}
p.csc-frame-frame3 { background: #e5e5e5 url(../images/icon_faq.gif) no-repeat top left; padding: 10px 10px 10px 62px; border:1px solid #A2A9A4; min-height: 50px; height: auto!important; height: 50px; background-position: 5px 8px;}
p.csc-frame-frame4 { background: #e5e5e5 url(../images/icon_download.gif) no-repeat top left; padding: 10px 10px 10px 62px; border:1px solid #A2A9A4; min-height: 50px; height: auto!important; height: 50px; background-position: 5px 8px;}
p.csc-frame-frame5 { background: #e5e5e5 url(../images/icon_siehe.gif) no-repeat top left; padding: 10px 10px 10px 62px; border:1px solid #A2A9A4; min-height: 50px; height: auto!important; height: 50px; background-position: 5px 8px;}


/* Sitemap */
ul.sitemap { margin-top: 20px!important }
ul.sitemap li a {
	background:transparent url(../images/bg_dotted.gif) repeat-x bottom left ;
	display: block;
	font-weight: bold;
	margin: 20px 0 15px;
	padding:0pt 0pt 5px;
	font-size: 13px;
	text-transform: uppercase;
}
	ul.sitemap li li a {
		background: url(../images/bg_nav_lvl1.gif) no-repeat 0px 6px;
		color: #333;
		font-weight: bold;
		margin: 0 0 5px;
		padding: 0;
		font-size: 12px;
		text-transform: none; 
		padding-left: 10px;
	}
		ul.sitemap ul ul { margin-bottom: 5px }
		ul.sitemap ul ul ul { margin-bottom: 0!important }
	
	ul.sitemap li li li a { 
		background: transparent url(../images/bg_nav_lvl2_3.gif) no-repeat scroll 10px 6px;
		font-weight: normal;
		margin: 0;
		padding-left: 22px;
	}

		ul.sitemap li li li li a { 
			background-position: 20px 6px;
			padding-left: 32px;
		}
				ul.sitemap li li li li li a { 
					background: none;
					font-size: 11px;
					line-height: 15px;
					padding-left: 42px 
				}			
				
/* Nachrichten */
div.news-single-item {}
	div.news-single-item h1 { clear: both }
	div.news-single-item h2 { margin-bottom: 10px }
	div.news-single-item span.date { 
		font-weight: bold;
		display: block;
		margin-bottom: 15px;
		width: 500px !important;  
	}
	
	div.news-single-item div.back {
		margin-bottom: 5px;
		float: right;
		clear: both;
	}
		div.news-single-item div.back a { font-size: 11px }
	div.news-single-item div.lfloat { margin-right: 10px; font-size: 11px }
	div.news-single-item dl { margin-bottom: 10px; clear: both }
	div.news-single-item dl dt { 
		background: url(../images/bg_dotted.gif) repeat-x bottom left;
		color: #2347A0;
		margin-bottom: 10px;
		padding-bottom: 5px
	}
	div.news-single-item dl dd { 
		margin: 0;
		padding: 2px 0 2px 10px;
	}
		div.news-single-item dl dd img { float: left; margin-right: 5px }

div.news-single-gallery {
	float: left!important;
}

div.news-single-gallery img {
  margin:5px;
  /*width:165px;
  height:130px;*/
  padding:5px;
  border: 1px solid #CBD1CD;
}



/* Veranstaltungen */
#content div.tx-htwkevents-pi1 h1.header { display: none }
#sidebar div.tx-htwkevents-pi1 {}
	#sidebar div.tx-htwkevents-pi1 ul.pager, #sidebar div.tx-htwkevents-pi1 span.content { 
		display: none 
	}
	
	#sidebar div.tx-htwkevents-pi1 h2 a {
		color:#2347A0;
		font-size:11px !important;
		text-transform: none;
		font-weight: normal;
		margin-bottom: 0;
	}
	
	#sidebar div.tx-htwkevents-pi1 li { padding: 0 0 10px; margin-bottom: 10px }
	#sidebar div.tx-htwkevents-pi1 span.date {
		font-weight: normal 
	}
	#sidebar div.tx-htwkevents-pi1 p { margin: 0}
	
#content div.tx-htwkevents-pi1 div.detail span { clear: left; padding: 2px 0; }
#content div.tx-htwkevents-pi1 div.detail span.eventImage { float: right; padding-left: 13px; }
#content div.tx-htwkevents-pi1 ul.results span.eventImage { float: right; padding-left: 13px; }
#content div.tx-htwkevents-pi1 span.eventImage img {  }
#content div.tx-htwkevents-pi1 ul {  }
#content div.tx-htwkevents-pi1 ul.results li { 
		background: url(../images/bg_dotted.gif) bottom left repeat-x;
		padding: 1em 0;
		display: inline-block;
		width:514px;
}
#content div.tx-htwkevents-pi1 div.detail div.detail1 { clear: both; padding: 2px 0; }
#content div.tx-htwkevents-pi1 div.detail div.label { width: 160px; font-weight: bold; float: left; }
#content div.tx-htwkevents-pi1 div.detail div.type { width: 340px; float: left; }
#content div.tx-htwkevents-pi1 div.detail h1 { clear: both }
#content div.tx-htwkevents-pi1 div.detail span.date { font-weight: bold;	display: block;	margin-bottom: 15px }	
#content div.tx-htwkevents-pi1 div.detail div.back {margin-bottom: 5px;	float: right;	}
#content div.tx-htwkevents-pi1 div.detail div.back a { font-size: 11px }

#sidebar div.tx-htwkevents-pi1 .eventCalTable table {
  width:185px;
}

#sidebar .tx-htwkevents-pi1 table.calendar-table th {
  padding:6px;
}


/* Formular */
div.tx-powermail-pi1_formwrap {}
div.tx-powermail-pi1_formwrap fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #dAdedB;
	padding: 10px;
	margin: 0px;
	}
div.tx-powermail-pi1_formwrap legend {
	font-weight: bold;
	display: block;
	padding: 10px 0;
	}
div.tx-powermail-pi1_formwrap label {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
	}
	
div.tx-powermail-pi1_formwrap select.powermail_select 	{
	margin-bottom: 5px;
	font-size: 11px;
	color: #666 
	}
div.tx-powermail-pi1_formwrap select.powermail_select option { font-size: 11px; color: #666 }
div.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html { margin-bottom: 5px }
div.tx-powermail-pi1_formwrap .powermail_text 
		{ border: 1px solid; border-color: #A2A9A4 #cBd1cd #cBd1cd #A2A9A4; padding: 2px 3px; font-size: 11px }
	
	
/*div.tx_powermail_pi1_fieldwrap_html_date {
  background-image:url('../images/icon_calendar.gif'); background-position:10px 0px; background-repeat:no-repeat;
}*/

div.tx-powermail-pi1_formwrap fieldset.tx-powermail-pi1_fieldset .powermail_date { 
  border: 1px solid; border-color: #A2A9A4 #cBd1cd #cBd1cd #A2A9A4; padding: 2px 3px; font-size: 11px; width: 200px; 
  background-image:url('../images/icon_calendar.gif'); background-position:180px 0px; background-repeat:no-repeat;
}
	
div.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit { text-align: right }
div.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit input {
	border: 1px solid; 
	border-color: #cBd1cd #A2A9A4 #A2A9A4 #cBd1cd; 
	padding: 0 0.3em .1em; 
	background: #dAdedB 
	}
	
div.tx-powermail-pi1_formwrap div.tx_powermail_pi1_fieldwrap_html_check, div.tx-powermail-pi1_formwrap div.tx_powermail_pi1_fieldwrap_html_radio {
	clear: left
	}
	
div.tx_powermail_pi1_fieldwrap_html_radio label {
    float:none;
  }
	
#am 20120330 geaendert wg radioboxen in powermail
div.tx-powermail-pi1_formwrap div.powermail_check_inner, div.tx-powermail-pi1_formwrap div.powermail_radio_inner { 
	margin-right: 5px
	}

div.powermail_radio_inner_fake,
  div.powermail_radio_inner_fake input {
    visibility:hidden;
    float:right;
    margin:0px;
    padding:0px;
  }	

div.tx-powermail-pi1_formwrap div.powermail_check_inner label, div.tx-powermail-pi1_formwrap div.powermail_radio_inner label { 
	font-weight: normal;
	float: none; 
	display: inline;
	}
		
div.tx-powermail-pi1_formwrap div.powermail_radio_inner input { width: 13px; height: 13px;}
div.tx-powermail-pi1_formwrap p.tx_powermail_pi1_fieldwrap_html_checkbox_title, div.tx-powermail-pi1_formwrap p.tx_powermail_pi1_fieldwrap_html_radio_title { 
	float: left; 
	width: 150px; 
	font-weight: bold 
	}

div.powermail_check_inner { display:block!important;}
fieldset.tx-powermail-pi1_fieldset fieldset legend {	
	width: 150px;
	}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
margin-left:150px;
}	


fieldset.style1 legend {
	/*fuer Fr. vogt css freigageben style1 damit das verborgen wird...*/
	visibility:hidden!important;
}

	
/* Bilder Inhaltselement Definitionslisten */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { float: none!important }
div.csc-textpic-text h1 {clear:none;} /*wenn im RTE Textbereich eine Überschrift definiert wurde darf ggf. vorhandenes Bild durch clear nicht verschoben werden*/
div.csc-textpic-text h2 {clear:none;} 
div.csc-textpic-text h3 {clear:none;} 
div.csc-textpic-text h4 {clear:none;} 
div.csc-textpic-text h5 {clear:none;} 
div.csc-textpic-text h6 {clear:none;} 
ul.results li h2 {clear:none;} 
div.phonelist_portrait h3 {clear:none;}
/*eingefuegt am 11.11.2014 SS:*/ 
div.phonelist_portrait ul.bullet li {list-style:square outside!important;float:none!important;background:none!important;margin:0 0 0 0px!important;padding:0 0 0 0px!important;} 
div.phonelist_portrait ul.bullet {margin-left:125px!important;}

.noclear {clear:none;} 
/*div.tx-htwkevents-pi1 div.border_sidebar img {display: none;}*/


.bulletLink {
	background: #303030;
}

div#content div.space {
	padding:0;
}

div#content div.border {
	border:0;
	margin:0;
}

div#content span.bt, div#content span.bt span, div#content span.bb, div#content span.bb span {
	background:0;
	display:none;
	font-size:1px !important;
	position:relative;
}

div#content div.download_show h3, 
div#content div.link_show h3 {
	display:none;
}

div.quicklinks a {
	display:none;
}

div.quicklinks div.csc-text a {
	display:block;
}

div.quicklinks div.csc-textpic-text a {
	display:block;
}

p.bodytext {
	margin: 0;
	padding: 0;
}
div.newsletter_anmeldung {
	color: #666;
	font: 75%/1.4em Arial,Verdana,Helvetica,sans-serif;
}

div.directmail fieldset {
	border:1px solid #DADEDB;
	margin:0;
	padding:10px;
}

div.directmail div.directmailDataRow {
	margin-bottom:10px;
}

div.directmailDataRow label {
	display:block;
	float:left;
	font-weight:bold;
	width:220px;
}

div.directmailDataRow input.text {
	border-color:#A2A9A4 #CBD1CD #CBD1CD #A2A9A4;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:2px 3px;
}

div.directmailDataRow input.email {
	border-color:#A2A9A4 #CBD1CD #CBD1CD #A2A9A4;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:2px 3px;
	width:180px;
}

div.directmailDataRow input.radio, 
div.directmailDataRow input.checkbox {
	border-color:#A2A9A4 #CBD1CD #CBD1CD #A2A9A4;
	border-style:solid;
	border-width:1px;
}
.htmlarea-content-body div.indent { padding-left:15px }

div.white {display:none;}
div.white a {color:#000000; }
div.white a:hover {text-decoration:none;}

div.powermail_mandatory_js { color:red; }


.tx-htwkevents-pi1 table.calendar-table {
  margin:auto;
  margin-top:10px;
}

.tx-htwkevents-pi1 table.calendar-table td {
  padding:3px;
  position:relative;
  text-align:center;
}

.tx-htwkevents-pi1 table.calendar-table td.columPrevious,
.tx-htwkevents-pi1 table.calendar-table td.columYear,
.tx-htwkevents-pi1 table.calendar-table td.columNext {
  background-image:url('../images/bg_dotted.gif');
  background-repeat:repeat-x;
  background-position:bottom;
  padding-bottom:5px;
}

.tx-htwkevents-pi1 table.calendar-table th {
  padding-top:5px;
  padding-bottom:5px;
  background-image:url('../images/bg_dotted.gif');
  background-repeat:repeat-x;
  background-position:bottom;
}

.tx-htwkevents-pi1 table.calendar-table td.columYear {
  text-align:center;
}

.tx-htwkevents-pi1 table.calendar-table td a {
  color:#666666;
  text-decoration:none;
}

/* Layer Positionierung einheitlich*/
table.calendar-table {
  position:relative;
  display:block;
}

div.tx-htwkevents-calday-layer {
  position:absolute;
  padding:2px;
  background-color:#ffffff;
  z-index:99998;
  text-align:left;
  width:220px;
  border:thin solid #e0e0e0; margin:25px;

  left:-30px;
  top:140px;
  overflow:hidden;
  display:block;
}

div.tx-htwkevents-calday-layer-event a {
  display:block;
  padding-bottom:3px;
  clear:both;
  color:#2347A0!important;
}

.tx-htwkevents-calday-layer-headline {
  font-weight:bold;
}

.tx-htwkevents-pi1 table.calendar-table td a.tx-htwkevents-cal-event:hover {
  text-decoration:underline;
}

div.tx-htwkevents-calday-layer a {
  display:block;
  padding-bottom:3px;
}


div.tx-htwkevents-calday-layer a.tx-htwkevents-calday-layer-close {
  float:left;
}

div.tx-htwkevents-calday-layer p {
  clear:both;
  padding-top:3px;
  z-index:99999;
}

a.internal-link-access {
  background-image:url('../images/icon_link_access.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:16px;
}

a.internal-link-icon {
  background-image:url('../images/icon_link_internal.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:20px;
}

a.internal-link-new-window {
  background-image:url('../images/icon_link_external.gif');
  background-repeat:no-repeat;
  background-position:0px 2px;
  padding-left:14px;
}

a.external-link, a.external-link-new-window {
  background-image:url('../images/icon_link_external.gif');
  background-repeat:no-repeat;
  background-position:0px 2px;
  padding-left:14px;
}

a.download {
  background-image:url('../images/icon_download_pfeil.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:18px;
}

a.mail {
  background-image:url('../images/icon_email.png');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:18px;
}

a.backend {
  background-image:url('../images/icon_link_access.gif');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:16px;
}

/*ACHTUNG muss unterhalb von a.mail stehen wegen abweichendem Padding*/
div.tx-tslastupdate-pi1 a.mail {padding-left:0px;}

/*fuer Buch und Medienproduktion im Backend rahmen einruecken 66/33%*/
div.csc-frame-indent6633 {
  width:343px;
  padding-right:100px;
}

div.news-single-img {
/*width:190px;*/
overflow:hidden;
}

div.news-single-img img {
padding-bottom:10px;	
}

/*frueher extra Datei "shadowbox.css" nun hier mit drin*/

/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

.tx-andshadowbox-pi1 .hidden {
  display: none;
}

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
	background: #fff;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #000!important;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
/*background-color: #000;*/
  background-color: #fff;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  background: #fff;
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div,  #shadowbox_description div {
	color: #000;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_description {
	color: #000;
  width:100%;
  background:#fff;
}
#shadowbox_description div {
  padding: 3px 10px 6px 10px;
  color:#000;
  height:auto;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #000!important;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
	color: #000
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
	color: #000
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}
/* ENDE "shadowbox.css" */

/*frueher extra Datei "andshadowbox.css" nun hier mit drin */
.clearer {
      clear:both;
      font-size:0px;
      line-height:0px;
      height:0px;
}
.tx-andshadowbox-pi1 {
	margin-bottom:1.5em;
}

.tx-andshadowbox-pi1 span.tx-andshadowbox-thumb a {
		display: block;
		float: left;
		border: 1px solid #cBd1cd;
		padding: 7px; 
		margin: 0 11px 11px 0;
}

.tx-andshadowbox-pi1 span.tx-andshadowbox-thumb a:hover {
		background: #eceeed;
}

.tx-andshadowbox-pi1 span.tx-andshadowbox-thumb a.hidden {
		display:none;
}
	
.tx-andshadowbox-thumb a img {
		border:0pt none;
		padding: 0!important;
}


#shadowbox_nav_previous {
  position:absolute;
  width:50%;
  height:100%;
  float:none;
  top:0px;
  left:0px;
  text-indent:-99999px;
  padding:0px;
}

#shadowbox_nav_next {
  position:absolute;
  width:50%;
  height:100%;
  float:none;
  top:0px;
  right:0px;
  text-indent:-99999px;
  padding:0px;
}

#shadowbox_nav_next a,
#shadowbox_nav_previous a,
#shadowbox_nav_close a {
  display:block;
  width:100%;
  height:100%;
}

#shadowbox_nav_next a:hover {
  background-image:url('../images/btn-next_big.png');
  background-repeat:no-repeat;
  background-position:center right;
}

#shadowbox_nav_previous a:hover {
  background-image:url('../images/btn-prev_big.png');
  background-repeat:no-repeat;
  background-position:center left;
}

#shadowbox_nav_close {
  position:absolute;
  top:2px;
  right:2px;
  text-indent:-99999px;
  background-image:url('../images/btn-close.png');
  background-repeat:no-repeat;
  width:17px;
  height:17px;
  margin-right:2px;
  margin-top:2px;
  padding:0px;
}

#shadowbox_toolbar_inner,
#shadowbox_toolbar,
#shadowbox_toolbar_inner div, 
#shadowbox_description div {
  height:22px;
}


/* ENDE "andshadowbox.css" */

.tx-comments-comment-form {
  margin-top:10px;
  border: 1px solid #DADEDB;
}

.tx-comments-pi1 label {
  float:left;
  width:100px;
  font-weight:bold;
}

.tx-comments-pi1 .formRow {
  clear:both;
  padding-bottom:5px;
}

.tx-comments-pi1 input.tx-comments-comment-input,
.tx-comments-pi1 textarea {
  width:250px;
  padding:3px;
  font-size:11px;
  border: 1px solid #DADEDB;
}

.tx-comments-pi1 #tx_comments_pi1_submit {
  float:right;
}

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

.tx-comments-pi1 fieldset {
  border:none;
}

.tx-comments-form-top-message {
  padding:5px;
}

.tx-comments-comment {
  margin-bottom:10px;
}

.tx-comments-comment-content {
background: transparent url(/fileadmin/t3/images/bg_dotted.gif) repeat-x 0% 100%;
margin: 8px 0px 8px 0px;
padding: 0pt 0pt 10px;
}

div.csc-text a:visited { color:#800080;}
div.csc-textpic-text a:visited { color:#800080;}

.icon {height:45px;padding-left:30px;background-repeat:no-repeat;background-position:0px 0px;}
.AMB { background-image:url('../images/studiengangsicon/AMB_25.gif');}
.ARB { background-image:url('../images/studiengangsicon/ARB_25.gif');}
.ARM { background-image:url('../images/studiengangsicon/ARM_25.gif');}
.BIB { background-image:url('../images/studiengangsicon/BIB_25.gif');}
.BI_koop { background-image:url('../images/studiengangsicon/BI_koop_25.gif');}
.BIM { background-image:url('../images/studiengangsicon/BIM_25.gif');}
.BWB { background-image:url('../images/studiengangsicon/BWB_25.gif');}
.BWM { background-image:url('../images/studiengangsicon/BWM_25.gif');}
.BKB { background-image:url('../images/studiengangsicon/BKB_25.gif');}
.BMB { background-image:url('../images/studiengangsicon/BMB_25.gif');}
.BVB { background-image:url('../images/studiengangsicon/BVB_25.gif');}
.DVM { background-image:url('../images/studiengangsicon/DVM_25.gif');}
.DTB { background-image:url('../images/studiengangsicon/DTB_25.gif');}
.EIB { background-image:url('../images/studiengangsicon/EIB_25.gif');}
.IMB { background-image:url('../images/studiengangsicon/IMB_25.gif');}
.EUB { background-image:url('../images/studiengangsicon/EUB_25.gif');}
.FLB { background-image:url('../images/studiengangsicon/FLB_25.gif');}
.MTB { background-image:url('../images/studiengangsicon/MTB_25.gif');}
.MUB { background-image:url('../images/studiengangsicon/MUB_25.gif');}
.SAB { background-image:url('../images/studiengangsicon/SAB_25.gif');}
.SAM { background-image:url('../images/studiengangsicon/SAM_25.gif');}
.VMM { background-image:url('../images/studiengangsicon/VMM_25.gif');}
.VTB { background-image:url('../images/studiengangsicon/VTB_25.gif');}
.WIB { background-image:url('../images/studiengangsicon/WIB_25.gif');}
.WTB { background-image:url('../images/studiengangsicon/WTB_25.gif');}
.AMM { background-image:url('../images/studiengangsicon/AMM_25.gif');}
.EIM { background-image:url('../images/studiengangsicon/EIM_25.gif');}
.GMM { background-image:url('../images/studiengangsicon/GMM_25.gif');}
.BKM { background-image:url('../images/studiengangsicon/BKM_25.gif');}
.MBB { background-image:url('../images/studiengangsicon/MBB_25.gif');}
.MBM { background-image:url('../images/studiengangsicon/MBM_25.gif');}
.WEB { background-image:url('../images/studiengangsicon/WEB_25.gif');}
.INB { background-image:url('../images/studiengangsicon/INB_25.gif');}
.INM { background-image:url('../images/studiengangsicon/INM_25.gif');}
.MIB { background-image:url('../images/studiengangsicon/MIB_25.gif');}
.MIM { background-image:url('../images/studiengangsicon/MIM_25.gif');}
.MMM { background-image:url('../images/studiengangsicon/MMM_25.gif');}
.CWM { background-image:url('../images/studiengangsicon/CWM_25.gif');}
.WTM { background-image:url('../images/studiengangsicon/WTM_25.gif');}
.FPB { background-image:url('../images/studiengangsicon/FPB_25.gif');}
.WBM { background-image:url('../images/studiengangsicon/WBM_25.gif');}
.EUK_BZE { background-image:url('../images/studiengangsicon/EUK_BZE_25.gif');}
.EIK_SWL { background-image:url('../images/studiengangsicon/EIK_SWL_25.gif');}
.EIK_SIEMENS { background-image:url('../images/studiengangsicon/EIK_SIEMENS_25.gif');}
.WEK_HWK { background-image:url('../images/studiengangsicon/WEK_HWK_25.gif');}
.EUM { background-image:url('../images/studiengangsicon/EUM_25.gif');}
.WEM { background-image:url('../images/studiengangsicon/WEM_25.gif');}
.WEK_VNG { background-image:url('../images/studiengangsicon/WEK_VNG_25.gif');}
.CPM { background-image:url('../images/studiengangsicon/CPM_25.gif');}
.SEM { background-image:url('../images/studiengangsicon/SEM_25.gif');}
.IMM { background-image:url('../images/studiengangsicon/IMM_25.gif');}


#blank #content {
  width:810px;
  /*alt vor 20120420: 515px;*/
  background:#ffffff;
  padding:0px;
  border:0px;
  margin:0px;
}

.fce-two-cols-50-50-left {
  width:48%;
  float:left;
}

.fce-two-cols-50-50-right {
  width:48%;
  float:right;
}

.fce-toggle {
  clear:both;
  display:block;
  margin-bottom:10px;
}

.fce-toggle-content {
  display:none;
}

.fce-toggle-content-text p {
  margin:0px;
  padding:0px;
}

.fce-toggle-description {
  float:left;
}

.fce-toggle-description p {
  margin-top: 6px;
  /*height:10px;*/
  margin-bottom:1px;
}

.fce-toggle-link {
  margin-left:0px;
  float:left;
  margin-bottom:10px;
}

.fce-toggle-content {
  clear:both;
}

.fce-toggle-content p {
  margin-top: 6px;
}

.fce-toggle-title span {
  color:#333;
  font-size:100%;
  margin-bottom: 3px;
  text-transform:uppercase;
  font-weight: bold;
  cursor:pointer;
}

.fce-toggle-link-open,
.fce-toggle-link-close {
  color:#2347A0;
  cursor:pointer;
}

/* Vor dem HIT 2015 wars so:*/
div.underDivsocialmedia {
margin:0pt auto;
width:1025px;
}

div.lasche {

background:#fff;
width:40px;
height:132px;
top:0px;
left:982px;
position:relative;
line-height:10px;
opacity:1.0;
}


/* fuer HIT
div.underDivsocialmedia {
margin:0pt auto;
width:1225px;
}

div.lasche {

background:#fff;
width:170px;
height:660px;
top:0px;
left:982px;
position:relative;
line-height:10px;
opacity:1.0;
}
*/

div.lasche a:hover img {
opacity:0.6;
/*-webkit-box-shadow: 3px 3px 5px 2px rgba(20, 20, 20, 0.2);
box-shadow: 3px 3px 5px 2px rgba(20, 20, 20, 0.2);*/
}


.fce-two-cols-flex-25-75 .fce-two-cols-flex-left {
  width:23%;
  float:left;
}

.fce-two-cols-flex-25-75 .fce-two-cols-flex-right {
   width:73%;
   float:right;
}

.fce-two-cols-flex-33-66 .fce-two-cols-flex-left {
  width:31%;
  float:left;
}

.fce-two-cols-flex-33-66 .fce-two-cols-flex-right {
   width:64%;
   float:right;
}

.fce-two-cols-flex-50-50 .fce-two-cols-flex-left {
  width:48%;
  float:left;
}

.fce-two-cols-flex-50-50 .fce-two-cols-flex-right {
   width:48%;
   float:right;
}

.fce-two-cols-flex-66-33 .fce-two-cols-flex-left {
  width:64%;
  float:left;
}

.fce-two-cols-flex-66-33 .fce-two-cols-flex-right {
   width:31%;
   float:right;
}

.fce-two-cols-flex-75-25 .fce-two-cols-flex-left {
  width:73%;
  float:left;
}

.fce-two-cols-flex-75-25 .fce-two-cols-flex-right {
   width:23%;
   float:right;
}

.shariff ul {
  list-style-type:none;
}

#content .shariff ul li {
  background:none;
  padding-left:0px;
}

.shariff li.info {
  display:none;
}

#banner {
  position:relative;
  left:995px;
  top:50px;
  width:160px;
  height:512px;
}