/* annaburger.css                                       *
 * Autor:   Benno Mielke                                *
 * eMail:   benno.mielke@googlemail.com                 *
 * Beschr.: Definition der Layout, die auf jeder Seite  *
 *          gueltig sind. Individuelle Layouts sind in  *
 *          den einzelnen Dateien beschrieben.          */

html {
   /* "Springende" Fenster vermeiden, indem am rechten Bildschirmrand *
    * immer der Scrollbalken angezeigt wird.                          */
   height: 100%;
   margin-bottom: 1px;
}

body {
   /* Layoutdefinition f�r den Body. Die Hintergrundbilder werden in den *
    * entsprechenden CSS-Dateien f�r die jeweiligen Bereiche definiert.  */
   color: #000;
   background-color: #FFF;
   font-weight: normal;
   font-size: 13px;
   font-family: Verdana, sans-serif;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
}

body a, a:visited, a:active, img {
   /* Das Aussehen f�r Hyperlinks, bzw. Bilder, die als Links benutzt werden. */
   text-decoration: none;
   color: #060;
   border: 0;
}

body a:hover {
   /* a:hover-Verhalten (Maus ueber Hyperlink) -> unterstreichen. */
   text-decoration: underline;
}

#main, #top_content {
   /* main ist der Container fuer alle weiteren Bereiche, top_content gilt fuer *
    * top_menu, top_ban (links/rechts), trailer und subtrailer Bereiche.        */
   width: 980px;
   margin: 0 auto;
}

#top_menu {
   /* Das oberste Menue der Website. Mit 1px schwarzen Rand und entspr. Hoehe. */
   background-color: #990;
   border: 1px solid #000;
   height: 23px;
}

#top_menu img {
   /* paddings for the language flags on the right */
   float: right;
   padding-top: 4px;
   padding-right: 5px;
}

#top_menu p {
   /* Keine Aussenabstaende fuer die Absatzbereiche im Container top_menu. */
   margin: 0px;
}

#top_ban_left, #top_ban_right {
   /* Definition der Dimensionen fuer die ANNABURGER-Banner links und rechts */
   width: 125px;
   height: 75px;
}

#top_ban_left {
   /* Floaten des Bereichs nach links. */
   float: left;
}

#top_ban_right {
   /* Floaten des Bereichs nach rechts. */
   float: right;
}

#trailer {
   /* Der Trailer wird oben mittig angezeigt und wird automatisch durch       *
    * TYPO3 durch den Marker im Template generiert (entspr. dem Seitennamen). *
    * Die Erzeugung ist im TypoScript im Setup des Templates beschrieben.     */
   width: 730px;
   height: auto;
   float: left;
   font-size: 22px;
   font-weight: bold;
   text-align: center;
   line-height: auto;
   background-color: transparent;
   border-bottom: 1px solid #000;
   margin-top: 20px;
   padding-bottom: 20px;
}

#subtrailer {
   /* the "subtitle" generated automatically by TYPO3 - view TypoScript setup *
    * for details                                                             */
   width: 978px;
   height: 25px;
   float: left;
   text-align: center;
   line-height: 25px;
   font-weight: bold;
   font-size: 19px;
   padding-top: 5px;
   color: #060;
}

#bottom_content {
   /* the menu part on the bottom */
   width: 978px;
   height: 23px;
   float: left;
   background-color: #990;
   border: 1px solid #000;
}