html, body, form, p, h1, h2, h3, h4 {
margin:0;
padding:0;
}

body { 
background: #fff url(bg-grey.jpg) left 103px repeat-x;
font: normal 12px/18px Arial, Helvetica, sans-serif;
line-height:16px;
color:#585556;
text-align:center;
overflow-y:scroll;
}


#container {
width:990px;
text-align:left;
margin:0 auto;
}

#header {
clear:both;
height:103px;
background:#fff url(line-grey.png) -600px bottom no-repeat;
position:relative;
width:990px;
text-align:left;
margin:0 auto;
}

p {
margin-bottom:12px;
}
a:focus, input:focus {
outline:none;
}

#leftContent {
width:280px;
float:left;
min-height:420px;
padding-bottom:15px;
}

#container.leftBreit #leftContent {
width:440px;
}


#leftContent .inner{
margin-top:100px;
}
#leftContent .inner2{
margin-top:30px;
position:relative;
}


#unternehmen2.philosophie #leftContent .inner{
margin:50px 0 45px 50px;
}



#rightContent {
width:710px;
float:left;
position:relative;
}

#container.leftBreit #rightContent {
width:540px;
}

#rightContent .inner{
margin:100px 0 45px 20px;
}


#unternehmen2.philosophie #rightContent .inner{
margin:50px 120px 45px 20px;
}

a, a:visited, a:focus, a:active {
color:#585556;
}
a:hover {
color:#bcbdc0;
}
#logo {
position:absolute;
left:0;
top:0;
width:138px;
}
#logo_home {
	position:absolute;
	left:0px;
	top:-90px;
	width:122px;
}

#mainnavi {
font-weight:normal;
font: normal 12px Arial, Helvetica, sans-serif;
margin-left:300px;
padding-top:53px;
width:690px;
}
#mainnavi a, #mainnavi a:visited, a.downloadBt, a.downloadBt:visited {
padding:0 5px 0 5px;
text-decoration:none;
color:#231f20;
background:#bcbdc0;
}

a.downloadBtAktiv, a.downloadBtAktiv:visited {
padding:0 5px 0 5px;
text-decoration:none;
color:#fff;
background:#636466;
}

a.downloadBt, a.downloadBt:visited, a.downloadBt:active, a.downloadBtAktiv, a.downloadBtAktiv:visited, a.downloadBtAktiv:active {
float:left;
padding:3px;
display:block;
}

#mainnavi a:hover, a.downloadBt:hover {
color:#fff;
background:#636466;
}

#hornlautsprecher a.hornlautsprecher,
#hornlautsprecher2 a.hornlautsprecher,
#unternehmen a.unternehmen,
#unternehmen2 a.unternehmen,
#elektronik a.elektronik,
#elektronik2 a.elektronik,
#heimkino a.heimkino,
#farbwelten a.farbwelten,
#galerie a.galerie,
#galerie2 a.galerie,
#news a.news,
#news2 a.news,
#service a.service,
#service2 a.service,
#guestbook a.guestbook {
color:#fff;
background:#636466;
}

#subnavi, #subnavi2 {
font-size:11px;
font-family: Arial, Helvetica,"Arial Narrow","Trebuchet Ms", sans-serif;
padding-top:5px;
margin-left:300px;
width:690px;
}

#subnavi2{
	position:absolute;
	z-index:5;
	left:20px;
	top:2px;
    margin:0;
    width:520px;
}

#container.leftBreit #subnavi2 {
 left:-140px;
}

#subnavi a, #subnavi a:visited, #subnavi2 a, #subnavi2 a:visited {
padding:1px 3px;
text-decoration:none;
color:#231f20;
}

#subnavi a:hover, #subnavi2 a:hover {
color:#bcbdc0;
}

#subnavi2 a.aktiv, #subnavi2 a.aktiv:visited {
color:#fff;
background:#636466;
}

