/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet Techfak 2013
 *
 * Strukturdefinitionen & Farbinformationen zur dreispaltigen Variante
 *
 * @copyright       Copyright 2005-2012, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         1.0
 * @lastmodified    02/2013
 */


@media screen, projection
{

	/*  ------------------------------------------------------
	BODY
	--------------------------------------------------------*/
	body { 
		background: #eeeeee;
	}
	
	/*  ------------------------------------------------------
	SEITE
	--------------------------------------------------------*/
	div#seite { 
		background: #fff;
		max-width: 1173px; /* Maximale Breite in Pixeln */	
		padding-left: 27px;
		background: url(/grafiken/techfak-2013/balken-komplett.gif) no-repeat;
                
		/*---------*/
		box-shadow: 0 0 15px rgba(0,0,0,0.6); /* CSS3 Schatten (nur in modernen Browsern) - falls unerwünscht, einfach auskommentieren */
		border-width: 10px; /* gleichmäßiger Rand, damit wirkt Schatten besser */
		/*---------*/	
		margin: 0 auto; /* notwendig, nicht ändern! */	
		position: relative; /* notwendig, nicht ändern! */	
		background-color: #FFF; /* notwendig für body: background-color! */
	} 
	
	
	/*  ------------------------------------------------------
	KOPF
	--------------------------------------------------------*/	
	div#kopf  {
		background: url(/grafiken/techfak-2013/header_techfak-3b.png);
		background-position: 50% 0%;
		background-repeat: no-repeat;
	}
	
	
	/*  ------------------------------------------------------
	KOPF MIT LOGO
	--------------------------------------------------------*/	
	div#kopf div#logo  {
		height: 135px;
		padding: 0 20px 0 10px;
	}
	
	div#kopf div#logo img { 
		position: static;
		padding: 5px 0 5px 5px;
		/*margin-top: 10px;*/
		float: right;
		background: #ffffff;
		/*max-width: 180px;
		max-height: 50%;*/
		width: auto;
		height: auto;
	}
	
	div#kopf div#logo p {
		max-height: 100px;
		width: 32%;
		padding: 20px 0 20px 5px;
		font: 1.5em Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-weight: bold;
		line-height: 120%;
		color: #003366;
		
	}
	div#kopf div#logo p .description {
		  display: block;
		  font-size: 0.73em;
		  line-height: 110%;
		  margin-top: 7px;
	}
	
	div#kopf div#logo p a {
		text-decoration: none;
		color: #003366;
	}
	
	div#kopf div#logo p a:focus, 
	div#kopf div#logo p a:active {
		color: #23588A;
	}
	
	div#kopf div#logo p a:hover, 
	div#kopf div#logo p a:active,
	div#kopf div#logo p a:active {
		text-decoration: underline;
	}
	#kopf #logo a img {
		background-color: inherit;
	}
	/*  ------------------------------------------------------
	KOPF MIT TITEL
	--------------------------------------------------------*/
	div#kopf div#titel {
		position: absolute;
		top: 223px; /*top: 14.6em;*/
		left: 16.6em;
		padding-right: 40px;
	}
	
	div#kopf div#titel h1 {
		font-size: 1.6em;
		font-weight: bold;
		color: #003366;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT BREADCRUMB
	--------------------------------------------------------*/
	div#kopf div#breadcrumb {
		position: absolute;
		top: 190px;
		left: 16.6em;
		right: 20px;
		overflow: hidden;  
		text-overflow: ellipsis;  
		-o-text-overflow: ellipsis; /*für Opera*/ 
		white-space: nowrap;
	}
	
	div#kopf div#breadcrumb h2 {
		display: inline;
		font-size:0.76em;
		font-weight: normal;
		letter-spacing: 0;
		font-family: "Verdana", "Arial", sans-serif;
		color: #333;
	}
	
	div#kopf div#breadcrumb p {
		display: inline;
		font-size:0.76em;
	}
	
	div#kopf div#breadcrumb p strong {
		font-weight: normal;
	}
	
	div#kopf div#breadcrumb a, 
	div#kopf div#breadcrumb a:link {
		text-decoration: underline;
		color: #333;
	}
	
	div#kopf div#breadcrumb a:visited {
		color: #666;
	}
	
	div#kopf div#breadcrumb a:hover, 
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		text-decoration: none;
		border-bottom: #669999 1px solid;
		background: #C4DCDC;
	}
	
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		background: #669999;
		color: #FDFDF6;
		border-bottom: #006666 1px solid;
	}
	
	
	/*  ------------------------------------------------------
	KOPF MIT HAUPTMENUE
	--------------------------------------------------------*/
	div#kopf div#hauptmenu {
		height: 25px;
		white-space: nowrap;
		background: #A4ABB3 url(/grafiken/techfak-2013/hauptmenue-bg.png) repeat-y;
		margin-left: -27px;
		padding-left: 27px;
		border-bottom: #fff 2px solid;
	}
	
	div#kopf div#hauptmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}
	
	div#kopf div#hauptmenu ul {
		padding: 1px 5px;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	
	div#kopf div#hauptmenu ul li {
		display: inline;
		list-style-type: none;
	} 
	
	div#kopf div#hauptmenu ul li a:link,
	div#kopf div#hauptmenu ul li a:visited, 
	div#kopf div#hauptmenu ul li span {
		display: inline-block;
		padding: 0 10px;
		font-size: 0.75em;
		margin: 0 16px 0 0;
		text-decoration: none;
		color: #ffffff;
	}
	
	div#kopf div#hauptmenu ul li a:visited {
	}
	
	div#kopf div#hauptmenu ul li a:hover {
		text-decoration: underline;
	}
	
	div#kopf div#hauptmenu ul li a:active, 
	div#kopf div#hauptmenu ul li a:focus {
		text-decoration: underline;
		color: #ffffff;
	}
	
	div#kopf div#hauptmenu ul li span {
		background: #fff;
		color: #6e7883;
	}
	/*  ------------------------------------------------------
	KOPF MIT SPRUNGMARKEN
	--------------------------------------------------------*/
	div#kopf div#sprungmarken {
		margin: 0;
		padding: 0;
		display: block;
		position: absolute;    
		right: 12px;
		top: 160px;
	}
	
	div#kopf div#sprungmarken h2 {
		position: absolute;    
		left:-3000px;
		top:-3000px;
		width: 1px;
		height:1px;
	}
	
	div#kopf div#sprungmarken ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#kopf div#sprungmarken a:link, 
	div#kopf div#sprungmarken a:visited {
		position: absolute;    
		right:0;
		top: -3000px;
		display: block;
		width: 1px;
		height:1px;
		font-size:1px;
		overflow:hidden;
	}
	
	div#kopf div#sprungmarken a:hover, 
	div#kopf div#sprungmarken a:active,
	div#kopf div#sprungmarken a:focus {
		white-space: nowrap;
		position: absolute;    
		right: 0;
		top: 0;
		text-decoration: underline;
		padding:2px 6px 3px 6px;
		text-align: right;
		display: block;
		width: 9em;
		height:auto;
		font-size: 0.76em;
		overflow:auto;
		border: #fff 1px solid;
		background: #e1e1e1;
		color: #1A447E;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT SUCHE
	--------------------------------------------------------*/
	div#kopf div#suche {
		width: 12.6em;
		position: absolute;
		left: 33px;
		top: 190px;
	}
	
	div#kopf div#suche h2, 
	div#kopf div#suche p label {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}
	
	div#kopf div#suche input {
		font-size: 0.7em;
		padding: 1px 2px;
		position: absolute;
		top:0;
		right:0;
		background: #fff;
		border: #666 1px solid;
		color: #333;
	}
	
	div#kopf div#suche input:active,
	div#kopf div#suche input:focus {
		background:#EEEFF1;
		border: #999 1px solid;
	}
	
	/*Hack Opera + Safari*/
	html:first-child>b\ody div#kopf div#suche input  {
		padding: 2px 5px;
	}
	
	div#kopf div#suche input#suchbegriff {
		padding: 2px 4px;
		position: absolute;
		top:0;
		left:0;
		width: 11.8em;
	}
	
	/*  ------------------------------------------------------
	NACHKOPF
	--------------------------------------------------------*/
	hr#nachkopf {
		display: none;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	div#main {
		background: transparent;
		padding: 0 0 20px 0;
		border-top: 2px solid transparent;
	}
	
	div#main:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
    }
	
	/*  ------------------------------------------------------
	MAIN - BEREICHSMENUE
	--------------------------------------------------------*/
	div#menu {
		float: left;
		width: 12.6em;
		margin: 70px 0 0 5px;
	}
	
	div#menu div#bereichsmenu  {
		padding: 0;
		margin: 0 0 20px 0;
	}	
	
	div#menu div#bereichsmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}	
	
	/* Fuer eine erste Ebene */	
	ul#navigation {
		list-style-type: none;
		padding: 0 0 10px 0;
	}
	
	ul#navigation li {
