/* 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Titel : layout-3col-fluid.css
Autor : Raimund Buechner, buechner@sinma.de, www.sinma.de
Fuer : http://www.sinma.de

Erstellt: 09.12.05 - 10.02.06
Aenderungen nach Fertigstellung:
- Datum, Was, Autor
- Datum, Was, Autor
- Datum, Was, Autor

Beschreibung : Alle grundsaetzlichen Angaben zu einem 3-Spalten-Layout mit fluidem Mittelteil.

ACHTUNG: Alle Angaben zu F*AR*B*E*N erfolgen in "skin.css"!!!

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*/

/* Der Seitenkoerper bekommt Abstaende zum Viewport. Padding macht IE nicht mit; 4% sind gut fuer schmale Viewports.
============================================================================ */
body {
margin: 0;
}

#document {
/* min-width: 40em; */
width: auto;
margin: 0;
padding: 0;
font-size: 1.2em;
}

* html #document {
/* \*/
word-wrap: break-word;
/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#intro {
margin:0 auto;
padding:0;
width:760px;
height: 178px;
}

/* !!! Schafft den Platz fuer rechte und linke Spalten! Erlaubt sind padding, margins oder borders - wie benoetigt. Allerdings: border notwendig fuer Spaltenhintergrundfarbe! !!!

============================================================================ */
#layoutGrid-outerColContainer {
border-left: solid 190px;
border-right: solid 190px;
padding-bottom: 30px;
}

/* border-Geraffel erst mal drinne gelassen; ka, wofuers noch taucht ;-)

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#layoutGrid-innerColContainer {
width: 100%;
z-index: 1;
padding: 0;
/* border: solid 1px #000000;
border-width: 0 1px; */ 
margin: 0 -1px; /* compensate for the borders because of 100% width declaration */
}

#contentRelated01, #contentMain, #navLocal, * html #layoutGrid-SOWrap {
overflow: visible;	/* fix for IE italics bug */
position: relative;	/* fix some rendering issues */
}

#layoutGrid-SOWrap {
float: right;
margin: 0 -1px 0 0;
padding: 0;
width: 100%;
z-index: 3;
}

#contentMain {
float: left;
margin: 30px 0 20px -1px;
padding: 0;
width: 100%;
z-index: 5;
}

/* Container für zentrierte Maximalweite des Hauptinhaltes; nicht für IE 6 ...
==================================================================================== */
#contentMainInner {
margin: 0 auto;
max-width: 660px;
}

#contentMain h1, #contentMain h2, #contentMain h3, #contentMain h4, #contentMain h5, #contentMain h6, #contentMain p, #contentMain ul, #contentMain ol, #contentMain dl, #contentMain table, #contentMain table caption {
padding: 0;
margin: 20px 5%;
}

/* #contentMain h2 .brandColor {
font-size: 1.2em;
} */


/* Anweisungen fuer breadcrumbs in der Seitenueberschrift
==================================================================================== */
#contentMain h2 a, #contentMain h2 a:link, #contentMain h2 a:visited {
font-weight: bold;
text-decoration: none;
}

#contentMain h2 a:hover, #contentMain h2 a:active, #contentMain h2 a:focus {
text-decoration: underline;
}

/* #contentMain h3 {
padding: 1em 0 .5em 0;
}
 */
/*#contentMain h5 {
margin-bottom: 1em;
padding-bottom: .1em;
border-bottom: 1px solid;
} */

#contentMain p {
margin: 13px 5%;
}

#contentMain p.date, #contentMain p.source, #contentMain p.up {text-align: right; clear: both;}

#contentMain p.date {
font: normal normal bold 1.2em "Courier New", Courier, monospace;
margin-right: 15%;
}

#contentMain p.source {
font: normal normal 1em/1em "Courier New", Courier, monospace;
margin: -10px 5% 25px 5%;
}

#contentMain table {
margin: 0 5%;
width: 90%;
}

#contentMain table.products {
margin-bottom:20px;
}

#contentMain th h3, #contentMain th h4 {
margin: 0;
padding: 5px 0;
font: bold 1.4em/1.4em Arial, Helvetica, sans-serif;
text-align: center;
}

