/* =======================================
1. Allgemeine Styles
======================================= */

html, body {
margin:0;
padding:0;
}

html {
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/background_ps_gr.jpg);
	background-position:auto auto;
	background-repeat: no-repeat;
	}
	
body {
	height: auto;
	margin-left:auto;
	margin-right:auto;
	}
	
div {
	font-family: Georgia;
	color:#ffffff;
	}

#wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
padding:0;
}

	
a {
	text-decoration: none;
	color:#ffffff;
}

a:link {}
a:visited {}
a:focus {}
a:hover {text-decoration:underline;}
a:active {color: #ffffff;}

/*Filmtitel*/
h1 {font-size: 55px; font-style:italic; text-align:center;}
h2 {font-size: 34px; margin-top:17px; font-style:italic; float:left;}

/*Premiere*/
h3 {font-size: 20px; text-align:center;}
h4 {font-size: 14px; text-align:right; float:right;}

/*Credits*/
h5 {font-family:Arial, sans-serif; font-size:18px; font-variant:small-caps; text-align:center;}

/*Absatz*/
p {font-family: Arial, sans-serif; font-size:14px;}
em {font-size:14px;}

/*#logo {
	position:relative;
	left:-250px;
	top:45px;
	background-image:url(../images/mylonaslogo_kl.png);
	width:175px; height:25px;
	}
	
	#logo a {
		color: #000;
		display: block;
		width:100%;
		height:100%;
		}*/



/* =======================================
2. Styles für die Layoutbereiche
======================================= */


#header {height:0px;}

#content {
	border: 1.5px solid;
	border-color:#ffffff;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	-webkit-border-radius:12px;
	float: left;
  	width: 750px;
	height: 450px;
	margin-top:100px;
	margin-left:90px;
	margin-right:auto;
	margin-bottom:10px;
  	padding-left: 20px;
  	padding-top: 0px;
  	padding-right:10px;
  }

#menu {
	margin-left:100px;
	margin-right:60px;
	margin-bottom:20px;
	height: 30px;
	font-size: 18px;
	}

#menu a {
	float:left;
	display:block;
	width:117px;
	text-align:left;
	padding: 3px 0px 3px 10px;
	}
	
#menu .current {
	background-image:url(../images/opacity.png);
	}


#footer {
	margin-left:60px;
	margin-right:60px;
	text-align: center;
	}

#opacity {
	background-image:url(../images/opacity.png);
	margin-top:80px;
	margin-left:50px;
	height: 340px;
	padding-top:10px;
	padding-left:20px;
	padding-right:40px;
	}

#opacity .thumb {
	margin-left:5px;
	margin-bottom:5px;
	}

#logos {
	margin-top:600px;
	margin-left:145px;
	bottom:30px;
	height:80px;
	}
	
#logos a {
	float:left;
	text-align:left;
	padding: 3px 10px 3px 3px;
	}