@font-face {
    font-family: 'CenturyGothic'; /*a name to be used later*/
    src: url('gothic.ttf');
}

@font-face {
	font-family: 'Avenir';
	src: url('Avenir.ttf');
}

div#outer-div {
	width: 100%;
	padding: 0;
	display: table;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	float: left;
}

div#index-div {
	width: 100%;
	padding: 0;
	display: table;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	float: left;
}

div#inner-div {
	style=padding: 0;
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}


div#centered {
	margin: 0 auto;
	box-align: center;
  	width: 400px;
  	/* 
border-style:solid;
  	border-width:1px;
  	border-color: gray;
 */
  	padding: 30px 0px;

}

div.download-element {
	font-family: Avenir;
	font-size: 0.75em;
	float: left;
	margin: 87px;
}

img.shadow {
	box-shadow: 5px 5px 10px #ccc;
}

div.download-text {
	margin: 50px 0 0 0;
	text-align: center;
}

div.avenir {
	font-family: Avenir;
	line-height: 2em;
}

div#welcome {
	width: 774px; 
	height: 500px; 
	margin:0 auto;
	opacity:0.2;
	-webkit-transition-property: opacity;
       -moz-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

div#welcome:hover {
	opacity:1.0;
}

div#seher {
	float:left; 
	font-family:CenturyGothic; 
	font-weight: bold;
	letter-spacing: 4px;
}

div#body {
	margin:30px auto;
	width: 1000px;
}

div#menu {
	float:right; 
	font-size:0.75em; 
	font-family:CenturyGothic;
	font-weight: bold;
	color:gray;
}

a:hover {
	text-shadow: #dddddd 1px 1px 3px;
}

a:active {
	color: gray;
}

div.eintrag {
	margin: 430px 0 430px 0;
	font-family:CenturyGothic; 
	font-size: 0.75em;
}

div#filmtext {
	height: 100px;
	width: 290px;
	float: right;
	text-align: center;
	margin: 30px 0 30px 0;
	font-family: Avenir;
	letter-spacing: 1px;
}

a#sonstiges {
	color:gray;
}

td {
	margin: 0 100px 0 100px;
}

a {
	text-decoration: none;
	color: black;
}

table { 
	table-layout:fixed; 
}
table td { 
	overflow: hidden;
}