/* hier die subnavigation */
.philosophie a.philosophie,
.chronik a.chronik,
.produktion #subnavi a.produktion,
.innovationen #subnavi a.innovationen,
.team #subnavi a.team,
.adresse #subnavi a.adresse,
.anfahrt #subnavi a.anfahrt,
.ansehen a.ansehen,
.hochladen a.hochladen,
.cdtipp a.cdtipp,
.tests a.tests,
.auszeichnungen a.auszeichnungen,
.hoerevents a.hoerevents,
.impressionen a.impressionen,
.downloads a.downloads,
.kontakt a.kontakt,
.sendafriend a.sendafriend,
.presse a.presse,
.lesen a.lesen,
.schreiben a.schreiben,
.solo a.solo,
.nano a.nano,
.metapicco a.metapicco,
.duo a.duo,
.duoo a.duoo,
.duog a.duog,
.metaprimo a.metaprimo,
.duom a.duom,
.trio a.trio,
.trioc a.trioc,
.basshorn a.basshorn,
.model3 a.model3,
.onecontrol a.onecontrol,
.onepower a.onepower
{
color:#fff !important;
background:#636466;
}

a.subnaviback {
padding-left:12px;
}

a.pdf {
padding:2px 2px 2px 20px;
background:url(acroread.gif) left top no-repeat;
}
th, td {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color:#585556;
}



h1 {
font-size:14px; margin-bottom:10px;
}

h2 {
font-size:13px; margin-bottom:8px;
}

h3 {
font-size:12px; margin-bottom:6px;
}

h3.bgGrey {
background:#bcbdc0;
padding:3px;
margin-right:172px;
}

.copy10grey {
font: normal 10px arial, helvetica,sans-serif;
color:#999999;
line-height:12px;
}

.lineunten {
border-bottom:solid 1px #333;
}



.pageskipper {
float:left;
padding:0 2px;
background:#bcbdc0;
margin:8px 0;
clear:both;
border-top:solid 1px #636466;
border-bottom:solid 1px #636466;
}
.pageskipperleer {
float:left;
padding:0 2px;
background:transparent none;
margin:8px 0;
clear:both;
border-top:solid 1px transparent;
border-bottom:solid 1px transparent;
}
.pageskipper a, .pageskipper a:visited  {
float:left;
display:block;
padding:2px 3px;
text-decoration:none;
}

.pageskipper a:hover {
background:#636466;
color:#fff;
}
span.zahl {
float:left;
display:block;
padding:2px 3px;
color:#fff;
background:#636466;
}
span.raq {
font-size:16px;
}
span.laq {
font-size:16px;
}

span.raqleer, span.laqleer {
float:left;
display:block;
padding:2px 3px;
font-size:16px;
color:#ccc;
}






.textfeldlayer{
font: normal 11px arial, helvetica,sans-serif;
color:#2B344E;width:130px;
}
#divContainerprodstart{position:absolute; width:476px; height:162px; overflow:hidden; top:167px; left:281px; visibility:hidden;}  /*clip:rect(0,476,162,0);*/
#divContentprodstart{position:absolute; top:0px; left:0px} 

#divContainerprodtechnik{position:absolute; width:476px; height:162px; overflow:hidden; top:167px; left:95px; visibility:hidden;}  /*clip:rect(0,476,162,0);*/
#divContentprodtechnik{position:absolute; top:0px; left:0px} 

#divContainerproddaten{position:absolute; width:350px; height:162px; overflow:hidden; top:167px; left:95px; visibility:hidden;}  /*clip:rect(0,320,162,0);*/
#divContentproddaten{position:absolute; top:0px; left:0px} 

#divContainermainstart{position:absolute; width:440px; height:162px; overflow:hidden; top:167px; left:319px; visibility:hidden;} /*clip:rect(0,440,162,0);*/ 
#divContentmainstart{position:absolute; top:0px; left:0px} 

