* {margin:0;padding:0}
/* mac hide \*/

html,body{height:100%;width:100%;}
/* end hide */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
//*	text-decoration:none;*//
	color:#000;
//*	font-weight: 200;*//
	letter-spacing: normal;
	background-color:#979797;
	background-image:url(../pics/bckg.png);
	background-repeat:repeat-x;
	text-align:center;
	min-height:468px;
	min-width:552px;
}

h1 {
	font-size:24px;
	font-weight:300;
	font-style:italic;
	color:#CCC;
}

h2 {
	font-size:12px;
	font-weight:300;
	font-style:italic;
	color:#CCC;
}

h3 {
	font-size:12px;
	font-weight:300;
	font-style:normal;
	color:#FFF;
}

h4 {
	font-size:12px;
	font-weight:300;
	font-style:normal;
	color:#FFF;
}

h5 {
	font-size:12px;
	font-weight:300;
	font-style:italic;
	color:#CCC;
}

h6 {
	font-size:12px;
	font-weight:300;
	font-style:italic;
	color:#666;
}



a:link, a:active, a:visited {
text-decoration:none;
color:#FFFFFF;
border:none;
}

a:hover {
	text-decoration:none;
	color:#F60;
}

a.darklink:link, a.darklink:active, a.darklink:visited {
	text-decoration:none;
	color:#FFF;
	border:none;
}

a.darklink:hover {
	text-decoration:none;
	color:#F60;
}

a.weblink:link, a.weblink:active, a.weblink:visited {
	text-decoration:none;
	color:#CCC;
	border:none;
	font-style: italic;
}

a.weblink:hover {
	text-decoration:none;
	color:#F60;
}

a.lightlink:link, a.lightlink:active, a.lightlink:visited {
	text-decoration:none;
	color:#FFF;
	border:none;
	font-style: italic;
}

a.lightlink:hover {
	text-decoration:none;
	color:#F60;
}

ul#nav2 {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 960px;
}

ul#nav2 li {
float: left;
margin: 0;
padding: 0;
}

/*--CSS Sprites - Default State--*/
ul#nav2 a {
	float: left;
	display: block;
	height: 31px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#nav2 a:hover {
	background-position: left -31px;
}
/*--Assign an image and width to each link--*/
ul#nav2 li.imagefilme a {
	background-image: url(../pics/nav_imagefilme.png);
	width: 126px;
}
ul#nav2 li.tvspots a {
	background-image: url(../pics/nav_tvspots.png);
	width: 111px;
}
ul#nav2 li.onlinemedia a {
	background-image: url(../pics/nav_onlinemedia.png);
	width: 156px;
}
ul#nav2 li.funkspots a {
	background-image: url(../pics/nav_funkspots.png);
	width: 137px;
}
ul#nav2 li.trailer a {
	background-image: url(../pics/nav_trailer.png);
	width: 90px;
}
ul#nav2 li.audioproduktion a {
	background-image: url(../pics/nav_audioproduktion.png);
	width: 201px;
}
ul#nav2 li.eventmedia a {
	background-image: url(../pics/nav_eventmedia.png);
	width: 139px;
}

#imagefilme li.imagefilme a, /*--Home Page > Home Link--*/
#tvspots li.tvspots a, /*--About Page > About Link--*/
#webvideo li.webvideo a, /*--Services Page > Services Link--*/
#funkspots li.funkspots a, /*--Portfolio Page > Portfolio Link--*/
#trailer li.trailer a, /*--Contact Page > Contact Link--*/
#audioproduktion li.audioproduktion a, /*--Blog Page > Blog Link--*/
#eventmedia li.eventmedia a /*--Blog Page > Blog Link--*/
{
	background-position: left bottom;
}

#nav2space {
padding-top:21px;
}

#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height:513px;
}

#inner {
width: 958px;
height:auto;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#header {
width:958px;
height:60px;
}

#content {
	width:958px;
	height:403px;
	/*-- background-color:#FFFFFF; --*/
	border:1px solid #FFFFFF;
}

#content2 {
width:600px;
height:403px;
/*-- background-color:#FFFFFF; --*/
border:1px solid #FFFFFF;
}


#content3 {
width:600px;
height:403px;
/*-- background-color:#FFFFFF; --*/
border:1px solid #FFFFFF;
}

#footer {
width:958px;
height:50px;
}

#logo {
position:relative;
top:0px;
right:-1px;
float:right;
width:283px;
height:42px;
}

#nav1 {
position:relative;
float:left;
top:18px;
width:300px;
height:20px;
word-spacing:16px;
text-align:left;
color:#FFFFFF;
}


#overlay {
	position:absolute;
	width:202px;
	height:363px;
	background-image:url(http://www.departmentstudios.de/pics/overlay3.png);
	text-align:left;
	padding:20px;
	word-spacing: normal;
}

#overlay_link {
	position:absolute;
	width:223px;
	height:185px;
	text-align:left;
	word-spacing: normal;
	left: 0px;
	top: 220px;
	padding-left: 20px;
}


#overlay_clip {
	position:absolute;
	width:203px;
	height:363px;
	background-image:url(http://www.departmentstudios.de/pics/overlay_clip.png);
	text-align:left;
	padding:20px;
	word-spacing: normal;
}

#overlay_2 {
	position:absolute;
	text-align:justify;
	padding:20px;
	float: none;
	padding-left: 190px;
	padding-right: 200px;
	width: 600px;
	height: 300px;
}


#intro {
	width:958px;
	height:403px;
}

#clip {
width:716px;
height:403px;
float:right;
}


#leistungen1 {
position:absolute;
float:left;
width:304px;
height:363px;
text-align:right;
padding:20px;
}

#leistungen2 {
	position:absolute;
	width:590px;
	height:363px;
	text-align:left;
	padding:20px;
	padding-left:345px;
}