#contentMain table p {
text-align: center;
}

#contentMain table.products td {
padding: 5px;
}

#contentMain td.oneCell {
text-align: center;
}

#contentMain table.products tr.summary td {
padding-bottom: 3px;
font-size: 1.1em;
text-align: center;
}

#contentMain td.alignRight {
border-right: 10px solid;
}

#contentMain table tr.separator td {
border-bottom: .9em solid;
}

#contentMain .hr01 {
display: block;
margin: 1.5em auto;
width: 90px;
height: 28px;
border: none;
clear: both;
}

#contentMain img.floatRight {
/* width: 200px; */
float: right;
margin: 1em 5% 2.6em 40px;
padding: 0;
}

#contentMain img.floatLeft {
float: left;
margin: 1.3em 40px 2.6em 5%;
}

#disclaim {
margin: 3em 5%;
padding: 10px 0;
/* width: 80%; */
font: normal .9em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .1em;
}

/* Positionierung der Seitenspalten
==================================================================================== */

#contentRelated01 {
float: right;
width: 190px;
height: 1%;
margin: 60px -190px 0 -1px;
padding: 0;
z-index: 2;
}

#contentRelated02 {
float: left;
margin: 60px 1px 0 -190px;
padding: 5px 0;
width: 190px;
z-index: 4;
}

#contentRelated03 {
float: left;
width: 190px;
height: 1%;
margin: 60px 1px 0 -190px;
padding: 5px 0;
/* z-index: 22; */
/* clear: left; */
}

/* Anweisungen für Inhalte der Seitenspalten
==================================================================================== */

/* #contentRelated01 ul.navRelated li, #contentRelated02 ul.navRelated li, #contentRelated01 #navLocal ul li, #contentRelated02 #navLocal ul li {
width: 190px;
padding: 5px 0 30px 0;
} */

#contentRelated01 dl {
margin: 0;
padding: 0;
}

#contentRelated01 dt, #contentRelated02 dt {
font: bold 1.2em/1em Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px 0 2px 0;
/* border-bottom: solid 1px; */
text-align: center;
}

#contentRelated01 dd, #contentRelated02 dd {
margin: 0;
padding: 5px 0;
/* border-top: solid 1px; */
}

#contentRelated01 dd ul li, #contentRelated02 dd ul li {
width: auto;
margin: 5px 0 5px 0;
padding: 0;
list-style: none;
text-align: left;
}

#contentRelated01 p, #contentRelated02 p, #contentRelated03 p {
margin: .9em 10px;
padding: 0;
}

#contentRelated03 p {
font-size: .9em;
}

#contentRelated01 h3, #contentRelated02 h3, #contentRelated03 h3 {
margin: 0;
padding: 5px 0;
font: bold 1.2em/1em Arial, Helvetica, sans-serif;
}

#contentRelated01 img, #contentRelated02 img {
display: block;
border: none;
margin: 0 auto;
}

/* Footer
==================================================================================== */

#siteinfo {
position: relative;
clear: both;
width: 720px;
margin: 0 auto 3em auto;
/* margin-bottom: 1em; */ /* Nur drin, so lange kein Inhalt im Footer! */
}

#siteinfo h3 {
margin: .5em 0 0 0;
padding: .5em 0 0 0;
text-align: center;
font: bold 1em/1em Arial, Helvetica, sans-serif;
letter-spacing: .2em;
word-spacing: .2em;
}

#siteinfo p {
margin: .6em auto;
padding: .3em 0;
width: 600px;
text-align: left;
font: .9em/1.4em Verdana, Arial, Helvetica, sans-serif;
}


#siteinfo hr {
display: block;
margin: .5em auto;
width: 50%;
height: 1px;
border: none;
}

/* !!! Leider notwendige Box, um das Banner am Ende der Seite absolut einbinden zu können und dennoch unabhaengig von der Größe des viewports zu zentrieren !!!

==================================================================================== */

#introLogo {
position: absolute; top: 0; left:0; width: 100%; height:1%;
}

#introLogo img {
display: block;
position: relative;
margin: 0 auto;
width: 760px;
}