/**
 * Project: uni-bayreuth-Website
 * File: global.css
 *
 * Copyright (c) 2008 Universitaet Bayreuth
 *
 * Project owner:
 * Universitaet Bayreuth
 * 95440 Bayreuth, Germany
 * http://www.uni-bayreuth.de/
 *
 * @copyright 2008 clkm - cornelia lange
 * @author Cornelia Lange
 *
*/

* {
margin: 0;
padding: 0;
}
html, body, img, fieldset {
border: 0 solid;
}
/* HTML Elemente */
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff url(../IMG/bg_body.gif) 0 0 repeat-x;
text-align: center;
}
#lehrstuhl {
color: #000;
background: #fff url(../IMG/bg_body_lehrstuhl.gif) 0 0 repeat-x;
}
#lehrstuhl_medium {
color: #000;
background: #fff url(../IMG/bg_body_lehrstuhl_medium.gif) 0 0 repeat-x;
}
#lehrstuhl_small {
color: #000;
background: #fff url(../IMG/bg_body_lehrstuhl_small.gif) 0 0 repeat-x;
}
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 acronym {
cursor: help;
border-bottom: 0 none;
}
h2 {
font-size: 0.90em;
margin: 20px 0 10px 0;
color: #333;
}
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;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2 code, h3 code, h4 code, h5 code, h6 code,
p a, p pre, 
li h2, li h3, li h4, li h5, li h6, li p, li a, li code, li pre, li li,
input a, label a, label input, dt a, dd a, dt dt, dd dt, dd dd, dd li, 
td code, td pre, td a, th a, td label, td input, td select {
font-size: 100%;
}
caption {
font-weight: bold;
text-align: left;
} 
table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 15px 0;
}
table.data th, table.data td {
border: 1px solid #ccc;
}
th {
text-align: left;
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 {
color: #00407a;
background: transparent;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #00407a;
}
a:hover, a:focus, a:active {
color: #333;
background-color: #ececec;
text-decoration: none;
background-image: none;
}
#content a {
padding: 0 0 0 12px;
line-height: normal;
}
#content a:link {
color: #00407a;
background: transparent url(../IMG/internlink1.gif) 0 3px no-repeat;
}
#content a:visited {
color: #00407a;
background: transparent url(../IMG/internlink1.gif) 0 -37px no-repeat;
}
#content a:hover, #content a:active, #content a:focus {
color: #EA9913;
background: transparent url(../IMG/internlink1.gif) 0 -77px no-repeat;
}
#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 */

#rahmen {
position: relative;
width: 96%;
max-width: 980px;
min-width: 820px;
margin: 0 auto;
text-align: left;
}
#wrapper {width: 99%;
max-width: 1200px; 
min-width: 550px;}

* html #rahmen {
width: 980px /* fallback value fuer IE 6*/;
 }

#sprungmarken {
position: absolute;
top: -1000em;
left: -2000em;
}

#kopfzeile {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 24px;
background: transparent;
}
#kopfzeile #uni-logo {
float: right;
border-right: 1px solid #ececec;
}
#kopfzeile ul {
margin: 0;
border-left: 1px solid #ececec;
height: 24px;
padding: 0;
}
#kopfzeile li {
display: inline;
}
#kopfzeile li a {
display: block;
float: left;
line-height: 21px;
padding: 1px 10px;
border-right: 1px dotted #ececec;
color: #fff;
background: transparent;
}
#printlogo {
display: none;
}
#header {
position: absolute;
width: 100%;
height: 102px;
background: #038A5E;
}
#lehrstuhl #header {
top: 24px;
height: 135px;
}
#lehrstuhl_medium #header {
top: 24px;
height: 102px;
}
#lehrstuhl_small #header {
top: 24px;
height: 78px;
}
#logo {
float: right;
width: 240px;
margin: 20px 0 0 0;
background: #038A5E;
}
#bereich {
position: absolute;
top: 20px;
left: 230px;
width: 520px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ececec;
background: #038a5e;
font-size: 160%;
}
#bereichslogo {
position: absolute;
top: 0;
left: 0;
width: 190px;
height: 135px;
background: #038a5e;
overflow: hidden;
text-align: center;
}
#lehrstuhl_medium #bereichslogo {
height: 102px;
}
#lehrstuhl_small #bereichslogo {
height: 78px;
}
#fakultaet #bereichslogo {
height: 102px;
}