#divContainergbooklesen{position:absolute; width:660px; height:162px; overflow:hidden; top:116px; left:273px; visibility:visible;} /*clip:rect(0,660,162,0); */
#divContentgbooklesen{position:absolute; top:0px; left:0px}

#divContainergalerieansehen{position:absolute; width:660px; height:162px; overflow:hidden; top:167px; left:95px;  visibility:hidden;} /*clip:rect(0,660,162,0);*/
#divContentgalerieansehen{position:absolute; top:0px; left:0px}

.dunkler {
background-color:#D8E2E2;
}


.bildbox {
border:solid 1px #2B344E;
}
.dataTable {
margin-bottom:15px;
}
.dataTable td {
border:0;
background:#E6E6E6; 
border-bottom:solid 1px #ccc;
vertical-align:top;
padding:4px;
}
.dataTable td.noBg, .noBg td{
background:transparent none;
border-bottom:0;
}
.dataTable tr.tableheader td {
font-weight:bold;
}


/*color:#2B344E;*/

fieldset {
margin:0;
padding:0;
border:0;
}

label{
font-weight:bold;
margin:0;
padding:0;
display:block;
}


label.label1 {
width:60px;
float:left;
display:block;
}

label.label2 {
width:400px;
display:block;
margin:10px 0 4px 0;

}

label.label3 {
width:100px;
float:left;
display:block;
}


input[type="checkbox"] {
vertical-align:middle;
}

input[type="text"], textarea, input[type="password"] {
border: solid 1px #D8E1E4;
border-top-color:#999;
border-left-color:#999;
padding:2px 1px;
}

input.input1 {
width:100px;
float:left;
display:block;
margin-right:5px;
}





input.submitbutton {
background:#bcbdc0; 
color:#231f20; 
border: solid 1px #D8E1E4;
border-bottom-color:#bbb;
border-right-color:#bbb;
font-weight:normal;
font-size:12px;
cursor:pointer;
font-family:arial, helvetica, sans-serif;
height:23px;
width:auto;
overflow: visible;
padding:2px 4px;
}
input.submitbutton:hover {
background:#636466;
color:#fff;
}

input.normal {
background:#cfcfcf; 
color:#000; 
cursor:pointer;
font-family:arial, helvetica, sans-serif;
width:auto;
padding:0 .25em 0 .25em;
overflow:visible; 
}


input.deletebild {
background:#dfdfdf;
margin:10px 0;
}


.warntext {
color:#CB3602;
}

.small, .small a, .small a:visited { 
font-size:10px;color:#999; 
}

#footer {
background:transparent url(line-grey.png) -600px top no-repeat;
font-size:10px;
width:990px;
clear:both;
}

/*
#container.leftBreit #footer {
background-position: -440px top;
}
*/


#footer .inner {
padding:4px;
text-align:right;
}
#footer .languages {
padding:0 20px;
color:#6C1818;
}
#flashaniBottom {
margin-bottom:15px;
text-align:right;
width:855px;
}

hr {
color:#bcbdc0;
height:1px;
background:#bcbdc0;
border:none;
}

.break {
	clear:both;
	width:1px;
	font-size:1px;
	line-height:1px;
	height:1px;
}

.spacer {
	height:10px;
	font-size:1px;
	overflow:hidden;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }




/* hoerner design */

tr.line td {
border-bottom:solid 1px #8E8C8C;
}

td.hornfarben img {
border:0;
}

.gallerythumb {
	width:104px;
	height:104px;
	overflow:hidden;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	text-align:center;
}

/* diverses */

#newstickerebene{
position:absolute;
width:472px; z-index:5; left: 300px; top: 16px;
}

a.datenraum, a.datenraum:visited {
text-decoration:none;
color:#585556;
}

.gaestebuchantwort {
font-style:italic;
}


div.artikel {
clear:both;
width:680px;
}
div.artikel .left {
width:500px;
float:left;
}

div.artikel .right {
width:180px;
float:left;
text-align:right;
}