/******************************************
 *   Bergland Hallen Screen Stylesheet                   *
 *   URI  : /bergland-hallen_screen.css                   *
 ******************************************/


/* ----- Common Styles ----- */

body {
  background: rgb(54,72,101);
  margin: 0;
/*
  scrollbar-3dlight-color: rgb(65,86,120);
  scrollbar-arrow-color: rgb(65,86,120);
  scrollbar-base-color: rgb(54,72,101);
  scrollbar-darkshadow-color: rgb(65,86,120);
  scrollbar-face-color: rgb(54,72,101);
  scrollbar-highlight-color: rgb(54,72,101);
  scrollbar-shadow-color: rgb(54,72,101);
  */
  scrollbar-vertical: none;
  }

#outer {
  position: absolute;
  top: 44%;
  left: 0px;
  width: 100%;
  height: 1px;
  }

#inner {
  margin-left: -320px;
  position: absolute;
  top: -150px;
  left: 50%;
  width: 710px;
  height: 480px;
  }

.lookat {
  font-weight: bold;
  color: #ff7c11;
  }


/* ----- Background Text ----- */

 .bgtext, .bgtextcont, .bgtextsub, .bgtextcontsub, .footertext {
  font-family: verdana, helvetica, sans serif;
  }

.bgtext, .bgtextsub {
  color: rgb(65,86,120);
  }

.bgtextcont, .bgtextcontsub {
  color: rgb(58,77,107);
  }

.bgtext, .bgtextcont {
  font-size: 108px;
  position: absolute;
  top: 50px;
  left: -65px;
  /*right: -80px;*/
  text-align: left;
  font-weight: normal;
  letter-spacing: -6px;
  }

.bgtextsub, .bgtextcontsub {
  font-size: 18px;
  position: absolute;
  top: 162px;
  /*left: -110px;*/
  right: 7px;
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px;
  }

.footertext {
  font-size: 12px;
  position: absolute;
  top: 320px;
  text-align: center;
  width: 500px;
  }



/* ----- Navigation ----- */

div#aktuelles, div#text2, div#flohmarkt, div#location, div#kontakt, div#veranstaltungen,  div#links,  div#impressum {
  color: rgb(58,77,107);
  font-family: verdana, helvetica, sans serif;
  position: absolute;
  }

div#aktuelles {
  font-size: 29px;
  top: 6px;
  left: 30px;
  }

div#text2 {
  font-size: 60px;
  top: 46px;
  left: 20px;
  }

div#flohmarkt {
  font-size: 35px;
  top: 18px;
  left: 280px;
  }

div#location {
  font-size: 40px;
  top: 180px;
  left: 200px;
  }

div#kontakt {
  font-size: 39px;
  top: 250px;
  left: 40px;
  }

div#veranstaltungen {
  font-size: 45px;
  top: -65px;
  left: 190px;
  }
  }

div#links {
  font-size: 45px;
  top: -65px;
  left: 190px;
  }
div#impressum {
  font-size: 28px;
  top: 264px;
  left: 360px;
  }

div#besucher {
  color: rgb(255,255,255);
  font-family: verdana, helvetica, sans serif;
  font-size: 14px;
  position: absolute;
  top: 380px;
  left: 235px;
  }

div#aktuelles a:hover span {
  top: -3px;
  left: 0px;
  width:
  }

div#text2 a:hover span {
  top: -10px;
  left: 0px;
  width:
  }

div#flohmarkt a:hover span {
  top: -4px;
  left: 0px;
  width:
  }

div#text4 a:hover span {
  top: -6px;
  left: 0px;
  width:
  }

div#kontakt a:hover span {
  top: -6px;
  left: 0px;
  width:
  }

div#veranstaltungen a:hover span {
  top: -4px;
  left: 0px;
  width:
  }
    }

div#links :hover span {
  top: -4px;
  left: 0px;
  width:
  }
div#impressum a:hover span {
  top: -4px;
  left: 0px;
  width:
  }

div#inner a:hover, div#inner2 a:hover {
  background: none;
  }

div#inner a span {
  display: none;
  }

div#inner a:visited span {
  display: none;
  }

div#inner a {
  text-decoration: none;
  color: rgb(255,255,255);
  }

div#inner a:hover span {
  display: block;
  position: relative;
  background: none;
  font-size: 14px;
  }

div#inner a:link, div#inner a:visited {
  text-decoration: none;
  }

div#inner a:hover {
  text-decoration: none;
  }



/* ------  Content ----- */

div#content {
  position: absolute;
  top: -50px;
  left: -70px;
  width: 750px;
  height: 500px;
  overflow: auto;
  font-family: verdana, helvetica, sans serif;
  font-size: 12px;
  color: rgb(255,255,255);
  text-align: justify;
  margin: 3px;
  line-height: 1.5em;
  word-spacing: 0.1em;
  letter-spacing: 0.1em;
  }

div#contentbig {
  position: absolute;
  top: -50px;
  left: -70px;
  width: 750px;
  height: 500px;
  overflow: visible;
  font-family: verdana, helvetica, sans serif;
  font-size: 20px;
  color: rgb(255,255,255);
  text-align: center;
  margin: 3px;
  line-height: 1.5em;
  word-spacing: 0.1em;
  letter-spacing: 0.1em;
  }

div#content ul {
        list-style-type:none;
}

div#inner div#content a:hover {
  text-decoration: underline;
  }

div#close, div#top {
  width: 18px;
  height: 17px;
  background: none;
  text-align: center;
  font-family: verdana, helvetica, sans serif;
  font-weight: bold;
  font-size: 10pt;
  border: 1px solid rgb(65,86,120);
  }

div#close {
  position: relative;
  left: 702px;
  top: -47px;
  }

div#top {
  position: relative;
  left: 702px;
  top: 415px;
  }

/*
div#inner div#close a:link, div#inner div#top a:link {
  color:#fff;
  cursor:default;
  }

div#inner div#close a:visited, div#inner div#top a:visited {
  color:#fff;
  cursor:default;
  }

div#inner div#close a:hover, div#inner div#top a:hover {
  color:#fff;
  cursor:default;
  }
*/

div#urltext {
  font-family: verdana, helvetica, sans serif;
  font-size: 24px;
  position: absolute;
  top: -87px;
  left: -69px;
  }

div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span {
  color: #ff7c11;
  }

div#content div#titlebar {
  border: 1px solid #222222;
  background: rgb(0,0,0);
  font-weight: normal;
  color: #ff7c11;
  }

div#content {
  margin-left: 0;
  padding-right: 12px;
  }

.titleblock {
  font-family: verdana, helvetica, sans serif;
  font-size: 12px;
  color: #ff7c11;
  font-weight: bold;
  letter-spacing: 2px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: 2px solid rgb(65,86,120);
  padding: 4px;
  }

.newsadddate {
  font-size: 12px;
  font-style: italic;
  text-align: right;
  line-height: 35px;
  }

/*
.titleblock span {
  color: rgb(85,85,85);
  }
*/

#urltext a:link {
  color: rgb(85,85,85);
  }

#urltext a:visited {
  color: rgb(85,85,85);
  }

#urltext a:hover {
  color: rgb(85,85,85);
  }

#urltext a:active {
  color: rgb(85,85,85);
  }



/* ----- Location ----- */

.locpic {
  border: 1px solid rgb(0,0,0);
  }

.locpicbig {
  border: 1px solid rgb(0,0,0);
  display: block;
  margin: auto;
  }