/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet D4, Variante FAU-Portal 2.1                         */ 
/*                                                                     */      
/* Projekt Vorlagenkatalog http://www.vorlagen.uni-erlangen.de  -- - - */
/*                                                                     */
/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import url(/css/fau-2.1/farben.css);
@import url(/css/fau-2.1/elemente.css);
@import url(/css/fau-2.1/tools.css);

/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/
div#seite { 
border-width: 10px;
border-style: solid;
min-width: 890px;
position: relative;
} 

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
	position: relative;
	min-width: 800px;
	min-height: 100px; 
	height: 7em;
}
body#abstaende div#kopf {
	min-height: 104px !important;
	height: 104px;
}
div#kopf div#logo  {}

div#kopf div#logo img { 
	position: absolute;
	top: 15px;
	left: 20px;
}
body#abstaende div#logo img {
	top: 0px !important;
	left: 0px !important;
}
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: 10.5em; 
	left: 270px;
	right: 20px;
}

div#kopf div#titel h1 {
font-family: "Tahoma", "Verdana", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
/*letter-spacing: 0.2em;*/
margin: 0px;
line-height:140%; /*neu*/
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
position: absolute;
top: 8.2em;
left: 270px;
margin: 0;
line-height:80%;
}

body#startseite div#kopf div#breadcrumb {
display:none;
}

div#kopf div#breadcrumb h2 {
display: inline;
font-size:0.7em; /*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.7em;/*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: 0;
	right: 10px;
	white-space: nowrap;
	padding: 0;
	min-width: 700px;
}

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

div#kopf div#hauptmenu ul {
padding: 0 10px 0 12px;
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;
padding: 6px 12px;
float: left;
margin: 0 12px 0 0;
    border: 1px solid;
border-bottom: 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: 1px solid;
   border-bottom: 0;
}
div#kopf div#hauptmenu ul li.last a:link, 
div#kopf div#hauptmenu ul li.last a:visited, 
div#kopf div#hauptmenu ul li.last span {					
	margin: 0pt;

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

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;
background-color:#fff;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
float: left;
width: 260px;
margin: 4em 0 0;
position: relative;
}

div#menu div#bereichsmenu  {
float: left;
width: 230px;
border-right-style: solid;
border-right-width: 1px !important;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0 0 30px 10px!important;
}	

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 40px;
}
/* Fuer eine 5. 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;
}
/* Fuer eine 6. Ebene */
ul#navigation ul#hauptnavigation ul li ul li ul li ul li a,
ul#navigation ul#hauptnavigation ul li ul li ul li ul li span {
padding: 4px 10px 4px 60px;
}




/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
float: left;
position: relative;
left: 10px;
width: 230px;
display: block;
}

div#main div#menu div#kurzinfo div#familiengerechte-hochschule{
margin-top:15px;
text-align: center;
}

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

 /*ursprünglich 140 260 */
} 

/*  ------------------------------------------------------
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/fau-2.1/bg_footer.gif) repeat-x top left;
background-color:#fff;
}

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

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - TECMENUE
--------------------------------------------------------*/
div#footer div#footerinfos div#tecmenu {
	position: absolute;
	top: 8px;
	right: 10px;
	margin-left: 300px;
	text-align: right;
} 

/*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 {
	margin-right: 9px;
}
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.7em;
	text-decoration: underline;
	padding: 0 3px;
}

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:focus, 
div#footer div#footerinfos div#tecmenu ul li a:active {
	font-weight: bold;
} 2008-02-06*/


/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo {
width: 200px;
position: absolute; 
top: 14.5em; 
right: 20px;
border-style: solid;
border-width: 1px;
padding: 10px;
}

div#footer div#footerinfos  div#zusatzinfo h2 {
margin-top:0px;
letter-spacing: 0em;
}

div#footer div#footerinfos  div#zusatzinfo ul {
margin-bottom:30px;
} 

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



/*  ------------------------------------------------------
 LINK im Footerbereich
--------------------------------------------------------*/

div#footer p a, 
div#footer p a:link {
	text-decoration: underline;
	color:#666;
}

div#footer a:visited {
	color:#666;
}

div#footer a:hover, 
div#footer a:focus, 
div#footer a:active {
	text-decoration: none;
	color:#666;
}

div#footer a:focus, 
div#footer a:active {
	color:#666;
}

div#footerinfos div#zusatzinfo h2 a,
div#footerinfos div#zusatzinfo h2 a:link {
	color:#333;
}


div#footerinfos div#zusatzinfo ul li{
	margin: 0 0 5px 15px;
	font-size: 0.8em;
	list-style-type: disc;
}

div#footerinfos div#zusatzinfo ul li a, 
div#footerinfos div#zusatzinfo ul li a:link {
	text-decoration: underline;
	color:#666;
}

div#footerinfos div#zusatzinfo ul li a:visited {
	color:#666;
}

div#footerinfos div#zusatzinfo ul li a:hover, 
div#footerinfos div#zusatzinfo ul li a:focus, 
div#footerinfos div#zusatzinfo ul li a:active {
	text-decoration: underline;
	color:#333;
}

div#footerinfos div#zusatzinfo ul li a:focus, 
div#footerinfos div#zusatzinfo ul li a:active {
	color:#999;
}

div#flaggen {
	text-align: right;
	margin: 20px 10px 0px 0px;
}