@charset "utf-8";
/* BASIS ==================================================================== */
body {
  margin: 0px;
  height:100%;
  overflow-y: scroll; /* verikale scrollbar immer anzeigen */
  
  
  
  background-image: url('img/back.jpg');
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  
  text-align: center;
  
  
  
  
}
html {
  height:100%;
}
td {
  vertical-align: top;
}
* {
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* op, ff, ch */  
  text-align: left;
}


.base {
  width: 970px;
  margin: auto;
  top: 0px;
  bottom: 0px;
  text-align: left;
}
.base>.out {
  width: 980px;
  margin: 0px -5px;
  background: rgba(255,255,255,0.5);
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}

.base>.in {
  margin: auto;
  width: 970px;
  background: rgba(255,255,255,0.5);
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: -1;
}


.logo {
  width: 480px;
  height: 180px;
  position: absolute;
  top: 0px;
}
.logo img {
  border: 0px;
}
.addr {
  background: url('img/addrback.png') 0px 10px no-repeat;
  width: 160px;
  height: 150px;
  position: absolute;
  top: 30px;
  margin-left: 480px;
  padding-top: 15px;
  padding-left: 5px;
}
div[class*="addr"][class*="a1"] {
  margin-left: 480px;
}
div[class*="addr"][class*="a2"] {
  margin-left: 640px;
}
div[class*="addr"][class*="a3"] {
  margin-left: 800px;
}
.addr h2 {
  font: bold 10pt Segoe UI, Arial;
  color: rgba(0,0,0,0.65);
  margin: 0px 0px 5px 0px;
}
.addr p {
  font: normal 9pt Segoe UI, Arial;
  color: rgba(0,0,0,0.65);
  margin: 0px 0px 5px 0px;
}
.addr a {
  font-weight: bold;
  color: #1f9fc7;
  text-decoration: none;
  border-radius: 1px;
}
.addr a:hover {
  color: #FFF;
  box-shadow:
    inset 0px 0px 0 2px #1f9fc7,
    0px 0px 0 2px #1f9fc7,
    2px 0px 0 2px #1f9fc7,
    -2px 0px 0 2px #1f9fc7
  ;
  background: #1f9fc7;
}
.addr .tel {
  background: url('img/icon.phone.12x12.gif') 0px 1px no-repeat;
  display: inline-block;
  height: 12px;
  width: 16px;
}
.addr .fax {
  background: url('img/icon.fax.12x12.gif') 0px 1px no-repeat;
  display: inline-block;
  height: 12px;
  width: 16px;
}

.banner {
  width: 980px;
  height: 300px;
  background-image: url('img/banner.jpg');
  box-shadow:
    inset 5px 0px 0px rgba(255,255,255,0.5),
    inset -5px 0px 0px rgba(255,255,255,0.5)
  ;
  margin-left: -5px;
  margin-top: 180px;
}
.contentbanner {
  width: 980px;
  height: 300px;
  box-shadow:
    inset 5px 0px 0px rgba(255,255,255,0.5),
    inset -5px 0px 0px rgba(255,255,255,0.5)
  ;
  position: absolute;
  margin-left: -355px;
  margin-top: -375px;
}
.contentbanner iframe {
  border: 0px;
  width: 980px;
  height: 300px;
  overflow: hidden;

}




.footer {
  clear: both;
  margin-top: 30px;
  background: rgba(255,255,255,0.5);
  height: 20px;
}
div.footer:before {
  background: url('img/content.back.end.png') left top no-repeat;
  content: " ";
  position: absolute;
  display: block;
  width: 630px;
  height: 50px;
  margin-top: -80px;
  margin-left: 330px;
  z-index: -1;
}







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

div.loading {
  position: absolute;
  top: 0px;
  padding: 8px 0px 0px 8px;
  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;
}


div.googleplusone {
  position: absolute;
  left: 500px;
  top: 0px;
}

/* 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;
  display: block;
  border: 1px #999 solid;
  background: #EFEFEF;
  width: 160px;
  padding: 5px;
  margin: 60px 0px 20px 790px;
  float: right;
  font: normal 8pt Tahoma, Arial;
}
div.search td{
  font: bold 8pt Tahoma;
}

/* SCHRIFTEN ================================================================ */
/*
@font-face {
  font-family: 'Calligraffitti';
  font-style: normal;
  font-weight: normal;
  src: local('Calligraffiti'), url('fnt/calligraffitti.woff') format('woff');
}
@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: normal;
  src: local('VT323'), url('fnt/vt323.woff') format('woff');
}
@font-face {
  font-family: 'Megrim';
  font-style: normal;
  font-weight: normal;
  src: local('Megrim'), url('fnt/megrim.woff') format('woff');
}
@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: normal;
  src: local('Black Ops One'), local('BlackOpsOne-Regular'), url('fnt/black_ops_one.woff') format('woff');
}
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: normal;
  src: local('Tangerine'), url('fnt/tangerine.woff') format('woff');
}
@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal;
  font-weight: normal;
  src: local('UnifrakturMaguntia'), url('fnt/unifrakturmaguntia.woff') format('woff');
}
@font-face {
  font-family: 'Gruppo';
  font-style: normal;
  font-weight: normal;
  src: local('Gruppo'), url('fnt/gruppo.woff') format('woff');
}
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: normal;
  src: local('Tinos'), url('fnt/tinos.woff') format('woff');
}
@font-face {
  font-family: 'Terminal Dosis Light';
  font-style: normal;
  font-weight: normal;
  src: local('Terminal Dosis Light'), local('TerminalDosis-Light'), url('fnt/terminal_dosis_light.woff') format('woff');
}
@font-face {
  font-family: 'Redressed';
  font-style: normal;
  font-weight: normal;
  src: local('Redressed'), url('fnt/redressed.woff') format('woff');
}
@font-face {
  font-family: 'Nova Cut';
  font-style: normal;
  font-weight: normal;
  src: local('NovaCut'), url('fnt/nova_cut.woff') format('woff');
}
@font-face {
  font-family: 'Radley';
  font-style: normal;
  font-weight: normal;
  src: local('Radley'), url('fnt/radley.woff') format('woff');
}
@font-face {
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Expletus Sans'), local('ExpletusSans'), url('fnt/expletus_sans.woff') format('woff');
}
@font-face {
  font-family: 'Just Another Hand';
  font-style: normal;
  font-weight: normal;
  src: local('Just Another Hand'), local('JustAnotherHand-Regular'), url('fnt/just_another_hand.woff') format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('fnt/yanone_kaffeesatz.woff') format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('fnt/pt_sans_narrow.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('fnt/oswald.woff') format('woff');
}
@font-face {
  font-family: 'Six Caps';
  font-style: normal;
  font-weight: normal;
  src: local('Six Caps'), local('SixCaps'), url('fnt/six_caps.woff') format('woff');
}
@font-face {
  font-family: 'Nova Slim';
  font-style: normal;
  font-weight: normal;
  src: local('NovaSlim'), url('fnt/nova_slim.woff') format('woff');
}
@font-face {
  font-family: 'Carme';
  font-style: normal;
  font-weight: normal;
  src: local('Carme Regular'), local('Carme'), url('fnt/carme.woff') format('woff');
}
*/
@font-face {
  font-family: 'Mako';
  font-style: normal;
  font-weight: normal;
  src: local('Mako'), url('fnt/mako.woff') format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: normal;
  src: local('Cuprum'), url('fnt/cuprum.woff') format('woff');
}