* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}
html { overflow: auto; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #eee;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/bg_page_kurz.gif) repeat-x;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#header { border: 0px solid #fff;
	width: 1024px;
	height: 75px;
	z-index: 10;
	margin: 0 auto;  
	padding: 0;   
	text-align: center;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#logo { border: 0px solid #fff;
	width: 810px;
	height: 75px;	
	margin: 0;  
	padding: 0 0 0 40px;   
	text-align: left;
	float: left;
}

#kunden img {margin:1px; padding:0;}

#back {
	border: 0px solid #fff;
	position: absolute;
	z-index: 0;
	top: 120px; left: 0;
	width: 100%;
	height: 680px;
	background-image: url(../images/bg-holder.jpg);
	text-align: center;	
}

#container { border: 0px solid #fff;
	width: 1024px;
	height: 800px;
	margin: 0 auto; 
	text-align: center;
	z-index: 10; 
}

#holder { border: 0px solid #fff;
	position: relative;
	top:0; left:0;
	width: 100%;
	height: 675px;
	background-repeat: no-repeat;	
	background-position: 0 -1px;
}

#content { border: 0px solid #fff;
	position: relative;
	top:0; left:0;
	z-index: 20000;
	width: 100%; 
	height: 100%;
	margin: 35px 0 0 0;
	padding: 0 0 0 0; 
	text-align: left;
	background: transparent;
}
#content a:link  { color: #ddd; font-size:12px; text-decoration: none; font-weight:normal; }
#content a:hover { color: #0a76d5; font-size:12px; text-decoration: none; font-weight:normal; }
#content a:visited { color: #ccc; font-size:12px; text-decoration: none; font-weight:normal; }

#content table, #content tr  { margin:0; padding:0; }
*table, tr {
	font-size: 11px;
	color:#fff;
	margin:0;
	padding:0;
}

#content h1 { font-size:13px; font-weight: bold; margin:0; padding:4px 0 0 12px; color:#dbdbdb; text-align: left; }
#content h3 { font-size:18px; font-weight: bold; margin:0; padding:6px 0 0 0; color:#fff; text-align: left; }
#content h4 { font-size:13px; margin:14px 0 4px 0; padding:0; color:#0a76d5; font-weight:bold; text-align: left; }
#content h5 { font-size:14px; margin:14px 0 6px 0; padding:0; color:#fff; font-weight:bold; text-align: left; }
#content p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	color: #dbdbdb; 
	font-weight: bold; 
	line-height: 1.4em; 
	margin: 0; 
	padding: 4px 0;  
	text-align: justify;
	word-spacing: normal;
}
#box { 
	position: relative;
	top:-18px; left:420px;
	width: 571px; 
	margin: 0;
	padding: 0; 
	text-align: left;
	background: #000 url(../images/td_bg_big2.gif) no-repeat;
}
.titel { 
	background-image:url(../images/bg-titel.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	width:561px;
	height:30px;
	padding:0;
	margin:0; 
	text-align: left;
}
.txt {
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 100%;
	margin: -6px 0 0 0; 
	padding: 12px 32px 12px 18px; 	
	text-align: left;
	background: transparent;			
}
*>.txt { width: 505px; }

#box-lang {
	position: relative;
	top:0; 	left:330px;
	width: 674px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/td_bg_big_lang.gif) no-repeat;
}
.titel-lang { 
	background-image: url(../images/bg-titel-lang.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 680px;
	height: 30px;
	padding: 0;
	margin: 0; 
	text-align: left;
}
.txt-lang {
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 100%;
	height: 273px;
	margin: -6px 0 0 0;
	padding: 0;
	background: transparent;
	text-align: left;	
}
#box-lang p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em; 
	color: #eee; 
	font-weight: bold; 
	line-height: 1.4em; 
	margin: 0; 
	padding: 12px 14px 8px 14px;  
	text-align: justify;
	word-spacing: normal;
}

#box-media {
	position: relative;
	top:0; 	left:330px;
	width: 674px;
	height: 600px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent;
}
.video { 
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 100%;
	height: 306px;
	margin: -6px 0 0 0; 
	padding: 0;
	background: #000;
	text-align: left;
	word-spacing: 2px;	
}

#box-lang-impressum {
	border: 0px solid #fff;
	position: relative;
	top: 0; left: 300px;
	width: 680px;
	height: 4520px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent;
	z-index: 4000;
}

