html {
	margin:0;
	padding:0;
}

body {
	background-image: url(img/bg.jpg);
	margin:0;
	padding:0;
	background-position:center top;
	text-align: center;
	font-family: arial;
	/*overflow:hidden;*/
}

/***************** POLAROIDS **********************/
div, img { padding:0; margin:0; }
.polaroid { z-index:100; width:368px; height:376px; background-image:url(img/polaroid-bg.jpg); position:absolute; }
.polaroid img { width:328px; height:266px; margin:31px 0 0 -1px; }
.polaroid p { text-align:center; font-family:Trebuchet,serif; font-size:18px; color:#2E2E2E; margin-top:10px; }


/******************/
h1 {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14pt;
	color:#444;
}

h3 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 11pt;
	font-weight: bold;
	color:#333;
}

p {
	color: #333;
	font-family: arial;
	font-size: 11pt;
	line-height: 20px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}

a {
	text-decoration: none;
	color: #09C;
	font-family: arial;
	
	margin:0;
	padding:0;
}
a:hover {
	color: #09C;
	text-decoration: underline;
	
} 

td {
	vertical-align:top;
}

#wrapper {
	background-repeat:no-repeat;
	width: 783px;
	margin:0;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#content_home {
	margin:0;
	padding:0;
	background-image: url(img/start.png);
	width: 783px;
	height: 623px;
	background-repeat:no-repeat;
	position: relative;
	top: 0px;
	text-align: left;
}

#content {
	margin-top: -14px;
	padding-top: 0px;
	width: 783px;
	text-align: left;
	padding-bottom: 15px;
}

#inner_content {
	position: relative;
	top: 46px;
	background-color: #E0E0E0;
	width: 760px;
	height: 100%;
	text-align: left;
}

#inner_content_making_off {
	position: relative;
	top: 46px;
	background-color: #E0E0E0;
	width: 760px;
	height: 600px;
	text-align: left;
	margin-bottom: 10px;
}


/***************** MAIN NAVIGATION **********************/
#main_navi {
	list-style-type: none;
	margin:0;
	padding:0;
	position: relative;
	top: 20px;
}

#main_navi li {

}

#main_navi li a {
	display: block;
	float: left;
	width: 190px;
	height: 26px;
}

#news a, #app a, #making_of a, #home a,
#news_active a, #app_active a, #making_of_active a {
	background-image: url(img/menu.png);
	background-repeat:no-repeat;
}

/********************/
#home a{
	background-position: 0px 0px;
}
#home a:hover{
	background-position: 0px -26px;
}

/********************/
#news a{
	background-position: -190px 0px;
}
#news a:hover, #news_active a:hover {
	background-position: -190px -26px;
}
#news_active a {
	background-position: -190px -52px;
}

/********************/
#app a{
	background-position: -380px 0px;
}
#app a:hover {
	background-position: -380px -26px;
}
#app_active a {
	background-position: -380px -52px;
}

/********************/
#making_of a {
	background-position: -570px 0px;
}
#making_of a:hover {
	background-position: -570px -26px;
}
#making_of_active a {
	background-position: -570px -52px;
}

/***************** HÖRSPIELE BUTTON **********************/
#hoerspiele_btn a {
	display: block;
	width: 115px;
	height: 47px;
	background-image: url(img/space.png);
	background-repeat:no-repeat;
	position: relative;
	top: 497px;
	left: 569px;
	
}
#hoerspiele_btn a:hover {
	background-image: url(img/hier_highlight.jpg);
}

/***************** SUB NAVIGATION **********************/
#sub_navi_home {
	position: relative;
	top: -35px;
}
#sub_navi {
	padding-top: 20px;
	padding-bottom: 20px;
}