/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0
 * @revision        $Revision: 686 $
 * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
 */

@media all {

	/**
	* @section CSS-Normalisation Module
	*/

	/* (en) Global reset of paddings and margins for all HTML elements */
	/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
	* { margin:0; padding:0; }

	/* (en) Correction:margin/padding reset caused too small select boxes. */
	/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
	option { padding-left:0.4em; } /* LTR */
	select { padding:1px; }

	/**
	* (en) Global fix of the Italics bugs in IE 5.x and IE 6
	* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
	*
	* @bugfix
	* @affected   IE 5.x/Win, IE6
	* @css-for    IE 5.x/Win, IE6
	* @valid      yes
	*/
	* html body * { overflow:visible; }

	body {
		/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
		/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
		font-size:100%;

		/* (en) Standard values for colors and text alignment */
		/* (de) Vorgabe der Standardfarben und Textausrichtung */
		background:#fff;
		color:#000;
		text-align:left; /* LTR */
	}

	/* (en) avoid visible outlines on DIV containers in Webkit browsers */
	/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
	div:target { outline:0 none; }

	/* (en) HTML 5 - adjusting visual formatting model to block level */
	/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
	article,aside,details,figcaption,figure,
	footer,header,hgroup,nav,section {
		display:block;
	}

	/* (en) HTML5 - default media element styles */
	/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
	audio,
	canvas,
	video {
		display: inline-block;
	}

	/* (en) HTML5 - don't show <audio> element if there aren't controls */
	/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
	audio:not([controls]) {
		display: none;
	}

	/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
	/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
	[hidden] {
		display: none;
	}

	/* (en) force consistant appearance of input[type="search"] elements in all browser  */
	/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
	input[type="search"] {
		-webkit-appearance: textfield;
	}
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/* (en) Clear borders for <fieldset> and <img> elements */
	/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
	fieldset, img { border:0 solid; }

	/* (en) new standard values for lists, blockquote, cite and tables */
	/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
	ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
	li {
		line-height:1.5em;
		margin-left:0.8em; /* LTR */
	}

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; } /* LTR */

	blockquote { margin:0 0 1em 0.8em; } /* LTR */
	q { quotes: none; }

	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content:none }

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

 	/**
	* @section Float Handling Module
	*/

	/* (en) clearfix method for clearing floats */
	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
	.ym-clearfix:before {
		content:"";
		display:table;
	}
	.ym-clearfix:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	/* (en) alternative solutions to contain floats */
	/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
	.ym-contain-dt { display:table; width: 100%; overflow: visible; }
	.ym-contain-oh { overflow:hidden; width:100%; display:block; }
	.ym-contain-fl { float:left; width:100%; }

	/**
	* @section Accessibility Module
	*
	* (en) skip links and hidden content
	* (de) Skip-Links und versteckte Inhalte
	*/

	/* (en) classes for invisible elements in the base layout */
	/* (de) Klassen für unsichtbare Elemente im Basislayout */
	.ym-skip,
	.ym-hideme,
	.ym-print {
		position:absolute;
		top:-32768px;
		left:-32768px; /* LTR */
	}

	/* (en) make skip links visible when using tab navigation */
	/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
	.ym-skip:focus,
	.ym-skip:active {
		position:static;
		top:0;
		left:0;
	}

	/* skiplinks:technical setup */
	.ym-skiplinks {
		position:absolute;
		top:0px;
		left:-32768px;
		z-index:1000;
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left:32768px;
		outline:0 none;
		position:absolute;
		width:100%;
	}
}

@media screen, projection {

	/**
	* @section Column Module
	*
	* default column config:
	* |-------------------------------|
	* | col1    | col3      | col2    |
	* | 20%     | flexible  | 20%     |
	* |-------------------------------|
	*/

	.ym-column { display:table; width:100%; }

	.ym-col1 { float:left; width:20%; }
	.ym-col2 { float:right; width:20%; }
	.ym-col3 { width:auto; margin:0 20%; }

	/* (en) Preparation for absolute positioning within content columns */
	/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
	.ym-cbox
	.ym-cbox-left,
	.ym-cbox-right { position:relative; }

	.ym-cbox { padding: 0 10px }
	.ym-cbox-left { padding: 0 10px 0 0 }
	.ym-cbox-right { padding: 0 0 0 10px }

	/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
	/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	.ym-ie-clearing { display:none; }

	/**
	* @section Grid Module
	*
	*/

	.ym-grid {
		display:table;
		width:100%;
		table-layout:fixed;
		list-style-type: none;
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}

	.ym-gl { float:left; margin: 0; }
	.ym-gr { float:right; margin: 0 0 0 -5px; }

	.ym-g20 { width:20%; }
	.ym-g40 { width:40%; }
	.ym-g60 { width:60%; }
	.ym-g80 { width:80%; }
	.ym-g25 { width:25%; }
	.ym-g33 { width:33.333%; }
	.ym-g50 { width:50%; }
	.ym-g66 { width:66.666%; }
	.ym-g75 { width:75%; }
	.ym-g38 { width:38.2%; }
	.ym-g62 { width:61.8%; }

	.ym-gbox { padding: 0 10px }
	.ym-gbox-left { padding: 0 10px 0 0 }
	.ym-gbox-right { padding: 0 0 0 10px }

	.ym-equalize { overflow:hidden; }

	.ym-equalize > .ym-gl,
	.ym-equalize > .ym-gr {
		display:table-cell;
		float:none;
		margin:0;
		vertical-align:top;
	}

	.ym-equalize > * > .ym-gbox,
	.ym-equalize > * > .ym-gbox-left,
	.ym-equalize > * > .ym-gbox-right {
		padding-bottom: 10000px;
		margin-bottom: -10000px
	}
}

@media all {

   /**
	* @section Form Module
	*
	* Vertical-Forms - technical base (standard)
	*
	* |-------------------------------|
	* | form                          |
	* |-------------------------------|
	* |   label                       |
	* |   input / select / textarea   |
	* |-------------------------------|
	* | /form                         |
	* |-------------------------------|
	*
	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
	*/

	.ym-form,
	.ym-form fieldset { overflow:hidden; }

	.ym-form div
	.ym-form label,
	.ym-form .ym-message {
		position:relative;
		display:block; /* important for Safari */
	}

	.ym-form .ym-fbox-check label {
		display:inline;
	}

	.ym-form input,
	.ym-form textarea { cursor:text; }

	.ym-form input[type="checkbox"],
	.ym-form input[type="radio"],
	.ym-form select,
	.ym-form label { cursor:pointer; }

	/* small adjustments for Internet Explorer - all versions */
	.ym-form textarea { overflow: auto; }

	/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
	.ym-form input[type=hidden] { display:none !important; }

	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before {
		content:"";
		display:table;
	}

	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
	.ym-form select,
	.ym-form input,
	.ym-form textarea {
		display:block;
		position:relative;
		width:58.5%;
	}

	.ym-form .ym-fbox-check input {
		display: inline;
		width: auto;
	}

	/* Styling of buttons | Gestaltung von Buttons */
	.ym-form .ym-fbox-button input {
		display: inline;
		overflow:visible;  /* Fixes IE7 auto-padding bug */
		width:auto;
	}

	/* avoid jumping checkboxes & radiobuttons in IE8 */
	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active {
		border:0 none;
	}

	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea {
		width:94.2%;
		margin-right: -3px;
	}

   /**
	* Columnar forms display - technical base (optional)
	*
	* |-------------------------------------------|
	* | form                                      |
	* |-------------------------------------------|
	* |                                           |
	* |   label   |   input / select / textarea   |
	* |                                           |
	* |-------------------------------------------|
	* | /form                                     |
	* |-------------------------------------------|
	*
	* (en) Styling of forms where label floats left of form-elements
	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
	*/

	/* Columnar display | Spalten-Darstellung */
	.ym-columnar .ym-fbox-text label,
	.ym-columnar .ym-fbox-select label {
		display:inline;
		float:left;
		width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
	}
	.ym-columnar .ym-fbox-check {
		position:relative;
	}

	.ym-label { display:block; }
	.ym-columnar .ym-fbox-check .ym-label {
		position:absolute;
		top:0;
	}

	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-error .ym-message {
		margin-left:30%;
	}

	/* global and local columnar settings for button alignment */
	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left:30%;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea {
		float:left;
		width:67.2%;
		margin-right: -3px;
	}

	/**
	* @section Form Construction Kit | Screen Adjustments
	*
	*/

	.ym-fbox-select select { width:60%; }
	.ym-full .ym-fbox-select select { width:94.8%; }
	.ym-columnar .ym-fbox-select select { width:68.8%; }
}

