/* rtc/kölledesign 2008 _______________________________________________________ */

/* allgemeine browser angaben _________________________________________________ */

* {					
	margin:0;
	padding:0;
}

/* template ___________________________________________________________________ */


body {
	margin-top: 0px;
	margin-left: 30px;
	overflow: auto;
	background-color: #000000;
}
#logo {
	margin:0 0 0 20px;
	width:960px;
	height:730px;
	background:url(../bilder/dds_logo_ampel_03.gif) no-repeat 6px 20px;
	z-index:1;
}
#graukasten {
	position: absolute;
	margin:95px 0 0 0;
	width: 955px;
	height:595px;
	background-color:#1e1c20;
	z-index:10;
}
#bildkasten   {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:20;
}
#lago01   {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:30;
}
#lago02, #lago03, #lago04, #lago05, #lago06,
#marina01, #marina02, #marina03, #marina04 {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:20;
}
#titel_lago, #titel_marina {
	position: absolute;
	margin:250px 0 0 0;
	width: 110px;
	height:30px;
	z-index:23;
}
#knaus01   {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:30;
}
#knaus02, #knaus03, #knaus04, #knaus05, #knaus06,
#knaus07, #knaus08, #knaus09, #knaus10 {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:20;
}
#titel_knauss, #titel_cliner, #titel_sportti, #titel_suedwind, #titel_traveller, #titel_interieur {
	position: absolute;
	margin:250px 0 0 0;
	width: 110px;
	height:30px;
	z-index:28;
}
#knaus001, #knaus002, #knaus003, #knaus004, #knaus005,
#knaus006, #knaus007, #knaus008, #knaus009,
#knaus010, #knaus011, #knaus012, #knaus013, #knaus014,
#hella001, #hella002, #hella003, #hella004, #hella005,
#lago001, #lago002, #lago003, #lago004, #lago005,
#lago006, #lago007, #lago008, #lago009, #lago010, #lago011  {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:20;
}
#marina001, #marina002, #marina003, #marina004, #marina005,
#marina006, #marina007, #marina008, #marina009, #marina010,
#vaillant001, #vaillant002, #vaillant003, #vaillant004, #vaillant005,
#seton001, #seton002, #seton003, #seton004, #seton005, #seton006  {
	position: absolute;
	margin:110px 0 0 204px;
	width: 600px;
	height:300px;
	background-color:#3e3d40;
	z-index:20;
}
#textkasten {
	position: absolute;
	margin:418px 0 0 204px;
	width: 736px;
	height:255px;
	background-color:#3e3d40;
	z-index:29;
}
#typokastenlinks {
	position: absolute;
	margin:0;
	width: 370px;
	height:240px;
	z-index:30;
}
#typokastenlinkskontakt {
	position: absolute;
	margin:0;
	width: 370px;
	height:240px;
	z-index:30;
}
#typokastenlinks p a, #typokastenrechts p a {
	color:#33CCFF;
	text-decoration: none;
}
#typokastenlinks p a:hover, #typokastenrechts p a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
#typokastenrechts {
	position: absolute;
	margin:15px 0 0 368px;
	width: 360px;
	height:220px;
	z-index:30;
}
p.typokastenrechts {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 25px 0 0 20px;
}
p.absatzoben {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 8px 0 0 20px;
}
p.absatzunten {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 0 0 8px 20px;
}
#preise {
	position: absolute;
	margin:705px 0 0 858px;
	background:url(../bilder/preise.jpg) no-repeat;
	width: 100px;
	height:40px;
	z-index:20;
}
#impressum {
	position:absolute;
	top:590px;
	margin:0;
	width:190px;
	height:140px;
	z-index:50;
}
#impressum p a {
	color:#999999;
}
#impressum p a:hover {
	color:#FFFFFF;
}
#haftung {
	position: absolute;
	margin:15px 0 0 368px;
	width: 360px;
	height:220px;
	z-index:30;
	
	overflow:auto;
	vertical-align:top;
	z-index:30;
}

/* typo ______________________________________________________________________ */

a, area {
	outline:none
}
p {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 0 0 0 20px;
}
h1 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	letter-spacing: 1px;
	line-height: 16px;
	padding:15px 0 10px 20px;
}
h2 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 1px;
	line-height: 16px;
	padding:0 0 10px 0;
}
p a {
	color:#999999;
	text-decoration: none;
}
p a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
p.impressum {
	color:#333333;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 15px;
}

#typokastenlinks li {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 0;
	list-style:square;
	margin: 0 0 0 20px;
}
#typokastenrechts li {
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;
	padding: 0;
	list-style:square;
	margin: 0 0 0 20px;
}

/* inhalt ___________________________________________________________________ */

#textoben{
	position:absolute;
	top:230px;
	margin:0 0 0 140px;
	width:400px;
	height:150px;
	z-index: 2;
}
#bigbild{
	position:absolute;
	top:320px;
	margin:0 0 0 140px;
	width:420px;
	height:430px;
	border: solid 1px #666666;
	z-index: 1;
}
#kleinbild{
	position:absolute;
	top:320px;
	margin:0 0 0 590px;
	width:120px;
	height:123px;
	border: solid 1px #666666;
	z-index: 1;
}

/* clickmenü ___________________________________________________________________ */


