@charset "utf-8";
/* CSS Document */

body {
  font-family:    Verdana, Arial, Helvetica, sans-serif;
  font-size:      13px;
  margin:        0px;
  padding:      0px;
  color:        #000000;
  line-height:    16px;
  }

/************************/
/* Layout        */
/************************/

#all {
  position:      absolute;
  top:        50%;
  left:        50%;
  margin:        -320px 0px 0px -487px;
  padding:      0px;
  }
  
#logo {
  position:relative;
  top:0px;
  left:0px;
  margin:0 0 20px 30px;
  height:60px;
  width:331px;
  background-image:url(../bilder/logo.jpg);
}
  
#help {
  position:      absolute;
  left:        870px;
  top:        22px;
  outline:      0px;
  -moz-outline:    0px;
  font-family:    Verdana, Geneva, sans-serif;
  font-size:      13px;
  margin:        0px;
  padding:      0px;
  color:        #000000;
  text-decoration:  none;
  border:        none;
  }
  
#help:hover {
  text-decoration:  underline;
  }  
  
#screenBox {
  position:      absolute;
  background-image:  url(../bilder/screen.jpg);
  width:        975px;
  height:        640px;
  }
  
#vogel {
  position:      absolute;
  top:        10px;
  left:        8px;
  width:        266px;
  height:        138px;
  }
  
#kakerlake {
  position:      absolute;
  top:        514px;
  left:        147px;
  width:        295px;
  height:        83px;
  }
  
#blume {
  position:      absolute;
  top:        470px;
  left:        805px;
  width:        120px;
  height:        150px;
  }
  
/************************/
/* NAVI          */
/************************/
/* cafe button */

#cafe {
  top:        42px;
  left:        725px;
  width:         110px; /* Linkbereich */
  height:       310px; /* Linkbereich */
  position:       absolute;
  }

#cafeBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* kiosk button */

#kiosk {
  top:        357px;
  left:        573px;
  width:         242px; /* Linkbereich */
  height:       203px; /* Linkbereich */
  position:       absolute;
  }

#kioskBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* records button */

#records {
  top:        29px;
  left:        417px;
  width:         132px; /* Linkbereich */
  height:       334px; /* Linkbereich */
  position:       absolute;
  }

#recordsBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* photo button */

#photo {
  top:        23px;
  left:        285px;
  width:         127px; /* Linkbereich */
  height:       350px; /* Linkbereich */
  position:       absolute;
  }

#photoBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* phone button */

#phone {
  top:        258px;
  left:        128px;
  width:         64px; /* Linkbereich */
  height:       87px; /* Linkbereich */
  position:       absolute;
  }

#phoneBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* metro button */

#metro {
  top:        285px;
  left:        13px;
  width:         115px; /* Linkbereich */
  height:       262px; /* Linkbereich */
  position:       absolute;
  }

#metroBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* info button */

#info {
  top:        212px;
  left:        922px;
  width:         47px; /* Linkbereich */
  height:       284px; /* Linkbereich */
  position:       absolute;
  }

#infoBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
  
/* video button */
  
#video {
  top:        119px;
  left:        868px;
  width:         54px; /* Linkbereich */
  height:       196px; /* Linkbereich */
  position:       absolute;
  }

#videoBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         0px;
  height:       0px;
  background-color:   #ffffff;
  display:      none;
  border:        none;
  }
    
/************************/
/* Content         */
/************************/

#content_div {
  position:      absolute;
  top:        0px;
  left:        0px;
  color:        #000;
  font-family:    Verdana, Geneva, sans-serif;
  font-size:      11px;
  line-height:    16px;
  }
  
#content_div table {
  position:      absolute;
  top:        30px;
  left:        440px;
  color:        #000;
  font-family:    Verdana, Geneva, sans-serif;
  font-size:      11px;
  line-height:    16px;
  }
  
#content_div h1 {
  }
  
#content_div h2 {
  }

#content_div p {
  }
  
#content_div img {
  border:        none;
  }
  
#content_div a {
  text-decoration:  none;
  color:        #000;
  }

#content_div a:hover {
  text-decoration:  underline;
  color:        #000;
  }
  
#contentNormal {
  background-image:  url(../bilder/content_normal.gif);
    width:        441px;
    height:        576px;
    left:         400px;
    top:          30px;
    position:     relative;
  }