@media print {

	/**
	* @section print adjustments for core modules
	*
	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
	*
	* @bugfix
	* @since     3.0
	* @affected  FF2.0, FF3.0, IE7
	* @css-for   all browsers
	* @valid     yes
	*/

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		overflow:visible;
		display:table;
	}

	/* (en) make .ym-print class visible */
	/* (de) .ym-print-Klasse sichtbar schalten */
	.ym-print {
		position:static;
		left:0;
	}

	/* (en) generic class to hide elements for print */
	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
	.ym-noprint {
		display:none !important;
	}
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v3.3
 */

/**
 * Klassen aus YAML 3.3 für Abwärtskompatibilität
 * Stylesheet zusätzlich zu base.css einbinden bei YAML 3.3-Designs
 */

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { display:table; width:100%; table-layout:fixed; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { display:table; width:100%; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  
}



/**
 * Projekt Vorlagenkatalog 
 *
 * RRZE-eigene Modifikationen, nicht Teil von YAML
 * 
 * @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         3.1
 * @lastmodified    01/2012
 */

@media handheld {

	#seitenkopf{
	   display: inline;
	}
	#kopf {
		margin: 0 0 80px 0;
	}
				  
		  
	#kopf #logo {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
	}	
	.noprint, .skip {
	   display:none;
	}
	#footer {
	}
	#footer h2 {
		font-size: 0.8em;
	}
	#footer p {
		font-size: 0.7em;
	}
	
	#footer #zusatzinfo p {
		display: inline; 
	}
	#footer #zusatzinfo p.skip {
		display:none;
	}
	
	body{
	   font-family: "Times New Roman", Times, serif;
	   font-size: 11pt; 
	   margin-right:10pt;
	} 
	h1{  
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:16pt;
	   font-weight:normal;
	   padding-top:2pt;
	   padding-bottom:2pt;
	} 
	h2{
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:14pt;
	   font-weight:normal;
	   padding-top:2pt;
	   padding-bottom:2pt   
	}  
	h3{ 
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:12pt;
	   font-weight:normal;
	   padding-top:2pt; 
	   padding-bottom:2pt       
	} 
	h4{
	   font-size:11pt; 
	   padding-top:2pt;
	   padding-bottom:2pt      
	}
	p, ul{
	   font-size:11pt;
	   line-height:13pt; 
	}   
	img {
		border: 0;
	}
	
	#content .klein_box_rechts{
	   float:right;
	   width:220px;
	   margin-top:10px;
	   background-color:#fff;
	   border-left:1pt solid black;
	   padding-left:10pt;
	}
	#content .klein_box_rechts p{
	   font-size:10pt;
	   font-weight:600;
	   line-height:12pt;
	   padding-bottom:5px;   
	}
	#content .klein_box_links{
	   float:left;
	   width:220px;
	   margin-top:10px;
	   background-color:#fff;
	}
	#content .klein_box_links p{
	   font-size:10pt;
	   font-weight:600;
	   line-height:12pt;
	}
	
	#content .vollbox img{
	   float:left;
	   position:relative;
	}
	 
	#content .vollbox{ 
	   width:99.4%;
	   background-color:#fff;
	   border:1px solid black;
	   padding-bottom:10pt;
	   margin: 10px 0 10px 0;  
	} 
	
	#content .vollbox img{
	   float:left;
	}    

}