/*		display: inline;*/
		line-height:0.87em !important;
	}
	
	ul#navigation li dfn {
		font-style: italic;
	}
	
	ul#navigation li a,
	ul#navigation li a:link  {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		border-top: #fff 1px solid;
		border-bottom: #fff 1px solid;
		background: #dcdee1;
		color:#003366;
	}
	
	ul#navigation li.last a, 
	ul#navigation li.last span.aktiv {
		border-bottom: #fff 1px solid;
	}
	ul#navigation li a:hover, 
	ul#navigation li a:focus, 
	ul#navigation li a:active {
		text-decoration: underline;
		background: #adb4bb;
		color: #fff;
	}
	
	ul#navigation li span.aktiv {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		border-top: #fff 1px solid;
		border-bottom: #003366 1px solid;
		background: #adb4bb;
		color: #fff;
	}
	
	/* Fuer eine zweite Ebene */
	ul#navigation ul#hauptnavigation li a {
		background: #dcdee1;
		border-bottom: #fff 1px solid;
		color: #003366;
	}
	ul#navigation ul#hauptnavigation li a:hover, 
	ul#navigation ul#hauptnavigation li a:focus, 
	ul#navigation ul#hauptnavigation li a:active {
		text-decoration: underline;
		background: #A4ABB3;
		color: #fff;
	}
	
	ul#navigation ul#hauptnavigation li span.aktiv, 
	ul#navigation ul#hauptnavigation li a.aktiv {
		background: #A4ABB3;
		border-top: #fff 1px solid;
		border-bottom: #003366 1px solid;
		color:#fff;
	}
	
	ul#navigation ul#hauptnavigation li span.aktiv {
		color:#fff;
	}
	
	/* Fuer eine dritte Ebene */
	ul#navigation ul#hauptnavigation ul li {
		line-height: 1em;		
	}
	
	ul#navigation ul#hauptnavigation ul li a {
		background: #f7f8f9;
		color: #003366;
		border-top: #fff 1px solid;
		border-bottom: #fff 1px solid;
	}
	
	ul#navigation ul#hauptnavigation ul li a, 
	ul#navigation ul#hauptnavigation ul li span {
		padding: 4px 10px 4px 20px;
		font-size: 0.7em;
	}
	
	
	ul#navigation ul#hauptnavigation ul li a:hover, 
	ul#navigation ul#hauptnavigation ul li a:active, 
	ul#navigation ul#hauptnavigation ul li a:focus {
		background:#eeeff1;
		color: #003366;
	}
	
	ul#navigation ul#hauptnavigation ul li span.aktiv {
		background:#A4ABB3;
		color: #fff;
		border-bottom: #003366 1px solid;
	}
	
	/* Fuer eine vierte Ebene */
	
	ul#navigation ul#hauptnavigation ul li ul li {
		
	}
		
	ul#navigation ul#hauptnavigation ul li ul li a,
	ul#navigation ul#hauptnavigation ul li ul li a:hover,
	ul#navigation ul#hauptnavigation ul li ul li a:active,
	ul#navigation ul#hauptnavigation ul li ul li a:focus {
		background: #fff;
		border-top: 1px solid #A4ABB3;
	}
	ul#navigation ul#hauptnavigation ul li ul li span.aktiv {
		background:#dcdee1;
		color:#003366;
		border-bottom: #003366 1px solid;
	}
	ul#navigation ul#hauptnavigation ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li span {
		padding: 4px 10px 4px 30px;
	}
	
	/* Fuer eine 5. Ebene */
	ul#navigation ul#hauptnavigation ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li span {
		padding: 4px 10px 4px 40px;
	}
	/* Fuer eine 6. Ebene */
	ul#navigation ul#hauptnavigation ul li ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li ul li span {
		padding: 4px 10px 4px 50px;
	}
	
        /* Definition fuer optionalen Infotext */ 
        ul#navigation li .infotext {
		display: none;
	}
	ul#navigation li .infolink:hover {
		display: inline;
	}
	ul#navigation li .infolink:hover .infotext {
		display: block;
		position: absolute;
		left: 230px;
		padding: 0.5em;
		width: 250px;
		line-height: 1.1em;
		 font-size: 0.8em;
		z-index: 20; 
		color: #000;
		border: 1px solid #d1d1d1;
		background-color: #F0F0F0;
	}
        
	/*  ------------------------------------------------------
	MAIN - MENU - KURZINFO
	--------------------------------------------------------*/
	div#main div#menu div#kurzinfo h2 {
		font-size: 1.1em;
		font-weight: bold;
		color: #2D2D2D;
	}
	
	div#main div#menu div#kurzinfo p {
		margin: 10px 0 16px 0;
		line-height: 180%;
		font-size: 0.7em;
		color: #666;
	}
	div#main div#menu div#kurzinfo div {
		padding: 10px 0px;
		text-align: center;
	}
	
	/*  ------------------------------------------------------
	MAIN - MENU - INHALTSINFO
	--------------------------------------------------------*/
	div#main div#inhaltsinfo {
	}
	
	/*  ------------------------------------------------------
	MAIN - SIDEBAR
	--------------------------------------------------------*/

	div#main div#sidebar {
		display: none;
	}
	
	/*  ------------------------------------------------------
	MAIN - CONTENT
	--------------------------------------------------------*/
	div#content {  
		padding: 8em 30px 0 30px;
		min-height: 30em;
		overflow: auto;
	} 

	div#content div#ls {
		float: left;
		width: 48%;
	}
	
	div#content div#rs {
		float: right;
		width: 48%;
	}
	
	/*  ------------------------------------------------------
	VORFOOTER
	--------------------------------------------------------*/
	hr#vorfooter {
		display: none;
	}
	
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/
	div#footer { 	
		clear: both;
		padding: 10px 25px 10px 27px;
		background: #A4ABB3;
		margin-left: -27px;
	}
	
	div#footer h2 {
		margin: 10px 0;
		font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
		font-weight: bold;
		color: #666;
		display: none;
	}
	
	div#footer p { 	
		font-size: 0.7em;
		margin: 0 10px 2px 0;
		text-align: right; 
		color: white;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS
	--------------------------------------------------------*/
	div#footer div#footerinfos {
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - TECMENUE
	--------------------------------------------------------*/
	div#footer div#footerinfos div#tecmenu {
		position: absolute;
		top:111px;
		right:0;
		white-space: nowrap;
		background: #fff;
		padding: 0 10px 3px 0;
	
	} 
	
	div#footer div#footerinfos div#tecmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}
	
	div#footer div#footerinfos div#tecmenu ul {
		}
	
	div#footer div#footerinfos div#tecmenu ul li {
		display: inline;
		line-height:0.87em !important;
        /*text-shadow: 2px 2px 4px rgba(0,0,0,0.5);*/
	} 
	
	div#footer div#footerinfos div#tecmenu ul li span,
	div#footer div#footerinfos div#tecmenu ul li a, 
	div#footer div#footerinfos div#tecmenu ul li a:link {
		font-size: 0.76em;
		text-decoration: none;
		padding: 0 10px;
		color: #003366;
	}
	
	div#footer div#footerinfos div#tecmenu ul li.last span,
	div#footer div#footerinfos div#tecmenu ul li.last a, 
	div#footer div#footerinfos div#tecmenu ul li.last a:link {
		border-right: 0 none;
	}
	div#footer div#footerinfos div#tecmenu ul li span.acckey {
		position: absolute;
		left:-3000px;
		top:-3000px;
		width: 1px;
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:visited {
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:hover {
		text-decoration: underline;
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:focus, 
	div#footer div#footerinfos div#tecmenu ul li a:active {
		text-decoration: underline;
	}
	
	div#footer div#footerinfos div#tecmenu ul li span {
		text-decoration: underline;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - FLAGGEN
	--------------------------------------------------------*/
	div#footer div#footerinfos div#flaggen, 
	div#footer div#footerinfos div.flaggen, 
	div#footer div#footerinfos div#languagebar {
		position: absolute;
		top: 185px;
		right: 20px;
		z-index: 2;
	}
	
	div#footer div#footerinfos div#flaggen li, 
	div#footer div#footerinfos div.flaggen li, 
	div#footer div#footerinfos div#languagebar li {
		list-style: none;
		float: left;
		padding-left: 10px;
	}
	
	div#footer div#footerinfos div#flaggen li.active img, 
	div#footer div#footerinfos div.flaggen li.active img, 
	div#footer div#footerinfos div#languagebar li.active img {
		opacity: 0.3;
	}
	
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo {
		display: none;
	}
	div#footer div#footerinfos div#zusatzinfo h2 {
		display: block;
	}
	div#footer div#footerinfos div#zusatzinfo p.skip a,
	div#footer div#footerinfos div#zusatzinfo p.skip a:link, 
	div#footer div#footerinfos div#zusatzinfo p.skip a:visited {
		color: white;}
	
	div#footer div#footerinfos div#zusatzinfo p.skip a:hover, 
	div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
	div#footer div#footerinfos div#zusatzinfo p.skip a:active {
		border-bottom: #003366 1px solid;
		background: #003366;}
	
	div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
	div#footer div#footerinfos div#zusatzinfo p.skip a:active {
		background: #003366;
		color: #FFFFFF;
		border-bottom: #003366 1px solid;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - FLAGGEN
	--------------------------------------------------------*/	
	div#flaggen, 
	div.flaggen, 
	div#languagebar {
		position: absolute;
		top: 35px;
		right: 20px;
		z-index: 2;
	}
	
	div#flaggen li, 
	div.flaggen li, 
	div#languagebar li {
		list-style: none;
		float: left;
		padding-left: 10px;
	}
	
	div#flaggen li.active img, 
	div.flaggen li.active img, 
	div#languagebar li.active img {
		opacity: 0.3;
	}
	
	div#content div#flaggen,
	div#content div.flaggen,
	div#content div#languagebar {
		float: right;
		position: static;
		margin-top: -60px;
	}
		
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO - STYLESWITCHER
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher {
		position: absolute;
		top: 20px;
		right:10px;
		width: 500px;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {
		display: none;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li {  
		display: inline;
	} 
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
		font-size: 0.7em;
		padding: 2px;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a,
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:link, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:visited {
		color: #333;
		border: #666 1px solid;
		background: #fff;
		text-decoration: none;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:hover, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:focus, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:active {
		border: #666 1px solid;
		background: #f0f0f0;
	}
	
	/* ----------------- */
	
	#draft div#content {
		background: #f9f9f9 url(/img/baustelle.png);
	}
	
	
	/*  ------------------------------------------------------
	FeedImport
	--------------------------------------------------------*/
	div.feedrahmen {
	}
	
	div.feedrahmen h2 {
		padding: 0px 6px 0 0px;
		margin: 0;
		font-weight:700;
		line-height:140%;
		border-bottom: 1px solid #ccc !important;
	}
	
	div.feedrahmen .feedeintrag {
		margin: 0em 0em 1.5em;
		display:table; width:100%;
	}
	
	div.feedeintrag h3{
		background-color: #F7F8F9;
		padding: 0.5em;
		display: block;
		font-weight: bold;
		font-size: 0.8em !important;
		border-bottom: 1px solid #A4ABB3;
	}
	
	div.feedeintrag h4,div.feedeintrag h5{
		padding: 1em 0em 0.5em 0em;
		display: block;
		font-weight: bold;
		font-size: 1em !important;
	}
	
	div.feedeintrag div.feedcontent {
	   font-size: 0.8em;
	   min-height: 85px;
	
	   line-height:140%;
	}
	
	div.feedeintrag div.feedcontent h3{
	
		background-color: #ffffff;
		padding: 0em;
		display: block;
		font-weight: bold;
		font-size: 1em !important;
	}
	
	div.feedeintrag div.feedcontent p { 
		font-size: 1em !important;
		line-height: 160% !important; 
	}
	
	div.feedeintrag div.feedcontent ul li { 
		font-size: 1.2em !important;
	}
	
	div.feedeintrag p.feedinfo,div.feedeintrag p.datum,div.feedeintrag div.feedcontent p.datum,
	div#content div.feedeintrag div.feedcontent p.datum,div.feedeintrag div.feedlink p.datum,div.feedeintrag p.feedlink {
		color: #111;
		font-style: oblique;
	}
	
	div.feedeintrag p.feedlink  {
		margin: 1em !important;	
	}
	
	div.feedeintrag p.feedinfo {
		margin: 0em !important;
		margin-top: 1em !important;
	}
	
	div.feedeintrag p strong {
		font-weight: bold;
	}
	
	div#feedeintrag .bildrechts {
		float: right;
		margin: 0;
		padding: 1px 6px 0 6px;
	}
	
	div.feedeintrag img {
		float: right;
		margin:0px 0px 5px 5px;
	}
	
	div.feedrahmen ul.jahresliste li ul,
	div.feedrahmen ul.monatsliste li ul {
		margin: 5px;
		padding: 5px;
	}
	
	div.feedrahmen ul.jahresliste li ul li,
	div.feedrahmen ul.monatsliste li {
		display: inline;
		list-style-image: none;	
		padding: 0 3px;	
	}
	
	.feedrahmen .jahreskalender {
		width: 660px;
	}
	
	.feedrahmen .jahreskalender h2 {
		font-size: 1.2em ;
		padding: 0.3em;
		display: block;
	}
	
	.feedrahmen .jahreskalender table {
		display: inline;
		min-width: 220px;
		margin: 5px;
	}
	
	.feedrahmen table.calendar {
		border: 1px solid #eee;
		border-spacing: 0;
		empty-cells: show;
		border-collapse: separate;
		border: 1px solid #eee;
		background-color: white;
		text-align:center;
	}
	
	.feedrahmen table.calendar caption {
		text-align: center;
		font-weight: bold;
	}
	
	.feedrahmen table.calendar th {
		background-color: #ddd;
	}
	
	.feedrahmen table.calendar td {
		text-align: left;
		border: 1px solid #eee;
		padding: 2px;
	}
	
	.feedrahmen table.calendar td.weekend {
		background-color: #eee;
		border: 1px solid #ddd;       
	}
	
	.feedrahmen table.calendar td.current {
		border: 1px solid red;
		font-weight:bold;
		color:#c00;
		position:absolute;
		z-index:10;
		}
	.feedrahmen table.calendar td:hover {
		border: 1px solid #ccc;
		background-color: #ddd;
	}
	.feedrahmen table.calendar td.used {
		font-weight:bold;
		background-color: #ccc;
	}
	
	.feedrahmen table.empty caption {
		color:#ccc;
	}
	
	.feedrahmen table.empty th{
		color:#fff;
	}
	
	.feedrahmen table.current caption{
		color:#c00;
	}
	
	/*  ------------------------------------------------------
	JQUERY - SLIDE DOWN
	--------------------------------------------------------*/
	div#content ul.jquery_list {
		list-style-type: none;
		padding: 0px;
		font-size:1.0em;
		line-height:180%;
		margin:10px 0px 30px;
	}
	.jquery_list li {
		list-style-type: none;
	}
	.jquery_head {
	}
	.jquery_body {
	}
	/*  ------------------------------------------------------
	MELDUNGEN
	--------------------------------------------------------*/
	#content div.meldung {
	   border: 1px solid #D5DADD;
	   background-color: #F4F3EB;
	   background-image: url(/grafiken/techfak/buttons_transparent.gif);
	   background-repeat: no-repeat;
	   padding: 20px 0px 0px 25px;
	   background-position: 2px 2px;
	   margin: 10px 0px 0px 0px;
	   min-height: 120px;
	}
	
	.ok {
	   border: 1px solid #F79C07;
	   text-align: center;
	   background-color: #F79C07;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO - AKTUELLES
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo {
    }
	
	div#footer div#footerinfos div#zusatzinfo p {
    	color: #666;
    	text-align: left;
	} 
	
	div#footer div#footerinfos div#zusatzinfo h1 {
		color: #666;
		font-size:0.80em;
		font-weight: bold;
		font-family: "Verdana", "Arial", sans-serif !important;
		padding-bottom: 5px;
	}
	div#footer div#footerinfos div#zusatzinfo div.box {
		background: #E9EFF2;
		border: 1px solid #D1D1D1;
		position:relative;
		/* padding:0px 5px 0px 5px; */
		margin: 0px 0px 40px 0px;
	}
	div#footer div#footerinfos div#zusatzinfo div.box p {
	color:#333333;
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuelles * {
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuellescontainer * {
	margin: 0px 3px 5px 3px;
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuellesheader * {
	color:#D37100;
	text-decoration:underline;
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuellescontent * {
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuellescontent ul {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 10px;
	}
	div#footer div#footerinfos  div#zusatzinfo div.box div.aktuelleslink * {
	text-align:right;
	color:#666666;
	font-weight:bold;
	}
	div#footer div#footerinfos  div#zusatzinfo div.box * {
	text-align: left;
	}
	
	div#footer div#footerinfos  div#zusatzinfo div.box h1 {
	}
	
	div#footer div#footerinfos  div#zusatzinfo div.box h2 {
	display:block;
	position:relative;
	left:-5px;
	top:0px;
	width:1px;
	}
	
	div#footerinfos div#zusatzinfo div.box ul li {
	font-size:0.8em;
	list-style-type:disc;
	margin:0pt 0pt 5px 15px;
	}
	
	div#footerinfos div#zusatzinfo div.box ul li a, div#footerinfos div#zusatzinfo div.box ul li a:link {
	color:#666666;
	text-decoration:underline;
	}
	
	div#footerinfos div#zusatzinfo div.box ul li a:visited {
	color:#666666;
	}
	
	div#footerinfos div#zusatzinfo div.box ul li a:hover, div#footerinfos div#zusatzinfo div.box ul li a:focus, div#footerinfos div#zusatzinfo div.box ul li a:active {
	color:#333333;
	text-decoration:underline;
	}
	
	div#footerinfos div#zusatzinfo div.box ul li a:focus, div#footerinfos div#zusatzinfo div.box ul li a:active {
	color:#999999;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.box p.skip {
	position:static;
	width: 97%;
	text-align: right;
	}
	
	div#sidebar div.box {
	margin-bottom: 15px;
	}
	
	/*  ------------------------------------------------------
	FIX FOR WIDESCREEN MONITORS ON HOME-PAGE
	--------------------------------------------------------*/
	div#content div.infoDiv {
		min-height:165px;
	}
	
	/*  ------------------------------------------------------
	MARGIN IN RIGHT BOX
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo div.box ul {
		margin-left:5px;
		margin-right:5px;
	}
	
	/*  ------------------------------------------------------
	NEWS SECTION ON HOMEPAGE
	--------------------------------------------------------*/
	div.news {
		height:auto;
	}
	div.news_left {
		float:left;
	}
	div.news  div.news_left img {
		margin-top:3px !important;
		margin-right:10px;
		margin-bottom:2px;
	}
	div.news p {
		margin-top:-10px;
	}
	p.continue a {
		padding:5px 16px 5px 16px;
		border:1px solid #ababab;
		background-color: #f3f3f3;
	}
	p.continue {
	}
	p.continue a, p.continue a:hover, p.continue a:visited {
		color:#000 !important;
		text-decoration:underline !important;
	}
	p.continue a:hover {
		background-color:#e1ecf3;
	}
	div#content div#news h2 {
		background: #eeeff1;
		padding: 4px 7px;
		font-size: 1.2em;
		font-weight: normal;
		color: #003366;
	}
	
	/*  ------------------------------------------------------
	SPECIAL TEXT
	--------------------------------------------------------*/
	.text_red {
		color:red;
	}
	
	/*  ------------------------------------------------------
	TF Trailer
	--------------------------------------------------------*/
	#tftrailer {
		background:url('/infocenter/techfak-der-film/filmband.png') no-repeat;
		overflow:hidden;
		position:relative;
		margin-bottom:10px;
		margin-top:-30px;
		height:104px;
		min-height:104px;
	}
	
	/*  ------------------------------------------------------
	Language bar
	--------------------------------------------------------*/
	#languagebar {
		float:right;
		margin-top:-120px;
	}
	
	/*  ------------------------------------------------------
	KALENDER
	--------------------------------------------------------*/
	
	div#content div.kalender div.kalenderkopf {
	/*	margin: 0px 0px 20px 0px;*/
		display: table;
		width: 100%;
	}
	
	div#content div.kalender div.kalenderkopf div.menu {
		float: left;
	}
	div#content div.kalender div.kalenderkopf div.quicknavi {
		float: right;
	}
	
	div#content div.kalender option {
		padding: 0px 10px 0px 0px;
	}
	
	div#content div.kalender div.kalendercontent a {
		font-weight:bold;
	}
	
	div#content div.kalender div.kalendercontent td.datum {
		width:20%;
	}
	
	div#content div.kalender div.kalendercontent table, div#content div.kalendertabelle table {
		width:100%;
	}
	
	div#content div.kalender table td.datum, div#content div.kalendertabelle td.datum {
		font-weight: bold;
		background: #fff;
		color: #3F3F3F;
		width: 15%;
	}
	
	div#content div.kalender div.kalendercontent td.spalte1 {
		font-weight: bold;
		background: #fff;
		color: #3F3F3F;
		vertical-align: top;
	}
	
	div#content div.kalender div.kalendersuche td.spalte2 {
	}
	
	div#content div.kalender fieldset {
		width:100%;
	}
	
	div#content div.error {
		border-left: 2px solid red;
		border-right: 2px solid red;
		background: #FFD5D5;
		padding: 5px 5px 5px 5px;
	}
	
	div.kalender #formular .dateneingabe input, form .eingabe input {
		margin: 4px 0px 0px 0px;
	}
	
	div#zusatzinfo div.box div.veranstaltung {
	}
	
	div#zusatzinfo div.box div.veranstaltung div.datum {
		margin: 0px 3px 0px 3px;
		font-weight: bold;
	}
	
	div#zusatzinfo div.box div.veranstaltung div.content {
		color: #333;
		padding: 0px 0px 0px 15px;
	}
	div#zusatzinfo div.box div.weitereveranst {
		width:100%;
		background: #9BBBCF;
		margin: 5px 0px 0px 0px;
		border-top: 1px solid #D1D1D1;
	}
	
	div#zusatzinfo div.box div.weitereveranst a {
		font-weight: bold;
		color: #666666;
	}
	div#zusatzinfo div.box img {
		margin: 5px 2px 0px 5px;
	}
	
	.calender {
		width:240px;
		border:1px solid black;
	}
	* html .calender,
	* + html .calender {
		width:242px;
	}
	.calender div.after,
	.calender div.before{
		color:silver;
	}
	
	.day {
		float:left;
		width:30px;
		height:30px;
		line-height: 30px;
		text-align: center;
		font-size: 0.8em;
	}
	
	.kw {
		float:left;
		width:30px;
		height:30px;
		line-height: 30px;
		text-align: center;
		font-weight:bold;
		font-style:italic;
		color:#444444;
		background-color: #DDDDDD;    
		font-size: 0.8em;
	}
	.day.headline {
		background:silver;
		font-size: 0.8em;
	}
	.kw.headline {
		background:silver;
		font-size: 0.8em;
	}
	.day.current {
		font-weight:bold;
		background-color:#94FF94;
		font-size: 0.8em;
	}
	.day.eventcurrent {
		font-weight:bold;
		background-color:#FF6B6B;
		color:silver;
		font-size: 0.8em;
	}
	.day.eventnormal {
		background-color:#9BBBCF;
		font-size: 0.8em;
	}
	.clear {
		clear:left;
	}
	.pagination {
		text-align: center;
		height:15px;
		line-height:15px;
		font-weight: bold;
		font-size: 0.76em;
	}
	.pagination a {
		width:15px;
		height:15px;
		font-size: 0.76em;
	}
	
	/*  ------------------------------------------------------
	TFDB - ZWEISPALTENLAYOUT - Aufruf mit ID "tfdb" im body-Tag
	--------------------------------------------------------*/
		
	body#tfdb div#content {  
		margin: 8em 12px 0 15.6em !important;
		padding: 0 !important;
	} 
	
	body#tfdb div#footer div#footerinfos div#zusatzinfo {
		position: relative; 
		padding: 0;
		z-index: 1;
		top: 0 !important;
		left: 0;
		width: auto !important;
		border: 0;
		margin-bottom: 20px;
		background: none;
	}
	
	body#tfdb div#content p {  
		line-height: 130%;
	} 
		
}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  1090px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1090px) {
	
	div#kopf {
		background: url(/grafiken/techfak-2013/header-techfak-2b.png) no-repeat scroll 48% 0% transparent;
	}
	
	div#kopf div#logo p {
		width: 35%;
		padding-top: 15px;
	}
		
}

/*  ------------------------------------------------------------------------------------------------------------
						BREAKPOINT  960px
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 960px) {
	
	div#kopf {
		background-image: none;
	}
	
	div#kopf div#logo p {
		width: auto;
	}
}