/* Default settings for whole page */
body { 
  color: #504010;
  margin-top: 2;
  margin-bottom: 2;
  background:#606060; 
  font-style: normal; 
  font-weight: normal; 
  font-size: 11pt; 
  line-height: 12pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

p,ul,ol,li, td{ 
  font-size: 11pt; 
  line-height: 12pt;
  color: #FFFFFF
}
  
.head {
  color: #ffffff;
  font-size: 20pt; 
  line-height: 24pt;
}

.panohead {
  color: #cccccc;
  font-size: 10pt; 
  line-height: 12pt;
  text-align: center; 
  font-weight:bold; 
  margin-top: 2;
  margin-bottom: 0;}
 
.tablehead {
  color: #FFCC00;
  font-weight:bold; 
  text-align: center; 
  font-size: 12pt; 
  line-height: 15pt
}

.textsmall {
  font-size: 10pt; 
  line-height: 10pt;
}

.textsmall8 {
  font-size: 8pt; 
  line-height: 10pt;
  font-weight:normal;
  margin: 2;
  color: #cccccc;
 }
.xsmall {
  font-size: 7pt; 
  line-height: 9pt;
  margin-top: 20;
  margin-bottom: 20;
  color:#000000;
  background-color:#EEEEEE;
}

#html_bb {
	position:absolute;
	color: #333333;
	visibility:visible;
	z-index:30;
	text-align:center;
	vertical-align: middle;
	height: 96%;
	width:99%;
	top: 10px;
}

.bild_c
{
  background-color:#EEEEEE;
  color:#000000;
	text-align:center;
	vertical-align:middle;
}
.bild_t{
  border-color:#FFCC00;
  border-style:solid;
	text-align:center;
	vertical-align:middle;
  border-width:1px;
}

.tab_gal{
  border-color:#FFCC00;
  border-style:solid;
  border-width:1px;
  margin:15 8 0 0; 
  width:130; 
  height:130;
	text-align:left;
}

iframe {
  border: none;
	border-style: none;
}

/* Farben */

.col1 {
	background-color:#FFCC00;
	color:#000000; 
} 	/* Rahmen Album */

.col2 {
	background-color:#EEEEEE; 
	color:#000000;
} 	/* Hintergrund Album */

.col4 { 
	background-color:#d14f00; 
	color:#ececec; 
}	

input.vs
{
   font-size:20px;
   text-align:left;
   width:150px;
   height:40px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#FFCC00;
   border-width:1px;
   margin: 5px;
}

#div_bb {
	position:absolute;
	color: #333333;
	filter:alpha(opacity=0);
	opacity:0;
	visibility:visible;
	z-index:30;
	text-align:center;
	vertical-align: middle;
	display: none;
	height: 96%;
	width:98%;
	line-height:0;
	font-size:0px;
}

#spacer {
	visibility:visible;
	z-index:30;
	text-align:center;
	vertical-align: middle;
	height: 0;
	visibility:hidden;
	top:0;
    height:0;
    line-height:0;
    font-size:0px;
	overflow:hidden;
}

#dimmer {
	position:absolute;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:20;
	visibility:visible;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.8);
	background: url('b.png');
	display: none;
}

#film {
	position:absolute;
	width: 175px;
	height: 96%;
	left: 5px;
	top: 10px;
	margin:5px;
}

#kopf {
	position:absolute;
	width: 80%;
	height: 60px;
	left: 185px;
	top: 5px;
	z-index:1;
	margin:10px;
	margin-left:25px;
}

#main {
	position:absolute;
	z-index:1;
	width: 82%;
	height: 85%;
  left: 190px;
  top: 70px;
}

#img_b {
	margin:8px 10px 0px 10px;
	padding:0px;
	height:98%;
	max-height:##maxheight##;
	border:1px solid #cccccc;
}

#img_bb {
	margin:0 10 0 10;
	border:1px solid #cccccc;
	height:97%;
}