/**
 * Project: uni-bayreuth-Website
 * File: global.css
 *
 * Copyright (c) 2010 Universitaet Bayreuth
 *
 * Project owner:
 * Universitaet Bayreuth
 * 95440 Bayreuth, Germany
 * http://www.uni-bayreuth.de/
 *
 * @copyright 2010 clkm - cornelia lange
 * @author Cornelia Lange
 *
*/


/*** HTML ELEMENTE ***/
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #B0B0A8;
text-align: center;
}

strong, b {
font-weight: bold;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dashed #ccc;
}

/** zur Auszeichnung von ganzen code-Bloecken steht die Klasse .codeblock zur Verfuegung **/
code {
font-family: 'courier new', courier, mono, monospace;
font-weight: normal;
color: #f00;
background: transparent;
}

/** Zentrale Schriftgroessen-Formatierung **/
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #038a5e;
}
h1 {
font-size: 1.1em;
margin: 0 0 15px 0;
padding: 15px 0 0 18px;
background: transparent url(../layoutbilder_zentral/quadrat.gif) 0 18px no-repeat;
}
/* IE Hack fuer Guillotine-Bug background-image IE 6 */
* html h1 {
zoom: 1;
}
h1 acronym {
cursor: help;
border-bottom: 0 none;
}
h2 {
font-size: 0.90em;
margin: 20px 0 10px 0;
padding: 0;
color: #333;
}

/* #info > h2  */
h2
{
margin: 0 0 5px 0;
padding: 14px 0 0 16px;
background: transparent url(../layoutbilder_zentral/quadrat_black.gif) 0 16px no-repeat;
}

/* damit im Menü links kein grauer Balken angezeigt wird */
ul h2
{
	background: transparent;
}

h3, h4 {
font-size: 0.80em;
color: #333;
margin: 15px 0 8px 0;
}
h5, h6, p, a, li, input, select, legend, label, pre, address, dt, dd, th, td, caption, code {
font-size: 0.80em;
}
caption {
font-weight: bold;
text-align: left;
} 
table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 15px 0;
}
table.layout, .layout th, .layout td {
margin: 0;
padding: 0;
border: 0 none;
}
table.data th, table.data td {
border: 1px solid #ccc;
}
th {
padding: 5px 10px;
font-weight: bold;
}
thead th {
font-weight: bold;
background: #ececec;
padding: 10px;
}
.data thead th {
padding: 5px 10px;
}
tbody th {
font-weight: normal;
border-bottom: 1px dotted #ccc;
}
td {
padding: 3px 10px;
border-bottom: 1px dotted #ccc;
}
tfoot td {
font-size: 75%;
}
address {
font-style: normal;
font-weight: bold;
}

/** Zentrale Link-Formatierung **/
a, a:link, a:visited {
color: #038a5e;
background: transparent;
text-decoration: none;
font-weight: bold;
}
a:hover, a:focus, a:active {
color: #dd7400;
background: transparent;
}
#content a.noicon {
background: transparent;
padding: 0;
}
a.extern img {
border: 0 none;
}
/* um die Deklaration im NN4 zu ueberschreiben */
a img, #content a:link img, #content a:visited img {				
color: inherit;
background: transparent;
}
a:hover img, a:focus img, a:active img {
background: transparent;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
text-decoration: none;
}

/*** LAYOUT ***/

#wrapper {
width: 100%;
background: #fdf9f6 url(../layoutbilder_zentral/bg_body_grau_small.jpg) 0 0 repeat-x;
}
body#startseite #wrapper {
background: #fdf9f6  url(../layoutbilder_zentral/bg_body_grau.jpg) 0 0 repeat-x;
}
/* flexible Breite für das Rahmenlayout, wirkt auf den Hauptinhalt (#inhalt)  */
#rahmen {
position: relative;
width: 96%;
max-width: 980px;
min-width: 820px;
margin: 0 auto;
text-align: left;
}
* html #rahmen {
width: 980px /* fallback value fuer IE 6, der min-width nicht kennt */;
}
#sprungmarken {
position: absolute;
top: -1000em;
left: -2000em;
}
#logo {
float: right;
width: 240px;
margin: 6px 0;
background: #038A5E;
}
#printlogo {
display: none;
}
#header {
position: relative;
width: 100%;
height: 133px;
}
#startseite #header {
height: 102px;
background: transparent;
}
#headerbilder {
height: 220px;
padding: 1px 0;
overflow: hidden; 
background: transparent url(../layoutbilder_zentral/bg_headerbild-grau.jpg) 0 0 no-repeat;
}
#headerbilder .first {
position: absolute;
top: 1px;
left: 0;
}
#headerbilder .second {
padding-left: 191px;
}
#main {
position: relative;
background: transparent url(../layoutbilder_zentral/bg_main_grau.jpg) 0 0 repeat-y;
min-height: 750px;
}
#content {
margin: 0 0 0 230px;
padding: 10px 0 20px 0;
}

