/* CSS for Datatable */

#produktsuche h2 {
	margin-top: 40px;
	border-bottom: 1px solid #aaaaaa;
}


/* Fixe Höhe für Tabelle definieren --> über outer-wrapper */
#produkttabelle-outer {
	height: 235px;
}

/* Datentabelle fixe Breiten vorgeben */ 

/* Spalte 1 */
#produkttabelle-outer table  thead tr > th:first-child,
#produkttabelle-outer table  tbody tr > td:first-child {
	width: 20%;
}

/* Spalte 2 */
#produkttabelle-outer table  thead tr > th:first-child + th,
#produkttabelle-outer table  tbody tr > td:first-child + td {
	width: 7%;
}

/* Spalte 3 */
#produkttabelle-outer table  thead tr > th:first-child + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td {
	width: 17%;
}

/* Spalte 4 */
#produkttabelle-outer table  thead tr > th:first-child + th + th  +th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td  +td{
	width: 17%;
}

/* Spalte 5 */
#produkttabelle-outer table  thead tr > th:first-child + th + th + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td {
	width: 17%;
}

/* Spalte 6 */
#produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td {
	width: 17%;
}


/* Spalte 7 --> Deutsch Links */
#produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td {
	width: 5%;
}
/* Spalte 7 ausblenden auf: EN/ES-Seiten */
.EN #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th,
.EN #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td,
.ES #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th,
.ES #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td {
	display: none;
}


/* Spalte 8 --> Englische Links */
#produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td {
	width: 5%;
}
/* Spalte 8 ausblenden auf: DE/ES-Seiten */
.DE #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th ,
.DE #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td ,
.ES #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th,
.ES #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td {
	display: none;
}


/* Spalte 9 --> Spanische Links */
#produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th + th,
#produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td + td {
	width: 5%;
}
/* Spalte 9 ausblenden auf: DE/EN-Seiten */
.DE #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th + th,
.DE #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td + td,
.EN #produkttabelle-outer table  thead tr > th:first-child + th + th + th + th + th + th + th + th ,
.EN #produkttabelle-outer table  tbody tr > td:first-child + td + td + td + td + td + td + td + td {
	display: none;
}



/* Optik Tabelle: Standardvorgaben überschreiben */

#produkttabelle-outer table th {
	background-color: #d2d2d2;
	border-left: 1px solid #ffffff;
}

#produkttabelle-outer table th:first-child {
	border-left: none;
}

/* Position Sorting-Image anpassen (von jQuery-Css) */
#produkttabelle-outer table th.sorting {
	background-position: right 2px center;
}

#produkttabelle-outer table tbody tr:nth-child(even) td, 
#produkttabelle-outer table tbody tr.even td {
    background: #f2f2f2;
}

#produkttabelle-outer table tbody tr:hover td {
    background: #ececec;
}



#produktsuche .select-area {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #D2D2D2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



/* Select-Boxen */

/* Wrapper von label und select-box */
#produktsuche .select-area .select-element {
	display: inline-block;
	margin-right: 20px;
}

#produktsuche .select-area select {
	padding: 5px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: content-box;
}

#produktsuche .select-area select#suche-serie {
	width: 170px;
}

#produktsuche .select-area select#suche-modell {
	width: 75px;
}

#produktsuche .select-area select#suche-abmessung {
	width: 95px;
}

#produktsuche .select-area select#suche-lautsterke {
	width: 80px;
}

#produktsuche .select-area select#suche-leistung {
	width: 80px;
}


/* Reset-Button */
#produktsuche .select-area input {
	width: auto;
	padding: 5px 10px;
}



/* Loudness-Image platzieren */
#produkttabelle-outer table td {

}

#produkttabelle-outer span.loudnessImage {
	display: block;
	float: right;
	margin: 5px 0 0 10px;
}


/* Loudness-Image als Hintergrundgrafik */

#produkttabelle .td_loudnessbg_sprite {
	background: url(td_loudness-sprite.png) no-repeat -1000px -1000px;
}


#produkttabelle .td_loudnessbg_0 {
	background-position: right 0;
}

#produkttabelle .td_loudnessbg_1 {
	background-position: right -69px;
}

#produkttabelle .td_loudnessbg_2 {
	background-position: right -552px;
}

#produkttabelle .td_loudnessbg_3 {
	background-position: right -621px;
}

#produkttabelle .td_loudnessbg_4 {
	background-position: right -690px;
}

#produkttabelle .td_loudnessbg_5 {
	background-position: right -759px;
}

#produkttabelle .td_loudnessbg_6 {
	background-position: right -828px;
}

#produkttabelle .td_loudnessbg_7 {
	background-position: right -897px;
}

#produkttabelle .td_loudnessbg_8 {
	background-position: right -966px;
}

#produkttabelle .td_loudnessbg_9 {
	background-position: right -1035px;
}

#produkttabelle .td_loudnessbg_10 {
	background-position: right -138px;
}

#produkttabelle .td_loudnessbg_11 {
	background-position: right -207px;
}

#produkttabelle .td_loudnessbg_12 {
	background-position: right -276px;
}

#produkttabelle .td_loudnessbg_13 {
	background-position: right -345px;
}

#produkttabelle .td_loudnessbg_14 {
	background-position: right -414px;
}

#produkttabelle .td_loudnessbg_15 {
	background-position: right -483px;
}













/* Optik Pagination --> CSS von jquery datatable überchreiben */

#produktsuche  div.paging {
	margin-top: 20px !important;
}

#produktsuche div.pagination ul li a {
	color: #7AF;
	background-color: #ffffff;
	border: 1px solid #c2c2c2;
	border-left: none;
}

#produktsuche div.pagination ul li a:hover {
	background-color: #D2D2D2;
}

#produktsuche div.pagination ul li.active a {
	cursor: default ;
	background-color: #D2D2D2 ;
}

#produktsuche div.pagination ul li a[data-page="first"],
#produktsuche div.pagination ul li a[data-page="prev"], 
#produktsuche div.pagination ul li a[data-page="next"], 
#produktsuche div.pagination ul li a[data-page="last"] {
	background-color: #ffffff;
}

#produktsuche div.pagination ul li a[data-page="first"]:hover,
#produktsuche div.pagination ul li a[data-page="prev"]:hover, 
#produktsuche div.pagination ul li a[data-page="next"]:hover, 
#produktsuche div.pagination ul li a[data-page="last"]:hover {
	background-color: #D2D2D2;
}

#produktsuche div.pagination ul li.active a[data-page="first"]:hover,
#produktsuche div.pagination ul li.active a[data-page="prev"]:hover, 
#produktsuche div.pagination ul li.active a[data-page="next"]:hover, 
#produktsuche div.pagination ul li.active a[data-page="last"]:hover {
	background-color: #ffffff;
}

#produktsuche div.pagination ul li:first-child a {
	border-left: 1px solid #d2d2d2 ;
}

#produktsuche div.pagination ul li:last-child a {
	border-right: 1px solid #d2d2d2 !important;
}