.impressum {
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 646px;
	height: 4520px;
	margin: -6px 0 10px 0; 
	padding: 0 14px 32px 14px; 
	background: url(../images/td_bg_pattern2.gif) repeat-y;	
	text-align: left;
	word-spacing: normal;
		
}
#box-team { 
	position: relative;
	top:-8px; left:420px;
	width: 571px; 
	height: 100%;
	margin: 0;
	padding: 0; 
	text-align: left;
	background: transparent;
}
.txt-team {
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 551px;
	height: 520px;
	margin: -6px 0 0 0;  
	padding: 2px; 
	background: url(../images/td_bg_team.gif) no-repeat;	
	text-align: left;	
}
#box-server { 
	position: relative;
	top:-10px; left:420px;
	width: 539px; 
	height: 100%;
	margin: 0;
	padding: 0; 
}
.txt-server {
	border: 3px solid #5c5c5c;
	border-top: none;
	width: 100%;
	height: 140px;
	margin: -6px 0 0 0; 
	padding: 65px 8px 65px 8px; 	
	background: url(../images/td_bg_big2.gif) no-repeat;			
}
#media ul { 
	list-style: none !important;
	display: block;
	padding: 0;
	margin: 0;
}
#media li {
	list-style: none !important;
	list-style-image: none !important;
	display: block;
	text-align: left;
	word-spacing: normal;
	padding: 0;
	margin: 0 0 0 -16px;
}

#media li a {
	display: block;
	width: 80px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	border: 1px solid #5c5c5c;
	background: #202020;
	text-decoration: none;
	padding: 4px; margin: 4px;
}
#media li a:link { color: #202020; padding: 4px; margin: 4px; }
#media li a:visited { color: #666; padding: 4px; margin: 4px; }
#media li a:hover { color: #fff; background: #666; padding: 4px; margin: 4px; }


#content-home { width:520px; margin:0; padding:43px 0 0 284px; float:left; text-align:left; border: 0px solid #5c5c5c; }
#content-home h1 { font-size:13px; font-weight:bold; margin:0; padding:2px 0 0 0; color:#dbdbdb; text-align:left; }
.txt-home {
	border: 3px solid #5c5c5c;
	border-top: none;
	color: #dbdbdb;
	font-weight: bold;
	font-size: 12px; 
	line-height: 1.4em; 
	width: 446px;
	margin: 0; 
	padding: 8px; 
	background: #000 url(../images/td_bg.gif) no-repeat; 
	text-align: justify;
	word-spacing: normal;	
}
.header {
	width: 541px;
	background: url(../images/hbg.gif);
	background-repeat: repeat-x;
	padding-left:6px;
}

.header-home {
	width: 460px;
	background: url(../images/hbg.gif);
	background-repeat: repeat-x;
	padding-left:6px;
}

#content ul, li {
	font-size: 11px;
	margin: 0 0 0 8px;
	padding: 0 0 0 4px;
	color: #fff;
	font-weight: normal;
	list-style: url(../images/pfeil.gif);
	list-style-position: outside;
	text-align: left;
	word-spacing: normal 
}
.anim {
	border: 3px solid #5c5c5c;
	border-top: none;
	margin-top: 8px;
	padding: 8px;
	width: 446px;
	background: url(../images/th_bg.gif) no-repeat;		
}


#sidebar {  border: 0px solid #5c5c5c; margin:0; padding: 44px 0 0 0; float:left; }
#sidebar h1 { font-size:13px; font-weight: bold; margin:0; padding:0; color:#dbdbdb; }
.sidebar_header {
	width: 160px;
	background: url(../images/hbg.gif);
	background-repeat: repeat-x;
	padding-left: 6px;
}
.sidebar_txt {
	border: 3px solid #5c5c5c;
	border-top: 0;
	padding: 8px;
	width: 145px;
}
.sidebar_anim {
	border: 3px solid #5c5c5c;
	border-top: 0;
	padding: 8px;
	width: 145px;
	background: url(../images/th_bg.gif);		
}
.sidebar_txt p {
	font-size: 11px;
	font-weight: bold;
	margin-top: -5px;
	margin-bottom: -5px;
	line-height: 13px;
	color: #dbdbdb;
	text-align: justify;	
}

.flash { border:0px solid #fff;
position: relative;
left: 0;
top: 0;
width: 174px; 
height: 135;
z-index: 100;
background: transparent;
}

.flashhover { 
position: relative;
left: 0;
top: 0;
width: 174px; 
height: 135;
z-index: 200;
}

.hover { 
position: absolute;
left: 20px;
top: 20px;
z-index: 300; 
}



.nostyle{ list-style:none; }

.bl {
	width: 7px;
	background: url(../images/td_left.gif);
	background-repeat: repeat-y;
}
.br {
	width: 7px;
	background: url(../images/td_right.gif);
	background-repeat: repeat-y;
}

br.sm { line-height: 10px; }

