/* RESET */
html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* +++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a { color: #c7c4c6; }
a:link, a:visited, a:active { text-decoration: none;
	color: #c7c4c6;
}
a:hover {
	color: #cca465;
}
a.more { white-space: nowrap; padding-right: 10px; }
a[rel="external"], a.external { white-space: nowrap; padding-right: 15px; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

p{padding:5 0px; margin:0px 30px 5px 10px;}
p.alt{padding:10px 5px; margin:10px 0;}

/* +++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

div#vov {
	
	/* growing background image */
	background-image:url(../images/back.png);
	
	/* dimensions after the growing animation finishes  */
	width:640px;
	height:360px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:30px 30px 32px 30px;
}

/* default close button positioned on upper right corner */
div#vov div.close {
	background:url(../images/close.png) 0 0;
	position:absolute;
	right:4px;
	top:4px;
	cursor:pointer;
	height:32px;
	width:32px;
}

div#vcon{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ImageFloat {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	align: top;
	border: 1px solid #5b4939;
	margin-top: 0px;
}

.ImageGalleryBorder {
	float: none;
	align: top;
	border: 1px solid #544634;
	margin-right: 10px;
	margin-bottom: 10px;
	width:  120px;
	height: 120px;
}

.ImageNoBorder {
	align: top;
	border: 0;
	margin: 0;
	padding: 0;
}

.ImageValleryBorder {
	float: none;
	align: top;
	border: 1px solid #544634;
	margin-right: 10px;
	margin-bottom: 10px;
	width:  140px;
	height: 78px;
}

.ImageKritiken {
	float: left;
	align: top;
	border: 1px solid #544634;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 0px;
	width:  140px;
}

.SoundSpacer {
	margin: 2px;
}

.FilmoJahreszahlen {
	color: #c7c4c6;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.Navi {
	color: #cca465;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	list-style-type: square;
	letter-spacing: 1px;
}

.FrontpageHead {
	color: #6c5f51;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
	letter-spacing: 1px;
	vertical-align: 2px;
}

.FrontpageName {
	color: #ee9071;
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
	letter-spacing: 1px;
}

.UberSchrift {
	color: #ee9071;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
	letter-spacing: 1px;
}

.FrontpageNamehell {
	color: #dce0e5;
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
	letter-spacing: 1px;
}

.FilmoFilme {
	color: #ececec;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.FilmoKino {
	color: #cd9b80;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.FilmoRegieEtc {
	color: #9c9b9d;
	font: 11px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.DetailsJahr {
	color: #9c9b9d;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.KontaktKleinGrau {
	color: #b8b5b8;
	font: 9px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.TheaterTheater {
	color: #cd9b80;
	font: 10px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.VideoFilme {
	color: #ececec;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.fliesstext {
	color: #e3e3e3;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.VideoTitle {
	color: #e3e3e3;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

.HomeDatum {
	color: #cd9b80;
	font: 10px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}