.abstract {
font: 95% Verdana, Arial, Helvetica, sans-serif;
}

/** LINKE SPALTE **/
#left {
position: absolute;
top: 0;
left: 0;
width: 190px;
padding: 0 0 10px 0;
border-bottom: 9px solid #038a5e;
}
#startseite #left {
top: 222px;
}
#left h2 {
font-size: 80%;
margin-bottom: 0;
}
#left p.sprache a {
width: 180px;
min-height: 2.6em;
display: block;
padding: 5px;
margin: 0 0 10px 0;
color: #fff;
background: #038a5e;
line-height: normal;
}
#left p.sprache a:hover {
background: #EA9913;
}
#left p.sprache a.mittig {
padding-top: 12px;
min-height: 2em;
}
* html #left p.sprache a.mittig {
padding-bottom: 12px;
}
#searchform {
width: 190px;
}
#searchform input {
color: #333;
background: #fff;
padding: 2px 2px 2px 1px;
width: 115px;
border: 1px solid #ccc;
font-size: 80%;
}
* html #searchform input {
width: 110px;
}
#searchform input.suchbutton {
font-weight: bold;
border: 1px solid #cccccc;
width: 60px;
padding: 2px 2px;
font-size: 80%;
text-align: center;
text-transform: uppercase;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
}

/** RECHTE SPALTE **/
#info {
float: right;
width: 240px;
background: transparent;
margin: 0 0 0 40px;
padding: 15px 0 0 0;
}
#startseite #info {
}
* html #startseite #info {
margin-top: 0;
}

/** Hauptinhalt **/
#inhalt {
margin: 0;
padding-left: 1px;
width: auto;
overflow: hidden;
}
* html #inhalt {
width: 466px;
}
* html .wholepage #inhalt {
width: 746px;
}
#inhalt img {
margin-top: 10px;
}
#startseite #inhalt img, #inhalt p img {
margin-top: 0;
}

/** FOOTER **/
#footercon {
width: 100%;
background: #B0B0A8 url(../layoutbilder_zentral/bg_footercon_grau.jpg) 0 -3px repeat-x;
}
#fusszeile {
clear: both;
position: relative;
width: 96%;
max-width: 980px;
min-width: 820px;
margin: 0 auto;
text-align: left;
min-height: 28px;
background: transparent;
}
#fusszeile p {
float: left;
padding: 10px 0;
margin: 0 0 0 230px;
line-height: 28px;
}

/*** NAVIGATIONEN ***

/** Zielgruppennavigation - horizontale Navigationsleiste **/
#topnavi {
position: absolute;
top: 74px;
width: 100%;
min-height: 28px;
}
#topnavi ul {
list-style: none;
border-left: 1px dotted #fff;
min-height: 28px;
}
#topnavi li {
display: inline;
}
#topnavi a, #topnavi span {
display: block;
float: left;
line-height: 28px;
padding: 0 10px;
margin: 0 1px 0 0;
font-weight: normal;
text-decoration: none;
color: #fff;
background: #B0B0A8;
border-right: 1px dotted #fff;
}
#topnavi a:hover {
color: #F2E8CF;
background: #038a5e;
}
#topnavi a.akt, #topnavi span {
color: #fff;
background: #038a5e;
}
/** Standortanzeige - breadcrumb-Navigation **/
#breadcrumb {
position: absolute;
top: 102px;
height: 26px;
width: 100%;
z-index: 100;
}
#startseite #breadcrumb {
top: 294px;
}
#breadcrumb p {
position: absolute;
top: 0;
left: 230px;
max-width: 760px;
min-width: 600px;
font-size: 65%;
float: left;
margin: 0 30px 0 0;
padding: 0;
line-height: 26px;
color: #333;
}
#breadcrumb span {
display: block;
float: left;
width: 7em;
line-height: 26px;
}
#breadcrumb a {
line-height: 26px;
padding: 0 0 0 12px;
background: transparent url(../layoutbilder_zentral/list3.gif) 0 2px no-repeat;
}
#breadcrumb a:hover {
color: #dd7400;
background: transparent url(../layoutbilder_zentral/list3orange.gif) 0 2px no-repeat;
}

