/**
 * "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; 	
	}
}