/* css für Bildergalerie */
a {font: Arial, Helvetica, sans-serif;
color:#414D5B; 
text-decoration:none; 
}

a:link {
color:#8f7155;
text-decoration:none; 
}
a:visited {
color:#414D5B; 
text-decoration:none;
}
a:active {
color:#c3ac94;
text-decoration:none; 
}
a:hover {
color:#cd814c;
}
.bg {
background-color: #f6f3ee;
}
.blaettern{
font: 16px  Arial, Helvetica, sans-serif;
color : #030;
margin : 12px 0px 0px 0px; 
padding : 0px 0px 0px 0px;
font-weight: 600;
text-align: center;
 text-decoration: none;
}

.close {font: 11px Arial, Helvetica, sans-serif;
color:#f0c261;
letter-spacing: 0.1em;
font-variant:small-caps;
/*letter-spacing:0.1em;*/
background-color: #414D5B; 
text-decoration:none; 
background-image : url(../fond/bg_button.gif);
background-repeat:no-repeat;
background-position:1px;
width: 180px;
border-top:thin #cc9 groove;
border-left:thin #cc9 groove;
border-right:thin #cc9 groove;
border-bottom:thin #664d33 groove;
margin:4px 0px 4px 2px;
padding:2px 4px 0px 20px;
display:block;
font-weight: 100;
text-align: center;
}

#bildergalerie {font-family: Verdana, Arial, Helvetica, sans-serif;
color : #333;
font-size : 10px; 
width : 400px; 
margin : 0px 0px 20px 8px; 
padding : 4px 0px 0px 0px; 
text-align : left; 
clear: both;
}

.galerie {
width:450px;
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	float:left;
}
.video {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color : #333;
	color: #c30;
	width: 500px;
	height:28px;
	margin: -2px 0px 0px 0px;
	padding:14px 36px 0px 0px;
  /*cursor: pointer;*/
  	text-align: right;
  display: block;
float:left;
background-image: url(../icon/movie.gif);
background-position: top right;
background-repeat: no-repeat;
font-variant: small-caps;
}
.video a{
font-variant: small-caps;
color: #b22222;
text-decoration: none;
	border-bottom:1px dotted #CFE383;
}
.video a:active{
	color:#4c704c;
	text-decoration: none;
	border-bottom:1px dotted #c63;
}	 
.video a:hover{
	color:#4c704c;
	text-decoration: none;
	border-bottom:1px dotted #c63;
}	 
#frame{
display:block;
    width:480px;
	 height:285px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: transparent;
	border:0px solid #999;
}
#dasfoto{
position:relative;
    display: block;
    width:480px;
	 height:285px;
    left: 0px;
    top: 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background-color: transparent;
	border:0px solid #000;
	z-index:20;
}

#derfilm{
position:absolut;
    display: block;
    width:480px;
    left: 0px;
    top: -285px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background-color: #a3a3a3;
	border:4px solid #666;
	z-index:10;
}
.movie {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color : #333;
	color: #c30;
	width: 500px;
	height:28px;
	margin: -2px 0px 0px 0px;
	padding:14px 36px 0px 0px;
  /*cursor: pointer;*/
  	text-align: right;
  display: block;
float:left;
background-image: url(../icon/quicktime.gif);
background-position: top right;
background-repeat: no-repeat;
font-variant: small-caps;
	background-color: #7e8d9a;
}
.movie a{
font-variant: small-caps;
color: #b22222;
text-decoration: none;
	border-bottom:1px dotted #CFE383;
}
.movie a:active{
	color:#4c704c;
	text-decoration: none;
	border-bottom:1px dotted #c63;
}	 
.movie a:hover{
	color:#4c704c;
	text-decoration: none;
	border-bottom:1px dotted #c63;
}	 
.titel{
font: 14px  Arial, Helvetica, sans-serif;
color : #030;
font-variant : normal; 

background-color : transparent;
margin : 0px 2px 0px 0px; 
padding : 14px 4px 0px 0px;
font-weight: 900;
text-decoration: none;
}
.listimage{
width: 120px;
height:90px;
background-image: url(../fond/bg_listimage.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
float: left;
}
#bigfoto {
width:600px;
/*border: 0.3em inset #987c5d;*/
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	float:left;
}
#pager{
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #52576C; 
font-size : 20px;
width : 410px; 
height : 20px;
margin : 0px 0px 0px 0px; 
padding : 0px 0px 0px 0px; 
text-align : center; 
clear: both;
display: block;
}
#pagerbig{
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #52576C; 
font-size : 20px;
width : 620px; 
height : 20px;
margin : 0px 0px 0px 0px; 
padding : 0px 0px 0px 0px; 
text-align : center; 
clear: both;
display: block;
}
#teaser{
   font-size:11px;
   color:#000;
	line-height:150%;
   background-color:transparent;
	border:0px solid #ccc;
   text-align:left;
   margin:14px 0px 30px 6px;
	padding:0px 0px 0px 2px;
	width:auto;
	display: block;
	float: left;
}
#thumbgalerie{font-family: Verdana, Arial, Helvetica, sans-serif;
color : #333;
font-size : 10px; 
width : 410px; 
height: 140px;
margin : 2px 0px 0px 0px; 
padding : 4px 0px 4px 0px; 
text-align : left;
}
#thumbgalerie .rahmen {
color : #522900;
width: 180px;
height: 129px;
 /*background-image: url(../fond/bg_dia.jpg);
 background-position: center;
 background-repeat: no-repeat;*/
margin : 0px 20px 0px 2px; 
float: left;
  } 
#thumbgalerie .dia{
width: auto;
height: auto;
margin : 0px auto 0px auto; 
text-align: center;
display: block;
float: none;
clear: both;
border : 0px groove #cc9; 
background-color: #cc9;
  }  
.big{
border: 1px groove #666;
  } 
.trenner{
font-size:10px;
color: #522900;
width: 440px;
height:12px;
text-align: center;
display: block;
clear: both;
}