/**
 * Projekt Vorlagenkatalog 
 *
 * Basisstylesheet D3
 *
 * Strukturdefinitionen & Farbinformationen zur dreispaltigen Variante, ocean
 *
 * @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 { 
		background: #FDFDF6;
		min-width: 850px;
	} 

	#draft div#content {
		background: #f9f9f9 url(/img/baustelle.png);
	}

	/*  ------------------------------------------------------
	KOPF MIT LOGO
	--------------------------------------------------------*/
	div#kopf {
		position: relative;
		background: #F5F6F5 url(/grafiken/d3/bg_blau.gif) repeat-x 0 0;
	}
	
	div#kopf div#logo  {
		height: 146px;
		border-bottom: #E2E2E2 1px solid;
		background: url(/grafiken/d3/bg_header.jpg) no-repeat 50% 12px;
	}
	
	div#kopf div#logo img { 
		position: static;
		padding-top: 40px;
		padding-left: 14px;
		float: left;
	}
	
	div#kopf div#logo p {
		font: 1.2em "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-weight: bold;
		position: static;
		padding-top: 40px;
		padding-left: 14px;
		width: 20em;
		line-height: 140%;
		color: #333;
		float: left;
	}
	#kopf #logo p .description {
		  display: block;
		  font-size: 0.9em;
	}
	
	div#kopf div#logo p img {
		float: left;
		left: 0px;
		margin: 0px 10px 0px 0px;
		position: relative;
		top: 0px;
	}
	
	div#kopf div#logo p a {
		text-decoration: none;
		color: #333;
	}
	
	div#kopf div#logo p a:hover, 
	div#kopf div#logo p a:active,
	div#kopf div#logo p a:active {
		text-decoration: underline;
	}
	
	
	div#kopf div#logo p a:focus, 
	div#kopf div#logo p a:active {
		color: #23588A;
	}
	
	#kopf #logo a img {
	  background-color: inherit;
	}
	/*  ------------------------------------------------------
	KOPF MIT TITEL
	--------------------------------------------------------*/
	div#kopf div#titel {
		position: absolute;
		top: 230px; /*top: 14.6em;*/
		left: 16.6em;
	}
	
	div#kopf div#titel h1 {
		font-size: 1.6em;
		font-weight: bold;
		color: #23588A;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT BREADCRUMB
	--------------------------------------------------------*/
	div#kopf div#breadcrumb {
		position: absolute;
		top: 198px; /*top: 12.6em;*/
		left: 16.6em;
		white-space: nowrap;
	}
	
	div#kopf div#breadcrumb h2 {
		display: inline;
		font-size:0.76em;
		font-weight: normal;
		font-family: "Verdana", "Arial", sans-serif;
		color: #333;
	}
	
	div#kopf div#breadcrumb img {
	
	}
	div#kopf div#breadcrumb p {
		display: inline;
		font-size:0.76em;
	}
	
	div#kopf div#breadcrumb p strong {
		font-weight: normal;
	}
	
	div#kopf div#breadcrumb a, 
	div#kopf div#breadcrumb a:link {
		text-decoration: underline;
		color: #333;
	}
	
	div#kopf div#breadcrumb a:visited {
		color: #666;
	}
	
	div#kopf div#breadcrumb a:hover, 
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		text-decoration: none;
		border-bottom: #669999 1px solid;
		background: #C4DCDC;
	}
	
	div#kopf div#breadcrumb a:focus, 
	div#kopf div#breadcrumb a:active {
		background: #669999;
		color: #FDFDF6;
		border-bottom: #006666 1px solid;
	}
	
	div#kopf div#breadcrumb p span.acckey {
	}
	
	/*  ------------------------------------------------------
	KOPF MIT HAUPTMENUE
	--------------------------------------------------------*/
	div#kopf div#hauptmenu {
		height: 48px;
		white-space: nowrap;
		border-top: #fff 1px solid;
		background: #C7C6C3 url(/grafiken/d3/bg_breadcrumb.gif) repeat-x 50% 100%;
	}
	
	div#kopf div#hauptmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}
	
	div#kopf div#hauptmenu ul {
		padding: 2px 0 0 14px;
	}
	
	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;
		margin: 0 16px 0 0;
		color: #333;
	}
	
	div#kopf div#hauptmenu ul li a:visited {
	}
	
	div#kopf div#hauptmenu ul li a:hover {
		text-decoration: underline;
	}
	
	div#kopf div#hauptmenu ul li a:active, 
	div#kopf div#hauptmenu ul li a:focus {
		text-decoration: underline;
		color: #3E77A9;
	}
	
	div#kopf div#hauptmenu ul li span {
		color: #3E77A9;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT SPRUNGMARKEN
	--------------------------------------------------------*/
	div#kopf div#sprungmarken {
		margin: 0;
		padding: 0;
		display: block;
		position: absolute;    
		right: 12px;
		top: 160px;
	}
	
	div#kopf div#sprungmarken h2 {
		position: absolute;    
		left:-3000px;
		top:-3000px;
		width: 1px;
		height:1px;
	}
	
	div#kopf div#sprungmarken ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#kopf div#sprungmarken a:link, 
	div#kopf div#sprungmarken a:visited {
		position: absolute;    
		right:0;
		top: -3000px;
		display: block;
		width: 1px;
		height:1px;
		font-size:1px;
		overflow:hidden;
	}
	
	div#kopf div#sprungmarken a:hover, 
	div#kopf div#sprungmarken a:active,
	div#kopf div#sprungmarken a:focus {
		white-space: nowrap;
		position: absolute;    
		right: 0;
		top: 0;
		text-decoration: underline;
		padding:2px 6px 3px 6px;
		text-align: right;
		display: block;
		width: 9em;
		height:auto;
		font-size: 0.76em;
		overflow:auto;
		border: #fff 1px solid;
		background: #e1e1e1;
		color: #1A447E;
	}
	
	/*  ------------------------------------------------------
	KOPF MIT SUCHE
	--------------------------------------------------------*/
	div#kopf div#suche {
		width: 13.6em;
		position: absolute;
		left: 14px;
		top: 200px;
		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.7em;
		padding: 1px 2px;
		position: absolute;
		top:0;
		right:0;
		background: #fff;
		border: #666 1px solid;
		color: #333;
	}
	
	div#kopf div#suche input:active,
	div#kopf div#suche input:focus {
		background:#E3E1CE;
		border: #999 1px solid;
	}
	
	/*Hack Opera + Safari*/
	html:first-child>b\ody div#kopf div#suche input  {
		padding: 2px 5px;
	}
	
	div#kopf div#suche input#suchbegriff {
		padding: 2px 4px;
		position: absolute;
		top:0;
		left:0;
		width: 13.4em;
	}
	
	/*  ------------------------------------------------------
	NACHKOPF
	--------------------------------------------------------*/
	hr#nachkopf {
		display: none;
	}
	
	/*  ------------------------------------------------------
	MAIN
	--------------------------------------------------------*/
	div#main {
		padding: 0 0 0 14px;
		background: #FDFDF6;
		border: #FDFDF6 1px solid;
		min-height: 500px;
	}
	
	/*  ------------------------------------------------------
	MAIN - BEREICHSMENUE
	--------------------------------------------------------*/
	div#menu {
		float: none;
		width: 13.6em;
		margin: 36px 0 0 0;
		position: absolute;
	}
	
	div#menu div#bereichsmenu  {
		padding: 24px 0 30px 0;
		margin: 0 0 20px 0;
		border-top: #333 4px solid;
		border-bottom: #333 4px solid;
		background: url(/grafiken/d3/bg_nav_top.gif) no-repeat 100% 14px;
	}	
	
	div#menu div#bereichsmenu h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	}	
	
	/* Fuer eine erste Ebene */	
	ul#navigation {
		list-style-type: none;
		padding: 0 0 10px 0;
		background: url(/grafiken/d3/bg_nav_bottom.gif) no-repeat 100% 100%;
	}
	
	ul#navigation li {
		display: inline;
	}
	
	ul#navigation li dfn {
		font-style: italic;
	}
	
	ul#navigation li a,
	ul#navigation li a:link  {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		border-top: #fff 1px solid;
		background: #D4D4D4;
		color:#333;
	}
	
	ul#navigation li.last a, 
	ul#navigation li.last span.aktiv {
		border-bottom: #fff 1px solid;
	}
	ul#navigation li a:hover, 
	ul#navigation li a:focus, 
	ul#navigation li a:active {
		text-decoration: underline;
		background: #CDCBCB;
	}
	
	ul#navigation li span.aktiv {
		display: block;
		font-size: 0.76em;
		padding: 4px 10px;
		text-decoration: none;
		border-top: #fff 1px solid;
		background: #474747;
		color: #FDFDF6;
	}
	
	/* Fuer eine zweite Ebene */
	ul#navigation ul#hauptnavigation li a {
		background: #eee;
		border-bottom: #E4E4E4 1px solid;
	}
	ul#navigation ul#hauptnavigation li a:hover, 
	ul#navigation ul#hauptnavigation li a:focus, 
	ul#navigation ul#hauptnavigation li a:active {
		text-decoration: underline;
		background: #E5E5E5;
	}
	
	ul#navigation ul#hauptnavigation li span.aktiv {
		background: #E5E5E5;
		border-top: #fff 1px solid;
		border-bottom: #E4E4E4 1px solid;
		color:#23588A;
	}
	
	/* Fuer eine dritte Ebene */
	ul#navigation ul#hauptnavigation ul li a, 
	ul#navigation ul#hauptnavigation ul li span.aktiv {
		padding: 4px 10px 4px 20px;
		font-size: 0.7em;
		background:#F4F3EB;
	}
	
	ul#navigation ul#hauptnavigation ul li a:hover, 
	ul#navigation ul#hauptnavigation ul li a:active, 
	ul#navigation ul#hauptnavigation ul li a:focus {
		background:#E9E7D7;
	}
	
	ul#navigation ul#hauptnavigation ul li span.aktiv {
		background:#E9E7D7;
	}
	
	/* 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 30px;
	}
	/* Fuer eine 5. Ebene */
	ul#navigation ul#hauptnavigation ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li span {
		padding: 4px 10px 4px 40px;
	}
	/* Fuer eine 6. Ebene */
	ul#navigation ul#hauptnavigation ul li ul li ul li a, 
	ul#navigation ul#hauptnavigation ul li ul li ul li span {
		padding: 4px 10px 4px 50px;
	}
	
	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 {
	}
	
	div#main div#menu div#kurzinfo h2 {
		font-size: 1.1em;
		font-weight: bold;
		color: #2D2D2D;
	}
	
	div#main div#menu div#kurzinfo p {
		margin: 10px 0 16px 0;
		line-height: 180%;
		font-size: 0.7em;
		color: #666;
	}
	div#main div#menu div#kurzinfo div {
		padding: 10px 0px;
		text-align: center;
	}
	/*  ------------------------------------------------------
	MAIN - MENU - CONTENT
	--------------------------------------------------------*/
	div#content {  
		margin: 8em 260px 0 15.6em;
		position: relative;
                min-height: 45em;

	} 
	
	/*  ------------------------------------------------------
	MAIN - MENU - INHALTSINFO
	--------------------------------------------------------*/
	div#main div#inhaltsinfo {
	}
	
	/*  ------------------------------------------------------
	VORFOOTER
	--------------------------------------------------------*/
	hr#vorfooter {
		display: none;
	}
	
	/*  ------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/
	div#footer { 	
		clear: both;
		padding: 20px 10px 10px 16.2em;
		background: #E5E5E5 url(/grafiken/d3/bg_footer.gif) repeat-x top left;
	}
	
	div#footer h2 {
		margin: 10px 0;
		font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
		font-weight: bold;
		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:124px;
		right:0;
		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: none;
		padding: 0 10px;
		color:#333;
		border-right: #000 1px solid;
	}
	
	div#footer div#footerinfos div#tecmenu ul li.last span,
	div#footer div#footerinfos div#tecmenu ul li.last a, 
	div#footer div#footerinfos div#tecmenu ul li.last a:link {
		border-right: 0 none;
	}
	div#footer div#footerinfos div#tecmenu ul li span.acckey {
		position: absolute;
		left:-3000px;
		top:-3000px;
		width: 1px;
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:visited {
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:hover {
		text-decoration: underline;
	}
	
	div#footer div#footerinfos div#tecmenu ul li a:focus, 
	div#footer div#footerinfos div#tecmenu ul li a:active {
		text-decoration: underline;
		color: #23588A;	
	}
	
	div#footer div#footerinfos div#tecmenu ul li span {
		color: #23588A;
	}
	
		
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - FLAGGEN
	--------------------------------------------------------*/	
	div#flaggen, 
	div.flaggen, 
	div#languagebar {
		position: absolute;
		top: 35px;
		right: 20px;
		z-index: 2;
	}
	
	div#flaggen li, 
	div.flaggen li, 
	div#languagebar li {
		list-style: none;
		float: left;
		padding-left: 10px;
	}
	
	div#flaggen li.active img, 
	div.flaggen li.active img, 
	div#languagebar li.active img {
		opacity: 0.3;
	}
	
	div#content div#flaggen,
	div#content div.flaggen,
	div#content div#languagebar {
		top: -60px;
		right: 0px;
	}
	
	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo {	
		width: 200px;
		position: absolute; 
		top: 270px; 
		right: 20px;
		border-style: solid;
		border-width: 1px;
		padding: 10px;
		background: #F0F0F0 url(/grafiken/d4/white.gif) repeat-x 0 0;
		border-color: #d1d1d1;
	}
	
	div#footer div#footerinfos  div#zusatzinfo * {
	}
	
	div#footer div#footerinfos  div#zusatzinfo h2 {
		position:absolute;
		left:-3000px;
		top:-3000px;
		width:1px;
	} 
	
	div#footer div#footerinfos div#zusatzinfo p {
	}
	
	div#footer div#footerinfos div#zusatzinfo p img {
	}
	
	div#footer div#footerinfos div#zusatzinfo p.skip {
		position:static;
		width: 97%;
		text-align: right;
	}
	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 {
		text-decoration: underline;
		color: #666;
	}
	
	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 {
		text-decoration: none;
		border-bottom: #669999 1px solid;
		background: #C4DCDC;
	}
	
	div#footer div#footerinfos div#zusatzinfo p.skip a:focus, 
	div#footer div#footerinfos div#zusatzinfo p.skip a:active {
		background: #669999;
		color: #FDFDF6;
		border-bottom: #006666 1px solid;
	}

	/*  ------------------------------------------------------
	FOOTER - FOOTERINFOS - ZUSATZINFO - STYLESWITCHER
	--------------------------------------------------------*/
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher {
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul {  
	} 
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a,
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:link, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:visited {
		color: #333;
		border: #666 1px solid;
		background: #fff;
		text-decoration: none;
	}
	
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:hover, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:focus, 
	div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li a:active {
		border: #666 1px solid;
		background: #f0f0f0;
	}
	
}