/* Geologie css */

/* standart elements */

html {
font: 101% arial, sans serif;
}

body {
font: 0.8em /1.5 arial, sans serif;
margin: 0;
text-align: center;
}

p {
text-align: justify;
margin: 0 auto;
padding: 15px;
}

h1 {
color: #990033;
font: bold 1.5em arial, sans serif;
text-align: left;
text-indent: 3em;
text-decoration: none;
}

h2 {
font: bold 1.5em arial, sans serif;
text-align: center;
margin: 0;
color: #990033;
text-decoration: none;
}

h3 {
text-decoration: underline;
font: bold 1.2em arial, sans serif;
text-align: left;
margin: 0 0 0 40px;
}

h4 {
font: bold 101% arial, sans serif;
text-align: left;
margin: 0 0 0 40px;
color: #000000;
text-decoration: underline;
text-decoration: none;
}

h5 {
font: bold 86% arial, sans serif;
text-align: left;
margin: 0;
text-decoration: none;
}

h6 {
font: bold 101% arial, sans serif;
text-align: center;
margin: 0;
color: #990033;
text-indent: 2em;
text-decoration: none;
}

small {
font: 86% arial, sans serif;
text-align: left;
margin: 0;
}

strong {
font: 101% arial, sans serif;
text-align: left;
margin: 0;
}

hr {
margin: 10px auto;
width: 90%;
background-color: #000000;
height: 1px;
text-align: center;
}

table {
border: 0px solid #000099;
width: 99%;
margin: 0 auto;
padding: 5px;
}

td {
border: 0px solid #000099;
width: 25%;
text-align: left;
font: 10px arial, sans serif;
}

#main a {
text-decoration: none;
color: #000099;
}

#main a:hover {
text-decoration: underline;
color: #000099;
}

#main a:visited {
color: #000099;
}

li.top {
list-style: none outside;
float: right;
text-align: center;
margin: 0;
display: block;
width: 90px;
}

li.top a {
text-decoration: none;
border-left: 1px solid #cccc99;
line-height: 1.5em;
width: 88px;
text-align: center;
color: #cccc99;
margin: auto;
padding-left: 5px;
}

li.top a:hover {
text-decoration: underline;
color: #cccc99;
width: 88px;
}

ul {
margin-top: 0px;
text-align: left;
}

/* special elements */

#warning {
visibility: hidden;
}

#banner {
top: 1px;
width: 99%;
background: #cc9966 /* url(banner.jpg) no-repeat fixed center top */;
color: #0000cc;
position: fixed;
z-index: 3;
height: 90px;
vertical-align: middle;
left: 5px;
}

#topnav {
top: 91px;
width: 99%;
height: 1.5em;
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
position: fixed;
z-index: 2;
background-color: #996633;
color: #cccc99;
vertical-align: middle;
left: 5px;
}

#main {
margin: 130px auto 15px auto;
padding: 0 2% 1 0;
line-height: 1.2em;
height: 90%;
min-height: 430px;
position: static;
z-index: 5;
background-color: #ffffff;
color: #000000;
float: right;
width: 78%;
}

/* Hauptnavigation */

ul#mainnav {
font-weight: bold;
text-align: left;
list-style: none;
margin: 0px;
padding: 0px;
background-color: #996633;
width: 100%;
height: 100%;
}

ul#mainnav li {
display: block;
border-top: 1px solid #cccc99;
margin: 0px 5px;
}

ul#mainnav li a {
display: block;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
background-color: #996633;
color: #cccc99;
text-decoration: none;
width: 88%;
}

ul#mainnav li a:hover {
text-decoration: underline;
color: #cccc99;
}

#nav {
left: 3px;
margin: 130px 0 0 0;
text-decoration: none;
padding: 0;
border: 2px solid #cccc99;
position: fixed;
background-color: #996633;
color: #cccc99;
float: left;
position: fixed;
width: 17%;
min-width: 170px;
}

.important a {
color: #cc9966 !important;
}

.important a:hover {
text-decoration: underline !important;
}

/* fußzeile */

#footer {
z-index: 1;
width: 99%;
height: 1.5em;
margin: 0 auto 1px auto;
bottom: 1px;
left: 0.5%;
background-color: #996633;
color: #cccc99;
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
clear: all;
position: fixed;
}

/* Sonstiges */

/* --- Für Startseite --- */

#content {
z-index: 1;
position: absolute;
margin: 0 auto;
top: 150px;
left: 25%;
font-weight: bolder;
width: 706px;
}

#bgpic {
z-index: 0;
position: absolute;
margin: 0 auto;
top: 70px;
left: 25%;
}

/* --- Ende --- */

/*]]>*/
/* Das wars... c'est toutes... thats all... */