@charset "UTF-8";

@import url("standard.css");
@import url("content_base.css");
@import url("suche.css");

body {
	background:url(../images/start-bg.png) #2f3235 repeat-x left top;
	text-align:center;
	
}

#page {
	text-align:left;
	width:960px;
	height:750px;
	margin:0 auto 10px auto;
}

#pagetec {
	text-align:left;
	width:635px;
	height:489px;
	margin:0 auto 10px auto;
}

#header {
	height:54px;
}

#media img {
	width:960px;
	height:423px;
}

#media img.start {
	width:960px;
	height:540px;
}

#produkt {
	width:960px;
	height:450px;
}

#produkt #produkttext {
	width:590px;
	height:200px;
	float:left;
	margin:180px 0 0 26px;
}

#produkt #produkttext h2 {
	margin:0;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#fff;
	font-weight:normal;
	font-size:18px;
}

#produkt #produkttext h1{
	margin:0 0 0 20px;
	display:block;
	float:left;
	width:630px;
	height:30px;
	border-left: 1px solid #84a5c1;
	border-bottom: 1px solid #84a5c1;
	color:#fff;
	font-weight:normal;
	padding-left:5px;
	padding-left:5px;
	line-height:24px;
}

#produkt #produkttext p {
	margin:15px 0 0 20px;
	display:block;
	float:left;
	width:550px;
	height:auto;
	color:#fff;
	font-size:11px;
	line-height:18px;
}


#produkt img.ref1 {
	float:left;
	margin:23px 0 0 0;
}

#produkt img.ref2 {
	float:left;
	margin:62px 0 0 3px;
}

#produkt img.ref3 {
	float:left;
	margin:73px 0 0 18px;
}

#produkt img.ref5 {
	float:left;
	margin:93px 0 0 18px;
}

#produkt img.ref7 {
	float:left;
	margin:102px 0 0 40px;
}

#produkt img.ref9 {
	float:left;
	margin:101px 0 0 28px;
}

#produkt img.ref552 {
	position: absolute;
	margin:25px 0 0 -175px;
}

#produkt img.ref502 {
		position: absolute;
	margin:25px 0 0 -175px;
}

#produkt img.ref502rear {
		position: absolute;
	margin:25px 0 0 -175px;
}


#produkt {
	width:960px;
	height:450px;
}

#prozess {
	float:left;
	width:960px;
	height:660px;
	background:#fffbf2;
}

#prozess #main {
	float:left;
	width:590px;
	height:660px;
}

.konstruktion, .design {
	background: url(../images/handarbeit.jpg) no-repeat;
}

.realisation, .realization {
	background: url(../images/hochtoener.jpg) no-repeat;
}

.technik, .engineering {
	background: url(../images/technik.jpg) no-repeat;
}

.finish {
	background: url(../images/finish.jpg) no-repeat;
}

#prozess #panel {
	text-align:center;
	float:left;
	width:369px;
	height:659px;
	background:#fff;
	border-left:1px solid #84a5c1;
	padding:10px 0 20px 0;
}

#prozess #panel p {
	text-align:left;
	font-size:11px;
	line-height:14px;
	margin:8px 15px 0 15px;
}

#prozess #panel p.eingerueckt {
	position:relative;
	text-align:left;
	font-size:11px;
	line-height:14px;
	margin:-12px 15px 0 15px;
}

#prozess #panel p.starkeingerueckt {
	position:relative;
	text-align:left;
	font-size:11px;
	line-height:14px;
	margin:-17px 15px 0 15px;
}

#prozess #panel img.eingerueckt {
	margin:-12px 10px 0 0px;
}

#prozess #panel img {
	margin:8px 10px 0 0px;
}

#prozess #panel img.color {
	margin:8px 0 0 10px;
	border:1px solid #000;
	border-right:none;
	text-align:right;
}

#prozess #produkttext {
	width:590px;
	height:200px;
	float:left;
}

.technik #produkttext, .finish #produkttext, .realisation #produkttext, .engineering #produkttext, .realization #produkttext {
	margin:70px 0 0 26px;
}

.konstruktion #produkttext, .design #produkttext {
	margin:180px 0 0 26px;
}

#prozess #produkttext h2 {
	margin:0;
	display:block;
	float:left;
	width:100%;
	height:25px;
	color:#000;
	font-weight:normal;
	font-size:18px;
}

#prozess #produkttext h1{
	margin:0 0 0 20px;
	display:block;
	float:left;
	width:577px;
	height:30px;
	border-left: 1px solid #84a5c1;
	border-bottom: 1px solid #84a5c1;
	color:#000;
	font-weight:normal;
	padding-left:5px;
	line-height:24px;
}

