#nav {
	position: absolute;
	top: 0px;
	left: 61px;
	width: 880px;
	height: 40px;
	background : url(../images/pnback.gif);
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 20;
}

#karte {
	position: absolute;
	top: 49px;
	left: 650px;
	width: 300px;
	height: 180px; /*240*/
	background : url(http://www.audiowerk.eu/images/visitenkarte_scharf.png) no-repeat;
	overflow: hidden;
	z-index: 100;
} 

#logoback {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1002px;
	height: 180px; /*240*/
	background : url(../images/pback.gif) no-repeat;
	overflow: hidden;
	z-index: 1;
} 


#logo0, #logo1, #logo2, #logo3, #logo4, #logo5, #logo6, #logo7, #logo8, #softube, #gigfx, #stedman, #aepro  { 
	position: absolute;
	left: 61px;
	top: 70px;
	width: 880px;
	height:120px;
	/*overflow: hidden;*/
	z-index: 3;
	vertical-align: middle;
}
#logo0 {background: url(../images/logo0.gif) no-repeat;}
#logo1 {background: url(../images/logo1.jpg) no-repeat;} 
#logo2 {background: url(../images/logo2.gif) no-repeat;} 
#logo3 {background: url(../images/logo3.jpg) no-repeat;} 
#logo4 {background: url(../images/logo4.jpg) no-repeat;} 
#logo5 {background: url(../images/logo5.jpg) no-repeat;} 
#logo6 {background: url(../images/logo6.jpg) no-repeat;} 
#logo7 {background: url(../images/logo7.gif) no-repeat;} 
#logo8 {background: url(../images/logo8.gif) no-repeat;} 
#softube {background: url(../images/softube.jpg) no-repeat;} 
#gigfx {background: url(../images/gigfx.jpg) no-repeat;} 
#stedman {background: url(../images/stedman.jpg) no-repeat;} 
#aepro {background: url(../images/aepro.jpg) no-repeat;} 

#plaintext {
	position: absolute;
	top: 10px;
	left: 61px;
}

#plaintext a {
	color: #A0A0A0;
	text-decoration: none;
}

#nav a {
	display: block;
	width: 110px;
	height: 40px;
	float: left;
	text-align: center;
	text-decoration : none;
	/*text-transform : lowercase;*/
	line-height : 36px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	background : url(../images/pnbutton.gif);
	font-weight : bold;
	font-size : 10px;
}

#nav a.active {
	background : url(../images/pnbuttona.gif) !important;
}

#nav a:hover {
	color: #ffffff; /*#E15A00;*/
	background : url(../images/pnbuttonh.gif);
}

#english {
	text-align: right;
	}

#content {
	position: absolute;
	top: 190px;
	left: 190px; /*61px*/
	width: 520px;
	/*background : url(../images/pcback.gif) height 100%;*/
	background-color: #ffffff;
	padding: 10px 40px 10px 20px;
	z-index: 90;
}


#randbild {
	position: fixed;
	top: 0px;
	left: 950px;
	height: 100%;
	width: 100%;
	background-color: #000000;
	z-index: 2;
}

#produktnavi {
	position: absolute;
	width: 520px;
	height: 50px;
	overflow: hidden;
	/*padding: 10px 10px 10px 0px;*/
	z-index: 30;
}

#subnav {
	position: absolute;
	top: 230px;
	left: 61px; /*601px*/
	width: 115px;
	overflow: hidden;
    	background : url(../images/psback.gif);
	padding: 10px 10px 10px 0px;
	z-index: 30;
}

#subnav h3 {
	color: #004C62;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #004C62;
}

#subnav a {
	display: block;
	text-decoration : none;
	text-transform : uppercase;
	margin: 0px;
	color: #535353;
	padding: 0px 0px 2px 10px;
}


#subnav a.active {
	font-weight: bold;	
	text-decoration: none;
	background : url(../images/ptopic.gif) no-repeat;
}

#subnav a:hover {
	color: #E15A00;
	background : url(../images/ptopichover.gif) no-repeat;	
}

