/* Berliner Synchron Style Definitions           */
/* Copyright (c) 2005-2006 Matthias Grosser      */
/* updated 2006-08-28: chgd main nav gfx         */
/* updated 2006-08-29: added subsubnav support   */


body {
	color: black;
	background: url(back.gif) white;
	margin: 0; padding: 0; text-align: center;
}

body, td, li, ul {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

a:link { text-decoration: none; color: rgb(198,0,0); }
a:visited { text-decoration: none; color: rgb(198,0,0); }
a:hover { text-decoration:underline; color: rgb(198,0,0); }

form {
	margin: 0;
	padding: 0;
	border: none;
}

input, select, textarea {
	border: 1px solid black;
	background: white;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;

}

input.submit, button.submit {
	background: rgb(198,0,0);
	color: white;
	border: 1px solid black;
}

span.small {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

#box-16-9, #box-4-3, #box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -435px;
	margin-top: -288px;
	width: 870px;
	height: 577px;
	background: url(frame.png) 0px 0px;
	text-align: left;
}

#logo {
	position: absolute;
	left: 585px;
	top: 12px;
	width: 261px;
	height: 57px;
	background: url(logo.png);
}

#logo h1 { padding: 0; margin: 0; }

#logo a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 261px;
	height: 57px;
}

#logo span { display: none; }

#nav-de, #nav-en {
	position: absolute;
	left: 170px;
	top: 83px;
	width: 699px;
	height: 20px;
	background: url(nav-de.png);
}
#nav-de { background: url(nav-de.png); }
#nav-en { background: url(nav-en.png); }

#nav-de span, #nav-de h2, #nav-en span, #nav-en h2 { display: none; }

a#nav-home {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 144px;
	height: 20px;
}
#nav-de a#nav-home, #nav-en a#nav-home { background: url(nav-home-de.png) no-repeat; }
#nav-de a#nav-home:hover, #nav-en a#nav-home:hover { background: transparent; }
a#nav-home.selected { background: url(nav-home-s-de.png); }

a#nav-service {
	display: block;
	position: absolute;
	left: 144px;
	top: 0px;
	width: 224px;
	height: 20px;
}
#nav-de a#nav-service, #nav-en a#nav-service { 	background: url(nav-service-de.png) no-repeat; }
#nav-de a#nav-service:hover, #nav-en a#nav-service:hover { background: transparent; }

a#nav-technik {
	display: block;
	position: absolute;
	left:368px;
	top: 0px;
	width: 138px;
	height: 20px;
}
#nav-de a#nav-technik { background: url(nav-technik-de.png) no-repeat; }
#nav-en a#nav-technik { background: url(nav-technik-en.png) no-repeat; }
#nav-de a#nav-technik:hover, #nav-en a#nav-technik:hover { background: transparent; }

a#nav-kontakt {
	display: block;
	position: absolute;
	left:506px;
	top: 0px;
	width: 178px;
	height: 20px;
	background: url(nav-kontakt-de.png) no-repeat;
}
#nav-de a#nav-kontakt { background: url(nav-kontakt-de.png) no-repeat; }
#nav-en a#nav-kontakt { background: url(nav-kontakt-en.png) no-repeat; }
#nav-de a#nav-kontakt:hover, #nav-en a#nav-kontakt:hover { background: transparent; }


#subnav {
	position: absolute;
	left: 12px;
	top: 106px;
	width: 134px;
	height: 390px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#subnav a:link,
#subnav a:visited,
#subnav a:hover { color: black; text-decoration: none; }

/* content area generic styles */

#container {
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 6;
}

#scrollable {
	position:absolute;
	left:0;
	top:0;
	text-align: justify;
	margin: 0;
	padding: 0;
}

/* content area specific styles */

#box #container {
	left: 230px;
	top: 132px;
	width: 560px;
	height: 346px;
	clip: rect(0,560px,346px,0);
}
#box #scrollable {
	width: 560px;
}

#box-16-9 #container {
	left: 236px;
	top: 132px;
	width: 550px;
	height: 227px;
	clip: rect(0,550px,227px,0);
}
#box-16-9 #scrollable {
	width: 550px;
}

#box-4-3 #container {
	left: 385px;
	top: 132px;
	width: 400px;
	height: 346px;
	clip: rect(0,400px,346px,0);
}
#box-4-3 #scrollable {
	width: 400px;
}


#scrollable p {
	padding: 0;
	margin: 0 0 14px 0;
}


#scrollbar {
	position: absolute;
	left: 855px;
	top: 103px;
}

#sb-up {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 15px;
	height: 14px;
	z-index: 2;
	cursor: pointer;
	background: url(sb-up.gif) no-repeat;
}

#sb-track {
	position: absolute;
	left: 0px;
	top: 14px;
	width: 15px;
	height: 247px;
	z-index: 3;
	background: url(sb-track.gif) repeat-y;
}
#box #sb-track, #box-4-3 #sb-track {
	height: 377px;
}

#sb-drag {
	position: absolute;
	left: 0px;
	top: 14px;
	width: 15px;
	height: 15px;
	z-index: 4;
	cursor: pointer;
	background: url(sb-drag.gif) no-repeat;
}

#sb-down {
	position: absolute;
	left: 0px;
	top: 261px;
	width: 15px;
	height: 14px;
	z-index: 5;
	cursor: pointer;
	background: url(sb-down.gif) no-repeat;
}

#box #sb-down, #box-4-3 #sb-down {
	top: 391px;
}

#subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#subnav li {
	/* height: 17px; */
	font-size: 11px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-weight: bold;
	/* text-indent: 12px; */
	/* padding: 0px 0px 0px 12px; */
	background: url(arrow-red.gif) no-repeat 0px 0px;
}

#subnav li div { margin-left: 12px; padding-bottom: 2px;}

#subnav li.selected { background: url(arrow-grey.gif) no-repeat 0px 0px; }


/* subsub categories */

#subnav li ul {
	margin: 4px 0px 0px 11px;
	/* border: 1px solid black; */
}

#subnav li li {
	margin: 0px 0px 4px 0px;
	font-weight: normal;
	background: url(smallarrow-red.gif) no-repeat 0px 3px;
}

#subnav li li div { margin-left: 10px; padding-bottom: 2px;}

#subnav li li.selected { background: url(smallarrow-grey.gif) no-repeat 0px 3px; }


/* hide all deeper stuff */

#subnav ul ul ul {
	display: none;
}

#subnav li li li {
	display: none;
}


#bottom {
	position: absolute;
	left: 184px;
	top: 406px;
	width: 670px;
	height: 88px;
	background: blue;
	overflow: hidden;
}

#box #imagebar {
	display: none;
}

#box-16-9 #imagebar {
	position: absolute;
	left: 170px;
	top: 392px;
	width: 699px;
	height: 115px;
	background: url(black.png) repeat-x;
}

#box-4-3 #imagebar {
	position: absolute;
	left: 170px;
	top: 103px;
	width: 166px;
	height: 405px;
	background: url(black.png) repeat-y right top;
}


#box-16-9 #ibox1 {
	position: absolute;
	left: 14px;
	top: 14px;
	width: 154px;
	height: 88px;
	overflow: hidden;
	padding: 0;
}

#box-16-9 #ibox2 {
	position: absolute;
	left: 186px;
	top: 14px;
	width: 154px;
	height: 88px;
	overflow: hidden;
	padding: 0;
}

#box-16-9 #ibox3 {
	position: absolute;
	left: 358px;
	top: 14px;
	width: 154px;
	height: 88px;
	overflow: hidden;
	padding: 0;
}

#box-16-9 #ibox4 {
	position: absolute;
	left: 530px;
	top: 14px;
	width: 154px;
	height: 88px;
	overflow: hidden;
	padding: 0;
}


#box-4-3 #ibox1 {
	position: absolute;
	left: 27px;
	top: 27px;
	width: 111px;
	height: 84px;
	overflow: hidden;
	padding: 0;
}

#box-4-3 #ibox2 {
	position: absolute;
	left: 27px;
	top: 159px;
	width: 111px;
	height: 84px;
	overflow: hidden;
	padding: 0;
}

#box-4-3 #ibox3 {
	position: absolute;
	left: 27px;
	top: 291px;
	width: 111px;
	height: 84px;
	overflow: hidden;
	padding: 0;
}

#box-4-3 #ibox4 {
	display: none;
}

#box #ibox1, #box #ibox2, #box #ibox3, #box #ibox4 {
	 display: none;
}



#box-16-9 #ibox1 img, #box-16-9 #ibox2 img, #box-16-9 #ibox3 img, #box-16-9 #ibox4 img {
	border: 1px solid white;
	margin: 0;
	padding: 0;
}

#box-4-3 #ibox1 img, #box-4-3 #ibox2 img, #box-4-3 #ibox3 img, #box-4-3 #ibox4 img {
	border: 1px solid black;
	margin: 0;
	padding: 0;
}

/* imagetext block */

.itfl, .itfr, .it {
	clear: both;
}

.itfr img {
	width: 100px;
	border: 1px solid black;
	margin: 0px 25px 20px 0px;
	float: left;
}

.itfl img {
	width: 100px;
	border: 1px solid black;
	margin: 0px 0px 20px 25px;
	float: right;
}

.it img {
	border: 1px solid black;
	margin: 0px 0px 20px 0px;
}


/* quicktime block */
.qt {
    margin: 0px;
	padding: 0px;
	clear: both;
}

/* quicktime preview box */
.qt .preview {
	width: 129px;
	height: 118px;
	border: 1px solid black;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

/* quicktime preview label */
.qt .label {
	text-align: center;
	height: 16px;
	background: rgb(196,192,192);
	font-size: 10px;
	line-height: 12px;
	/* padding-left: 4px; */
	overflow: hidden;
}

/* quicktime preview image */
.qt .preview img {
	width: 109px;
	height: 82px;
	border: 1px solid black;
	border-top: none;
	margin: 0px 0px 0px 9px;
}

/* quicktime abs pos dummy box */
.qt .play {
	position: relative;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	padding: 0;
	margin:0;
}

.qt .play a {
	display: block;
	position: absolute;
	left: 52px;
	top: -9px;
	width: 27px;
	height: 24px;
	background: url(play.gif);
}

.qt .desc {
	margin-right: 175px;
	/* margin-bottom: 30px; */
}

.qthr {
	clear: both;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid black;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	padding: 0;
}

#footer {
	position: absolute;
	left: 184px;
	top: 548px;
	width: 665px;
	height: 24px;
	/*background: red;*/
	font-size: 10px;
}

#footer a {
	text-decoration: none;
	color: black;
}

#lang {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 24px;
	background: url(arrow-lgrey.gif) no-repeat;
	text-indent: 12px;
}

#print {
	position: absolute;
	right: 75px;
	top: 0;
	width: 60px;
	height: 24px;
	background: url(arrow-lgrey.gif) no-repeat;
	text-indent: 12px;
}