#prozess #produkttext p {
	margin:10px 0 0 20px;
	display:block;
	float:left;
	width:350px;
	height:auto;
	color:#000;
	font-size:11px;
	line-height:14px;
}

#standard {
	float:left;
	width:960px;
	min-height:660px;
	height:auto!important;
	height:660px;
	background:#fff;
}

#standardtec {
	float:left;
	width:590px;
	height:489px;
	background:#fff;
}

#standard #main {
	float:left;
	width:590px;
	min-height:660px;
	height:auto!important;
	height:660px;
	background:#fff;
	border-right:1px solid #84a5c1;
}

#maintec {
	float:left;
	width:590px;
	height:auto;
	background:#fff;
}

#standard #main p, #standard #main h1, #standard #main h2, #standard #main h3, #standard #main ul {
	margin-left:15px;
	margin-right:30px;
}

#standard #main h1 {
	font-weight:normal;
	color:#84a5c1;
	margin-top:10px;
	font-size:26px;
}

#standard #main h2 {
	color:#333;
	text-transform:uppercase;
	letter-spacing:0em;			
	margin-bottom:7px;
}

#standard #main h3 {
	color:#333;
}

#standard #main a {
	color:#48769d;
}

#standard #main ul {
	list-style:url(../images/dot.gif);
}

#standard #main img {
	margin:0 10px 10px 10px;
	float:right;
}

#standard #panel {
	float:left;
	width:369px;
	height:659px;
	background:#fff url(../images/closebox.jpg);
}

#team #prozess {
	float:left;
	width:960px;
	min-height:960px;
	height:auto!important;
	height:970px;
	background:#fff;
}

#team #prozess #main {
	float:left;
	width:590px;
	height:970px;
	background:#7ba4c2 url(../images/gedanken-main.gif) top right no-repeat;
	border:none!important;
}

#team #prozess #main p, #team #prozess #main h1, #team #prozess #main h2, #team #prozess #main h3, #team #prozess #main ul {
	margin-left:15px;
	margin-right:30px;
	color:#fff;
	width:auto;
	display:inline;
}

#team #prozess #main h1 {
	font-weight:normal;
	margin-top:30px;
	font-size:18px;
	border-bottom: 1px solid #bfd7e9;
	padding-bottom:5px;
	width:100%;
}

#team #prozess #main h2 {
	text-transform:uppercase;
	letter-spacing:0em;			
	margin-bottom:7px;
}

#team #prozess #main ul {
	list-style:url(../images/dot.gif);
}

#team #prozess #main img {
	margin:0 10px 10px 10px;
	float:right;
}

#team #prozess #panel {
	float:left;
	width:359px;
	height:629px;
	background:#fff url(../images/gedanken-panel.gif) top left no-repeat;
	border:none!important;
}

#team #prozess #panel h2 {
	color:#7ba4c2;
	margin:34px 15px 15px 0;
}

#team #prozess #panel p {
	margin:12px 15px 10px 30px;
}

#gedanken #prozess {
	float:left;
	width:960px;
	min-height:660px;
	height:auto!important;
	height:660px;
	background:#fff;
}

#gedanken #prozess #main {
	float:left;
	width:590px;
	height:660px;
	background:#7ba4c2 url(../images/gedanken-main.gif) top right no-repeat;
	border-right:1px solid #84a5c1;
}

#gedanken #prozess #main p, #gedanken #prozess #main h1, #gedanken #prozess #main h2, #gedanken #prozess #main h3, #gedanken #prozess #main ul {
	margin-left:15px;
	margin-right:30px;
	color:#fff;
	width:auto;
	display:inline;
}

#gedanken #prozess #main h1 {
	font-weight:normal;
	margin-top:30px;
	font-size:18px;
	border-bottom: 1px solid #bfd7e9;
	padding-bottom:5px;
	width:100%;
}

#gedanken #prozess #main h2 {
	text-transform:uppercase;
	letter-spacing:0em;			
	margin-bottom:7px;
}

#gedanken #prozess #main ul {
	list-style:url(../images/dot.gif);
}

#gedanken #prozess #main img {
	margin:0 10px 10px 10px;
	float:right;
}

#gedanken #prozess #panel {
	float:left;
	width:359px;
	height:629px;
	background:#fff url(../images/gedanken-panel.gif) top left no-repeat;
}

#gedanken #prozess #panel h2 {
	color:#7ba4c2;
	margin:34px 15px 15px 0;
}

#gedanken #prozess #panel p {
	margin:12px 15px 10px 30px;
}