@media print {
	*{
		position: static !important;
	}
	#seitenkopf{
	   display:none;
	}
	#kopf {
		margin: 0 0 30px 0;
	}
	#kopf #suche{
	   display:none;
	} 
	#kopf #breadcrumb {
	   display:none;
	}                
	#kopf #sprungmarken {
	   display:none;
	}         
	#kopf #logo {
		top: 10px;
		left: 0;  
	}
	#kopf #titel {
		top: 15px;
		left: 7px;
		  font-size: 16pt; 
		  text-decoration:underline; 
	}
	#kopf #hauptmenu {
	   display: none;
	} 
	#nachkopf {
	   display: none;
	} 
	#main #menu {
	   display: none;
	} 
	#main #menu #bereichsmenu {
		display: none;
	}
	#main #zusatzinfo {
		display: none;
	}
	#content {
	   margin-top: 30px;
	}
	.noprint, .skip {
	   display: none;
	}
	#footer {
	}
	#footer h2 {
	   display: none;
	}
	#footer p {
		font-size: 0.7em;
	}
	#footer #tecmenu {
		display:none;
	}
	#footer #zusatzinfo p {
		display: inline; 
	}
	#footer #zusatzinfo p.skip {
		display:none;
	}
	
	body{
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 11pt; 
	   margin-right:10pt;
	} 
	h1{  
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:16pt;
	   font-weight:normal;
	   padding-top:2pt;
	   padding-bottom:2pt;
	} 
	h2{
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:14pt;
	   font-weight:normal;
	   padding-top:2pt;
	   padding-bottom:2pt   
	}  
	h3{ 
	   font-family: Arial, Helvetica, sans-serif;
	   font-size:12pt;
	   font-weight:normal;
	   padding-top:2pt; 
	   padding-bottom:2pt       
	} 
	h4{
	   font-size:11pt; 
	   padding-top:2pt;
	   padding-bottom:2pt      
	}
	p, ul{
	   font-size:10pt;
	   line-height:13pt; 
	}   
	table td {
		padding: 5pt;
	}
	img {
		border: 0;
	}
	
	#content .klein_box_rechts{
	   float:right;
	   width:220px;
	   margin-top:10px;
	   background-color:#fff;
	   border-left:1pt solid black;
	   padding-left:10pt;
	}
	#content .klein_box_rechts p {
	   font-size:10pt;
	   font-weight:600;
	   line-height:12pt;
	   padding-bottom:5px;   
	}
	#content .klein_box_links {
	   float:left;
	   width:220px;
	   margin-top:10px;
	   background-color:#fff;
	}
	#content .klein_box_links p {
	   font-size:10pt;
	   font-weight:600;
	   line-height:12pt;
	}
	
	#content .vollbox img {
	   float:left;
	   position:relative;
	  
	}
	#content .vollbox{ 
	   width:99.4%;
	   background-color:#fff;
	   border:1px solid black;
	   padding-bottom:10pt;
	   margin: 10px 0 10px 0;  
	} 	
	#content .vollbox img{
	   float:left;
	} 	
	#content div.hinweis_wichtig {
	   float:left;
		position:relative; /*fuer IE < 6 */
		z-index:11;
	   width: 220px;
	   font-size:.8em;
	   font-weight:600;   
	   line-height:1.2em;
	   padding:2px 2px 2px 55px;   
	   margin: 1em;
	}
	#content div.hinweis_wichtig h3, #content div.hinweis_wichtig h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.hinweis_wichtig p {
		font-weight: normal;
		font-size: 1em;	
	}
	#content div.hinweis {
	   float:left;
		position:relative; /*fuer IE < 6 */
		z-index:11;
	   font-size:.8em;
	   line-height:1.2em;
	   padding:2px 2px 2px 55px;   
	   margin: 1em;
	}
	#content div.hinweis h3, #content div.hinweis h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.hinweis p {
		font-weight: normal;
		font-size: 1em;	
	}
	#content div.hinweisrechts {
	   float:right;
		position:relative; /*fuer IE < 6 */
		z-index:11;
	   font-size:.8em;
	   line-height:1.2em;
	   padding:2px 2px 2px 55px;   
	   margin: 1em;
	}
	#content div.hinweisrechts h3, #content div.hinweisrechts h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.hinweisrechts p {
		font-weight: normal;
		font-size: 1em;	
	}
	#content div.baustelle {
	   float:left;
		position:relative; /*fuer IE < 6 */
		z-index:11;
	   width: 220px;
	   font-size:.8em;
	   font-weight:600;   
	   line-height:1.2em;
	   padding:2px 2px 2px 55px;   
	   margin: 1em;
	}
	#content div.baustelle h3, #content div.baustelle h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.baustelle p {
		font-weight: normal;
		font-size: 1em;	
	}
	
	#content .vollbox img{ 
	   float:left;
	   position:relative;
	}
	   
	#content div.hinweis_wichtig {
	   border: 2px solid red;	
	   background-image: url(http://www.vorlagen.uni-erlangen.de/img/important.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.hinweis {
	   border: 2px solid #CCCC99;	
	   background-image: url(http://www.vorlagen.uni-erlangen.de/img/ktip.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.hinweisrechts {
	   border: 2px solid #CCCC99;	
	   background-image: url(http://www.vorlagen.uni-erlangen.de/img/ktip.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.baustelle {
	   border: 2px solid black;	
	   background-image: url(http://www.vorlagen.uni-erlangen.de/img/package_settings.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
}

/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D4
 *
 * Strukturdefinitionen & Farbinformationen zur dreispaltigen Variante, blau-grau
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    09/2011
 */


@media screen, projection
{

	/*  ------------------------------------------------------
	SEITE
	--------------------------------------------------------*/
	div#seite { 
		border-width: 10px;
		border-style: solid;
		min-width: 900px;
		position: relative;
		border-color: #fff;
		background: #fff url(bg.jpg) repeat-x top left;
	} 
	
	/*  ------------------------------------------------------
	KOPF MIT LOGO
	--------------------------------------------------------*/
	div#kopf {
		position: relative;
		height: 200px;
		background: url(bg_kopf.jpg) no-repeat right top;
	}
	
	div#kopf div#logo  {}
	
	div#kopf div#logo img { 
		position: static;
		padding-top: 22px;
		padding-left: 10px;
		float: left;
	}
	
	div#kopf div#logo p {
		font-size: 1.1em;
		font-weight: bold;
		position: static;
		padding-top: 22px;
		padding-left: 20px;
		width: 20em;
		line-height: 140%;
		color: #48546A;
		float: left;
	}
	
	#kopf #logo p .description {
		display: block;
		font-size: 0.9em;
	}
	
	div#kopf div#logo p a {
		text-decoration: none;
		color: #48546A;
	}
	
	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 MIT TITEL
	--------------------------------------------------------*/
	div#kopf div#titel {
		position: absolute;
		top: 260px; 
		left: 270px;
	}
	
	div#kopf div#titel h1 {
		font-family: "Tahoma", "Verdana", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		letter-spacing: 0.2em;
		color: #B00E0E;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT BREADCRUMB
	--------------------------------------------------------*/
	div#kopf div#breadcrumb {
		position: absolute;
		top: 226px; 
		left: 270px;
	}
	
	div#kopf div#breadcrumb h2 {
		display: inline;
		font-size:0.76em;
		font-weight: normal;
		font-family: "Verdana", "Arial", sans-serif;
		letter-spacing: 0;
	}
	
	div#kopf div#breadcrumb img {}
	div#kopf div#breadcrumb p {
		display: inline;
		font-size:0.76em;
	}
	
	div#kopf div#breadcrumb p strong {color: #003366;}
	
	div#kopf div#breadcrumb a, 
	div#kopf div#breadcrumb a:link {
		text-decoration: none;
		color: #003366;
	}
	
	div#kopf div#breadcrumb a:visited {color: #003366;}
	
	div#kopf div#breadcrumb a:hover, 
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		text-decoration: underline;
	}
	
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		font-weight: bold;
	}
	
	div#kopf div#breadcrumb p span.acckey {color: #666;}
	
	/*  ------------------------------------------------------
	KOPF MIT HAUPTMENUE
	--------------------------------------------------------*/
	div#kopf div#hauptmenu {
		position: absolute;
		bottom: 20px;
		left: 20px;
		white-space: nowrap;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding: 0 0 12px 0;
		border-bottom-color: #ABB5BB;	
	}
	
	div#kopf div#hauptmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}
	
	div#kopf div#hauptmenu ul {
		padding: 0 100px 0 12px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		float: left;
		border-bottom-color: #48546A;
	}
	
	div#kopf div#hauptmenu ul li {
		display: inline;
	} 
	
	div#kopf div#hauptmenu ul li a:link,
	div#kopf div#hauptmenu ul li a:visited, 
	div#kopf div#hauptmenu ul li span {
		text-decoration: none;
		font-size: 0.76em;
		font-weight: bold;
		border-right-style: solid;
		border-right-width: 1px;
		border-left-style: solid;
		border-left-width: 1px;
		border-top-style: solid;
		border-top-width: 1px;
		padding: 6px 12px;
		float: left;
		margin: 0 12px 0 0;
		color: #48546A;
		border-color: #83929B;
		background: #C9D3DC url(bg_hm.gif) repeat-x top left;
	}
	
	div#kopf div#hauptmenu ul li a:visited {}
	
	div#kopf div#hauptmenu ul li a:hover,
	div#kopf div#hauptmenu ul li a:active, 
	div#kopf div#hauptmenu ul li a:focus, 
	div#kopf div#hauptmenu ul li span {
		border-right-style: solid;
		border-right-width: 1px;
		border-left-style: solid;
		border-left-width: 1px;
		border-top-style: solid;
		border-top-width: 1px;
		border-color: #48546A;
		background: #4B5167;
		color: #E8F2F3;
	}
	
	/*  ------------------------------------------------------
	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;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT SUCHE
	--------------------------------------------------------*/
	div#kopf div#suche {
		width: 230px;
		position: absolute;
		left: 12px;
		top: 230px;
		display: block;
	}
	
	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.76em;
		padding: 1px 2px;
		position: absolute;
		top:0;
		right:0;
		width: 66px;
		border-left-style: solid;
		border-top-width: 1px;
		border-right-style: solid;
		border-bottom-width: 1px;
	}
	
	div#kopf div#suche input:active,
	div#kopf div#suche input:focus {
		font-weight: bold;
	}
	
	/*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: 150px;
	}
	
	div#kopf div#suche input#suchbegriff:active, 
	div#kopf div#suche input#suchbegriff:focus {
		font-weight: normal;
	}
	
	/*  ------------------------------------------------------
	NACHKOPF
	--------------------------------------------------------*/
	hr#nachkopf {
		display: none;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	div#main {
		border-style: solid; /*zur Stabilisierung*/
		border-width: 1px;
		background: url(bg_main.gif) repeat-x left top;
		border-color: #fff;
	}
	
	/*  ------------------------------------------------------
	MAIN - BEREICHSMENUE
	--------------------------------------------------------*/
	div#menu {
		float: none;
		position: absolute;
		width: 260px;
		margin: 60px 0 0 0;
	}
	
	div#menu div#bereichsmenu  {
		float: left;
		width: 230px;
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		margin: 0 0 30px 10px;
		border-color: #d1d1d1;
	}	
	
	div#menu div#bereichsmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}	
	
	/* Fuer eine erste Ebene */	
	ul#navigation {
		list-style-type: none;
	}
	
	ul#navigation li {
		float: left;
		clear: left;
		width: 100%;
		border-top-style: solid;
		border-top-width: 1px;
		border-color: #d1d1d1;
	}
	
	ul#navigation li dfn {
		font-style: normal;
	}
	
	ul#navigation li a,
	ul#navigation li a:link  {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		border-left-style: solid;
		border-left-width: 4px;
		border-top-style: solid;
		border-top-width: 1px;
		color: #000;
		border-left-color: #B51D1D;
		border-top-color: #fff;
		background: #F0F0F0 url(bullet.gif) no-repeat 98% 50%;
	}
	
	ul#navigation li.last a, 
	ul#navigation li.last span.aktiv {}
	
	ul#navigation li a:hover, 
	ul#navigation li a:focus, 
	ul#navigation li a:active {
		background: #F0F0F0 url(bullet_h.gif) no-repeat 98% 50%;
		color: #B00E0E;
	}
	
	ul#navigation li a:focus, 
	ul#navigation li a:active {
		font-weight: bold;
	}
	
	ul#navigation li span.aktiv {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		font-weight: bold;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #B51D1D;
		background: #fff url(bullet_down.gif) no-repeat 98% 50%;
	}
	
	/* Fuer eine zweite Ebene */
	ul#navigation ul#hauptnavigation li a {
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #0E4584;
		background: #F0F0F0;
	}
	ul#navigation ul#hauptnavigation li a:hover, 
	ul#navigation ul#hauptnavigation li a:focus, 
	ul#navigation ul#hauptnavigation li a:active {color: #0E4584;}
	
	ul#navigation ul#hauptnavigation li span.aktiv {
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #0E4584;
		background: #fff url(bullet_down.gif) no-repeat 98% 50%;
	}
	
	/* Fuer eine dritte Ebene */
	ul#navigation ul#hauptnavigation ul li a, 
	ul#navigation ul#hauptnavigation ul li span {
		border-left-color: #A9B9C6;
		background: #fff;
	}
	
	ul#navigation ul#hauptnavigation ul li a:hover, 
	ul#navigation ul#hauptnavigation ul li a:active, 
	ul#navigation ul#hauptnavigation ul li a:focus {color: #666;}	
	
	ul#navigation ul#hauptnavigation ul li a, 
	ul#navigation ul#hauptnavigation ul li span.aktiv {
		padding: 4px 10px 4px 26px;
		font-size: 0.76em;
		border-left-width: 4px;
		border-left-style: solid;
	}
	
	ul#navigation ul#hauptnavigation ul li span.aktiv {
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #A9B9C6;
	}
	
	
	/* Fuer eine vierte Ebene */
	ul#navigation ul#hauptnavigation ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li span {
		padding: 4px 10px 4px 40px;
	}
	ul#navigation ul#hauptnavigation ul li ul li span.aktiv {
		padding: 4px 10px 4px 40px;
	}
	
	/* Fuer eine 5. 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;
	}
	ul#navigation ul#hauptnavigation ul li ul li ul li span.aktiv {
		padding: 4px 10px 4px 50px;
	}
	
	ul#navigation li .infotext {
		display: none;
	}
	ul#navigation li .infolink:hover .infotext {
		display: inline;
		position: absolute;
		left: 242px;
		padding: 0.5em;
		width: 200px;
		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 {
	  margin: 20px 50px 10px 10px;
	  }
	*/  
	div#main div#menu div#kurzinfo {
		float: left;
		position: relative;
		text-align: center;
		top: 20px;
		left: 10px;
		width: 230px;
		display: block;
	}
	div#main div#menu div#kurzinfo h2 {
		font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
		font-weight: bold;
		margin: 0 0 8px 0;
	}
	
	div#main div#menu div#kurzinfo p {
		margin: 10px 0 16px 0;
		line-height: 180%;
		font-size: 0.76em;
		color: #666;
	}
	div#main div#menu div#kurzinfo .partner h3 {
		background-color:#EEEEEE;
		border-bottom:1px solid #BBBBBB;
		border-left:5px solid green;
		color:black;
		display:block;
		font-size:0.7em;
		font-weight:normal;
		padding:0.1em 0.1em 0.1em 10px;
		text-align:left;
	}
	
	div#main div#menu div#kurzinfo .partner div p {
		border-left:5px solid #AADDAA;
		margin:0pt;
		padding:10px 10px 10px 5px;
	}
	/*  ------------------------------------------------------
	MAIN - MENU - CONTENT
	--------------------------------------------------------*/
	div#content {  
		position: relative;
		margin: 120px 10px 0 270px;
                min-height: 45em;

	} 
	
	/*  ------------------------------------------------------
	MAIN - MENU - INHALTSINFO
	--------------------------------------------------------*/
	div#main div#inhaltsinfo {}
	
	/*  ------------------------------------------------------
	VORFOOTER
	--------------------------------------------------------*/
	hr#vorfooter {
		display: none;
	}
	
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/
	div#footer { 	
		clear: both;
		padding: 74px 10px 10px 20px;
		background: url(bg_footer.gif) repeat-x top left;
	}
	
	div#footer h2, 
	div#footer h3 {
		font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
		font-weight: bold;
		margin: 0 0 8px 0;
	}
	
	div#footer h2 {	color: #333;}
	
	div#footer h3 {
		font-weight: normal;
		color: #666;
	}
	
	div#footer p { 	
		font-size: 0.7em;
		line-height: 160%;
		margin: 0 0 16px 0;
		color: #666;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS
	--------------------------------------------------------*/
	div#footer div#footerinfos {}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - TECMENUE
	--------------------------------------------------------*/
	div#footer div#footerinfos div#tecmenu {
		position: absolute;
		top: 8px;
		right: 20px;
		white-space: nowrap;
	} 
	
	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;
	} 
	
	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: underline;
		padding: 0 8px;
		color: #48546A;
	}
	
	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:hover {color: #B00E0E;}
	
	div#footer div#footerinfos div#tecmenu ul li a:focus, 
	div#footer div#footerinfos div#tecmenu ul li a:active {
		font-weight: bold;
	}
	
	div#footer div#footerinfos div#tecmenu ul li span {color: #B00E0E;}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - FLAGGEN
	--------------------------------------------------------*/	
	div#flaggen, 
	div.flaggen, 
	div#languagebar {
		position: absolute;
		top: 35px;
		right: 26px;
		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 {
		top: -30px;
		right: 0px;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo {
		width: 200px;
		position: absolute; 
		top: 290px; 
		right: 20px;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		background: #F0F0F0 url(white.gif) repeat-x 0 0;
		border-color: #d1d1d1;
	}
	
	div#footer div#footerinfos  div#zusatzinfo h2 {
	} 
	div#footer div#footerinfos  div#zusatzinfo h3,
	div#footer div#footerinfos  div#zusatzinfo h4,
	div#footer div#footerinfos  div#zusatzinfo h5 {	
		margin-top: 1em;
		font-weight: bold;
	}
	
	div#footer div#footerinfos div#zusatzinfo p {
		padding: 0;
		margin: 0 0 1em 0;
	}
	div#footer div#footerinfos div#zusatzinfo ul li {
		font-size: 0.8em;
		list-style-type: disc;
		margin-left: 1.5em;
	}
	div#footer div#footerinfos div#zusatzinfo ul li ul li {
		 list-style-type: circle;
	}
	div#footer div#footerinfos div#zusatzinfo p img {}
	
	div#footer div#footerinfos div#zusatzinfo p.skip {
		position: absolute;
		left:-3000px;
		top:-3000px;
		width: 1px;
	}
	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 {}
	
	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 {}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO - STYLESWITCHER
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
		color: #48546A;
		background: url(bullet.gif) no-repeat 0 50%;
	} 
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a:hover, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li focus, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li active  {  
		background: url(bullet_h.gif) no-repeat 0 50%;
		color: #B00E0E;
	} 
	
}


