/* ------
 | zeit&raum stylesheet
 | 2008-06-03 by Simon Stienen
 |         base     1-light  1-dark   2-dark
   orange: #fabe20  #ffd874  #ff00ff  #ffd974
   blau:   #226285  #497a9a  #004a70  #497b9a |
   weiss:  #ffffff                            |
   grau:   #d1d2d4                            |
                                       ------ */

/* ** document **                                                             */
html, body { font-family: Arial, Helvetica, sans-serif; height: 100%; background: #d1d2d4; }
html { overflow-y: scroll; }
body { color: #000000; font-size: 13.5px; }

*{ margin:0; padding:0; font-size:100%; }
big{font-size:120%;}small{font-size:80%;}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0 none; }
img { border: 0 none; }

dl { margin: 0 0 1em; }
dt { width: 30%; float: left; }
dd { margin-left: 35%; }

/* ** headlines **                                                            */
h1 { width: 385px; padding-left: 355px; padding-top: 1.5em; padding-bottom: 2px; background: #d1d2d4;
     text-align: center; color: #226285; font-weight: bold; font-size: 120%;
     line-height: 85%; text-align: right; }
h2, h3, h4 { font-weight: bold; }
h3 { font-size: 125%; margin: 0 0 1em; } h4 { font-size: 100%; margin: 1em 0; }

h2 { font-size: 300%; text-transform: uppercase; margin: .5em auto 0; text-align: center; position: relative; }
.headline-repeat { font-weight: bold; text-transform: uppercase; font-size: 200%;
                   text-align: center; position: relative; margin: 0 0 -.025em; line-height: 70%; }

.left h2  { left:  47px; color: #ffd874; } .right h2  { right: 47px; color: #497a9a; }
.left .headline-repeat { color: #ffd874; } .right .headline-repeat { color: #497a9a; }


/* ** structure **                                                            */
#content {
  background: url('bg.png') left repeat-y;
  width: 740px;
  margin: 0 auto;
  min-height: 800px;
}
#content .left  { width: 250px; float: left;  background: #fabe20; }
#content .right { width: 250px; float: right; background: #226285; }
#content .left  .content, #content .left  .short-content { background: #226285; color: #ffffff; min-height: 258px; }
#content .right .content, #content .right .short-content { background: #fabe20; color: #000000; min-height: 218px; }
#content .left  .content, #content .right .content { min-height: 500px; }
#content .content  , #content .short-content   { padding: 6px; line-height: 135%; }
#content .content p, #content .short-content p { margin: .5em 0 1em; }
#content .left  .content a, #content .left  .short-content a { color: #ffffff; }
#content .right .content a, #content .right .short-content a { color: #000000; }
#content .content a      , #content .short-content a       { text-decoration: underline; }
#content .content a:hover, #content .short-content a:hover { text-decoration: none; }
#content .home-left  { font-size: 200%; font-weight: bold; padding-bottom: 1em; padding-top: 20px; width: 345px; color: #226285; text-align: center; }

#logo { display: block; margin: 2em auto 0; }
.left  #content-logo { display: block; margin: 0 0 0 auto; }
.right #content-logo { display: block; margin: 0 auto 0 0; }

#subheader { float: left; width: 100%; font-size: 200%; font-weight: bold; padding-bottom: 1em; }
#subheader .left  { width: 315px; padding-right: 30px; color: #226285; text-align: right; }
#subheader .right { width: 345px; color: #fabe20; text-indent: 29px; }
#subheader-clearer { clear: both; display: block; }

#nav { width: 145px; margin: 0 250px; font-size: 150%; line-height: 30px; }
#nav * { color: #ffffff; }
#nav li { text-align: center; margin-bottom: 10px; list-style: none; }
#nav .left, #nav .right { float: none; width: 145px; position: relative; }
#nav .left  { background: #226285; left:  0px; }
#nav .left  .active { background: #497b9a; }
#nav .right { background: #fabe20; left: 95px; }
#nav .right .active { background: #ffd974; }
#nav a { text-decoration: none; display: block; }
#nav a:hover { text-decoration: underline; }

#footer-clearer { clear: both; display: block; height: 27px; }
#footer { margin: -25px auto 0; line-height: 25px; font-weight: normal;
          background: url('2blocks.png') center no-repeat; width: 740px; }
#footer div.left  { background: #fabe20; color: #226285; width: 345px; float: left;  text-align: center; }
#footer div.right { background: #226285; color: #fabe20; width: 345px; float: right; text-align: center; }
#footer div.left  * { color: #226285; }
#footer div.right * { color: #fabe20; }

.linklist li { list-style: none; margin: .5em 0; font-size: 115%; }
.left  .linklist * { color: #ffffff; }
.right .linklist * { color: #000000; }
.linklist a { text-decoration: underline; }
.linklist a:hover { text-decoration: none; }
.links-more { text-align: right; }

label { font-size: 100%; display: block; margin-top: .5em; }
.input { display: block; width: 98%; background: #d1d2d4; color: #000000;
         border: 1px solid #f3f4f5; }
.input:hover, .input:focus { background: #e8e9ea; }
.button { border: 1px #d1d2d4 outset; margin: .5em 2% 0 auto; display: block;
          padding: 0 1em; font-size: 80%; background: #d1d2d4; color: #000000; }
/*.button:hover, .button:focus { background: #ffffff; }*/
.button:active { border-style: inset; }