/* * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *   common                                          *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* clear default margins and paddings */
*                               { margin: 0px; padding: 0px }

/* no border for images (even when in an anchor) */
img                             { border: 0px; }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *   typo                                            *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* default font styling */
*                               { font-size: 1em; font-family: Verdana, Arial, sans-serif; }

/* set base size in body */
body                            { font-size: 11px; color: #747474; line-height: 1.7em; }

/* headlines */
h1                              { font-size: 13px; font-style: italic; color: #2a7cba; }
h2                              { font-size: 13px; color: #000; }
h3                              { color: #000; }

/* bottom margin of 1 "line" */
h1, h2, p                       { margin-bottom: 18px; }

/* special formattings */
strong, a                       { color: #000; }
a:hover                         { color: #9da50c; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *   design                                          *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* background design */
body                            { background: #7bb1dd; }
div#outer-outer                 { background: url('../img/bottom_green.gif') center bottom no-repeat; padding-bottom: 1px; }
div#outer                       { background: url('../img/back_green.gif') center top repeat-y; margin-bottom: 8px;}
div#main_wrap                   { width: 575px; height: auto; padding: 180px 200px 100px 225px;
                                  background: url('../img/fuss.jpg') left bottom no-repeat #fff; overflow: hidden; 
                                  position: relative; left: 50%; top: 0px; margin-left: -500px;}

/* minimum height */
div#content                     { height: 420px; min-height: 420px; }
div#content, [dummy]            { height: auto; }
                                  
/* keyvisual placement */
div#content                     { position: relative; z-index: 1; }
img#visual                      { position: absolute; left: 0px; top: 0px; }

/* content images */
p                               { position: relative; }
p a.zoom-image, p span.ext-image{ display: block; position: absolute; left: 590px; top: -30px; font-size: 0.1em; }
p a.zoom-image                  { padding-bottom: 8px; background: url('../img/lupe.jpg') center bottom no-repeat; }
a.zoom-image-inline             { display: block; padding-bottom: 15px; float: left; text-decoration: none; margin-right: 30px; margin-bottom: 30px; font-weight: bold;
                                  background: url('../img/lupe.jpg') center bottom no-repeat; }
p img.sidebar                   { display: block; position: absolute; left: 590px; top: -30px; font-size: 0.1em; padding-bottom: 8px; }

/* h1 headlines */
/*h1 span                         { position: relative; background: url('../img/aeskulab_gr.jpg') right center no-repeat; padding: 65px 40px 5px 0px; }*/


/* h2 headlines */
/*h2 span                         { background: url('../img/aeskulab_kl.jpg') right center no-repeat; padding: 15px 40px 15px 0px; }*/
h2 span span                    { background: #2a7cbb; padding: 5px 30px; position: relative; left: -30px; top: 0px; }



/* table formatting */
th                              { text-align: left; }
th, td                          { padding-right: 1em; }


/* popup formatting */
body.popup                      { background: #fff; padding: 10px 20px 40px; }
body.popup table                { width: 100%; }
body.popup table, body.popup p, body.popup h3
                                { margin-bottom: 1em; }
                                
td.num, th.num                  { text-align: right; }

/* indent lists in content */
div#content ul                  { padding-left: 1.5em; list-style-type: circle; }

/* suppress margins for some items */
.continuous                     { margin-bottom: 0.5em; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *   navigation                                      * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

ul.navigation                   { position: absolute; left: 18px; }
ul.navigation li                { padding-left: 18px; }
ul.navigation, ul.navigation ul { list-style: none; }
ul.navigation a                 { text-decoration: none; }
ul.navigation a:hover           { text-decoration: underline; }

ul#nav                          { top: 280px; }
ul#nav a                        { color: #2a7cba; font-weight: bold; }
ul#nav ul a                     { font-weight: normal; }
ul#nav li                       { font-size: 12px; line-height: 24px; background: url('../img/punktlinie.jpg') left top no-repeat; }
ul#nav ul li                    { font-size: 11px; line-height: 18px; background: none; }
ul#nav ul ul li                 { font-size: 10px; }
ul#nav li.first                 { background: none; }
ul#nav ul                       { margin-left: -18px; background: url('../img/punktlinie.png') left top no-repeat; }
ul#nav ul ul                    { margin-left: 0px; background: none; }
ul#nav ul.indent a              { margin-left: 18px; }
ul#nav li.collapse ul           { display: none; }
ul#nav a.active                 { padding-left: 18px; position: relative; left: -18px; top: 0px; background: url('../img/pfeil.jpg') 0px center no-repeat; }
ul#nav ul.indent a.active       { margin-left: 0px; }


ul#metanav                      { top: 100%; margin-top: -60px; color: #fff; line-height: 1.3em; }
ul#metanav a                    { font-weight: bold; color: #fff; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *   logo                                            *
 * * * * * * * * * * * * * * * * * * * * * * * * * * */

img.logo                        { position: absolute; left: 100%; margin-left: -200px; }
img#l1                          { top: 15px; }
img#l2                          { top: 100%; margin-top: -55px; }