/******** MAIN.CSS ********/
html, body {margin:0px 0px 1px 0px;padding:0;height:100.1%; font-size:100%;}
body {color:#383838; font-size:100%; line-height:125%; font-family:Arial, Helvetica, sans-serif;}
/****** GENERAL ******/
h1, h2, h3, h4, h5, h6, p, li {
	line-height: 125%;
}
h1 {font-size:200%; font-weight:400; line-height:125%; margin:0px 0px 0.67em 0px; color:#0000ff;}
h2 {font-size:200%; font-weight:700;}
h3 {font-size:100%; font-weight:600; margin:0.67em 0px; color:#000000;}
h4 {font-size:75%;  font-weight:600; color:inherit; margin:2% 0px;}
h5 {font-size:75%;  font-weight:700; color:#000000;}
p, b {font-size:100%;}
p span {margin:0px 0px 0px 0px;}
a {color:inherit; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
img {display: block;}
.clear {clear:both;}

#page {width:1000px; margin:0px auto;  position:relative;}

/****** HEAD ******/
#header {
	font-size:87.5%; 
	position:relative; 
	display:block; 
	height:300px; 
	margin-top: 40px; 
	width:100%; 
	overflow:hidden;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
#header .left {width:40%; float:left; margin-right:5%;}
#header .right {width:75%; float:left;}
#header img {width:100%; position:absolute; z-index:-1;}
#header .logo {
	position:absolute;
	top:20px;
	left:20px;	
}
#header .logo .vorname {
	font-size: 36px;
	font-family: Calibri;
}

#header .logo .nachname {
	font-size: 18px;
	float: left;
	font-family: Calibri;
}


/****** ANIMATIONEN ******/
#table-animationen td {
	vertical-align: top;
	height: 501px;
}

/****** MENU ******/
#menu {height:50px; width:960px; margin:25px 20px;}
#menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
	border-right: 3px solid #D4D4D4;
}
#menu li {
	border-left: 2px solid #D4D4D4;
	list-style-type: none;
	float: left;
	display: block;
	min-width: 50px;
}
#menu li.act a {border-bottom:5px solid #000000;}
#menu a {
	border-bottom: 5px solid #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 15px 8px 10px 8px;
	color: #383838;
	font-size: 75%;
	font-weight: 600;
}
#menu li.act a,
#menu a:hover {
	text-decoration: none;
	border-bottom: 2px solid #000000;
}


/****** PUBLIKATIONEN & PROJEKTE ******/

#table-poster td {
	vertical-align: top;
	height: 300px;
}


/****** CONTENT ******/
#content {
	margin: 0 0 0 50;
	min-height: 300px;
	width: 920px;
	padding: 0px 40px 0px 40px;
	display: table;
}
#content #teaser {width:30%; display:block; float:left; min-height:10px;}
#content #inhalt {width:65%; display:table; float:left; min-height:10px; margin:0px 0px 0px 5%;}

table {width:600px; margin: 30px 0px; border-bottom: 1px solid #CCCCCC;}
td {padding:1%; border-width:1px; border-style:solid none none solid;border-color:#CCCCCC;}
.spalte1 {width:10%; text-align:center;}
.spalte2 {width:4%;}
.spalte3 {width:86%; border-right: 1px solid #CCCCCC;}

#content img {
	float: left;
	margin: 5px 5px 5px 8px;
}

/****** Filmstreifen ******/
#filmstreifen {
	position:relative;
	background:url('./images/Filmstreifen.png') no-repeat;
	background-position:-100px -50px;
		width: 100%;
	min-height: 1500px; 
	display: table; 
	}
#filmstreifen p {
	margin-left:400px;
}

/****** FOOTER ******/
#footer {width:90%; padding:30px 5% 0px 5%; display:table; min-height:15px; color:#202020; font-size:75%;}
#footer ul {list-style:none; display:table; width:90%; margin:0px; padding:0px 5%;}
#footer ul li {float:left; margin:0px 0px 0px 0px;}
#footer ul li {font-size:68.75%;}
#footer ul li a {font-size:inherit;}