* {
	margin:0;
	padding: 0;
}

body {
	/*font-family: Georgia,"Nimbus Roman No9 L",serif;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
}
img {
	border:none;	
}
a {
	color:#000;
}
a:hover {
	color:#f00;
}

h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
}

#wrapper {
	width:960px;
	height:800px;
	margin:0 auto;
	padding:20px 0px 0px 0px;
	background: url(../img/rahmen.gif) center 140px no-repeat;
	z-index:900;
}
#header {
	padding:10px 20px;

}
#logo {
	float: left;
	margin: 40px 10px 0 0;

}
#navigation {
	float: left;
	text-align: center;
}
#navigation ul {
	list-style-type: none;
	margin:0 auto;
}
#navigation li {
	float:left;
}
#navigation a {
	display:block;
	background-repeat: no-repeat;
	text-align: center;
	letter-spacing: -2px;
	font-size: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
}
#navigation span {
	display:none;	
}
#nielsmuenter {
	background-image:url(../img/nm.gif);	
	width:96px;
}
#nielsmuenter:hover {
	background:url(../img/nm.gif) 0 130px;
}
#work {
	background:url(../img/produktion.gif);
	width:145px;
}
#work:hover {
	background:url(../img/produktion.gif) 0 130px;
}
#directing {
	background:url(../img/directing.gif);
	width:145px;
}
#directing:hover {
	background:url(../img/directing.gif) 0 130px;
}
#kontakt:hover{
	background:url(../img/kontakt.gif) 0 130px;
}
#kontakt {
	background:url(../img/kontakt.gif);
	width:145px;	
}


.home {
	background: #000;	
}
#home {
	text-align: center;
	margin-top:200px;
}
#home a {
	color:#fff;
	text-decoration: none;
}
#home h1 {
	font-size: 12px;
}

#content {
	clear: both;
	width: 700px;
	height:450px;
	margin: 160px auto;
	padding: 30px;
}
#content p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 24px;
}

#footer {
	clear: both;
}
.clear {
	clear:both;
	padding-bottom: 100px;
}

#niels {
	background-image: url(../img/niels_klein.jpg);
	height: 179px;
	margin: 0 50px 0 0;
}
#content .rollover {
	background-position: 0 -191px;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-bottom:10px;
	float: left;
	padding:0 10px 10px 0;
	
}
#content .rollover:hover, #content .over {
	background-position: 0 0;
}

.center {
	text-align: center;
}

#map {
	width:700px;
	height: 350px;
	margin: 0 0 15px 0;
}

.panel {
	float: left;
	width: 200px;
	margin: -10px 0px 0px 0px;
	padding: 15px;
}
.panel:hover {
	background: url(../img/rahmen_klein.gif);
}
#content .title {
	font-size: 11px;
    height: 20px;
    line-height: 13px;
    padding: 5px 0 0;
    text-align: center;
    width: 200px;
}

#vita {
	float: left;
	width: 460px;
}