/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D4
 *
 * Allgemeine Grundvorgaben fuer Elemente & Farbinformationen (blau-grau)
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    05/2011
 */


@media screen, projection
{

	/*  ------------------------------------------------------
	BASICS
	--------------------------------------------------------*/
	body {
		font-family: "Verdana", Arial, sans-serif;
	} 
	
	
	/*  ------------------------------------------------------
	lang / q
	--------------------------------------------------------*/
	:lang(de) > q	{ quotes: '"' '"' }
	:lang(en) > q	{ quotes: '"' '"' }
	
	   /* Folgendes sollte Default für q sein: */
	q:before		{ content: open-quote }
	q:after		{ content: close-quote }www
	
	/*  ------------------------------------------------------
	Allgemeine Klassen
	--------------------------------------------------------*/
	div#content .bildlinks {
		float:left; 
		margin: 0px 20px 0px 0px;
	}
	
	div#content .bildrechts {
		float: right;
		font-size: 0.7em !important;
		margin: 0;
		padding: 1px 6px 0 6px;
	}
	
	.unsichtbar, .u, .u2, .com, .skip {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	} 
	
	.clear {
		clear: both; 
	}
	
	.links, .left {
		text-align: left;
	}
	.rights, rechts {
		text-align: right;
	}
	.center {
		text-align: center;
	}
	.oben, .top {
		vertical-align: top;
	}
	.unten, .bottom {
		vertical-align: bottom;
	}
	.mitte, .middle {
		vertical-align: middle;
	}
	/*  ------------------------------------------------------
	LINKICONS
	--------------------------------------------------------*/
	a img {
		margin: 0 2px 0 0;
	}
	
	/*  ------------------------------------------------------
	ACRONYM
	--------------------------------------------------------*/
	acronym {
		cursor: help; 
	}
	
	/*  ------------------------------------------------------
	CODE
	--------------------------------------------------------*/
	code {
		font-family: "Courier New", Courier, monospace;
		font-size: 1em;
		line-height: 150%;
	}
	code.codeblock {
		font-family: "Courier New", Courier, monospace;
		display: block;
		width: 80%;
		padding: 10px;
		margin: 5px 0 5px 10px;
	}
	
	li code, p code, td code, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
		font-size: 1.2em;
	}
	
	/*  ------------------------------------------------------
	PRE
	--------------------------------------------------------*/
	pre {
		font-size: 0.8em;
		width: 40em;
		max-height: 10em;
		overflow: auto;
		padding: 20px;
		margin: 0 0 16px 0;
	}
	
	li pre, p pre, td pre, h1 pre, h2 pre, h3 pre, h4 pre, h5 pre, h6 pre {
		font-size: 1.2em;
	}
	
	pre {
		font-family: "Courier New", Courier, monospace;
		display: block;
		padding: 10px 0;
	}
	
	/*  ------------------------------------------------------
	LINKS
	--------------------------------------------------------*/
	div#content a, 
	div#content a:link {
		text-decoration: underline;
		color: #48546A;
	}
	
	div#content a:visited {color: #666;}
	
	div#content a:hover, 
	div#content a:focus, 
	div#content a:active {color: #B00E0E;}
	
	div#content a:focus, 
	div#content a:active {
		font-weight: bold;
		color: #B00E0E;
	}
	
	div#content a.externlink, 
	div#content a.externlink:link {
		text-decoration: underline;
		padding: 0 0 0 12px;
		color: #48546A;
		background: url(extern.gif) no-repeat 0 50%;
	}
	
	* html div#content a.externlink, 
	* html div#content a.externlink:link {
		height: 1%;
	}
	
	div#content a.externlink img {
		display: none;
	}
	
	div#content a.externlink:hover, 
	div#content a.externlink:focus, 
	div#content a.externlink:active {
		text-decoration: underline;
		padding: 0 0 0 12px;		
		color: #B00E0E;
		background: url(extern_h.gif) no-repeat 0 50%;
	}
	
	/*  ------------------------------------------------------
	ADDRESS
	--------------------------------------------------------*/
	address {font-style: normal;} 
	
	/*  ------------------------------------------------------
	TEXTABSATZ
	--------------------------------------------------------*/
	div#content p {  
		font-size: 0.76em;
		line-height: 180%;
		margin: 0 0 16px 0;
	} 
	
	div#content li p {font-size: 1em;}
	
	/*  ------------------------------------------------------
	Bilder im Inhaltsbereich
	--------------------------------------------------------*/
	#content p img {
	   display: inline;
	   float: left; 
	   margin: 20px; 
	}
	#content p a img {
	  margin: 0; 
		float: none;
	}
	/*  ------------------------------------------------------
	HEADLINES
	--------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6 {  
		font-family: "Tahoma", "Verdana", Arial, Helvetica, sans-serif;
		letter-spacing: 0.1em;
	}
	
	li h1, li h2, li h3, li h4, li h5, li h6 {font-size: 1em !important;}
	
	/*  ------------------------------------------------------
	h2
	--------------------------------------------------------*/
	div#content h2 {  
		font-size: 0.9em;
		margin: 0 0 8px 0;
		font-weight: bold;
		line-height: 160%;
		color: #48546A;
	} 
	
	div#content h2 a, 
	div#content h2 a:link {
		padding: 0 0 0 8px;
		text-decoration: underline;		
		background: url(bullet.gif) no-repeat 0 50%;
		color: #48546A;
	}
	
	div#content h2 a:hover, 
	div#content h2 a:focus, 
	div#content h2 a:active {
		color: #B00E0E;
		background: url(bullet_h.gif) no-repeat 0 50%;
	}
	
	/*  ------------------------------------------------------
	h3 + h4 + h5 + h6
	--------------------------------------------------------*/
	div#content h3, 
	div#content h4, 
	div#content h5, 
	div#content h6 {
		font-size: 0.76em;
		margin: 0 0 12px 0;
		color: #333;
	}
	
	div#content h3 a, 
	div#content h4 a, 
	div#content h5 a, 
	div#content h6 a {
		padding: 0 0 0 8px;
		text-decoration: underline;
		background: url(bullet.gif) no-repeat 0 50%;
		color: #333;
	}

	div#content h3 a:hover, 
	div#content h3 a:focus, 
	div#content h3 a:active, 
	div#content h4 a:hover, 
	div#content h4 a:focus, 
	div#content h4 a:active, 
	div#content h5 a:hover, 
	div#content h5 a:focus, 
	div#content h5 a:active,
	div#content h6 a:hover, 
	div#content h6 a:focus, 
	div#content h6 a:active {
		background: url(bullet_h.gif) no-repeat 0 50%;
		color: #666;
	}
	
	/*  ------------------------------------------------------
	UNGEORDNETE LISTE
	--------------------------------------------------------*/
	ul {list-style-type: none;
		margin-left: 0;} 
			
	
	ul li {		
		line-height: 0.9em;/*180%*/
		margin-left: 0;
	}
	
	div#content ul {  
		margin: 0 0 16px 30px;
		font-size: 0.76em;
		line-height: 180%;
		list-style-type: disc;
	}  
	
	div#content ul li {  
		line-height: 180% !important;
	} 
	
	div#content ul ul {  
		margin: 0 0 16px 30px;
		font-size: 1em;
	} 
	div#content ul ol { 
		font-size: 1em;
	}

	/*  ------------------------------------------------------
	GEORDNETE LISTE
	--------------------------------------------------------*/
	div#content ol {
		margin: 0 0 16px 30px;
		font-size: 0.76em;
		line-height: 180%;
	}
	
	div#content ol ol {
		margin: 0 0 16px 30px;
		font-size: 1em;
	}
	div#content ol ul { 
		font-size: 1em;
	}
	
	ol li {		
		line-height: 180%;
		margin-left: 0;
	}
	/*  ------------------------------------------------------
	DEFINITIONSLISTEN
	--------------------------------------------------------*/
	div#content dl {
		font-size: 0.76em;
		margin: 0 0 12px 0;
		color: #333;
	}
	
	div#content dd {
		margin: 0 0 8px 0;
	}
	
	div#content dt {
		font-weight: bold;
	}
	
	/*  ------------------------------------------------------
	TABELLEN
	--------------------------------------------------------*/
	#content table {
		margin: 0 0 20px 0;
		border-collapse: collapse;
		border-style: solid;
		border-width: 1px;
		background: #F0F0F0 url(white.gif) repeat-x 0 0;
		border-color: #d1d1d1;
	}
	#content table caption {
		padding: 0 0 5px;
		font-size: 0.76em;
		font-style: italic;
		text-align: left;
		color: #48546A;
	}
	
	#content th {
		font-size: 0.76em;
		padding: 6px;
		text-align: left;
		color: #333;
	}
	#content th.reihe {
	   text-align: left; 
	   
	}
	#content th h2 {
	   margin: 1.5em 1em 1em 1em; 
	}
	#content th h3 {
	   margin: 1em 0.5em 0.5em 0.5em; 
	}
	#content tfoot td {
		font-style: italic;
	}
	#content td {
		font-size: 0.76em;
		text-align: left;
		padding: 6px;
		color: #666;
	}
	#content table td p, 
	#content table th p {
		font-size: 1em;
	}
	#content table td ul li,
	#content table td ol li  {
		font-size: 1.3em;
	}
	#content table td ul li li ,
	#content table td ol li li  {
		font-size: 1em;
	}
	
	#content td.rechts,
	#content td.right {
		text-align: right;
	}
	#content table td h2 {
		font-size: 1.4em;
	}
	#content table td h3 {
		font-size: 1.3em;
	}
	#content table td h4 {
		font-size: 1.2em;
	}
	#content table td h5 {
		font-size: 1.1em;
	}
	#content table td h6 {
		font-size: 1em;
	}	
	tr.eins {
		background-color: transparent;
	}
	tr.zwei {
		background-color: #fff;
	}
	tr.ungerade td { background-color:transparent; }
        tr.gerade td { background-color:#fff; }

        table.wechselfarbe tr td,table.wechselfarbe tr th {
               background-color:transparent;
        }
        table.wechselfarbe tr:nth-child(odd) td,table.wechselfarbe tr:nth-child(odd) th {
                background-color:#fff;
        }

	/*  ------------------------------------------------------
	Definitionen fuer allgemeine Formulare
	--------------------------------------------------------*/
	input[type=submit],  
	input[type=text],
	textarea, select {
		padding: 3px 4px;
		font-family: "Verdana", "Arial",  sans-serif;
		border-style: solid;
		border-width: 1px;
		font-size: 1em;
		border-color: #9E9D9D;
		background: #fff;
		color: #333;
	}
	
	textarea {
		width: 99%;
		font-size: 1em;
	}
	
	input:active, input:focus, 
	textarea:active, textarea:focus, 
	select:active, select:focus {}
	
	form input#submit1, 
	form input#submit2 {padding: 2px;}
	
	/*Hack Opera + Safari*/
	html:first-child>b\ody form input#submit1{padding: 3px 4px;}
	
	/*Hack Opera + Safari*/
	html:first-child>b\ody form input#submit2{padding: 3px 4px;}
	
	/*  ------------------------------------------------------
	FIELDSET
	--------------------------------------------------------*/
	fieldset {
		width: 99%;
		display: block;
		margin: 4px 0 20px 0;
		border-style: solid;
		border-width: 1px;
		background: #F0F0F0;
		border-color: #9E9D9D;
	}
	
	fieldset div.abstand {
		padding: 10px 20px 10px 20px;
	}
	fieldset legend {
		margin: 0 0 0 24px;
		font-weight: bold;
		font-size: 0.76em;
		color: #333;
	}
	
	fieldset p, 
	fieldset label, 
	div.eingabe {
		font-size:0.76em;
		padding: 0 !important; 
		margin: 0 0 8px 0 !important; 
	}
	
	fieldset p label {
		padding: 0 !important; 
		margin: 0 !important; 
		font-size:1em;
	}
	#formular .datenzeile, 
	form .zeile {
		display: block;
		padding: 5px 0;
		clear: both;
	}
	#formular .datenart,
	form .datenart,
	form .titel, 
	form .frage {
		display: block;
		float: left;
		width: 10em;
		padding: 2px 5px 2px 0;
		margin: 0;	
	}
	#formular .dateneingabe,
	form .eingabe  {
		display: block;
		float: left;	
		width: 55%;
		margin: 0;	
	}
	
	#formular .dateneingabe input,
	form .eingabe input {	
		font-weight: bold;
		padding: 2px 5px;
	}
	
	/*  ------------------------------------------------------
	NACH OBEN - LINK
	--------------------------------------------------------*/
	div#content p.noprint {text-align: right;}
	div#content p.noprint a,
	div#content p.noprint a:link, 
	div#content p.noprint a:visited {}
	
	/*  ------------------------------------------------------
	INDEXLISTE-NACHOBEN
	--------------------------------------------------------*/
	div.indexliste-nachoben {
		text-align: right;
		padding: 3px 0;
		margin: 12px 12px 0 0;
		border-top-style: solid;
		border-top-width: 1px;
		border-color: #d1d1d1;
	}
	
	div.indexliste-nachoben a,
	div.indexliste-nachoben a:link, 
	div.indexliste-nachoben a:visited {}
	
	/*  ------------------------------------------------------
	INHALTSUEBERSICHT
	--------------------------------------------------------*/
	div#inhaltsuebersicht {}
	
	div#inhaltsuebersicht ul {
		list-style-type: none;
		line-height: 200%;
	}
	
	div#inhaltsuebersicht ul li a {}
	div#inhaltsuebersicht ul li a dfn {font-style: normal;}
	div#inhaltsuebersicht ul h2 a {} 
	div#inhaltsuebersicht ul h3 a {} 
	div#inhaltsuebersicht ul h4, div#inhaltsuebersicht ul h5 {} 
	div#inhaltsuebersicht ul ul {}
	div#inhaltsuebersicht ul ul ul {}
	
	/*  ------------------------------------------------------
	GLOSSAR
	--------------------------------------------------------*/
	div#glossar div.AlphaNavigation {}
	
	div#glossar div.AlphaNavigation ul {
		list-style-type: none;
		margin: 0 0 20px 0;
		padding:0;
	}
	
	div#glossar div.AlphaNavigation ul li {
		display: inline;
		padding: 0 10px 0 0;
		font-weight: bold;
	}
	
	/*  ------------------------------------------------------
	ALPHABET - LISTE
	--------------------------------------------------------*/
	div#inhaltsuebersicht  div.alphabet-liste {}
	div.alphabet-index div.indexliste-nachoben  {font-size: 0.76em;}
	
	div#inhaltsuebersicht  div.alphabet-liste ul {
		list-style-type: none;
		margin: 0 0 20px 0;
		padding:0;
	}
	
	div#inhaltsuebersicht  div.alphabet-liste ul li {
		font-weight: bold;
		display: inline;
		padding: 0 10px 0 0;
	}
	
	/*  ------------------------------------------------------
	ALPHABET - INDEX
	--------------------------------------------------------*/
	div#inhaltsuebersicht  div.alphabet-index {}
	div#inhaltsuebersicht  div.alphabet-index ul {}
	
	/*  ------------------------------------------------------
	Besondere Hinweisboxen
	--------------------------------------------------------*/
	.klein_box_rechts, 
	.box_rechts, 
	.box_links, 
	.klein_box_links {
		border: #999 1px solid;
		background: #F4F3EB;
	}
	/*  ------------------------------------------------------
	KLEINE BOX RECHTS
	--------------------------------------------------------*/
	div.klein_box_rechts {
		float: right;
		margin: 20px;
		width: 200px; /*inline-styles per php !!*/
	}
	
	div.klein_box_rechts h4 {
		padding: 4px 6px;
		margin: 0;
	}
	
	div.klein_box_rechts p {
		font-size: 0.74em;
		margin: 0;
		padding: 1px 6px 3px 6px;
	}
	
	div.box_rechts {
		float: right;
		margin: 20px;
		width: 200px; /*inline-styles per php !!*/
	}
	
	div.box_rechts h4 {
		padding: 4px 6px;
		margin: 0;
	}
	
	div.box_rechts p {
		font-size: 0.74em;
		margin: 0;
		padding: 1px 6px 3px 6px;
	}
	/*  ------------------------------------------------------
	KLEINE BOX LINKS
	--------------------------------------------------------*/
	div.klein_box_links {
		float: left;
		margin: 20px;
		width: 200px; 
	}
	
	div.klein_box_links h4 {
		padding: 4px 6px;
		margin: 0;
	}
	
	div.klein_box_links p {
		font-size: 0.74em;
		margin: 0;
		padding: 1px 6px 3px 6px;
	}
	
	div.box_links {
		float: left;
		margin: 20px;
		width: 200px; 
	}
	
	div.box_links h4 {
		padding: 4px 6px;
		margin: 0;
	}
	
	div.box_links p {
		font-size: 0.74em;
		margin: 0;
		padding: 1px 6px 3px 6px;
	}
	
	/*  ------------------------------------------------------
	VOLLBOX
	--------------------------------------------------------*/
	div.vollbox {
		margin: 10px 0 20px 0;
		width: 300px; /*inline-styles*/		
		border: #999 1px solid;
		background: #F4F3EB;
	}
	
	div.vollbox h4 {
		padding: 4px 6px 0 6px;
		margin: 0;
	}
	
	div.vollbox p {
		font-size: 0.7em !important;
		margin: 0;
		padding: 1px 6px 0 6px;
	}
	
	/*  ------------------------------------------------------
	BOX (THUMBNAILS)
	--------------------------------------------------------*/
	div.box img {
		float: left;
		margin: 0 10px 20px 0;
	}
	
	/*  ------------------------------------------------------
	Besondere Hinweisboxen
	--------------------------------------------------------*/
	#content div.hinweis_wichtig {
	   float:left;
	   position:relative; /*fuer IE < 6 */
	   width: 220px;
	   font-size:.8em;
	   font-weight:600;   
	   line-height:1.2em;
	   padding: 2px 2px 2px 55px;   
	   margin: 1em;
	}
	#content div.hinweis_wichtig {
	   border: 1px solid red;	
	   background-image: url(important.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.hinweis_wichtig h3, 
	#content div.hinweis_wichtig h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.hinweis_wichtig p {
		font-weight: normal;
		font-size: 1em;	
	}
	#content div.hinweis {
	   float:left;
	   font-size:.9em;
	   line-height:1em;
	   padding:2px 2px 2px 55px;   
	   margin: 1em;
	   width: 300px;
	}
	#content div.hinweis h3, 
	#content div.hinweis h4 {
		font-weight: bold;
		font-size: 1.1em;
	}
	#content div.hinweis {
	   border: 1px solid #ccc;
	   background-image: url(ktip.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.hinweis p {
		font-weight: normal;
		font-size: 0.8em;
	}
	#content div.hinweisrechts {
	   float: right;
	   font-size: 0.9em;
	   padding:2px 2px 2px 55px;
	   margin: 1em;
	   width: 40%;
	}
	#content div.hinweisrechts {
	   border: 1px solid #ccc;
	   background-image: url(ktip.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	#content div.hinweisrechts h3, 
	#content div.hinweisrechts h4 {
		font-weight: bold;
		font-size: 1.1em;	
	}
	#content div.hinweisrechts p {
		font-weight: normal;
		font-size: 0.8em;
	}
	#content div.baustelle {
	   float:left;
		position:relative; /*fuer IE < 6 */
	   width: 220px;
	   font-size:.8em;
	   font-weight:600;   
	   padding:2px 2px 2px 55px;
	   margin: 1em;   
	}
	#content div.baustelle {
	   border: 1px solid black;	
	   background-image: url(package_settings.png);
	   background-repeat: no-repeat;
	   background-position: left center; 	
	}
	
	#content div.baustelle h3, 
	#content div.baustelle h4 {
		font-weight: bold;
		font-size: 1.2em;	
	}
	#content div.baustelle p {
		font-weight: normal;
		font-size: 1em;	
	}

	div#content img{
		width: auto !important;
		max-width: 100% !important;
	}


}


