.desktop table {
	font-size: 88.88%;
	line-height: 150%;
}

/* contenttable */

table.contenttable {
	border-spacing: 2px;
	text-align: center;
	width: 100%;
}

table.contenttable th {
	background-color: #4f6187;
	color: #fff;
	font-weight: 500;
	line-height: 58px;
}

table.contenttable td {
	font-weight: 300;
	padding: 20px 0;
	white-space: nowrap;
}

table.contenttable tr:nth-child(even) td {
	background-color: #fff;
}
table.contenttable tr:nth-child(odd) td {
	background-color: #f8f8f8;
}

table.contenttable th {
	background-color: #e3dfd3;
}

/* Prices */

table.prices {
	border-spacing: 2px;
	text-align: center;
	width: 100%;
}

table.prices th {
	background-color: #4f6187;
	color: #fff;
	font-weight: 500;
	padding: 10px 0;
}

table.prices td {
	font-weight: 500;
	padding: 10px 0;
	white-space: nowrap;
}
table.prices td:first-child {
	font-weight: 300;
}

table.prices tr:nth-child(even) td {
	background-color: #fff;
}
table.prices tr td {
	background-color: #f8f8f8;
}

table.prices.columns2 th, table.prices.columns2 td {
	width: 50%;
}

table.prices.columns3 th, table.prices.columns3 td {
	width: 33.33%;
}

table.prices.columns4 th, table.prices.columns4 td {
	width: 25%;
}

table.prices.columns5 th, table.prices.columns5 td {
	width: 20%;
}

/* selected items table*/
table.selecteditems td, table.selecteditems th {
	line-height: 200%;
	padding: 0;
}
.tablet table.selecteditems td, .tablet table.selecteditems th {
	line-height: 180%;
}

table.selecteditems tr td:first-child {
	color: #e87d00;
}

table.selecteditems tr td:last-child {
	font-weight: bold;
}

table.selecteditems tr:last-child td {
	border-bottom: none;
	border-top: 1px solid #333;
	font-weight: bold;
	text-align: center;
}

.smartphone table.selecteditems tr:last-child td {
	border-top: 0;
}

table.selecteditems tr:last-child td:nth-last-child(2) {
	color: green;
}

table.selecteditems th {
	border-bottom: 1px solid #333;
	width: auto;
}

table.selecteditems span.question {
	background: url('../images/icons/question.png') no-repeat;
	display: inline-block;
    height: 15px;
    width: 15px;
}

table.selecteditems label {

}

table.selecteditems label.checked {
	color: green;
}

table.selecteditems label.deactivated {
	color: inherit;
	cursor: default;
}

table #tablehead th:first-child {
	width: 30%;
}

.widescreen table #tablehead th, .desktop table #tablehead th  {
	width: 17%;
}

#products .selecteditems {
	border-collapse: collapse;
	margin-bottom: 1em;
}

#products table th {
	text-align: center;
}
.largescreen #products table th:first-child {
	padding-left: 1em;
	text-align: left;
}
.smartphone #products table th:first-child {
	text-align: left;
}

.largescreen #products table th:last-child {
	width: 2%;
}

table.selecteditems .price {
	color: green;
	text-align: center;
}

table.selecteditems .price > div {
	display: inline-block;
}

/* Produkt Tabelle */
.smartphone #productstable {
	display: block;
}

.smartphone #productstable tbody {
	display: block;
}

.smartphone #productstable tr {
	display: inline-block;
    padding: 4px 0 2px;
    width: 100%;
}

.smartphone #productstable tr.productadd {
    padding: 0 0 2px;
}

.smartphone #productstable tr:first-child {
	display: block;
}

.smartphone #productstable tr th {
	display: none;
}

.smartphone #productstable tr th:first-child {
	display: block;
	width: 100%;
}

.smartphone #products #productstable tr td.productname {
	display: block;
	float: left;
	padding-left: 10%;
	width: 60%;
}

.smartphone #productstable tr td.price {
	display: block;
	float: left;
	text-align: right;
	width: 30%;
}

.smartphone #productstable tr td.price.invisible {
	display: none !important;
}