.movie-1 a, .movie-2 a, .movie-3 a, .movie-4 a {text-decoration:none;}
.movie-1 a:hover, .movie-2 a:hover, .movie-3 a:hover, .movie-4 a:hover {text-decoration:none; color:#fff; font-size: 11px;}
.movie-1 { border: 0px solid #fff;
	position: absolute;
	top: 420px; left: -30px;
	width: 200px; height: 160px;
	z-index: 9000;
	cursor: pointer;
	background: transparent;
}
.movie-2 { border: 0px solid #fff;
	position: absolute;
	top: 400px; left: 160px;
	width: 190px; height: 160px;
	z-index: 9000;
	cursor: pointer;
	background: transparent;
}
.movie-3 { border: 0px solid #fff;
	position: absolute;
	top: 380px; left: 340px;
	width: 180px; height: 160px;
	z-index: 9000;
	cursor: pointer;
	background: transparent;
}
.movie-4 { border: 0px solid #fff;
	position: absolute;
	top: 360px; left: 503px;
	width: 176px; height: 160px;
	z-index: 9000;
	cursor: pointer;
	background: transparent;
}

hr {
	height: 0px;
	border: 0;
	border-bottom: 1px dotted grey;
	margin: 4px 0;
}

.sitemap { display: none; }



#footer  {
	position: absolute;
	top: 840px; left:0;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 100;
}
#footer ul li { display:inline; color: #454545; font-size:0.75em; padding:0; margin:0; }
#footer ul li a { color: #454545; text-decoration: none; font-size:0.75em; padding:0; margin:0;  }
#footer ul li a:hover { color: #eee; text-decoration: none; font-size:0.75em; padding:0; margin:0;  }









/* NAVIGATION */

#shortcuts { border: 0px solid #fff;
	float: right;
	width: 120px;	
	height: auto;
	margin: 0 46px 0 0;  
	padding: 0;
	background: transparent;
	text-align: left;  
}
#shortcuts ul { float: right; margin: 6px 0; padding: 0; list-style: none !important;  }
#shortcuts li { width: 120px; margin: 0; padding:0; list-style-image: none !important; line-height: 1.0em; }
#shortcuts a { margin:0; padding:0; border-bottom: 1px solid #ccc; display: block; font-size: 10px; color: #ccc; text-decoration: none;  }
#shortcuts a:hover { background-image: url(../images/shortcuts_bg.gif); }


#menu { border: 0px solid #fff;
	width: 100%;
	height: 21px;
	background: url(../images/bg_menu.gif);
	padding-left: 43px;
	margin-top: 0px;
	z-index: 200;
}
#menu #currentpage a { background-image: url(../images/bg_menu_active.gif); }
*>#menu { margin-top: 0px; }



#submenu_produktion { border: none;
	width: 100%;
	height: 18px;
	margin-top: 4px;
	margin-left: 199px;  
	background: url(../images/submenu_bg_produktion.gif);
	background-repeat: no-repeat;
}
#submenu_postproduktion { border: none;
	width: 100%;
	height: 18px;
	margin-top: 4px;
	margin-left: 355px;
	background: url(../images/submenu_bg_postproduktion.gif);
	background-repeat: no-repeat;
	z-index: 200;
}
ul.submenu li img, ul.submenu li.menu_active img {
	margin-left:-2px;
	margin-right:-2px;
}
ul.submenu li, ul.submenu li.menu_active {
	font-size: 11px;
	font-weight: normal;
	display: inline;
	float: left;
	margin:0px;
	padding:0px;  
}
#submenu_produktion ul.submenu li, #submenu_produktion ul.submenu li.menu_active {
	padding-left:12px;
	padding-right:12px;
}
#submenu_postproduktion ul.submenu li, #submenu_postproduktion ul.submenu li.menu_active {
	padding-left:12px;
	padding-right:12px;
}
ul.submenu li a {  
  background: none;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding:2px;
  margin:0px;
  text-decoration: none;
  text-align: center;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
ul.submenu li a:hover, ul.submenu li a.active {
  background: url(../images/bg_menu_active.gif);
  background-repeat: repeat-x;
  background-position: 0px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding:2px;
  margin:0px;
  text-decoration: none;
  text-align: center;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}


ul.menu li img, ul.menu li.menu_active img {
	margin-left: -2px;
	margin-right: -2px;
}

ul.menu li, ul.menu li.menu_active {
  font-size: 11px;
  font-weight: normal;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
}


ul.menu li a {
  width: 150px;
  background: none;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 2px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  display: block;
}

ul.menu li a:hover, ul.menu li a.active {
  width: 150px;
  background: url(../images/bg_menu_active.gif);
  background-repeat: repeat-x;
  background-position: 0px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 2px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  display: block;
}

*>ul.menu li a { width: 152px; }
*>ul.menu li a:hover, ul.menu li a.active, ul.menu li a:hover.active { width: 152px; }