/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D4
 *
 * @mod_name        maxwidth
 * @mod_desc        Begrenzung der Design-Breite
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    08/2011
 */

@media screen, projection
{

	div#seite {  
		max-width: 1200px; /* Maximale Breite in Pixeln */	
		/*---------*/
		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! */
	} 
	
	body {
		background-color: #ebeae1; /* kann nach Belieben geändert werden */
	}
}

/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D4
 *
 * @mod_name        mediaqueries
 * @mod_desc        Zusatzdesign für kleinere Bildschirmgrößen
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    10/2011
 */

@media screen and (max-width: 480px) {
    /* Definitionen nur für maximale Fenster- bzw. Bildschirmbreite von 480px - Standard für Smartphones */
  
	/*  ------------------------------------------------------
	GENERAL
	--------------------------------------------------------*/
	
	body {
		max-width: 480px;	
		overflow: auto;	
    	-webkit-text-size-adjust: none; /* Wichtig für iPhone im Landscape Mode */
	}
	
	div#seite {  
		border-width: 0 !important;
		min-width: 0;
	}
	
	img{
        max-width:100%;
        height:auto;
    }
	
	div {
		width: auto;
	}
	
	/*  ------------------------------------------------------
	HEADER
	--------------------------------------------------------*/
	
	div#kopf {
		padding-bottom: 0 !important;
		min-width: 0;
		height: auto;
		position: relative;
	}
	
	div#kopf div#logo {		
		float: none;
		height: auto;
		padding-bottom: 35px;
		clear: both;
		min-height: 130px !important;
	}
	
	div#kopf div#logo img {
		float: none;
		max-width: 90%;
	}
		
	div#kopf div#logo p {
		width: auto;
		margin-right: 5px;
		padding-left: 15px;
		padding-top: 15px;
		position: static;
		float: none;
	}
	
	div#kopf div#titel {
		position: static;
		background-color: #FFFFFF;
    	padding: 3px 0;
	}
	
	div#kopf div#titel h1 {
		color: #333;
		font-size: 1em;
		font-weight: bold;
		line-height: 100%;
		margin: 10px 5px 5px 15px;
	}
	
	body#start div#kopf div#titel h1 {
		margin-top: 10px !important;
	}
	
	div#kopf div#breadcrumb {
		display: block;
		position: static;
		padding-left: 10px;   
		background-color: #FFFFFF;
	}
	
	div#kopf div#breadcrumb h2 {
		display: none;
	}
	
	div#kopf div#breadcrumb a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
	div#kopf div#suche input#suchbegriff {
		width: 140px;
	}
	
	
	div#sprungmarken {
		display: block;
		position: static !important;	
	}
	
	div#sprungmarken li.first a:link, div#sprungmarken li.first a:visited  {
		display: block !important;
		position: relative !important;
		width: auto !important;
		height: auto !important;
		font-size: 0.9em !important;
		left: 0;
		top: 10px !important;
		z-index: 5;
		padding: 10px 0px 10px 30px;
		text-decoration: none;
		background: url(breadcrumbarrow.gif) no-repeat 10px 13px #FFF;
		font-weight: bold;
		border-top: 1px solid #DDD;
		color: #333;
	}
	
	div#sprungmarken li.first a:hover  {
		text-decoration: underline !important;
		color: #003366 !important;
		width: auto !important;
		height: auto !important;
		padding: 10px 0px 10px 30px !important;		
		background: url(breadcrumbarrow.gif) no-repeat 10px 13px #DDD !important;	
		text-align: left !important;
		border: 0 !important;		
		border-top: 1px solid #DDD !important;
	}
		
	div#kopf div#hauptmenu {
		position: static;   
		border-bottom: 0;
        padding: 0;
	}
		
	div#kopf div#hauptmenu ul {
		padding: 0;
		padding-top: 10px;
		min-width: 0;
		width: auto;
		margin-top: 0;
		float: none;
	}
	
	div#kopf div#hauptmenu ul li a:link, div#kopf div#hauptmenu ul li a:visited, div#kopf div#hauptmenu ul li span {
		margin: 0;
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		padding: 8px 0;
		margin-right: 0;
		margin-left: 0;
		background-color: #E4E4E4;
		display: block;
		float: none;
		border-bottom: #D4D4D4 1px solid;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	
	div#kopf div#hauptmenu ul li a:hover {
		background-color: #646464;
		color: #FFF;
		text-decoration: none;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	
	div#main {
		border: 0 !important;
		min-height: 0;
		position: static;
		margin-top: 0;
	}
	
	div#menu {
    	width: 94% !important;
		margin-bottom: 0;
		display: block;
		clear: both;
		margin: 0;
		padding-top: 15px;
		position: static !important;
	}
	
	div#menu div#bereichsmenu {
    	width: 100% !important;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	div#menu ul {
		margin: 0;
	}
	
	div#menu div#kurzinfo {
		display: none;
	}
	
	div#menu, div#menu div#bereichsmenu, div#menu li {
		float: none;
	}
		
	ul#navigation li a, ul#navigation li a:link {
		background-color: #FFF;
	}
	
	div#content {
		position: static;
		margin: 0 !important;
		width: 94% !important;		
		overflow: auto;
		clear: both;
		padding: 0;
		padding-left: 10px;
	}
	
	div#content h2 {
	    width: 100%;
	}
	
	div#content a#contentmarke {
		display: block;
		margin-top: 10px;
	}
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/
	
	div#footer {
		padding: 0;
	}
	
	div#footer div#footerinfos div#tecmenu {
		margin-left: 0;
		position: static;
		text-align: left;
		width: auto;
		right: 0;
		font-size: 90%;
	}
	
	div#footer #footermarke {
		display: none;
	}
	
	div#footer div#footerinfos div#tecmenu a {
		color: #333 !important;
	}
	
	div#footer div#footerinfos div#tecmenu a:hover {
		color: #333 !important;
		font-weight: normal;
	}
	
	div#footer div#footerinfos div#tecmenu ul {
		margin-left: 10px !important;
	}
	
	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 {
		padding-left: 0;
	}
	
	div#footer p.last_modified {
		font-size: 65%;
		margin-left: 10px;
		padding-top: 25px;
		display: block;
		margin-bottom: 0;
	}
	
	/*  ------------------------------------------------------
	SUBTEMPLATES
	--------------------------------------------------------*/
	
	.subcolumns { display:block; width:100%; table-layout: auto; }
    .subcolumns_oldgecko { width: 100%; float:none; }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:none; width: 100%; }
    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:none; margin-left:0; width: 100%; }
	
	.subc  { padding:0; }
    .subcl { padding:0; }
    .subcr { padding:0; }
	
	/*  ------------------------------------------------------
	MISC
	--------------------------------------------------------*/
	
	div#zusatzinfo {
		position: static !important;
		width: auto !important;
		margin-top: 10px !important;
		border-style: solid !important;
		border-width: 1px !important;
		padding: 10px !important;
		background: #F0F0F0 url(white.gif) repeat-x 0 0 !important;
		border-color: #d1d1d1 !important;
		margin-bottom: 0 !important;
	}
	
	div#map {
		max-width: 460px;
		width: auto !important;
	}
	
	div.box_rechts, div.box_links, div.hinweis_wichtig, div.hinweisrechts, div.hinweis_rechts, div.hinweis, div.baustelle, div.klein_box_rechts, div.klein_box_links, div.klein_box, div.vollbox {
		float: none;
		margin: 20px;
		width: auto !important;
	}
	
	pre {
		width: auto;
	}
	
	div#inhaltsuebersicht ul {
		margin-left: 0;
	}
	
	div#inhaltsuebersicht ul ul {
		margin-left: 1em;
	}
	
	
	div#suche {
		right: 5px !important;
		left: auto !important;
		background-color: transparent !important;
		width: 14em !important;		
		top: auto !important;
		bottom: 118px !important;
	}
	
	.infotext, .infologo {
		display: none !important;
	}
	
	div.feedrahmen .feedeintrag {
		float: none !important;
		width: 100% !important;
		clear: both;
	}
	div.feedrahmen .feedeintrag p, div.feedrahmen .feedeintrag h3 {
		margin-left: 0 !important;
	}
	
		
	div#flaggen img, div.flaggen img, div#languagebar img {
		height: 15px !important;
	}
	
	div#footerinfos {
		position: relative;
	}
	
	div#footer div#footerinfos div#flaggen, div#footer div#footerinfos div.flaggen, div#footer div#footerinfos div#languagebar {
		top: 45px;
	}
	
	
	/*  ------------------------------------------------------
	AUSKLAPPBARES MENU - erfordert 'Accessibility_NoLinkCurrent' in navigation.pl auf 0
	--------------------------------------------------------*/
	
	/*
	div#bereichsmenu ul li:last-child {
		display: none;
	}
	
	div#bereichsmenu>ul>li:first-child:before {
		content: "Menü ausklappen";
		margin-top: 3px;
		margin-right: 18px;
		font-weight: bold;
		float: right;
		width: 200px;
		bacgkround-color: #FFF;
		
	}
	
	div#bereichsmenu ul ul {
		display: none;
	}
	
	div#bereichsmenu ul:hover ul, div#bereichsmenu:hover ul li:last-child {
		display: block;
	}
	div#bereichsmenu ul:hover li:before {
		content: "";
	}*/
	
}

