body {
	background-image: url(http://taelektroakustik.de/uploads/tf/t_und_a_bg.jpg);
	background-repeat: repeat-x;
	font-family: times, times new roman, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	overflow-x: hidden;
}

.h1 {
	font-size: 100%;
	line-height: 100%;
	color: #000;
}

.h2 {
	font-size: 80%;
	line-height: 101%;
	color: #888888;
	text-align: justify;
}

.h3 {
	font-size: 75%;
	line-height: 101%;
	color: #000;
	text-align: center;
}

.h4 {
	font-size: 75%;
	line-height: 101%;
	color: #000;
	text-align: left;
}

.h5 {
	font-size: 80%;
	line-height: 102%;
	color: #888888;
	text-align: left;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

#logo {
	position: absolute;
	width: 81px;
	height: 30px;
	right: 10px;
	top: 15px;
	z-index: 9;
}

#select_de {
	float: left;
	font-size: 70%;
	color: #888888 !important;
}

#select_en {
	float: right;
	font-size: 70%;
	color: #888888 !important;
}

#navigation {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 80%;
	float: left;
	height: 55px;
	border: 0;
	z-index: 10;
}

#hauptnavigation {
	float: left;
	width: 100%;
	font-size: 70%;
	line-height: 16px;
	color: #888888;
	margin-top: 15px;
	margin-left: 10px;
}

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

#hauptnavigation li {
	list-style-position: inside;
	float: left;
}

#hauptnavigation a {
	color: #888888;
	text-decoration: none;
	padding: 0 8px 0 0;
}

#hauptnavigation a:hover {
	color: #888888;
	text-decoration: underline;
}

#hauptnavigation2 {
	float: left;
	width: auto;
	font-size: 100%;
	line-height: 1.2em;
	color: #000;
	margin-top: 5px;
	margin-left: 5px;
	white-space: nowrap;
}

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

#hauptnavigation2 li {
	float: left;
}

#hauptnavigation2 a {
	color: #000;
}

#hauptnavigation2 a:hover {
	color: #000;
	text-decoration: underline;
}

.unternavi li {
	clear: both;
	margin-top: 10px;
	margin-left: 25px;
	list-style: none;
	float: left;
	font-size: 70%;
	line-height: 9px;
	color: #000;
	width: 20px;
	white-space: nowrap;
	overflow: visible;
}

#hauptnavigation2 ul li ul {
	display: none;
	background-color: #fff;
	border-bottom: 4px solid #fff;
}

#hauptnavigation2 ul li:hover ul {
	display: block;
}

.naviBlack {
	color: #000;
	line-height: 0.5em;
}

.naviGrey a {
	color: #888888 !important;
}

#produkt {
	position: relative;
	clear: both;
	width: 100%;
	overflow: visible;
	padding-top: 50px;
	margin: 0 auto;
	text-align: center;
	z-index: 1;
}

.sf-menu,.sf-menu * {
	
}

.sf-menu {
	
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 11em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
	padding: 0 5px;
}

.sf-menu a {
	display: block;
	position: relative;
	float: left;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left: 0;
	top: 1.5em; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.plus {
	float: left;
	line-height: 18px !important;
	font-size: 24px;
	color: 888888;
	padding: 0 10px 0 0;
}

#produktAuswahl {
	
}

#werbetext {
	clear: both;
	float: right;
	margin-right: 100px;
	margin-top: 104px;
	width: 350px;
	height: 270px;
	overflow: hidden;
	text-align: left;
	line-height: 1.2;
}

#produktAuswahl2 {
	margin-top: 30px;
}

#produktAuswahl3 {
	clear: both;
}

#vor {
	clear: both;
	float: right;
	margin-right: 50px;
	margin-top: -200px;
	z-index: 9;
}

#zurueck {
	clear: both;
	float: left;
	margin-left: 50px;
	margin-top: -200px;
	z-index: 9;
}

#vor2 {
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: -280px;
	z-index: 9;
}

#zurueck2 {
	clear: both;
	float: left;
	margin-left: 10px;
	margin-top: -280px;
	z-index: 9;
}

#pageText {
	background-image: url(http://taelektroakustik.de/uploads/tf/bgWeiss75.png);
	clear: both;
	float: left;
	padding: 5px;
	margin-left:80px;
	margin-top: -500px;
	width: 400px;
	z-index: 9;
}
#produktGruppe {
	float: left;
	margin-left: 10px;
	width: 98%;
}

.prodGruppeAuswahl a {
	color: #888888;
	font-size: 75%;
}

.prodGruppeAuswahl a:hover {
	
}

.prodBildauswahl {
	position: relative;
	width: 500px;
}

.prodNavi a {
	color: #888888;
	font-size: 75%;
}

.prodNavi a:hover {
	
}

#dateailansichtenbg {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: URL(http://taelektroakustik.de/uploads/tf/bgTrans.png);
	width: 108%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	display: none;
	z-index: 10;
}

#dateailansicht {
	clear: both;
	margin: auto;
	background-color: #fff;
	margin-top: 60px;
	width: 800px;
	height: 700px;
	overflow: hidden;
	z-index: 11;
}

#dateailansicht_head {
	clear: both;
	margin: auto;
	background-image: url(http://taelektroakustik.de/uploads/tf/weiss.jpg);
	background-color: #fff;
	color: #888888;
	font-size: 80%;
	margin: 0;
	width: 800px;
	height: 80px;
	border-bottom: 1px solid #888888;
	overflow: hidden;
	z-index: 12;
}

#proDetHeadline {
	background-color: #fff;
	color: #888888;
	font-size: 75%;
	margin: 5px;
	overflow: hidden;
}

#dateailansicht_body {
	background-image: url(http://taelektroakustik.de/uploads/tf/weiss.jpg);
	background-color: #fff;
	clear: both;
	float: left;
	color: #000;
	font-size: 80%;
	margin: 0;
	padding-left: 8px;
	text-align: left;
	width: 99%;
	height: 80%;
	overflow: auto;
}

#dateailansicht_body table {
	padding: 10px;
}

#dateailansicht_body td {
	padding: 5px;
}

.hidden {
	display: none;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

#newsticker {

	background-image:URL(http://taelektroakustik.de/uploads/tf/sprechblase.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 60px;
	left: 15px;
	display: none;
	padding: 6px;
	border: 0px;
	width: 154px;
	height: 39px;
	vertical-align: middle;
	line-height: 33px;
	font-size: 80%;
	color: #ff0000;
	overflow: hidden;
}