/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Basisstylesheet D7                                                  */ 
/*   Variante von Design D4                                            */
/*                                                                     */      
/* Projekt Vorlagenkatalog http://www.vorlagen.uni-erlangen.de  -- - - */
/*                                                                     */
/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

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

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
min-width:790px;
display: block;
position:relative;
height: 112px;
z-index: 1;
}

body#start div#kopf {
    background: #ffffff url(/grafiken/head_rw.jpg) no-repeat scroll left bottom;
	padding-bottom: 120px;
}


div#kopf div#logo  {
	background: url("/images/header_rewifak.gif") no-repeat scroll left bottom #8d1329;
    display: block;
    height: 112px;
    margin: 0;
    padding: 0;
    width: 100%;
}
body.abstaende div#kopf div#logo  {
	height: 100px;
	left: 0;
	top: 0;
}
div#kopf div#logo img { 
	left: 2px;
	position:absolute;
	top:0px;
}

div#kopf div#logo p {
	font-size: 1.1em;
	font-weight: bold;
	width: 20em;
	line-height: 140%;
	position: absolute;
	left: 0px;
	top: 0px;
}
div#kopf div#logo p img {
	float: left;
	left: 0px;
	margin: 0px 10px 0px 0px;
	position: relative;
	top: 0px;
}
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: 170px;
	left: 274px;
	right: 20px;
}
body#start div#kopf div#titel {
	top: 280px;
}
body.abstaende div#kopf div#titel {
        top: 12em;
}
body#start.abstaende div#kopf div#titel {
        top: 300px;
}


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

div#kopf div#suche {
left:12px;
position:absolute;
top: 126px;
width:230px;
background-color: #fff;
z-index: 1;
}

body.abstaende div#kopf div#suche {
	top: 145px;
}

body#start div#kopf div#suche {
	top: 250px;
}
body#start.abstaende div#kopf div#suche {
        top: 260px;
}

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;
}
/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
	position: absolute;
	top: 126px;
	left: 274px;
	margin: 0;
	line-height:80%;
	background-color: #fff;
	z-index: 1;
}
body.abstaende div#kopf div#breadcrumb {
	top: 145px;
}
body#start.abstaende div#kopf div#breadcrumb {
	top: 260px;	
}
body#start div#kopf div#breadcrumb {
	top: 250px;
}

div#kopf div#breadcrumb h2 {
display: inline;
font-size:0.7em; /*0.76em*/
font-weight: normal;
font-family: "helvetica", "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 {
background-color:#F0F0F0;
display:block;
padding:0pt;
position: relative;
text-align:center;
margin: 0;
height: 1.5em;
max-height: 1.5em;
white-space: nowrap;
}

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

div#kopf div#hauptmenu ul {
display: block;
padding:0pt 10px 0pt 270px;
min-width: 750px;
text-align:center;
height: 1.5em;
}

div#kopf div#hauptmenu ul li {
display: inline;
font-size: 0.7em;
text-transform: uppercase;
color: #023465;
font-weight: bold;
} 

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: 6px 6px;
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 {

}
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#sprungmarken {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;    
	left: 20px;
	top: 90px;
	z-index: 1;
}

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

div#sprungmarken ul {
margin: 0;
padding: 0;
list-style: none;
}

div#sprungmarken a:link, 
div#sprungmarken a:visited {
position: absolute;    
right:0;
top: -3000px;
display: block;
width: 1px;
height:1px;
font-size:1px;
overflow:hidden;
}

div#sprungmarken a:hover, 
div#sprungmarken a:active,
div#sprungmarken a:focus {
white-space: nowrap;
position: absolute;    
top: 0px;
left: 0px;
text-decoration: underline;
padding:2px 6px 3px 6px;
display: block;
width: 12em;
height:auto;
font-size: 0.76em;
overflow:auto;
background-color: white;
color: #023465;
z-index: 3;
}



/*  ------------------------------------------------------
NACHKOPF
--------------------------------------------------------*/
hr#nachkopf {
	margin: 0;
	clear: both;
	height: 0px;
	border: 0;
	position: absolute;
	display: none;
}
/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
	border-style: solid; 
	border-width: 1px;
	display: block;
	position: relative;
	min-height: 600px;
	width: 100%;
	z-index: 0;
	clear: both;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
	width: 260px;
	margin: 3.5em 0 0;
	display: inline;
	float: left;	
}

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

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

ul#navigation li .infotext {
	display: none;
}
ul#navigation li .infolink:hover .infotext {
	display: inline;
	position: absolute;
	left: 242px;
	padding: 0.5em;
	width: 200px;
	line-height: 1.1em;
        font-size: 0.8em;
	z-index: 20; 
}

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

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

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


/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
	margin: 30px;
	float: left;
	position: relative;
	text-align: center;
}

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: 7.5em 260px 0px 274px; 
	padding: 0px;
	display: block;
} 

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

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

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

div#footer h2, 
div#footer h3 {
font: 0.64em "helvetica", arial, sans-serif;
font-weight: normal;
margin: 0 0 6px 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: 2px;
	right: 10px;
	margin-left: 300px;
	text-align: right;
	z-index: 1;
} 

/*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: none;
	padding: 0 5px;
}

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 a:hover {
color:#a24253;
text-decoration: 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;
}


/*  ------------------------------------------------------
FOOTER - FOOTERINFOS - ZUSATZINFO
--------------------------------------------------------*/
div#footer div#footerinfos div#zusatzinfo {
	width: 200px;
	position: absolute; 
	top: 14em;
	right: 20px;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	z-index: 1;
}
body.abstaende div#footer div#footerinfos div#zusatzinfo {
	top: 15em;
}
body#start div#footer div#footerinfos div#zusatzinfo {
   top: 350px;
}
body#start.abstaende div#footer div#footerinfos div#zusatzinfo {
   top: 360px;
}


div#footer div#footerinfos div#zusatzinfo h2,
div#footer div#footerinfos div#zusatzinfo h3,
div#footer div#footerinfos div#zusatzinfo h4,
div#footer div#footerinfos div#zusatzinfo h5 {
	margin-top: 0.5em;
}

div#footer div#footerinfos  div#zusatzinfo ul {
margin-bottom: 1em;
} 

div#footer div#footerinfos div#zusatzinfo p {
padding: 0;
margin: 0 0 0.5em 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;
}