/**
 * 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(/fileadmin/templates/grafiken/d4/bg.jpg) repeat-x top left;
	} 
	
	/*  ------------------------------------------------------
	KOPF MIT LOGO
	--------------------------------------------------------*/
	div#kopf {
		position: relative;
		height: 200px;
		background: url(/fileadmin/templates/grafiken/d4/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;
		margin: 0px 260px 0px 0px;
	}
	
	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(/fileadmin/templates/grafiken/d4/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(/grafiken/d4/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(/fileadmin/templates/grafiken/d4/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(/fileadmin/templates/grafiken/d4/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(/fileadmin/templates/grafiken/d4/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;
		background: #F0F0F0 url(/fileadmin/templates/grafiken/d4/bullet.gif) no-repeat 98% 50%;
	}
	ul#navigation ul#hauptnavigation li a:hover, 
	ul#navigation ul#hauptnavigation li a:focus, 
	ul#navigation ul#hauptnavigation li a:active {
		background: #F0F0F0 url(/fileadmin/templates/grafiken/d4/bullet_h.gif) no-repeat 98% 50%;
		color: #0E4584;
	}
	
	ul#navigation ul#hauptnavigation li span.aktiv {
		border-left-width: 4px;
		border-left-style: solid;
		/* border-left-color: #0E4584; */
		background: #fff url(/fileadmin/templates/grafiken/d4/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;
                border-left-color: #0E4584;
    		background: #fff;
    		background: #F0F0F0 url(/fileadmin/templates/grafiken/d4/bullet.gif) no-repeat 98% 50%;
	}
	
	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;
    border-left-color: #0E4584;
	}
	
	
	/* 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;
    border-left-color: #A9B9C6
	}
	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: 80px 260px 0 270px;
		/* margin: 120px 260px 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(/fileadmin/templates/grafiken/d4/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; 
		/* change WFR 20121207, hoch wie menue, nicht 290 */
		top: 232px; 
		right: 20px;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		background: #F0F0F0 url(/fileadmin/templates/grafiken/d4/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(/fileadmin/templates/grafiken/d4/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(/fileadmin/templates/grafiken/d4/bullet_h.gif) no-repeat 0 50%;
		color: #B00E0E;
	} 
	
}