@charset "UTF-8";

body {
	background-attachment: fixed;
	background-color: #222222;

  font-size: small;
  color: #BBBBBB;
  font: normal normal normal small Verdana, Arial, Helvetica, sans-serif Arial,
}
body.head
 {
  background-image: url(../z_img/head_hg.jpg);
  background-repeat: repeat-y
}

body.einz
 {
	background-position: 15px;
}

h3 {
	font: normal normal normal Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: 110%;
	margin-left: 2em;
	 }
h4 {
	font: normal normal normal xx-small Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: medium;
}

a {
	font: normal normal normal xx-small Verdana, sans-serif;
	text-align: right;
	color: White;
	font-size: small;
}

a:link {
	color: #BBBBBB;
}
a:active{
color: Blue;

}
a:visited{
	color: #AAAAAA;
}



p {
	font: normal normal normal x-small Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: small;
}

p.right {
	text-align: right;
	height: 6em;
}
small {
	font: normal normal normal x-small Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: 0.8em;
}

small.impressum {
  font-size: 0.8em;
}

div#main{
  width:70%;
  position: absolute;
  margin-right: 280px;
}

div.info{
    background: #222;
    border: 1px solid #222;
    padding: 5px;
    /*z-index: 999;
    vertical-align: top;
    float: right;*/
}

div.info p,
div.info a,
div.info ul li{
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left: 0.3em;
}

div.info a{
	font-size: inherit;
	line-height: inherit;
	padding-left: inherit;
	text-decoration: none;
	color: #AAAAAA;
}


div.info a:hover{
	color: #FFFF00;
}

div.info blockquote{
	color: #CCCCCC;
	font-size: 0.8em;
	line-height: 1.3em;
	padding-left: 0.7em;
}


input
 {
  border: thin solid #646464;
  font: normal normal normal x-small Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: small;
  background: #222222;
}

input.button
{
  background: #343434;
  font-size: x-small;
  text-align: center;
  font-weight: bold
}

textarea
 {
  border: thin solid #646464;
  font: normal normal normal x-small Verdana, sans-serif;
	text-align: left;
	color: #BBBBBB;
	font-size: small;
  background: #222222;
}

hr
	{
	height:2px;
	width:100%;
	color:#666666;
}

.toparea{
	background-image: url(../z_img/head_hg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: left top;
	width: 100%;
	height: 70px;
    margin-bottom: 1em;
}

div.container{
	width: 100%;
    padding-top: 10px;
    text-align: left;
	color: #FFFFFF;
	float: right;
}

div.content{
	width: 70%;
	height: 450px;
	padding-left: 1em;
	padding-top: 1em;
	float: left;
    clear: left;
	position: static;

}

div.panocontent{
	width: 70%;
	height: 55px;
	padding-left: 1em;
	padding-top: 1em;
	float: left;
	position: static;
}

div.nav{
	float: right;
	width: 25%;
	height: 450px;
	position: static;
}

div.panonav{
	float: right;
	width: 25%;
	height: 55px;
	position: static;
}


div.footer{
	clear: both;
	width: 99%;
	padding-left: 1em;
	padding-top:1em;
	margin-top: 5em;
	position: static;
	border-top: #BBBBBB thin solid;
}

div.footer_left{
	width: 30%;
	float: left;
	clear: left;
	position: static;
	padding-top: 1em;
}

div.footer_right{
	padding-right: 2em;
	float: right;
	clear: right;
	position: static;
}


span.trenn{
	font-size: 5em;
	color: green;
}

.tooltip{
  visibility: hidden;
}


div.navi{
   /*	float: right;
    clear: right;*/
	width: 100%;
}
div.navi ul{
	list-style-type: none;
	padding-right: 3px;
	padding-left: 2em;
	text-align: left;
}


div.navi li {
	font-size: 0.6em;
	line-height: 3em;
}


div.navi li a{
	text-decoration: none;
	color:#777777;
	padding-left: 3px;
}

div.navi li a:hover{
	color: white;
	padding-left: 5px;
}

div.navi li a.menu{
	color:#AAAAAA;
}

div.navi li a:hover.menu{
	color:#FFFF00;
	padding-left: 3px;
}



div#navmenu{
  /*background-color: #FF9900;*/
  float: right;
  width: 28%;
  /*height: 550px;
  text-align: left;
  padding-right: 2em;
  margin-left: 740px; */

  /*position: static;*/
}
div#inner_nav{
    height: 350px;
}

div#bottom_nav{
    float: right;
    clear: right;
	width: 25%;
}



ul.horz, ul.horz li{
display: inline;
list-style: disc;
text-align: left;
font-size: 9pt;
line-height: 14pt;
}

div#guestpic{
vertical-align:top;
float:left;
margin-left:0;
margin-right: 0.9em;
margin-bottom: 0.5 em;
}

div#guesttext{
position:relative;
vertical-align:top;
}

div#pano-preview{
	height: 150px;
}
div#pano-preview-fisheye{
	height: 250px;
}

div#pano-preview img{
	/*margin-bottom:2em;*/
	margin-bottom: 2px;
	margin-top: auto;
}