/* CSS Styles for seminarraum-dachau.lasslos.net, Author Tim Reeves, Stand 2009-06-20 */
/* For the xml parser and standards-conform mode the canvas is , not */
/* Scrollers here are in the foreground in all browsers, however - */
/* when scrollers come and what they move differs across browsers. */
html {
width: 100%;
height: 100%; /* Gecko and Opera both need this, in html AND body */
margin: 0px;
padding: 0px;
overflow: hidden; /* Browsers differ on scrollers here, Opera is bad */
background-color: transparent;
background-image: url(../images/std/fussboden.jpg);
font-size: 100.1%; /* For some old IE versions */
/* THE LARGE AND SPACY VERSION */
/* Verdana Win 98% Mac 95% Lnx 56%, DejaVu Sans Lnx 87%,
Tahoma Win 97% Mac 72% Lnx -, note that Tahoma is smaller and closer,
Arial Win 98% Mac 97% Lnx 65%, Helvetica Win - Mac 96% Lnx 52% */
font-family: Verdana, DejaVu Sans, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-family: Century Gothic, Trebuchet MS, Futura;
}
body { /* = Canvas, = Viewport */
width: 100%; /* Old MSIE has a stupidly large default value */
height: 100%; /* Gecko and Opera both need this, in html AND body */
margin: 0px;
padding: 0px;
overflow: auto; /* THIS allows scrollbars which are always in the foreground */
background-color: transparent;
font-size: 85%; /* 78% The basis for "em" sizes below */
line-height: 155%;
}
/* To make things "pixelgenau" */
img, table, table td, form, div, div div, div div div, div div div div, pre {
margin: 0px;
padding: 0px;
border-style: none;
border-width: 0px;
text-align: left;
overflow: hidden;
}
table {
/* Let width default - works better in IE6 when a scrollbar comes */
border-collapse: collapse; /* Gets rid of IE Borders */
border-spacing: 0px; /* Gets rid of Firefox Borders */
}
/* Don't forget to avoid the "white-space next to ![]()
" bug in old MSIE */
/* An own container to give the "website" a minimum size (force outer scrollers) */
div.website { /* Contains: header - main - footer */
width: auto;
min-width: 960px; /* Can cause horizontal scroller in ; see div.main */
height: 100%; /* Most browsers: of parent.offsetheight (FF clientHeight) */
min-height: 450px; /* Can cause vertical scroller in */
/* min-height value is also in startup.js::neuAufbau() */
/* Actual height set in JS to greater of min-height and parent.clientHeight */
height: auto; /* Expands to Content, i.e. no scroller on "main" */
/* => und das ist wohl als Degrading voll ausreichend! */
overflow: hidden; /* Opera-Bug: Not obeyed - Vert. body scroller w/o JS */
text-align: center; /* This is for a weakness in IE5 */
background-color: transparent;
}
/* This DIV is the header right across the top of the website */
div.header {
position: static;
width: 100%;
height: 3%;
overflow: hidden;
background-color: transparent;
}
/* This DIV is the footer right across the bottom of the website */
div.footer {
position: static;
width: 100%;
height: 3%;
overflow: hidden;
background-color: transparent;
}
div.main { /* Centered container for nav + content, degrading vertical scroller */
position: static;
top: 3%;
height: 94%; /* NOHEADER: 97% */
width: 960px; /* But only use max. 940 - space for degrading scroller */
margin: 0px auto auto 0px; /* Positioned on the LEFT */
margin: 0px auto 0px auto; /* The horizontal centering */
overflow: auto; /* See comment in div.scroller below */
background-color: transparent;
background-image: url(../images/std/pastelstripes.gif);
}
/* This DIV is the header right across the top of the page */
/* If the page initially has a degrading scroller, Webkit does not correct */
/* the calculated width when startup.js::neuAufbau() makes it go away. The */
/* fix is in startup.js::neuAufbau() */
div.head { /* In div.main */
position: relative; /* To allow positioning of div.extra within it */
/* IE handles "relative" wrong, head area not scrolled (degrading mode) */
/* Dropdown-Menus insert div.nav below div.extra (i.e. move div.extra up) */
width: auto;
height: 159px;
text-align: left;
text-indent: 20px;
overflow: hidden;
background-image: url(../images/zapchen_dzogchen_tsokpa.gif); /* 600x130 */
background-position: right top;
background-repeat: no-repeat;
}
/* This DIV is the breadcrumb / sec-nav right across the top of the page */
div.extra { /* In div.main div.head, inherited by breadcrumbs and secnav */
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 29px;
text-align: left;
text-indent: 12px;
overflow: hidden;
font-size: 0.78em; /* Same as "small" */
background-color: #F3D2CB; /* transparent shows content (degrading scroller) */
}
div.breadcrumbs { /* In div.main div.head div.extra */
position: static;
float: left;
width: auto;
margin: 0px;
height: 100%;
padding: 0px 0px 0px 0px;
background-color: transparent;
}
div.secnav { /* In div.main div.head div.extra */
position: static;
float: right;
width: auto;
margin: 0px;
height: 100%;
padding: 0px 0px 0px 0px;
background-color: transparent;
}
div.breadcrumbs p, div.secnav p {
margin: 0px 6px 0px 0px;
line-height: 29px;
vertical-align: bottom;
white-space: nowrap;
}
div.secnav p span#fontsize {
}
div.secnav p span#fontsize a, div.secnav p span#fontsize a:link,
div.secnav p span#fontsize a:visited, div.secnav p span#fontsize a:active,
div.secnav p span#fontsize a:focus, div.secnav p span#fontsize span.current {
text-decoration: none;
padding: 0px 3px;
}
div.secnav p span#fontsize a:hover {
text-decoration: underline;
padding: 0px 3px;
}
div.secnav p span#fontsize span.spacer {
/* IE does not obey margin/padding on inline-elements */
}
div.nav { /* In div.main ( div.head ) - depends on menu style */
position: static;
float: left;
width: 200px;
margin: 0px;
height: auto;
padding: 0px;
background-color: transparent;
overflow: visible;
z-index: 1;
}
div.nav div.nav2 { /* Zweitnavi */
padding: 16px 0px 0px 10px;
}
div.nav div.nav2 p {
margin: 4px 0px 0px 0px;
}
div.ctrDiv { /* In div.nav */
height: 1px;
width: 1px;
}
div.scroller { /* In div.main, defines the "optical content area" */
position: relative; /* relative breaks IE, only static works */
top: 0px;
left: 0px;
float: right;
width: 738px;
height: auto; /* Reset in JS to available height in px (main - head - extra) */
/* Without JS the layout "degrades" to force a vertical scroller in */
overflow: hidden;
background-color: #FFEFEF;
/* The left-side border of the "optical content area" */
/* (the top and bottom corners are abs. positioned gifs, thus posn. relative */
background-image: url(../images/std/vert-border.gif);
background-position: 0px 11px;
background-repeat: no-repeat;
}
/* This div is only needed due to IE */
/* Damn "relative" problems with IE: Neither scrolls the div nor computes a height */
div.topcorner {
position: static;
float: left;
width: 21px;
height: 11px;
overflow: hidden;
z-index: 2;
background-image: url(../images/std/main_ecke_oben.gif);
background-repeat: no-repeat;
}
/* Positioning depends on div.scroller being relative, so display:none for IE */
div.scroller img.main_ecke_unten {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 2;
}
div.realscroller { /* In div.scroller, vertical scroller if need be */
position: static;
float: right;
width: 717px;
height: auto; /* Border added and 2px deducted from available height in JS */
overflow: auto; /* Allows a vertical scrollbar when parent height set fixed in JS */
background-color: #FFEFEF;
border-top: 1px solid #EBAC9F;
border-bottom: 1px solid #EBAC9F;
}
/* In div.main div.scroller div.realscroller (can force scrollbar - somewhere :) */
div.content {
position: static;
width: 689px; /* div.scroller.width - div.corners.width - 28 (for degrading scroller) */
/* width: auto; May be better, depends on individual content */
height: auto;
overflow: hidden;
padding-bottom: 8px;
background-color: #FFEFEF;
}
/* Classes for Text */
h1, h2, h3 {
font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-family: Comic Sans MS;
color: #A9341D;
text-decoration: none;
letter-spacing: 1px;
}
div#kopf h1 {
color: #0F8402;
letter-spacing: 2px;
}
h4, h5 {
color: #A9341D;
text-decoration: none;
letter-spacing: 1px;
}
p, li, td, th {
font-size: 1.0em;
color: #7B1500;
text-decoration: none;
}
h1 {
font-size: 1.55em;
margin: 0.7em 0px 0.4em 0px;
}
h2 {
font-size: 1.45em;
margin: 0.9em 0px 0.3em 0px;
}
h3 {
font-size: 1.35em;
margin: 0.75em 0px 0.2em 0px;
}
h4 {
font-size: 1.15em;
margin: 0.7em 0px 0.15em 0px;
}
h5 {
font-size: 1.0em;
margin: 0.6em 0px 0.15em 0px;
}
p {
margin: 0.5em 0px 0.65em 0px;
}
ul, ol {
margin: 0.5em 0px 0px 16px;
padding: 0px;
}
ul {
list-style-type: disc;
}
ul.sec {
list-style-type: circle;
}
ul.sec li {
margin-left: 0px;
}
ol {
margin-left: 22px;
}
ul li, ol li {
margin: 0px 0px 0.65em 0px;
padding: 0px 0px 0px 1px;
line-height: 140%;
}
td {
vertical-align: top;
}
p.pretty:first-letter {
font-weight: bold;
}
p.nachoben {
margin-top: 1em;
font-size: 0.78em; /* Wie "small" */
}
.vielluft {
margin-top: 1.3em;
margin-bottom: 0.65em;
}
.mehrluft {
margin-top: 1em;
margin-bottom: 0.65em;
}
.ohneluft {
margin-top: 0px;
margin-bottom: 0px;
}
.vorliste {
margin-bottom: 0.3em;
}
.letzte {
margin-bottom: 0px;
padding-bottom: 1.3em;
}
.topless { margin-top: 0px !important; }
.bottomless { margin-bottom: 0px !important; }
.lastitem { padding-bottom: 12px !important; }
strong, .strong {
color: #A9341D;
/* font-size: 1.1em; */
font-weight: bold;
/* letter-spacing: 1px; */
}
.small {
font-size: 0.85em;
}
.mittig {
text-align: center;
}
.bildbeschriftung {
color: #623309;
font-size: 11px;
letter-spacing: 1px;
font-weight: normal;
font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
hr.myrule {
height: 1px;
color: #EBAC9F;
background-color: #EBAC9F;
border-style: none;
/* note that msie doesnt collapse margins around an hr */
margin: 1.4em 0px 1.4em 0px;
padding: 0px;
}
img.bordercenter {
display: block;
text-align: center;
margin: 1.6em auto 0px auto;
border: 1px solid rgb(142,163,163);
}
.floatleft {
display: block;
float: left;
text-align: left !important;
margin: 0.65em 12px 0.3em 0px !important;
}
.floatright {
display: block;
float: right;
text-align: center !important;
margin: 0.65em 0px 0.3em 12px !important;
}
img.luftoben, div.luftoben {
margin-top: 12px !important;
}
div.floatright img {
display: block;
}
div.halfpic {
width: 266px; /* Pic 264 + 2 Border */
height: auto;
}
div.halfpic img {
display: block;
border: 1px solid rgb(142,163,163);
}
div.halfpicleft {
float: left;
margin: 0px 6px 0.65em 0px;
}
div.halfpicright {
float: right;
margin: 0px 0px 0.65em 6px;
}
/* Tabellarische Daten ohne Umrandung, z.B. Impressum, Kontaktdaten */
table.daten {
margin-top: 0.3em;
}
table.daten, table.daten td {
padding-bottom: 0.3em;
}
/* Standard link style : Permanently green links */
a, a:link, a:visited, a:active, a:focus {
color: #5223E0;
background-color: transparent;
text-decoration: underline;
}
/* Except on Hover */
a:hover {
color: #5223E0;
background-color: #D9EFDB;
text-decoration: underline;
}
/* Classes for Extra-Navigation */
a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus {
color: #5223E0;
background-color: transparent;
text-decoration: none;
}
a.avble:hover {
color: #5223E0;
background-color: #D9EFDB;
text-decoration: none;
}
a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus {
color: #5223E0;
background-color: transparent;
text-decoration: underline;
}
a.iscur:hover {
color: #5223E0;
background-color: #D9EFDB;
text-decoration: underline;
}
/* OLD STYLES */
table.orgokram {
width: auto;
border: 1px solid #AF5015;
margin: 0 0 0 1px;
background-image: url(../images/std/pastelstripes.gif);
font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height: 130%;
font-size: 12px;
}
table.orgokram th {
font-weight: normal;
text-align: left;
background-color: #DEFCDB;
padding: 3px 10px 3px 5px;
border: 1px solid #AF5015;
}
table.orgokram td {
background-color: transparent;
padding: 3px 10px 3px 8px;
border: 1px solid #AF5015;
}
td.txt {
vertical-align: top;
padding: 20px 0px 0px 0px;
}
td.txt p {
line-height: 150%;
}
td.pic {
padding: 20px 10px 0px 0px;
}
td.picl {
padding: 20px 0px 0px 0px;
}
td.txtl {
text-align: right;
padding-right: 0px;
}
/* BIR STYLES */
table.content {
/* Static positioned in div.contentScroll so that 2 columns can each cause the scrollbar */
table-layout: fixed;
width: 689px;
margin: 12px 0px 12px 0px;
}
div.contentScrollMidAnchor table.content {
/* margin-top 0px erlaubt anchor-links eine Leerzeile als Luft */
margin-top: 0px;
}
table.content td.main {
width: 472px;
}
table.content td.gap {
width: 17px;
}
table.content td.curr {
width: 188px;
padding: 2px 6px 6px 6px;
background-color: #F3D2CB;
}
/* Wenn Anchor-Links da dann brauchen wir in der rechten Spalte Abstand nach oben
ohne Hintergrundfarbe. Daher kann die Farbe nicht in der Tabellenzelle sein */
table.content td.xtra {
width: 200px;
}
table.content td.xtra div.xtra {
width: 188px;
margin: 20px 0px 0px 0px;
padding: 0px 6px 0px 6px;
background-color: #C5EBD4;
}
table.content td.xtra div.xtra p {
margin: 0px;
padding: 6px 0px;
}
table.content td.curr img, table.content td.curr * img,
table.content td.xtra div.xtra p img {
display: block;
border: 1px solid #BBCEBE;
}
table.content td.gap5050 {
width: 33px;
}
table.content td.links, table.content td.rechts { /* Gleich breit - Aktuelles */
width: 287px;
}
table.content td.mainPresse {
width: 390px;
padding: 4px 0px;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.gapPresse {
width: 17px;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.currPresse {
width: 188px;
padding: 4px 6px;
background-color: #C5EBD4;
border-top: 1px solid #3D896E;
border-bottom: 1px solid #3D896E;
}
table.content td.currPresse p {
margin: 8px 0px 0px 0px;
}
table.content td.currPresse p img {
display: block;
margin-right: 9px;
float: left;
}
/* Für eine rechte Spalte die stehenbleibt, z.B. für eine grosse Sprungliste */
div.noscroll {
position: absolute; /* zu Container div.content - außerhalb contentScroll */
top: 17px;
left: 425px;
width: 188px;
margin: 20px 0px 0px 0px;
padding: 0px 6px 0px 6px;
background-color: #C5EBD4;
}
div.noscroll p, p.laenderabsatz {
font-size: 13px;
line-height: 150%;
}
div.noscroll p img {
display: block;
border: 1px solid #BBCEBE;
}
div.noscroll p a, div.noscroll p a:link, div.noscroll p a:visited,
div.noscroll p a:active, div.noscroll p a:focus, div.noscroll p a:hover,
p.laenderabsatz a, p.laenderabsatz a:link, p.laenderabsatz a:visited,
p.laenderabsatz a:active, p.laenderabsatz a:focus, p.laenderabsatz a:hover {
white-space: nowrap;
margin-right: 9px;
}
/* Wenn die Inhaltsbreite nicht durch eine der obigen Tabellen begrenzt wird.. */
/* Der Inhalt braucht 3px Abstand von links - wg. Fehlerfarbe als HG von Zellen */
div.limitwidth {
width: 610px;
}