@charset "UTF-8";

@media screen, projection
{

  * { margin:0px; padding:0px; }

  body 
  {
   background-color:#DDDDCC;
   color:#000000;
   font-family:Helvetica, Arial, sans-serif; 
   font-size:100.01%;
   line-height:1.1em;
   text-align:left;
  }

  fieldset, img { border: 0px none; }

  a { background-color:inherit; color:#CCCCAA; text-decoration:none; }
  a:hover { color:#FFFFCC; }
  a.button { padding:2px 10px; border:1px solid #FFFFFF; }

  h1, h2, h3 { font-family:Helvetica, Arial, sans-serif; font-size:1.33em; line-height:1; padding:0em 0em 0.5em 0em; }

  p,ul { padding-bottom:1em; }
  ul { list-style-position:outside; list-style-type:none; }

  div.container 
  {
   font-size:0.75em;
   background: #FFFFFF;
   color:#000000;
   margin:40px auto;
   width:750px;
   height:380px;
   overflow:hidden;
   position:relative;
  }

  div.content { background:#888866; color:#FFFFFF; }
  #bild { width:600px; height:300px; display:block; position:absolute; right:0px; top:0px; }
  #bild_zoom { width:600px; height:300px; display:none; position:absolute; right:0px; top:0px; }
  #zoom_indicator { display:none; font-size:1em; font-weight:normal; position:absolute; top:250px; right:0px; cursor:pointer; padding:25px 20px 10px 20px; background:url(../grafiken/zoom.png) no-repeat top center;}
  .introbild { width:370px; height:380px; display:block; position:absolute; right:235px; top:0px; }
  .introcol { width:190px; padding:50px 20px 10px 20px; position:absolute; right:0px; top:0px; background:#888866; color:#FFFFFF; }

  div.menu { background:url(../grafiken/trenner.png) no-repeat top right; position:absolute; left:0px; top:0px; width:180px; padding-left:5px; height:380px; }
  div.menu a.logo { padding:30px 0px 20px 6px; display:block; }
  div.menu a { color:#666655; }
  div.menu a:hover { color:#000000; }
  div.menu li { padding:5px 0px 5px 34px; }
  div.menu li.active a { color:#000000; }

  div.content { width:600px; padding-left:5px; height:80px; position:absolute; bottom:0px; right:0px; background:#888866; }
  div.numbers { width:145px; padding:0px 20px 0px 35px; float:left; }
  div.numbers li { float:left; display:block; }
  div.numbers li a { color:#FFFFCC; padding:10px 5px 0px 5px; margin:0px 2px; display:block; }
  div.numbers li a:hover { color:#000000; }
  div.numbers li.active a { background:#FFFFFF; color:#000000; }

  div.textcontent { width:600px; padding-left:5px; height:350px; padding-top:30px; position:absolute; top:0px; right:0px; background:#888866; }
  div.col200 { width:190px; padding:10px 20px; float:left; color:#FFFFFF; }
  div.col300 { width:300px; padding:10px 20px 10px 50px; float:left; }
  div.col400 { width:330px; padding:10px 20px; float:left; }
}