.smartphone #productstable tr td.price.insurance,
.smartphone #productstable tr td.price.express,
.smartphone #productstable tr td.price.sum {
	display: block;
	width: 100%;
}

.smartphone #productstable tr td.price.insurance > div,
.smartphone #productstable tr td.price.express > div {
	display: block;
}

.smartphone #productstable tr td.price.insurance div > span,
.smartphone #productstable tr td.price.express div > span {
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 10%;
}

.smartphone #productstable tr td.price.insurance label,
.smartphone #productstable tr td.price.express label {
	float: left;
	text-align: right;
	width: 40%;
}

.smartphone #productstable tr td.price.sum {
	border-top: 1px solid #D8D8D8;
}
.smartphone #productstable tr:nth-last-child(2) td.price.sum {
	border-top: 1px solid #D8D8D8;
}

.smartphone #productstable tr td.price.sum span:first-child {
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 10%;
}

.smartphone #productstable #tabletotal {
	clear: both;
	display: inline;
	float: none;
}

.smartphone #productstable #tabletotal td:nth-child(4), .smartphone #productstable #surcharges td:nth-child(3) {
	float: left;
	text-align: left !important;
	width: 60%;
}

.ie8 .smartphone #productstable #tabletotal td, .ie9 .smartphone #productstable #tabletotal td, .ie8 .smartphone #productstable #surcharges td, .ie9 .smartphone #productstable #surcharges td {
	float: left;
	text-align: rigtht !important;
	width: 50%;
}

.smartphone #productstable #tabletotal td:last-child, .smartphone #productstable #surcharges td:last-child {
	position: absolute;
}

.smartphone #productstable #tabletotal td.lasttd, .smartphone #productstable #surcharges td.lasttd {
	color: green;
	float: left;
	text-align: right;
	width: 40%;
}

.ie8 .smartphone #productstable #tabletotal td.lasttd, .ie9 .smartphone #productstable #tabletotal td.lasttd, .ie8 .smartphone #productstable #surcharges td.lasttd, .ie9 .smartphone #productstable #surcharges td.lasttd {
	color: green;
	float: left;
	text-align: right;
	width: 40%;
}


#products table tr.productadd {
	height: 32px;
}

.smartphone #products table tr.productadd {
	height: auto;
}

#products table tr.productadd p {
	display: inline-block;
}

#products table tr.productadd td {
	color: inherit;
	font-weight: 400;
	text-align: right;
	width: 90%;
}

#products table tr.productadd td strong {
	display: block;
	line-height: 20px;
	margin-bottom: 15px;
}

.smartphone #products table tr.productadd td {
	display: inline-block;
	padding-left: 10%;
    width: 90%;
}

.smartphone #products table tr.productadd td > * {
	float: left;
	display: block;
	margin-left: 0;
	width: 100%;
}

#products table tr.productadd .input {
	float: right;
	margin-left: 10px;
	width: 45%;
}

#products table tr.productadd input[type=text] {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	box-sizing: border-box;
	color: #000;
	font-size: 88.88%;
	font-weight: 300;
	line-height: 120%;
	margin: 0;
	padding: 0.2em;
}

.widescreen #products table label.checkboxcontainer span {
	top: 8px;
}
.desktop #products table label.checkboxcontainer span, .tablet #products table label.checkboxcontainer span {
	top: 6px;
}
.smartphone #products table label.checkboxcontainer span {
	top: 5px;
}

#products .product, #products tr.productadd {
	border-bottom: 1px solid #c0c0c0;
	width: 100%;
}

#products tr[id^=other].product {
	border-bottom: none;
}

#products table td.removeitem {
	position: relative;
	text-align: center;
}

.smartphone #products table td.removeitem {
	display: none;
}

#products table td.removeitem a {
	color: #aaa;
	cursor: pointer;
	height: 100%;
    left: 0;
    position: relative;
    text-decoration: none;
    top: 0;
    width: 100%;
}

#products table td.removeitem a:hover {
	color: #000;
}

.smartphone #products table td.removeitem a {
	margin-left: 2px;
}