/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet RRZE-Design                                          */ 
/* $Id: default.css,v 1.15 2007/06/15 07:42:09 unrzc9 Exp $                                                     */      
/* Projekt Vorlagenkatalog http://www.vorlagen.uni-erlangen.de  -- - - */
/*                                                                     */
/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(/css/rrze-portal/farben.css); 
@import url(/css/rrze-portal/elemente.css);

/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/
div#seite{ 
} 

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf div#logo  {
    height: 107px;
}

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

div#kopf div#logo p { 
    position: absolute;
    top:10px;
    left: 10px;
    font-size: 1.6em;
    width: 50%;
    padding: 6px;
    font-weight: bold;
}
#kopf #logo a {
    text-decoration: none;
}
#kopf #logo a img {
  background-color: inherit;
}
/*  ------------------------------------------------------
KOPF MIT TITEL
--------------------------------------------------------*/
div#kopf div#titel {
position: absolute; 
top: 211px;
left: 230px;
}

div#kopf div#titel h1 {
font-size: 1.2em;
font-weight: normal;
margin: 10px 20px 20px 0;
padding: 0 0 0 20px;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
position: absolute;
top: 126px;
left:0;
z-index: 0;
width: 100%;
height: 41px;
}

div#kopf div#breadcrumb h2 {
background: transparent;
font-weight: normal;
font-size: 0.8em;
float: left;
padding: 0.7em 0 0 10px;
margin: 0 3px 0 0;
}

div#kopf div#breadcrumb img {
vertical-align: middle;
}
div#kopf div#breadcrumb p {
padding: 0.7em 0 0 0;
font-size: 0.8em;
}

div#kopf div#breadcrumb a {
text-decoration: underline;
font-weight: bold;
background: transparent;
}

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

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
height: 1.3em;
position: relative;
z-index: 100;
}

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

div#kopf div#hauptmenu ul {
list-style-type: none;
white-space: nowrap;
padding: 0 0 0 200px;
}

div#kopf div#hauptmenu ul li {
display: inline;
width: auto;
line-height: 1.3em;
} 

div#kopf div#hauptmenu ul li a:link,
div#kopf div#hauptmenu ul li a:visited, 
div#kopf div#hauptmenu ul li span {
width: auto;
padding: 0 12px 0 1px; 
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
font-size: 0.8em;
white-space: nowrap;
}

/*  ------------------------------------------------------
KOPF MIT SPRUNGMARKEN
--------------------------------------------------------*/
div#kopf div#sprungmarken {
display: block;
position: absolute;	
left: 230px;
top: 195px;
}
div#kopf div#sprungmarken h2 {
position: absolute;	
left:-3000px;
top:-3000px;
width: 1px;
}
div#kopf div#sprungmarken ul {
list-style-type: none;
}
div#kopf div#sprungmarken a, 
div#kopf div#sprungmarken a:link, 
div#kopf div#sprungmarken a:visited{
position: absolute;	
left:-3000px;
top:-3000px;
width:1px;
}
div#kopf div#sprungmarken a:hover, 
div#kopf div#sprungmarken a:focus, 
div#kopf div#sprungmarken a:active {
position: absolute;	
left: 1px;
top: 1px;
color: #036;
width: 20em;
}

/*  ------------------------------------------------------
KOPF MIT SUCHE
--------------------------------------------------------*/
div#kopf div#suche {
	width: 200px; 
	position: absolute;
	top:196px;
	left:0;
}

div#kopf div#suche h2, 
div#kopf div#suche p label {
	position: absolute;
	left: -100em;
}

div#kopf div#suche input#suchbegriff {
	width: 120px;
	padding: 2px 4px;
	margin: 0 0 0 5px;
	font-size: 0.8em;
}

div#kopf div#suche input {
	vertical-align: top;
	font-size: 0.8em;
}
div#kopf div#suche input#suchen {
	margin: 0 0 0 2px;
}

/*  ------------------------------------------------------
NACHKOPF
--------------------------------------------------------*/
hr#nachkopf {
display: none;
}

/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
position: absolute;
top: 240px;
left:0;
width: 200px;
}

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


/* Erstmal Oberpunkte, falls diese angezeigt werden
   sollen */

ul#navigation {
    list-style-type: none;
}

ul#navigation li {
    display: inline;
}

ul#navigation li a {
    display: block;
    padding: 2px 5px;
    width: 188px;
    font-size: 0.8em;
    text-decoration: none;
}
ul#navigation li a:hover,
ul#navigation li a:focus,
ul#navigation li a:active {
    font-weight: bold;
}

