/* CSS-Datei ASB-Ruhr, Aufteilung: Seitenlayout, allgemeine Formatierungen,
Bilderformatierungen, Formatierungen für spezielle Bereiche. */

/* Seitenlayout */

#oben {
position: fixed;// position: absolute;
z-index: 2;
top: 0;
left: 0;
padding-left: 10px;
height: 50px;
width: 100%;
background-image: url(../graf/gracs/asb_aut.gif);
}

#obenleft {
position: relative;
float: left;
left: 2;
z-index: 3;
background-image: url(../graf/gracs/gal_sam.gif);
background-repeat: no-repeat;
margin-top: 5px;
width: 190px;
height: 140%;
}


#oben ul {
padding: 3px 0;
margin-left: 200px;
border: none;
font: bolder 14px Verdana, sans-serif;
}

#oben ul li {
list-style: none;
margin: 0;
display: inline;
}

#oben ul li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid gold;
border-bottom: 4px solid gold;
background-image: url(../graf/gracs/asb_aut_kl.gif);
text-decoration: none;
color:white;
}

#oben ul li a:link:hover, #oben ul li a:visited:hover {
background: lightyellow;
color: darkblue;
}


#mitte {
position: absolute;
z-index: 1;
background-color: aliceblue;
background-image: url(../graf/gracs/asb_aut.gif);
background-repeat: repeat-y;
top: 50px;
padding-right: 20px;
padding-left: 80px;
left: 0;
width: 90%;
}

#mitteb {
position: absolute;
z-index: 1;
background-color: aliceblue;
background-image: url(../graf/gracs/bjw_higru.jpg);
top: 50px;
padding-right: 20px;
padding-left: 80px;
left: 0;
width: 90%;
color: darkgreen;
}

#mittel {
position: fixed;// position: absolute;
z-index: 2;
padding-left: 10px;
overflow: hidden;
left: 0px;
top: 55px;
}

/* Standardbestandteile */

body {
font-family: Garamond, Times, serif;
}

h2 {
margin-top: 50px;
}

h3 {
padding-top: 10px;
color: darkgray;
text-align: center;
font-size: x-large;
}

h3:first-letter {
color: blue;
font-weight: bolder;
font-size: 140%;
}

h4 {
color: black;
font-size: 85%;
text-align: right;
margin-top: 0px;
margin-right: 5px;
}

/* Bilderblocks */

#bic {
text-align: center;
}

.bic {
text-align: center;
}

.bir {
float: right;
margin: 5px;
width: 70%;
}

.birkl {
float: right;
}

.bil {
float: left;
margin: 5px;
border: 1;
}

.bil {
float: left;
margin: 5px;
border: 1;
width: 200px;
}

.birm {
width: 120px;
float: right;
margin: 5px;
right: 0;
margin-left: 200px;
}

.birlo {
width: 80;
float: right;
border: none;
right: 0;
margin-left: 200px;
}

/* Blockquotebestandteile */

.sond {
background-image: url(../graf/ausst/bl.gif);
background-repeat: no-repeat;
float: left;
width: 200px;
margin: 0 0 0 0;
padding: 15px 0 0 20px;
font-family: optima, arial, sans-serif;
font-style: italic;
font-weight: bolder;
}

.sond p {
margin: 0;
padding: 0px 10px 15px 0px;
width: 180px;
text-align: justify;
line-height: 1.1em;
background-image: url(../graf/ausst/br.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

/* Seitenlayout Galerie */

#galli {
position: relative;
float: left;
top: 20px;
margin: 2px;
width: 150px;
height: 190px;
background: darkblue;
border: groove 4px dimgray;
overflow: auto;
}

#galli1 {
position: relative;
float: left;
top: 20px;
margin: 2px;
width: 150px;
height: 190px;
background: darkblue;
border: groove 4px dimgray;
overflow: auto;
}

#galli2 {
position: relative;
float: left;
top: 20px;
margin: 2px;
width: 150px;
height: 190px;
background: darkblue;
border: groove 4px dimgray;
overflow: auto;
}

#galli, #galli1, #galli2 p {
font-size: 80%;
font-style: italic;
font-weight: bold;
color: white;
text-align: center;
}

hr {
clear: both;
color: white;
border: none;
}