/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet FAU-Portal                                          */ 
/* $Id: default.css,v 1.4 2007/07/27 12:53:16 unrz59 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 { 
border-width: 10px;
border-style: solid;
min-width: 760px;
position: relative;
} 

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

div#kopf div#logo  {}

div#kopf div#logo img { 
	position: absolute;
	top: 10px;
	left: 10px;
}

div#kopf div#logo p {
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: 22px;
left: 20px;
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: 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;
}

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

div#kopf div#breadcrumb a, 
div#kopf div#breadcrumb a:link {
text-decoration: none;}

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: 20px;
left: 20px;
white-space: nowrap;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 0 0 12px 0;

}

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

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

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

/*  ------------------------------------------------------
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; /*zur Stabilisierung*/
border-width: 1px;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
float: left;
width: 260px;
margin: 30px 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;
}	

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

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

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

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

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
border-left-width: 4px;
border-left-style: solid;
}
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-width: 4px;
border-left-style: solid;
}

/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
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;
}

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

/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
	position: relative;
	margin: 140px 260px 0 270px;
} 

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

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

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer { 	
clear: both;
padding: 74px 10px 10px 20px;
background: url(/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 {}

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

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 {
width: 200px;
position: absolute; 
top: 290px; 
right: 20px;
border-style: solid;
border-width: 1px;
padding: 10px;
}

div#footer div#footerinfos  div#zusatzinfo h2 {} 

div#footer div#footerinfos div#zusatzinfo p {
padding: 0;
margin: 0;
}

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

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

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