.tech-gedanken {
	float:left!important;
	margin-left:-15px!important;
}

#mind #prozess {
	float:left;
	width:960px;
	min-height:660px;
	height:auto!important;
	height:660px;
	background:#fff;
}

#mind #prozess #main {
	float:left;
	width:590px;
	height:660px;
	background:#7ba4c2 url(../images/gedanken-main.gif) top right no-repeat;
	border-right:1px solid #84a5c1;
}

#mind #prozess #main p, #mind #prozess #main h1, #mind #prozess #main h2, #mind #prozess #main h3, #mind #prozess #main ul {
	margin-left:15px;
	margin-right:30px;
	color:#fff;
	width:auto;
	display:inline;
}

#mind #prozess #main h1 {
	font-weight:normal;
	margin-top:30px;
	font-size:18px;
	border-bottom: 1px solid #bfd7e9;
	padding-bottom:5px;
	width:100%;
}

#mind #prozess #main h2 {
	text-transform:uppercase;
	letter-spacing:0em;			
	margin-bottom:7px;
}

#mind #prozess #main ul {
	list-style:url(../images/dot.gif);
}

#mind #prozess #main img {
	margin:0 10px 10px 10px;
	float:right;
}

#mind #prozess #panel {
	float:left;
	width:359px;
	height:629px;
	background:#fff url(../images/gedanken-panel.gif) top left no-repeat;
}

#mind #prozess #panel h2 {
	color:#7ba4c2;
	margin:34px 15px 15px 0;
}

#mind #prozess #panel p {
	margin:12px 15px 10px 30px;
}

#footer {
	width:935px;
	height:28px;
	background:#1d1d1d;
	border-bottom:1px solid #fff;
	color:#bbb;
	padding-left:25px;
}

#footer a {
	font-size:10px;
	color:#bbb;
	text-decoration:none;
	margin:0px;
	line-height:26px;
}

#footer a:hover {
	color:#fff;
}

#footer-detail {
	width:960px;
	height:auto;
	background:#fff;
	border-bottom:2px solid #222;
	margin-top:-2px;
	padding:10px 0 10px 0;
}

#footer-detail img {
	float:left;
	margin:10px 0 10px 20px;	
}


#header img {
	float:left;
}


#bildnavigation {
	width:960px;
	height:149px;
	border-bottom:1px solid #fff;
	margin-top:3px;
}

#bildnavigation a.technik, #bildnavigation a.konstruktion, #bildnavigation a.realisation, #bildnavigation a.finish {
	float:left;
	display:block;
	width:240px;
	height:149px;
	margon:0;
}

a.technik, a:active.technik, a:visited.active {
	background:url(../images/nav1.png) no-repeat bottom;
}

a.konstruktion {
	background:url(../images/nav2.png) no-repeat bottom;
}

a.realisation {
	background:url(../images/nav3.png) no-repeat bottom;
}

a.finish {
	background:url(../images/nav4.png) no-repeat bottom;
}

a:hover.technik {
	background:url(../images/nav1.png) no-repeat top;
}

a:hover.konstruktion {
	background:url(../images/nav2.png) no-repeat top;
}

a:hover.realisation {
	background:url(../images/nav3.png) no-repeat top;
}

a:hover.finish {
	background:url(../images/nav4.png) no-repeat top;
}

html>body a.technik.bildaktiv {
	background:url(../images/nav1.png) no-repeat top;
}

html>body a.konstruktion.bildaktiv {
	background:url(../images/nav2.png) no-repeat top;
}

html>body a.realisation.bildaktiv {
	background:url(../images/nav3.png) no-repeat top;
}

html>body a.finish.bildaktiv {
	background:url(../images/nav4.png) no-repeat top;
}

#datatable {
	float:right;
	width:412px;
}

#datatable td {
	width:210px;
	height:14px;
	line-height:14px;
	font-size:11px;
	padding:0;
	text-align:left;
}

#datatable th {
	height:24px;
	line-height:24px;
	font-size:22px;
	padding:0;
	text-align:left;
	background:none;
	color:#65849e;
	padding-bottom:6px;
	font-weight:normal;
}

#datatable td.dtleft {
	width:120px;
	text-align:right;
}

#datatable td.dtmid {
	width:20px;
	text-align:center;
}

/* ----------------- NAVIGATION ---------------*/

#nav, #nav ul {
	z-index:9999;
	position:relative;
	float: right;
	width: 547px;
	list-style: none;
	line-height: 2.2em;
	font-weight: bold;
	padding: 0;
	margin: 24px 40px 0 0px;
	font-size:11px;
}