#contentPopup {
  background-image:  url(../bilder/content_popup.gif);
  width:          795px;
  height:         576px;
  position:       relative;
  left:           90px;
  top:            40px;
}
  
#contentSpace {
  position:      absolute;
  top:        25px;
  left:        20px;
  width:        390px;
  height:        530px;
  /*border:        1px solid #000;*/
  }
  
#text {
  position:      absolute;
  top:        80px;
  left:        21px;
  font-family:    Verdana, Geneva, sans-serif;
  font-size:      11px;
  width:        355px;
  }
  
#contentHeader {
  position:      absolute;
  top:        18px;
  left:        15px;
  width:        370px;
  height:        43px;
  }

/* close button */

#close {
  top:        0px;
  left:        411px;
  width:         30px;
  height:       31px;
  position:       absolute;
  color:        #000;
  }

#closeBild {
  position:       absolute;
  padding:      0px;
    margin:        0px;
  left:         0px;
  top:         0px;
  width:         30px;
  height:       31px;
  display:      none;
  color:        #000;
  }
  
#closeCafe {
  top:        0px;
  left:        439px;
  width:         30px;
  height:       31px;
  position:       absolute;
  color:        #000;
  }

#closePopup {
  top:        0px;
  left:        765px;
  width:         30px;
  height:       31px;
  position:       absolute;
  color:        #000;
  }
  
/************************/
/* Content   Seperat      */
/************************/

/* Photo */
  
#galleryFlash {
  position:      absolute;
  top:        0px;
  left:        0px;
  width:        390px;
  height:        530px;
  }
  
#photo_live {
  position:      absolute;
  top:        20px;
  left:        10px;
  width:        120px;
  height:        120px;
  }
  
#photo_tuur {
  position:      absolute;
  top:        20px;
  left:        140px;
  width:        120px;
  height:        120px;
  }
  
#photo_promo {
  position:      absolute;
  top:        20px;
  left:        270px;
  width:        120px;
  height:        120px;
  }
  
/* Records */
  
#records_10 {
  position:      absolute;
  top:        70px;
  left:        10px;
  width:        120px;
  height:        120px;
  }
  
#records_05 {
  position:      absolute;
  top:        70px;
  left:        140px;
  width:        120px;
  height:        120px;
  }
  
#records_demo {
  position:      absolute;
  top:        70px;
  left:        270px;
  width:        120px;
  height:        120px;
  }

#records_2011 {
  position:      absolute;
  top:        250px;
  left:        10px;
  width:        120px;
  height:        120px;
  }

/* Cafe */
  
#contentSpaceCafe {
  position:      absolute;
  top:        100px;
  left:        40px;
  width:        375px;
  height:        236px;
  overflow-y:      scroll;
  overflow-x:      hidden;
  padding:      0px 20px 0px 0px;
  font-family:    Verdana, Geneva, sans-serif;
  }
  
#contentSpaceCafeEintragen {
  position:      absolute;
  top:        115px;
  left:        50px;
  width:        375px;
  height:        238px;
  font-family:    Verdana, Geneva, sans-serif;
  }
  
#contentCafe {
  background-image:  url(../bilder/content_cafe.gif);
    width:        469px;
    height:        387px;
    left:         380px;
    top:          80px;
    position:     relative;
  }
  
#contentHeaderCafe {
  position:      absolute;
  top:        43px;
  left:        35px;
  width:        370px;
  height:        43px;
  }

/* metro */  

#metroInhalt {
  position:      absolute;
  background-image:  url(../bilder/content/links/link_bg.jpg);
  top:        110px;
  left:        50px;
  width:        279px;
  height:        338px;
  }
  
/* info */  

#scrollText {
  position:      absolute;
  top:        80px;
  left:        19px;
  width:        346px;
  height:        420px;
  overflow-y:      scroll;
  overflow-x:      hidden;
  padding:      0px 20px 0px 0px;
  font-family:    Verdana, Geneva, sans-serif;
  }

/* Popup */

#popupText {
  position:       absolute;
  width:          400px;
  top:            300px;
  left:           150px;
  background:     white;
  padding:        10px 10px 15px 20px;
  font-size:      20px;
  opacity:        0.8;
  line-height:    24px;
  font-weight:    bold;
  -moz-border-radius:     20px;
  -webkit-border-radius:  20px;
  -khtml-border-radius:   20px;
  border-radius:          20px;
}