/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet FAU-Portal                                          */ 
/* $Id: default.css,v 1.4 2007/06/15 07:57:04 unrzc9 Exp $                                                     */      
/* Projekt Vorlagenkatalog http://www.vorlagen.uni-erlangen.de  -- - - */
/*                                                                     */
/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(farben.css);
@import url(elemente.css);

/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/
div#seite { 
margin: 0 auto;
width: 94%;
position: relative;
} 

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
height: 271px;
position: relative;
}

div#kopf div#logo p {
font-size: 1.3em;
font-weight: bold;
position: absolute;
top: 22px;
left: 12px;
width: 20em;
line-height: 140%;
}

div#kopf div#logo p a {
text-decoration: none;
}

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: 310px; 
left: 26%;
}

div#kopf div#titel h1 {
font-size: 1.2em;
padding: 0 0 0 12px;
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
position: absolute;
top: 276px; 
left: 12px;
}

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 {
display: none;
}
div#kopf div#breadcrumb p {
display: inline;
font-size:0.76em;
}

div#kopf div#breadcrumb p strong {
font-weight: normal;
padding: 0 0 0 6px;
margin: 0 3px;
}

div#kopf div#breadcrumb a, 
div#kopf div#breadcrumb a:link {
margin: 0 6px;
}

div#kopf div#breadcrumb a:visited {}

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 {}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
position: absolute;
bottom: 8px;
right: 6px;
}

div#kopf div#hauptmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#kopf div#hauptmenu ul {

}

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;
padding: 0 0 0 18px;
font-size: 0.86em;
font-weight: bold;
}

div#kopf div#hauptmenu ul li a:hover,
div#kopf div#hauptmenu ul li span,
div#kopf div#hauptmenu ul li a:active, 
div#kopf div#hauptmenu ul li a:focus {}

/*  ------------------------------------------------------
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: 208px;
}

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;
border-width:1px;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
float: left;
width: 24%;
margin: 40px 0 0 0;
}

div#menu div#bereichsmenu  {
margin: 0 0 30px 10px;
padding: 2px 0 0 0;
}	

div#menu div#bereichsmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}	

/* Fuer eine erste Ebene */	
ul#navigation {
list-style-type: none;
padding: 0 0 2px 0;
}

ul#navigation li {
border-top-style: solid;
border-top-width:1px;
}

ul#navigation li dfn {
font-style: normal;
}

ul#navigation li a,
ul#navigation li a:link, 
ul#navigation li span.aktiv  {
display: block;
font-size: 0.82em;
padding: 4px 12px;
text-decoration: none;
border-left-style: solid;
border-left-width:4px;
}
ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active {
}

ul#navigation li a:focus, 
ul#navigation li a:active {
font-weight: bold;
}

ul#navigation li span.aktiv {
font-weight: bold;
}

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
border-left-style: solid;
border-left-width:4px;
}
ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
}

ul#navigation ul#hauptnavigation li span.aktiv {
border-left-style: solid;
border-left-width:4px;
}

/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
padding: 4px 10px 4px 28px;
font-size: 0.76em;
border-left-style: solid;
border-left-width:4px;
}

ul#navigation ul#hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul li a:focus, 
ul#navigation ul#hauptnavigation ul li a:active {
}

ul#navigation ul#hauptnavigation ul li span.aktiv {
border-left-style: solid;
border-left-width:4px;
}

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

/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
margin: 20px 50px 10px 10px;
}

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;
	text-align: left; 
	padding-left: 15px;
}


/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
margin: 140px 24px 0 26%;
} 

/*  ------------------------------------------------------
MAIN - MENU - INHALTSINFO
--------------------------------------------------------*/
div#main div#inhaltsinfo {}

/*  ------------------------------------------------------
VORFOOTER
--------------------------------------------------------*/
hr#vorfooter {
display: none;
 }

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer { 	
clear: both;
padding: 20px 12px 12px 12px;
}

div#footer h2, 
div#footer h3 {
font-size: 0.76em;
font-weight: bold;
margin: 0 0 12px 0;
}

div#footer h2 {}

div#footer h3 {
font-weight: normal;
}

div#footer p { 	
font-size: 0.7em;
line-height: 160%;
margin: 0 0 16px 0;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - TECMENUE
--------------------------------------------------------*/
div#footer div#footerinfos div#tecmenu {
position: absolute;
top: 12px;
right: 0;
white-space: nowrap;
} 

/*Hack IE 5 Mac*/
*>html div#footer div#footerinfos div#tecmenu {
width: 1%;
}

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.8em;
text-decoration: underline;
padding: 0 6px;
}

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 {}

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 {}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO
--------------------------------------------------------*/
div#footer div#footerinfos  div#zusatzinfo h2 {
	position: absolute;
	left:-3000px;
	top:-3000px;
	width: 1px;
}

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 {}
div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul {  
margin: 0 0 12px 0;
} 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul li {  } 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
font-size: 0.8em;
text-decoration: underline;
padding: 0 6px;
} 

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  { 
font-size: 0.8em;
text-decoration: underline;
padding: 0 6px;
 } 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a:focus, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a:active {  
font-weight: bold;
}