#subtopicnav {
	padding: 0px 0px 0px 0px;

}
#subtopicnav a {
	display: block;
	text-decoration : none;
	text-transform : lowercase;
	margin: 0px;
	color: #535353;
	font-size : 90%;
	padding: 2px 0px 2px 10px;
}

#subtopicnav a.active {
	background : url(../images/psubtopic.gif) no-repeat;
}

#suchfeld {
	position: absolute;
	top: 180px;
	left: 61px;
	width: 140px;
	z-index: 35;
}

#sidebar {
	position: absolute;
	top: 200px;
	left: 771px; /*791*/
	width: 170px;
	background : url(../images/psback.gif);
	padding-top: 10px;
	border-left: 1px dotted #004A63;
}

form.search {
	padding: 0px;
	margin: 20px 0px 20px 10px;
}

form.search input {
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border : 1px solid #C0C0C0;
	width: 90px; /*118*/
	padding: 2px;
	color: #004C62;
	font-size: 10px;
}


#bildabsatz {
	width: 520px;
  	background: url(../downloads/schatten.png) no-repeat bottom center;
    padding: 4px 7px 17px 7px;
	text-align: center;
	overflow: hidden;
	}

#bildabsatz h3 {
	font-size: 15px;
	color: #E15A00;
}

#bildabsatz p {
	font-size: 12px !important;
	font-weight: bold;
	color: red;
}

#common {
	width: 115px;
	overflow: hidden;
  padding: 10px 10px 10px 0px;
	z-index: 30;
}

#common h3 {
	color: #004C62;
	font-size: 95%;
	text-transform: lowercase;
	padding: 0 0 0 15px;
}

#common a {
	display: block;
	text-decoration : none;
	text-transform : lowercase;
	margin: 0px;
	color: #535353;
	font-size : 90%;
	padding: 2px 0px 2px 15px;
}


#common a:hover {
	background : url(../images/commonbullet.gif) no-repeat;
}


#formular{
	font-size:			1.0em !important; 
	float:				left;
	width:				95%;  
	margin-left: 			0px; 
	margin-right: 			10px; 
	margin-bottom: 			20px; 
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	color:				#000;
	font-size:			0.75em !important; 
}
fieldset.mainform, fieldset.button{
	margin: 			0.05em  auto   0.05em   0; 
	/* 				oben,   rechts, unten, links */
	padding: 			0.5em; 
	color: 				#000; 
	border: 			none;
	clear: 				both;
 	display: 			block;
}
#formular p.formheader {
	font-size:			1.2em !important; 
	text-transform:			uppercase;
	letter-spacing:			0.3em;
	font-weight:			bold;
	color: 				#004C62 !important; 
	margin-left: 			0.4em; 
}
label { 
	float:				left; 
	width:				120px; 
	font-size:			0.80em !important; 
	padding-left: 			2.0em; 
	padding-top: 			0.3em; 
	padding-bottom: 		0.3em; 
	clear:				both;
}
.formnote {
	color: 				#A0A0A0;
	font-size:			0.75em !important; 
	margin-left: 			2em!important; 
}
.checkbox{
	white-space:			nowrap;
	width:				100% !important;
}
.field, .textarea {
	border: 			#004C62 1px solid; 
	background : 			none;
	margin: 			5px    5px     5px    50px !important; 
/* 					oben, rechts, unten, links */
	padding:			2px	0px	3px	0;      
	width:				300px; 
	font-size:			0.9em; 
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#006666;
	text-indent:			0.5em; 
	letter-spacing:			0.1em;
	clear:				both;
}
.submit{ 
	clear:				both; 
	margin-left:			20px; 
	height:				40px; 
	font-size:			0.9em; 
	font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#fff; 
	background:			url(../images/send.gif) center no-repeat;
	width:				92px;
	padding: 			0.4em; 
	border: 			none !important;
}
.reset{ 
	clear:				both; 
	margin-left:			20px; 
	height:				40px; 
	font-size:			0.9em; 
	font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#fff; 
	background:			url(../images/send.gif) center no-repeat;
	width:				92px;
	padding: 			0.4em; 
	border: 			none !important;
}
.submit:hover, .reset:hover {
	color:				#fff; 
	cursor: 			pointer; 
	background:			transparent url(../images/hoversend.gif) center no-repeat;
}