/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet 
 *
 * @mod_name        Automatische Linkicons
 * @mod_desc         Automatische Linkicons die ueber CSS eingeschaltet werden
 *
 * @copyright       Copyright 2005-2011, RRZE
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/)
 * @link            http://www.vorlagen.uni-erlangen.de
 * @package         css
 * @version         3.0
 * @lastmodified    10/2011
 */
 
@media screen, projection
{
           /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  
  #content a[href^="http:"] {
    padding-left:12px;      
    background:url('extern.gif') center left no-repeat;
  } 
  #content a[href^="http://univis"] {
    padding-left:44px;      
    background:url('univis.gif') center left no-repeat;
  }

#content a[href ^="https://"] {
   color: #0066BB;
    background: url(lock.gif) center right no-repeat;
    padding-right: 16px;
}
#content a[href ^="mailto:"] {
   color: #0066BB;
    background: url(mail.gif) center right no-repeat;
    padding-right: 18px;
}
#content a[href $=".ogg"], a[href $=".OGG"],
#content a[href $=".mid"], a[href $=".MID"],
#content a[href $=".midi"], a[href $=".MIDI"],
#content a[href $=".mp3"], a[href $=".MP3"],
#content a[href $=".wav"], a[href $=".WAV"],
#content a[href $=".wma"], a[href $=".WMA"] {
    background: url("audio.png") center left no-repeat;
    padding-left: 19px;
}
#content a[href $=".ogm"], a[href $=".OGM"],
#content a[href $=".avi"], a[href $=".AVI"],
#content a[href $=".mpeg"], a[href $=".MPEG"],
#content a[href $=".mpg"], a[href $=".MPG"] {
    background: url("video.png") center left no-repeat;
    padding-left: 19px;
}
#content a[href $=".pdf"], a[href $=".PDF"],
#content a[href *=".pdf#"], a[href *=".PDF#"],
#content a[href *=".pdf?"], a[href *=".PDF?"] {
    background: url("pdf.gif") center left no-repeat;
    padding-left: 19px;
}
#content a[href $=".zip"], a[href $=".ZIP"],
#content a[href $=".rar"], a[href $=".RAR"],
#content a[href $=".exe"], a[href $=".EXE"],
#content a[href $=".msi"], a[href $=".MSI"],
#content a[href $=".dmg"], a[href $=".DMG"],
#content a[href $=".gz"], a[href $=".GZ"],
#content a[href *=".gzip"], a[href *=".GZIP"] {
    background: url("zip.gif") center left no-repeat;
    padding-left: 19px;
}

#content a.nolinkicon {
	background: none;
	padding-right: 0;
}

}