/* CSS Layout-Styles for Denk, Author Tim Reeves, Stand 2017-01-13 */
/* 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%; /* Old 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: #FFFFFF;
font-size: 100.1%; /* For some old IE versions */
/* DIE EINFACHE VERSION: Arial Win 98% Mac 97% Lnx 65%,
Tahoma Win 97% Mac 72% Lnx -, Helvetica Win - Mac 96% Lnx 52% */
font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-family: Segoe UI, Frutiger Next, Ubuntu, Liberation Sans, Noto Sans, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Lucida Mac, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
body { /* = Canvas, = Viewport */
width: 100%; /* Old MSIE has a stupidly large default value */
height: 100%; /* Old 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 */
/* IE6+7 degrading always show horizontal scroller when vertical scroller da */
background-color: transparent;
font-size: 92%; /* The basis for "em" sizes below: 86=Calibri, 78=Arial, 66=Verdana */
}
/* 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 { /* "Same size" as . Contains header | main | footer */
width: 100%; /* Of - which has a scroller when min-width greift */
/* Most browsers: of parent.offsetWidth (FF clientWidth) */
min-width: 958px; /* 958px Can cause horizontal scroller in ; see div.main */
height: auto; /* Expands to its content: poss. vert. scroller in */
/* auto needed for degrading mode, so set in JS Startup */
min-height: 400px; /* 400px Can cause vertical scroller in */
/* min-height and min-width values are also in startup.js::neuAufbau() */
/* Actual height and width set in JS to greater of min-?? and parent.client?? */
overflow: hidden;
text-align: center; /* This is for a weakness in IE5 */
background-color: transparent;
}
/* This DIV is the header right across the top of the viewport */
div.header {
position: static;
width: 100%; /* Of div.website */
height: 3%; /* Of div.website */
overflow: hidden;
background-color: transparent;
}
/* This DIV is the footer right across the bottom of the viewport */
/* Could be omitted if no need of special content or colour, but... */
/* Having it provides a bottom border to the website in degrading mode */
/* Whether you WANT a degrading bottom border will depend on the website */
div.footer {
position: static;
width: 100%;
height: 3%;
overflow: hidden;
background-color: transparent;
/* visibility: hidden; Not display:none because we use its dimensions in JS */
}
div.main { /* Optionally centered container for nav + content */
position: relative; /* Allows positioning of sub-containers if need be */
height: 94%; /* % of div.website. NOHEADER: 97% */
width: 958px;
margin: 0px auto auto 0px; /* Positioned on the LEFT */
margin: 0px auto 0px auto; /* The horizontal centering */
overflow: visible; /* Force degrading scrollers in if need be */
background-color: #D0FFCB;
background-color: transparent;
}
/* This DIV is the header area right across the top of the "website" (div.main) */
div.head { /* At top of div.main */
position: relative; /* To allow positioning of div.extra within it */
/* Dropdown-Menus insert div.nav below div.extra (i.e. move div.extra up) */
width: auto;
height: 226px; /* Denk: 174 bild + 3 gap + 49 extra */
text-align: left;
overflow: hidden;
background-image: url(../images/01header.jpg);
background-repeat: no-repeat;
background-color: transparent;
}
/* This DIV is the breadcrumb / sec-nav right across the top or bottom of the page */
/* In div.main {div.head | div.foot}, inherited by breadcrumbs and secnav */
div.extra {
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
height: 29px;
text-indent: 20px; /* This is for real */
overflow: hidden;
font-size: 0.8em;
background-color: rgb(230,225,213);
}
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 {
color: #9F7C37; /* A darker shade of gold :) */
line-height: 29px;
margin: 0px 6px 0px 0px;
vertical-align: bottom;
white-space: nowrap;
}
div.secnav p span#fontsize {
}
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: 248px;
margin: 0px;
height: auto;
padding: 0 0 1em 0;
background-color: #DDDDDD;
background-color: transparent;
overflow: visible;
}
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: static;
/* float: right; Causes most browsers to get the height of wrong */
width: 710px; /* 958 - 248 Pixelgenau! div.nav + div.scroller = div.main */
height: auto; /* Reset in JS to available height in px (main - head) */
/* Without JS the layout "degrades" to force a vertical scroller in */
overflow: auto; /* Allows a vertical scrollbar when height set fixed in JS */
background-color: #EFFFED;
background-color: transparent;
}
/* In div.main div.scroller div.realscroller (can force scrollbar - somewhere :) */
div.content {
position: static;
margin-left: 12px; /* 710 - 12 - 40 */
width: 658px; /* 658px div.scroller.width - div.content.margin-left - 40 für (Scroller + re. Abstand) */
height: auto; /* auto */
overflow: hidden;
padding-top: 3px;
padding-bottom: 8px;
background-color: transparent;
}
div.oldwidth {
position: static;
margin: 0;
width: 618px; /* 658 - 40 = alte Breite */
height: auto;
overflow: hidden;
padding: 0 20px;
}
div.tradition { /* Bilder sind 562 px breit */
position: static;
margin: 0;
width: 562px;
height: auto;
overflow: hidden;
padding: 0 48px;
}
div.qualitaet {
clear: both;
padding-top: 1em;
}
div.qualitaet p {
margin-top: 4px;
}
div.qualitaet img.floatright, div.qualitaet img.floatleft {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* This DIV is the footer right across the bottom of the "website" (div.main) */
/* "Abbinder". It may optionally contain div.extra */
div.foot { /* At bottom of div.main */
position: static; /* No positioning of div.extra within it */
width: auto; /* div.extra must then also get position: static */
height: 29px; /* Set to same height as div.extra if so positioned */
text-align: left;
text-indent: 0px; /* div.extra manages its own text indent */
overflow: hidden;
background-color: #8EF283;
border-top: 1px solid #AAAAAA;
}