/* Zielgruppennavigation */
#topnavi {
position: absolute;
top: 102px;
width: 100%;
min-height: 30px;
}
#lehrstuhl #topnavi {
top: 159px;
}
#lehrstuhl_medium #topnavi {
top: 126px;
}
#topnavi ul {
list-style: none;
border-left: 1px solid #ececec;
min-height: 30px;
}
#topnavi li {
display: inline;
}
#topnavi a, #topnavi span {
display: block;
float: left;
line-height: 30px;
padding: 0 10px;
margin: 0 1px 0 0;
font-weight: bold;
text-decoration: none;
color: #4f4f4f;
background: #d2d2d2;
border-right: 1px solid #ececec;
}
#topnavi a:hover {
color: #d2d2d2;
background: #038a5e;
}
#topnavi a.akt, #topnavi span {
color: #fff;
background: #038a5e;
}
#direktwahl {
position: absolute;
top: 60px;
left: 0;
}
#searchform {
margin: 10px 0;
border-top: 1px solid #ccc;
padding-top: 7px;
}
#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;
}
#direktwahl select {
color: #333;
background: #fff;
padding: 1px 2px;
font-size: 75%;
font-family: Arial, Helvetica, sans-serif;
}
#direktwahl input.suchbutton {
background: transparent;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
width: 10.5em;
padding: 1px 2px;
font-size: 80%;
text-align: center;
text-transform: uppercase;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
}

#breadcrumb {
position: absolute;
top: 132px;
height: 30px;
width: 100%;
}
#lehrstuhl #breadcrumb {
top: 189px;
}
#lehrstuhl_medium #breadcrumb {
top: 156px;
}

#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: 7px 0 0 0;
}
#breadcrumb span {
display: block;
float: left;
width: 7em;
height: 30px;
}
#breadcrumb a {
padding: 0 0 0 12px;
background: transparent url(../IMG/internlink1.gif) 0 3px no-repeat;
}
#breadcrumb a:hover {
padding: 0 0 0 12px;
color: #ea9913;
background: transparent url(../IMG/internlink1.gif) 0 -77px no-repeat;
}

#left {
position: absolute;
top: 152px;
left: 0;
width: 190px;
padding: 0 0 10px 0;
border-bottom: 9px solid #038a5e;
}
#lehrstuhl #left {
top: 239px;
}
#lehrstuhl_medium #left {
top: 206px;
}
#left h2 {
font-size: 80%;
margin-bottom: 0;
}
#left p.zumstart a {
display: block;
padding: 0 0 10px 14px;
margin: 20px 0 0 0;
color: #038a5e;
background: transparent url(../IMG/uni_menu_icon.gif) 0 2px no-repeat;
}
#left p.zumstart a:hover {
color: #ea9913;
background: transparent url(../IMG/uni_menu_icon.gif) 0 2px no-repeat;
}

#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;
}

#left p.linkbox a, #left p.linkbox span {
width: 180px;
display: block;
padding: 5px 0 5px 10px;
font-weight: normal;
color: #4f4f4f;
background: #f5f5f5;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
}
#left p.linkbox a:hover {
color: #4f4f4f;
background: #ececec;
}
#left p.linkbox a.akt {
color: #000;
background: #d2d2d2;
font-size: 100%;
}
/* Menue in der linken Spalte */
#left ul {
width: 190px;
list-style: none;
border-top: 1px solid #038a5e;
margin: 5px 0 10px 0;
background: #f5f5f5;
}
#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: #f5f5f5;
border-bottom: 1px solid #d2d2d2;
line-height: normal;
}
#left ul a:hover {
color: #4f4f4f;
background: #ececec;
}
#left ul span {
color: #000;
background: #d2d2d2;
font-size: 100%;
}
#left a.akt, #left span {
color: #000;
background: #d2d2d2;
}
#left li li a.akt, #left li li span {
color: #000;
background: #E2E2E2;
}
#left li li li a.akt, #left li li li span {
color: #000;
background: #D3E6ED;
}
#left ul ul {
border-top: 0 none;
margin: 0;
}
#left li li a, #left li li span {
padding: 4px 0 4px 15px;
}
#left li li li a, #left li li li span {
padding: 2px 0 2px 30px;
}

