/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet d3-gruen                                          */ 
/* $Id: default.css,v 1.10 2007/07/27 12:53:15 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 { 
} 

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

div#kopf div#logo  {
height: 146px;
}

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

div#kopf div#logo p {
font: 1em "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
position: absolute;
top: 40px;
left: 14px;
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 #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;
}

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

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

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

div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
}

div#kopf div#breadcrumb p span.acckey {
}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
height: 48px;
white-space: nowrap;
}

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

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

div#kopf div#hauptmenu ul li span {
}

/*  ------------------------------------------------------
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: 13.6em;
position: absolute;
left: 14px;
top: 200px;
}

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

div#kopf div#suche input:active,
div#kopf div#suche input:focus {
}

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

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
float: left;
width: 13.6em;
margin: 36px 0 0 0;
}

div#menu div#bereichsmenu  {
padding: 24px 0 30px 0;
margin: 0 0 20px 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 10px 0;
}

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

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 {
text-decoration: underline;
}

ul#navigation li span.aktiv {
display: block;
font-size: 0.76em;
padding: 4px 10px;
text-decoration: none;
}

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
}
ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
text-decoration: underline;
}

ul#navigation ul#hauptnavigation li span.aktiv {
}

/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
padding: 4px 10px 4px 20px;
font-size: 0.7em;
}

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

/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
}

div#main div#menu div#kurzinfo h2 {
font-size: 1.1em;
font-weight: bold;
}

div#main div#menu div#kurzinfo p {
margin: 10px 0 16px 0;
line-height: 180%;
font-size: 0.7em;
}
div#main div#menu div#kurzinfo div {
	padding: 10px 0px;
	text-align: center;
}

/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
margin: 8em 30px 0 15.6em;
} 

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

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

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

div#footer h2 {
margin: 10px 0;
font: 0.76em "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
font-weight: bold;
}

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:124px;
right:0;
white-space: nowrap;
} 

/*Hack IE 5 Mac*/
*>html div#footer div#footerinfos div#tecmenu {
top:104px;
text-align: right;
right: 20px;
}

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

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

div#footer div#footerinfos div#tecmenu ul li span {
}

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

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

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

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 {
position: absolute;
top: 20px;
right:10px;
width: 500px;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher h3 {
display: none;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li {  
display: inline;
} 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
font-size: 0.7em;
padding: 2px;
}