ul#navigation li span.aktiv {
    display: block;
    width: 188px;
    padding: 5px;
    font-weight: bold;
    font-size: 0.8em;
}


/* Fuer eine erste Ebene */	
ul#hauptnavigation {
list-style-type: none;
}

ul#hauptnavigation li {
display: inline;
}

ul#hauptnavigation li a {
display: block;
padding: 2px 5px;
width: 188px;
font-size: 0.8em;
text-decoration: none;
}
ul#hauptnavigation li a:hover, 
ul#hauptnavigation li a:focus, 
ul#hauptnavigation li a:active {
font-weight: bold;
}

ul#hauptnavigation li span.aktiv {
display: block;
width: 188px;
padding: 5px;
font-weight: bold;
font-size: 0.8em;
}

/* Fuer eine zweite Ebene */
ul#hauptnavigation ul  {
list-style-type: none;
}

ul#hauptnavigation ul  li {
display: inline;
}

ul#hauptnavigation ul  li a {
display: block;
width: 188px;
text-decoration: none;
padding: 2px 5px;
font-size: 0.8em;
}
ul#hauptnavigation ul  li a:hover, 
ul#hauptnavigation ul  li a:focus, 
ul#hauptnavigation ul  li a:active {
font-weight: normal;
}

ul#hauptnavigation ul  li span.aktiv {
display: block;
padding: 2px 5px;
font-size: 0.74em;
}

/* Fuer eine dritte Ebene */
ul#hauptnavigation ul  ul li a {
width: 178px;
padding: 2px 5px 2px 15px;
}

ul#hauptnavigation ul  ul li span.aktiv {
font-weight: normal;
font-size: 0.8em;
}

/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
padding: 30px 0;
}

div#main div#menu div#kurzinfo h2 {
font-size: 1em;
padding: 2px 5px;
margin: 0 0 10px 0;
}

div#main div#menu div#kurzinfo p {
margin: 10px 10px;
font-size: 0.8em;
}
div#main div#menu div#kurzinfo div {
	padding: 10px 0px;
	text-align: center;
}
/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
padding: 140px 24px 10px 0;
margin: 0 0 0 230px;
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
min-height: 500px;
} 

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

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

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer { 	
padding: 4px 0 3px 210px;
}

div#footer h2 {
display: none;
}

div#footer p { 	
font-size: 0.8em;
position: relative;
}

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

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

div#footer div#footerinfos div#tecmenu h2 {
position: absolute;	
left:-3000px;
top:-3000px;
width: 1px;
}

div#footer div#footerinfos div#tecmenu ul {
list-style-type: none;
position: absolute;
top: 165px;
right:24px;
z-index: 100;
white-space: nowrap;
}

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 {
padding: 6px 12px;
font-size: 0.8em;
text-decoration: none;
margin: 0 0 0 12px;
}
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 {
color: #fff;
}

div#footer div#footerinfos div#tecmenu ul li a:focus, 
div#footer div#footerinfos div#tecmenu ul li a:active {
font-weight: normal;
}

div#footer div#footerinfos div#tecmenu p {
}

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

div#footer div#footerinfos  div#zusatzinfo * {
}

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

div#footer div#footerinfos div#zusatzinfo p {
display: inline; 
font-size: 0.7em;
margin: 0;
padding: 0;
}

div#footer div#footerinfos div#zusatzinfo p img {
display: inline; 
margin: 0 0 10px 0;
}

div#footer div#footerinfos div#zusatzinfo p.skip {
padding: 4px 0;
width: 99%;
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 {
font-weight: bold;
text-decoration: none;
padding: 0 0 0 12px;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO: Optionale Styleswitcher
--------------------------------------------------------*/
#footer #footerinfos #zusatzinfo .styleswitcher {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 0.8em;
   text-align: right;
   width: 500px;
} 
#footer #footerinfos #zusatzinfo .styleswitcher h3 {
   margin: 0; 
   font-weight: bold;
    display: inline;
    position: absolute;
    left: -1000px;
    top: -1000px;
}
#footer #footerinfos #zusatzinfo .styleswitcher ul {
   margin: 3px;
   padding: 0;
   list-style-type: none;
}
#footer #footerinfos #zusatzinfo .styleswitcher ul li {
    display: inline;
    list-style: none;
	padding: 1px 2px;	
	margin: 3px 2px;
    line-height: 1.7em;
}
#footer #footerinfos #zusatzinfo .styleswitcher ul li a {
   font-size: 1em;   
   text-decoration: none;
}