/**
Basis Layout
[Hauptspalte]
[Hauptnavigation]
*/
/**
Abstand von oben bis Inhalt beginnt. Die Kopfzeile wird per absoluter
Positionierung nach oben gesetzt.
----------------------------------------------------------------------------- */
html{ height: 100.1% }
body{}
/**
Äußere Container volle Breite
----------------------------------------------------------------------------- */
#header,
#breadcrumb,
#main,
#footer{
width : 100%;
position : relative;
/*
outline : 1px solid red;
*/
}
/**
Inneren Container auf Breite setzen und relative positionieren, damit
die Inhalte darin wiederum absolut positioniert werden können.
----------------------------------------------------------------------------- */
.header-inside,
.mod_breadcrumb,
.main-inside,
.footer-inside{
position : relative;
width : 940px;
margin : auto;
/*
outline: 1px solid yellow;
*/
}
#breadcrumb{
position : absolute;
top : 0;
height : 25px;
overflow : hidden;
background : url(/files/theme/img/hg-breadcrumb.png);
}
/* .mod_breadcrumb{} */
/**
Kopfzeile
----------------------------------------------------------------------------- */
#header{
height : 105px;
background-color : #fff;
}
/**
Elemente in Kopfzeile
----------------------------------------------------------------------------- */
/** h1#comitas a.comitas **/
#comitas{
position : absolute;
right : 0;
top : 15px;
margin-bottom:0;
}
.comitas{
display : block;
width : 177px;
height : 0;
padding-top : 85px;
overflow : hidden;
background : url(/files/theme/img/comitas.png);
}
/**
* Einleitungstext
*/
.einleitung{
width : 640px;
height : 70px;
overflow : hidden;
float : left;
padding-top : 15px;
}
.einleitung figure{
float : left;
margin-right : 12px
}
/**
Inhaltsspalten
----------------------------------------------------------------------------- */
#main{
background-color : #F3F1E8;
background-repeat : no-repeat;
background-position : center top;
padding-bottom : 50px;
margin-bottom : 50px;
}
/** Anpassung Mobile Geräte **/
.isDesktop #main {
/** Abstand nach unten muß Fusszeile + Navigatioinsleiste + optischer Abstand **/
margin-bottom: 450px;
}
.main-inside{
padding-top: 65px;
}
/**
* Auf der Startseite wird der Teaser mit den Subnavigationen
* absolut positioniert. Deshalb platz von oben für Bild und
* teaserzeile. Das Bild selbst wird in