/** Hauptnavigation - linke Spalte **/
#left ul {
width: 190px;
list-style: none;
border-top: 1px solid #038a5e;
margin: 5px 0 10px 0;
background: #FCFAF3;
}
#left ul li {
display: inline;
}
#left ul a, #left ul span {
display: block;
font-weight: normal;
text-decoration: none;
padding: 6px 0 6px 10px;
color: #4f4f4f;
background: #FCFAF3;
border-bottom: 1px solid #B0B0A8;
line-height: normal;
}
#left ul a:hover {
color: #000;
background: #fff;
}
#left ul span {
color: #000;
background: #C9C9C2;
font-size: 100%;
}
#left a.akt, #left span {
color: #000;
background: #D1D0CD;
}
#left li li a.akt, #left li li span {
color: #000;
background: #E2E2E2;
}
#left ul ul {
border-top: 0 none;
margin: 0;
}
#left li li a, #left li li span {
padding: 4px 0 4px 15px;
background: #F0F0EE;
}
#left li li a.akt, #left li li span {
color: #000;
background: #BDDDCE;
}
#left li li li a, #left li li li span {
padding: 2px 0 2px 20px;
background: #EEF7F2;
}
#left li li li a.akt, #left li li li span {
color: #000;
background: #D7EAE0;
}
/* Navigation Kontakt, Impressum, Inhaltsverzeichnis */
#toolnavi {
list-style: none;
padding: 0;
margin: 0;
height: 28px;
}
#toolnavi li {
display: inline;
}
#toolnavi a, #toolnavi span {
display: block;
float: left;
font-weight: bold;
text-decoration: none;
padding: 10px 8px;
line-height: 28px;
}
#toolnavi span {
color: #ea9913;
background: transparent;
}



/** Formatierungen #content (#info und #inhalt) **/
#content p {
line-height: 1.5em;
}
#content p span {
line-height: normal;
}
#content p {
margin: 8px 0;
}
/* Linkformatierung mit Icons */
#content a.link {
display: block;
padding: 0 0 0 12px;
background: transparent url(../layoutbilder_zentral/list3.gif) 0 3px no-repeat;
}
#content a.link:hover {
background: transparent url(../layoutbilder_zentral/list3orange.gif) 0 3px no-repeat;
}
#content p a.link, #content p a.link:hover {
background-position: 0 5px;
}
/* Listenformatierung mit Icons im hellen Kasten */
#content ul.linkbox {
list-style: none;
margin: 10px 0;
background: #fcfaf3;
padding: 10px;
border: 1px solid #ddcdb5;
}
#content ul.linkbox li {
display: inline;
line-height: normal;
padding: 0;
margin: 0;
}
#content ul.linkbox li a {
display: block;
line-height: normal;
vertical-align: top;
padding: 6px 0 6px 12px;
background: transparent url(../layoutbilder_zentral/list3.gif) 0 9px no-repeat;
}
#content ul.linkbox li a:hover {
color: #dd7400;
background: transparent url(../layoutbilder_zentral/list3orange.gif) 0 9px no-repeat;
}
/* Listenformatierung Linklisten mit Icon */
#content ul.link {
margin: 10px 0;
list-style: none;
}
#content ul.link li {
display: inline;
line-height: normal;
}
#content ul.link li a {
display: block;
line-height: normal;
vertical-align: top;
padding: 6px 0 6px 12px;
background: transparent url(../layoutbilder_zentral/list3.gif) 0 9px no-repeat;
}
#content ul.link li a:hover {
color: #dd7400;
background: transparent url(../layoutbilder_zentral/list3orange.gif) 0 9px no-repeat;
}
/* Listenformatierung mit Aufzaehlungszeichen */
#content ul {
margin: 10px 0 10px 20px;
padding: 0;
list-style: square;
}
#content ul ul {
margin: 3px 0 3px 20px;
}
#content ul ul ul {
margin: 1px 0 1px 20px;
}
#content ol {
margin: 10px 0 10px 25px;
list-style: decimal;
}
#content ol ol {
margin: 3px 0 3px 25px;
}
#content ul li, #content ol li {
padding: 0 0 10px 0;
}

/* YouTubeVideoTitle */
#startseite #info .video {
margin-top: -5px;
width: 240px;
}
#info p.v-titel {
color: #666;
background: #f5f5f5;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
padding: 2px 5px;
border: 1px solid #ccc;
}

/*** Allgemeine Klassen ***/
.float_right {
float: right;
display: block;
padding: 5px 0 10px 20px;
}
.float_left {
display: block;
float: left;
padding: 5px 20px 10px 0;
}
.notopmar {
margin-top: 0;
}
.invisible, .skip {
position: absolute;
top: -100em;
left: -2000em;
}
.absatztrenner {
clear: left;
}
.clear {
clear: both;
}
/** IE-Hacks fuer IE 6 **/
* html #left, 
* html #info, 
* html #inhalt { 
word-wrap: break-word; 
}