#navblock	{
	position: absolute;
	margin:103px 0 0 20px;
	width: 190px;
	z-index:20;
}
#navblock a	{	
	color: #666666;
	letter-spacing:1px;
	line-height:25px;
	text-decoration: none;
	padding:0;
	margin:0;
}
#navblock a:hover	{
	color:#CCCCCC;
	list-style:none;
}
#navblock ul		{
	display:block;
	line-height:20px;
	padding:0;
	margin: 0;
}
#navblock li		{
	display:block;
	list-style:none;
	line-height:25px;
	padding: 0;	
	margin: 0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#navblock li li		{
	display:block;
	list-style:none;
	line-height:25px;
	padding: 0;	
	margin: 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#navblock li ul		{
	display:none;
	line-height:25px;
	text-indent:10px;
	list-style:none;
}
#navblock li li ul	{
	display:none;
	line-height:25px;
	text-indent:20px;
	list-style:none;
}
#navblock li:hover li ul	{
	display:none;
	color:#CCCCCC;
	list-style:none;
}

/* thumbnales __________________________________________________________________ */

#thumbbereich {
	position: absolute;
	margin:110px 0 0 812px;
	width: 128px;
	height:300px;
	background-color:#d7d9d6;
	z-index:28;
}
#thumbkasten {
	position: absolute;
	margin:10px 0 0 11px;
	width: 128px;
	height:200px;
	z-index:20;
}
#thumbkasten img {
	padding:0 10px 10px 0;
	border:0px;
}

#thumbkasten a .eins {
	display:none;
	border:none;
	z-index:50;
}
#thumbkasten a:hover .eins{
	display:block;
	position:absolute;
	width:600px;
	height:300px;
	border:0px;
	z-index:50;
	left: -623px;
	top: -13px;
}
#thumbkasten a .zwei {
	display:none;
	border:none;
	z-index:50;
}
#thumbkasten a:hover .zwei{
	display:block;
	position:absolute;
	width:200px;
	height:30px;
	border:0px;
	z-index:50;
	left: 0px;
	top: 250px;
}
/*#thumbkasten a:active .eins{
	display:block;
	position:absolute;
	top:-13px;
	left:-623px;
	z-index:50;
}*/

#thumbs a {
	border: solid 1px #999999;
	padding:0;
}
#thumbs a:hover {
	margin:0;
}
#titel {
	position: absolute;
	margin:245px 0 0 0;
	width: 110px;
	height:30px;
	z-index:10;
}
#titel02 {
	position: absolute;
	margin:260px 0 0 2px;
	width: 110px;
	height:30px;
	z-index:10;
}
#titel02 p {
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 15px;
	padding:0px;
}
#titel02 p a {
	color: #333333;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 15px;
	padding:0px;
}
#titel02 p a:hover {
	color:#666666;
}

/* thumbnales visualisierung __________________________________________________________________ */

#thumbkastenvis {
	position: absolute;
	margin:5px 0 0 5px;
	width: 130px;
	height:250px;
	z-index:20;
}
#thumbkastenvis img {
	padding:0 0 2px 0;
	border:0px;
}

#thumbkastenvis a .eins {
	display:none;
	border:none;
	z-index:50;
}
#thumbkastenvis a:hover .eins{
	display:block;
	position:absolute;
	width:600px;
	height:300px;
	border:0px;
	z-index:50;
	left: -612px;
	top: -5px;
}
#thumbkastenvis a .zwei {
	display:none;
	border:none;
	z-index:50;
}
#thumbkastenvis a:hover .zwei{
	display:block;
	position:absolute;
	width:200px;
	height:30px;
	border:0px;
	z-index:50;
	left: 0px;
	top: 250px;
}
/*#thumbkastenvis a:active .eins{
	display:block;
	position:absolute;
	top:-13px;
	left:-623px;
	z-index:50;
}*/



/* highlighting __________________________________________________________________ */



body#profil a#profil, body#profil a#unternehmen,
body#management a#management, body#management a#unternehmen,
body#ateam a#ateam, body#ateam a#unternehmen,
body#partner a#partner, body#partner a#unternehmen,
body#historie a#historie, body#historie a#unternehmen,

body#leistungen a#leistungen,
body#designentwicklung a#designentwicklung, body#designentwicklung a#leistungen,
body#konzeption a#konzeption, body#konzeption a#designleistung, body#konzeption a#leistungen,
body#entwurf a#entwurf, body#entwurf a#designleistung, body#entwurf a#leistungen,
body#visual a#visual, body#visual a#designleistung, body#visual a#leistungen,
body#engineering a#engineering, body#engineering a#leistungen,
body#surfacing a#surfacing, body#surfacing a#engineering, body#surfacing a#leistungen,
body#scan a#scan, body#scan a#engineering, body#scan a#leistungen,
body#rapid a#rapid, body#rapid a#engineering, body#rapid a#leistungen,

body#referenzen a#referenzen,
body#projekte a#projekte,body#projekte a#referenzen,

body#automotive a#automotive,body#automotive a#projekte,body#automotive a#referenzen,
body#caravaning a#caravaning,body#caravaning a#projekte,body#caravaning a#referenzen,
body#design a#design,body#design a#projekte,body#design a#referenzen,
body#watercraft a#watercraft,body#watercraft a#projekte,body#watercraft a#referenzen,

body#kunden a#kunden,body#kunden a#referenzen,
body#auszeichnungen a#auszeichnungen,body#auszeichnungen a#referenzen,

body#showroom a#showroom,
body#jobs a#jobs,
body#kontakt a#kontakt,
body#home a#home
{	
	color:#CCCCCC;
	}