#nav a {
	display: block;
	color: #b8d9f5;
	text-decoration: none;
	padding: 0.5em 1.5em 0.3em 1.5em;
}

#nav a:hover {
	display: block;
	color: #f4f4f4;
	text-decoration: none;
}


#nav li {
	float: left;
	padding: 0;
}

#nav li ul li {
	background:#2a2a2a;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	font-weight: normal;
	margin: 0;
	padding-top:8px;
}

#nav li li {
	margin:0;
	padding-left: 1.7em;
	width: auto;
	border-bottom:1px solid #606468;
}

#nav li li li {
	border-bottom:1px solid #6a6e73;
}

#nav li ul a {
	width: 175px;
	margin-left:-20px;
	color:#fff;
}

#nav li ul ul {
	margin: -2.3em 0 0 12.7em;
	background:  url(../images/trans-bg.png) #55595e;
	width: 175px;
}

#nav li ul li ul a {
	margin-left:-20px;
}

#nav li ul li ul a:hover {

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;

}

#nav li ul a:hover, li ul #nav a.sfhover {

}

#nav li:hover {
	width: auto;
	margin-left:1.5em;
}

#nav li li:hover {
	width: auto;
	padding-left:1.7em;
	margin-left:0px;
	background: #7ba4c2;
}

#nav li li li:hover {
	width: auto;
	padding-left:1.7em;
	margin-left:0px;
	background:  url(../images/trans-bg.png) #6f7478;
}

#tz {
	position:absolute;
	left:0;
	top:212px;
	z-index:1;
}

.prodFarbe {
	margin-left:-1px;
	border: 1px solid #555;
	border-right:none;
	width:353px;
}

/* Contact Form */

	
.contactForm fieldset {
	border: none;
}

.contactForm input  {
	width:200px;
	line-height:17px;
	height:17px;
	border:1px solid #ccc;
	padding: 2px;
	margin:0;
}

.contactForm textarea {
	width:300px;
	height:100px;
	border:1px solid #ccc;
	font-size:12px;
}


.contactForm input.radio {
	float:left;
	margin-right:0.3em;
	line-height:20px;
	height:20px;
	border: none;
	width:15px;
}

.contactForm label {
	display:block;
	float:left;
	width:120px;
}

.errors {
	margin:15px;
	color:#990000;
}

.clear {
	clear:both;
}

#cfContact {
	height:24px;
	padding:0;
	width:145px;
	padding-bottom:4px;
}

#buttons {
	margin-top:36px;
	width:80px;
	height:80px;
	float:right;
}

#buttons img {
	margin:0;
	margin-bottom:4px;
	border:none;
}

.haendlerliste {
	float: left;
	height: 110px;
	width: 230px;
}

#uvp {
	height:30px;
	border-left: 1px solid #000;
	width:280px;
	color:#000;
	font-size:18px;
	margin-left:20px;
	margin-top:-40px;
	position:absolute;
	padding-left:10px;
	padding-top: 0;
}




#official {
	position:absolute;
	margin:100px 0 0 -30px;
}

#tecdata {
	width:500px;
}

#langSelect {
	position:absolute;
	margin-left:900px;
	width:auto;
	height:20px;
	margin-top:15px;
}

#langSelect img {
	float:left;
	margin-left:20px;
}

#refkat, #cankat {
	margin-top:3px;
	width:20px;
	line-height:14px;
}

.team1 {
	float:left;
	width:154px;
	height:180px;
	background:#fff;
	margin:48px 0 0 25px;
	color:#fff;
	padding:0 3px 0 4px;
	text-align:center;
}

.team1 img {
	text-align:center;
	margin:0;
}


.team1 p {
	display:block;
	width:160px;
	height:20px;
	text-align:center;
	margin:0;
}

#standard #main th {
	background:#84a5c1!important;
}

#standard #main table {
	width:550px;
	margin-left:15px;
}

#standard #main table td {
	border-bottom: 1px solid #ddd;
}

.tsp1 {
	width: 170px;
}

.tsp2 {
	width: 270px;
}

#datatable .dtleft {
	width: 170px; 
}

.teamMember {
	float:left;
	width:500px;
	height:180px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	margin-top:10px;
	margin-left:10px!important;
}

.teamMember img {
	float:left!important;
	margin-right:20px;
	margin-left:0px!important;
}

.teamMember h5 {
	display:block;
	width:300px;
	height:100px;
	color:#fff;
	float:left!important;
	font-size:12px;
	line-height:18px;
	margin-top:10px!important;
}

.teamMember p {
	display:block;
	width:300px;
	color:#fff;
	float:left!important;
	font-size:11px;
	margin-left:0px!important;
}