#main {
clear: left;
padding-top: 142px;
}
#lehrstuhl #main {
padding-top: 239px;
}
#lehrstuhl_medium #main {
padding-top: 206px;
}
#content {
margin: 0 0 0 230px;
}
h1 {
font-size: 1.1em;
margin: 0 0 13px 0;
padding: 10px 0 0 18px;
background: transparent url(../IMG/quadrat.gif) 0 13px no-repeat;
}
#startseite h1 {
margin-top: 15px;
background: transparent url(../IMG/quadrat.gif) 0 13px no-repeat;
}
/* IE Hack fuer Guillotine-Bug background-image IE 6 */
* html h1 {
zoom: 1;
}

#info {
float: right;
width: 240px;
background: #fff;
margin: 0 0 0 40px;
}
#startseite #info {
margin-top: 5px;
}
* html #startseite #info {
margin-top: 0;
}
#fakultaet #info {
margin-top: 5px;
}
#info #line {
width: 100%;
margin-top: 5px;
border-top: 1px solid #ccc;
}
#info a, #info strong, #inhalt a, #inhalt strong, #fusszeile a, #fusszeile span {
font-size: 90%;
}

#inhalt {
margin: 0;
padding-left: 1px;
width: auto;
overflow: hidden;
}
* html #inhalt {
width: 466px;
}
#inhalt img {
margin-top: 10px;
}
#startseite #inhalt img, #inhalt p img {
margin-top: 0;
}
body.nocolumn #inhalt {
margin: 0 30px 0 0;
}
body.text #inhalt {
max-width: 620px;
margin: 0;
}
* html body.text #inhalt {
width: 620px;
}
#fusszeile {
border-top: 1px solid #d2d2d2;
clear: both;
margin: 10px 0 10px 230px;
}
#fusszeile p {
float: left;
padding: 5px 0;
margin: 0;
}

/* Navigation Kontakt, Impressum, Inhaltsverzeichnis */
#toolnavi {
list-style: none;
padding: 0;
margin: 0;
}
#toolnavi li {
display: inline;
}
#toolnavi a, #toolnavi span {
display: block;
float: left;
font-weight: bold;
text-decoration: none;
padding: 5px 8px;
}
#toolnavi span {
color: #ea9913;
background: transparent;
}

/* Formatierungen #content */
#main p, #main li {
line-height: 1.5em;
}
#main p span {
line-height: normal;
}
#content p {
margin: 8px 0;
}
#content ul {
list-style: none;
margin: 8px 0;
}
#content li {
padding: 0;
margin: 0 0 5px 0;
background: transparent;
}

#info h2 {
font-size: 80%;
margin: 10px 0;
}
#zweispalten #info h2 {
font-size: 90%;
}


#main ul.liste {
margin: 10px 0 10px 20px;
list-style: square;
}

/* 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 */

img.start {
margin-left: 220px;
}

.bildrechts240 {
float: right;
width: 240px;
margin: 5px 0 10px 30px;
}
.bildlinks240 {
float: left;
width: 240px;
margin: 5px 30px 10px 0;
}
.bildrechts160 {
float: right;
width: 160px;
margin: 5px 0 10px 30px;
}
.bildlinks160 {
float: left;
width: 160px;
margin: 5px 30px 10px 0;
}
.bildrechts240 span, 
.bildlinks240 span, 
.bildrechts160 span, 
.bildlinks160 span {
font-size: 80%;
padding: 0;
margin: 0;
line-height: normal;
font-weight: bold;
}
.seitenbild {
margin-top: 15px;
}
.bildrechts {
float: right;
margin: 5px 0 10px 30px;
}
.bildlinks {
float: left;
margin: 5px 30px 10px 0;
}
.notopmar {
margin-top: 0;
}
.invisible {
position: absolute;
top: -100em;
left: -2000em;
}
.startseitenbild {
overflow: hidden;
}
.absatztrenner {
clear: left;
}

/* IE-Hacks fuer IE 6 */

* html #left, 
* html #info, 
* html #inhalt { 
word-wrap: break-word; 
}

.float_right {
float:right;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
}

.float_left  {
float:left;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
}
