/*
@import url(content.screen.css);
@import url(nav.screen.css);
@import url(spiderling.screen.css);
 @import url(std.center.css); */
@font-face {
  font-family: 'Mako';
  font-style: normal;
  font-weight: normal;
  src: local('Mako'), url('woff/mako.woff') format('woff');
}
@font-face {
  font-family: 'Carme';
  font-style: normal;
  font-weight: normal;
  src: local('Carme Regular'), local('Carme'), url('woff/carme.woff') format('woff');
}

/* BASIS ==================================================================== */
body {
  margin: 0px;
  overflow: -moz-scrollbars-vertical; /* Scrollbar im Firefox immer anzeigen */
}
td {
  vertical-align: top;
}
* {
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* op, ff, ch */  
}

a.highslide:hover img.qrcode,
a.highslide img.qrcode {
  border: 1px #999 solid;
}

div.loading {
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -463px;
  width: 100px;
  font: normal 8pt Tahoma;
  display: none;
  visibility: hidden;
}
div.loading img {
  position: relative;
  top: -1px;
}

div.switch_lang {
  position: absolute;
  left: 840px;
  top: 110px;
  width: 40px;
}

/* TAGCLOUD ================================================================= */

div.tagcloud {
  position: absolute;
  margin-left: 960px;
  margin-top: 370px;
  display: block;
  width: 250px;
  height: 250px;
}

/* TWITTER ================================================================== */

div.twitter {
  position: absolute;
  display: block;
  border: 1px #999 solid;
  background: #EFEFEF;
  width: 180px;
  padding: 5px;
  margin: 510px 0px 20px 30px;
  float: right;
  font: normal 8pt Tahoma, Arial;
}
div.twitter td{
  font: bold 8pt Tahoma;
}

/* LOGINFELD ================================================================ */

div.login {
  position: absolute;
  display: block;
  border: 1px #999 solid;
  background: #EFEFEF;
  width: 160px;
  padding: 5px;
  margin: 225px 0px 20px 960px;
  float: right;
  font: normal 8pt Tahoma, Arial;
}
div.login td{
  font: bold 8pt Tahoma;
}

/* SUCHFELD ================================================================= */

div.search {
  position: absolute;
  left: 50%;
  top: 1px;
  display: block;
  width: 160px;
  padding: 0px;
  margin: 0px 0px 0px 294px;
  float: right;
  font: normal 7pt Tahoma, Arial;
}
div.search td{
  font: bold 7pt Tahoma;
}

input.button_submit {
  border: 0px;
}
div.search form td input.edit {
  font: normal 7pt Arial;
  height: 16px;
  vertical-align: top;
  border: 1px #999 solid;
  margin: 0px 2px 1px 0px;
  padding: 0px;
}

div.search form td input.submit {
  font: normal 7pt Arial;
  height: 16px;
  width: 44px;
  border: 1px #999 solid;
  margin: 0px 2px 1px 0px;
  padding: 0px;
  background: #EFEFEF;
  cursor: pointer;
}
div.search form td input.submited {
  font: normal 7pt Arial;
  height: 16px;
  width: 44px;
  border: 1px #999 solid;
  margin: 0px 2px 1px 0px;
  padding: 0px;
  background: #EFEFEF;
  cursor: default;
}



/* BUTTONS ================================================================== */


span.button,
a.button,
a.teaser_button {
  /* Sliding right image */
  background: transparent url(img/button_right.png) no-repeat scroll top right; 
  display: block;
  float: left;
  height: 33px; /* Bild-Hohe */
  margin-right: 0px;
  padding-right: 10px; /* Breite des rechten Bildes */
  /* FONT PROPERTIES */
  text-decoration: none;
  font: bold 10pt Arial;
}

span.button input,
a.button span,
a.teaser_button span {
  color: #222;
  /* Background left image */ 
  background: transparent url(img/button_left.png) no-repeat; 
  display: block;
  vertical-align: top;
  padding: 7px 10 7px 20px;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  font: normal 10pt Arial;
  margin-left: 5px;
}

a.button:active span,
a.teaser_button:active span{
  color: #CCC;
}

a.teaser_button span {
  color: #CCC;
  font: normal 10pt Arial;
  width: 160px;
  margin-left: 5px;
}

a.teaser_button:hover span {
  color: #FFF;
}