cryptocd/cd-template/ausLese/raven/raven.css
2005-04-23 20:35:52 +00:00

1000 lines
16 KiB
CSS

/*
CCS by Kai Raven
http://kai.iks-jena.de/
Open Content License
*/
/* Standard Body */
body,html {
/*background-color: #CCCC99;*/
background-color: #9F9F50;
color: #000000;
margin: 0px;
padding: 0px;
border-width: 0px;
/*font-family: Arial, Helvetica, Verdana, "Andale Mono", sans-serif;*/
font-family: sans-serif, serif;
font-size: 101%;
}
form {
margin-top: 0px;
}
/* Standard Linkfarben */
a:link {
color: #0000cc;
background-color: transparent;
}
a:visited {
color: #0000cc;
background-color: transparent;
}
a:hover {
color: #000066;
background-color: transparent;
}
a:active {
color: #ffffff;
background-color: #0000cc;
padding-top: 2px;
padding-bottom: 2px;
}
/* Andere Linkfarben */
a.weiss {
color : #FFFFFF;
background-color: transparent;
}
a.schwarz {
color : #000000;
background-color: transparent;
}
/* Standard Listen Typen */
li {
margin-top: 10px;
margin-bottom: 10px;
}
li.noli {
list-style-type: none;
}
ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
ol.alow {
list-style-type: lower-alpha;
}
ol.aup {
list-style-type: upper-alpha;
}
ul.kreis {
list-style-type: disc;
}
dt {
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}
/* Bilder */
img {
border-width: 0px;
}
.imgcom-l {
float: left;
margin-right: 20px;
margin-bottom: 10px;
vertical-align: top;
}
.imgcom-r {
float: right;
margin-left: 20px;
margin-bottom: 15px;
vertical-align: top;
}
.imgabs {
margin-bottom: 20px;
margin-top: 20px;
}
/* hochgestellt */
.hoch {
vertical-align: super;
font-size: 0.8em;
margin-left: 1px;
}
/* HR */
hr {
width: 100%;
height: 1px;
text-align: center;
background-color: #003300;
color: #000000;
border: 0px;
}
/* Listung mit Absatz */
ul.ab {
margin-bottom: 10px;
}
.ab {
margin-top: 10px;
margin-bottom: 10px;
}
/* Überschrift */
.us1,.us2,.us3,.us4,.us5,.us6,.nbb1,.nbb2 {
font-weight: bold;
font-style: normal;
margin-top: 20px;
margin-bottom: 10px;
}
.us1 {
font-size: 1.9em;
}
.us2 {
font-size: 1.5em;
}
.us3 {
font-size: 1.2em;
}
.us4 {
font-size: 1.1em;
}
.us5,.nbb1 {
font-size: 1.0em;
}
.us6,.nbb2 {
font-size: 0.9em;
}
/* Tabellen */
table {
table-layout: fixed;
border-collapse: collapse;
}
td {
vertical-align: top;
}
caption {
caption-side: top;
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}
.table {
display: table;
/* border: 1px solid #000000; */
}
.intable {
display: inline-table;
}
.trow {
display: table-row;
}
.tbody {
display: table-row-group;
}
.tkopf {
display: table-header-group;
}
.tfoot {
display: table-footer-group;
}
.tcol {
display: table-column;
}
.tcell {
display: table-cell;
border: 1px solid #000000;
}
.tus {
display: table-caption;
font-weight: bold;
}
.einzug {
margin-left: 20px;
}
.padsc {
padding : 5px;
color : #000000;
background-color: transparent;
} /*Abstand*/
.padw {
padding : 5px;
color : #FFFFFF;
background-color: transparent;
} /*Abstand*/
/* Begin Farben */
.blau {
color:#0000CE;
background-color: transparent;
} /*Blau*/
.braun {
color: #663300;
background-color: transparent;
} /*Braun*/
.rot {
color:#cc0000;
background-color: transparent;
} /*Rot*/
.gruen {
color:#008020;
background-color: transparent;
} /*Grün*/
.g {
color:#336633;
background-color: transparent;
} /*DunkelGrün*/
.ng {
color:#00c700;
background-color: transparent;
} /*Neongrün*/
.p {
color:#ff00ff;
background-color: transparent;
} /*Magic Pink*/
.go {
color:#BFBF00;
background-color: transparent;
} /*Gold*/
.w {
color:#ffffff;
background-color: transparent;
} /*Weiss*/
.sc {
color:#000000;
background-color: transparent;
} /*Schwarz*/
.y {
color:#ffff00;
background-color: transparent;
} /*Gelb*/
.dgr {
color:#363636;
background-color: transparent;
} /*Dunkelgrau*/
.gr {
color: #999999;
background-color: transparent;
} /*Hellgrau*/
.k {
color:#ff6600;
background-color: transparent;
} /*Ziegelrot*/
.fw {
color:#ffffff;
background-color: transparent;
font-weight:bold;
} /*Weiss-fett*/
.fb {
color:#000000;
background-color: transparent;
font-weight:bold;
} /*Schwarz-fett*/
.fr {
color:#BF0000;
background-color: transparent;
font-weight:bold;
} /*Rot-fett*/
.grh {
color: #000000;
background-color:#cccccc;
} /*Hintergrund grau*/
.dh {
color: #000000;
background-color:#383838;
} /*Hintergrund dunkelgrau*/
.o {
color: #000000;
background-color:#ffcc99;
} /*Hintergrund ocker*/
.wh {
color: #000000;
background-color:#ffffff;
} /*Hintergrund weiss*/
.rh {
color: #000000;
background-color:#BF0000;
} /*Hintergrund Rot*/
.bh {
color: #000000;
background-color:#e6eced;
} /*Hintergrund hellblau*/
/* End Farben */
.color {
background-color: #c0c0c0;
color: #000000;
} /*graue Zelle, schwarzer Font*/
.ws {
background-color: #ffffff;
color:#000000;
font-weight:bold;
text-align:center;
} /*weiße Zelle, schwarzer Font*/
.sw {
background-color: #000000;
color: #ffffff;
font-weight: bold;
text-align:center;
} /*schwarze Zelle, weißer Font*/
.scc {
text-align:center;
color:black;
background-color: transparent;
} /*Font zentriert, schwarz*/
.schg {
text-align: center;
color: #999999;
background-color: transparent;
} /*Font zentriert, hellgrau*/
.scdg {
text-align: center;
color: #666666;
background-color: transparent;
} /*Font zentriert, dunkelgrau*/
.scr {
text-align: right;
color: #000000;
background-color: transparent;
} /*Font rechtsbündig, schwarz*/
.bo, .b, sup {
font-weight: bold;
} /*Font fett*/
.u {
text-decoration: underline;
} /*unterstrichen*/
.i {
font-style : italic;
} /*invers*/
.m {
font-size: medium;
} /*Font mittel*/
.l {
font-size: large;
} /*Font gross*/
.sm {
font-size: 0.9em;
} /*Font klein*/
.ssm {
font-size: xx-small;
} /*Font sehr klein*/
.x {
font-size: x-large;
} /*Font sehr gross*/
.smcap {
font-variant: small-caps;
} /* kleine Grossbuchstaben */
.un {
text-decoration: underline;
} /*unterstrichen*/
.zen {
text-align: center;
} /* zentriert */
.block {
text-align : justify;
} /* Blocksatz */
.rechts {
text-align: right;
} /* rechtsbündig */
.links {
text-align: left;
} /* linksbündig */
.top {
vertical-align: top;
} /* obenbündig */
.ra {
border-style: ridge;
border-color: #CCCCCC;
border-width: 3pt;
} /*Rahmen dünn-grau*/
.rablack {
border-style: solid;
border-color: #000000;
border-width: 1px;
}
.date {
background : Silver;
font-weight : bold;
text-align : right;
color : Black;
}
.smblock {
font-size: small;
text-align: justify;
}
.r {
font-weight: bold;
color: #000000;
}
/* Pre-Normal*/
.pre {
font-family: sans-serif, serif;
font-size: 101%;
}
.mitte {
margin-left: auto;
margin-right: auto;
}
.c-links {
clear: left;
}
.c-rechts {
clear: right;
}
.c-beide {
clear: both;
}
.f-links {
float: left;
}
.f-rechts {
float: right;
}
.autoblock {
display: block;
max-width: 100%;
overflow: auto;
}
/* Titelleiste */
div#titelbox {
padding: 0px;
margin: 0px;
width: 100%;
height: 65px;
border-left-width: 0px;
border-left-style: none;
border-left-color: #330000;
border-right-width: 0px;
border-right-style: none;
border-right-color: #330000;
border-top: 3px double #CCCC99;
border-bottom: 3px double #330000;
background-color: #666633;
}
div#titelcon {
border: 0px none transparent;
width: 700px;
position: absolute; top: 0px; left: 70px;
}
img#titellogo {
float: left;
margin-left: 45px;
padding-top: 10px;
padding-bottom: 5px;
}
span#titel {
position: absolute; top: 25px; left: 95px;
font-size: 1.7em;
font-weight: bolder;
font-variant: small-caps;
word-spacing: 2pt;
letter-spacing: 5pt;
color: #cdc9a5;
}
.privtitel {
color: #cdc9a5;
}
/* Zierrahmen */
div#zier1 {
position: absolute; top: 71px; left: 0px;
height: 5px;
width: 100%;
color: #FFFFFF;
background-color: #003300;
}
div#zier2 {
position: absolute; top: 76px; left: 0px;
height: 3px;
width: 100%;
color: #FFFFCC;
background-color: #336633;
}
div#zier3 {
position: absolute; top: 79px; left: 0px;
height: 1px;
width: 100%;
color: #FFFFFF;
background-color: #000000;
}
/* Container für Inhalt und Navleiste*/
div#container {
width: 770px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
border: 0px none transparent;
}
div#galcontainer {
width: 780px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 0px;
border: 0px none transparent;
}
/* Inhalt */
div#inhalt {
padding: 0px;
margin-right: 0px;
background-color: #CCCC99;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 20px;
width: 588px;
float: left;
}
div#galinhalt {
padding: 0px;
margin-right: 0px;
background-color: #CCCC99;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 20px;
width: 780px;
}
div.inhaltstitel {
width: auto;
min-height: 14px;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #003300;
color: #e6e6e6;
font-weight: bold;
font-size: 0.8em;
text-align: left;
letter-spacing: 2pt;
border: 0px none transparent;
}
div.inhaltstitel a:link {
background-color: #003300;
color: #e6e6e6;
}
div.inhaltstitel a:visited {
background-color: #003300;
color: #e6e6e6;
}
div.inhaltstitel a:hover {
background-color: #003300;
color: #cdc9a5;
}
div.inhaltstitel a:active {
background-color: #003300;
color: #e6e6e6;
}
div.inhaltstitel a:focus {
background-color: #003300;
color: #e6e6e6;
}
.tab table {
border-spacing: 10px;
border: 1px solid #000000;
border-collapse: collapse;
}
.tab td,th {
border: 1px solid #000000;
padding: 5px;
vertical-align: top;
}
.tab caption {
padding-top: 20px;
}
div#inhaltkern {
color: #000000;
background-color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
padding-bottom: 60px;
line-height: 125%;
font-size: 101%;
/*border: 1px solid #003300;*/
border-left: 2px solid #003300;
border-right: 2px solid #003300;
}
div#inhaltkern a:hover {
background-color: #e6e6e6;
padding-top: 2px;
padding-bottom: 2px;
}
/* Navigationssidebar */
div#navmenu {
float: right;
width: 175px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 20px;
margin-right: 0px;
padding: 0px;
background-color: transparent;
color: #000000;
vertical-align: top;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
/* border-bottom: 2px solid #000000; */
border-bottom: 0px none transparent;
}
div#navkopf {
background-color: #003300;
color: #e6e6e6;
font-size: 0.8em;
font-weight: bold;
padding: 2px;
letter-spacing: 3pt;
text-align: right;
border-bottom: 2px solid #000000;
}
div#navfuss {
background-color: #003300;
color: #e6e6e6;
font-size: 0.8em;
font-weight: bold;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 3px;
padding-right: 5px;
letter-spacing: 3pt;
text-align: right;
border: 0px none transparent;
}
div#paypal {
width: 62px;
margin-left: auto;
margin-right: auto;
}
img#fuss {
float: right;
margin-left: 5px;
}
div.navlink {
border-bottom-color: #333333;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
vertical-align: top;
padding: 0px;
font-weight: bold;
font-size: 1.0em;
font-variant: small-caps;
text-decoration: none;
letter-spacing: 1pt;
text-align: left;
}
div.navlink a {
display: block;
margin: 0px;
padding-top: 2px;
padding-left: 10px;
padding-bottom: 2px;
}
div.navlink a:link {
background-color: #CCCC99;
color: #003300;
}
div.navlink a:visited {
background-color: #CCCC99;
color: #003300;
}
div.navlink a:hover {
background-color: #336633;
color: #FFFFCC;
}
div.navlink a:active {
background-color: #CC0000;
color: #FFFFFF;
}
div.navlink a:focus {
background-color: #336633;
color: #FFFFCC;
}
div.navtext {
border-bottom-color: #333333;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
vertical-align: top;
padding-top: 3px;
padding-left: 20px;
padding-bottom: 3px;
padding-right: 5px;
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
text-align: left;
color: #000000;
background-color: #CCCB88;
}
.smbutton {
margin-top: 5px;
}
div#footer {
clear: both;
padding-left: 0px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 4px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
color: #cdc9a5;
width: 100%;
border-left-width: 0px;
border-left-style: none;
border-left-color: #330000;
border-right-width: 0px;
border-right-style: none;
border-right-color: #330000;
border-top: 3px double #330000;
border-bottom: 3px double #330000;
background-color: #666633;
}
/* Leiste Small Buttons*/
#footertext {
margin-right: 5px;
float: left;
}
#footertext img {
width: 80px;
height: 15px;
}
div#smallbuttons {
height: auto;
margin-top: 5px;
width: 770px;
margin-left: auto;
margin-right: auto;
border: 0px none transparent;
}
/* Zitatbox */
.zitat {
padding: 15px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #000000;
background-color: #F2F6F2;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
width: 90%;
}
.spalte {
width: 48%;
height: auto;
color: #000000;
background-color: transparent;
vertical-align: top;
border-width: 0px;
border-style: none;
padding: 0px;
margin: 0px;
text-align: left;
}
/* Seitennavigation */
p#nav {
margin-top: 30px;
text-align: center;
}
.zen-kontakt {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 87%;
}
.zen-nobigb {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 87%;
}
/* Kontakttitel */
.kontakttitel {
width: 60%;
padding: 2px 2px 2px 30px;
margin-top: 6%;
background-color: #003300;
color: #ffffff;
font-weight: bold;
text-align: left;
border-left: 2px solid #000000;
border-top: 2px solid #000000;
border-right: 2px solid #000000;
font-variant: small-caps;
font-size: 1.1em;
}
/* Kontaktbox */
.kontaktbox {
height: auto;
padding: 10px 30px 10px 30px;
margin: 0px;
border-left: 1px solid #003300;
border-right: 1px solid #003300;
border-top: 1px solid #003300;
border-bottom: 1px solid #003300;
color: #000000;
background-color: #F2F6F2;
}
/* RSS,GeoURL Button */
.knopf1 {
font-weight: bold;
text-decoration: none;
color: #000000;
background-color: #cccc99;
border: 1px solid #000000;
padding: 0px 3px 0px 3px;
margin: 0px;
}
.knopf2 {
font-weight: normal;
font-size: 0.8em;
text-decoration: none;
color: #000000;
background-color: #cccc99;
border: 1px solid #999966;
padding: 0px 3px 0px 3px;
margin: 0px;
}
/* NBB Ueberschriften */
.nbb1 {
border-bottom-color: #336633;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
color: #363636;
padding: 0px 0px 4px 0px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1pt;
}
.nbb2 {
border-bottom-color: #336633;
border-width: 0px 0px 1px 0px;
border-style: none none solid none;
color: #363636;
padding: 0px 0px 4px 0px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1pt;
}
/* Webring-Box */
#ringbox {
background-color: #000000;
color: #CCCCCC;
height: auto;
padding: 3px;
width: 470px;
font-weight: bold;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
#ringlogo {
margin: 10px 10px 10px 10px;
float: left;
}
#ringtext {
min-height: 67px;
/*overflow: auto; */
padding-top: 5px;
}
#ringnav {
background-color: #CCCCCC;
color: #000000;
font-weight: normal;
height: auto;
padding: 5px;
margin-top: 3px;
width: 460px;
text-align: center;
}
.wall {
border: 1px solid #000000;
width: 580px;
height: 435px;
margin-top: 10px;
}
.border1 {
border: 1px solid #000000;
}