@charset "utf-8";
/* TABLE STYLESHEET */

table {
	border-collapse			: collapse;
	border-spacing			: 0;
}
.table, table {
	width					: 100%;
}
div.table-responsive {
	min-height				: 0.01%;
	overflow-x				: auto;
}
.table {
	width					: 100%;
	margin-bottom			: 2em;
	max-width				: 100%;
}
.table th{
	text-align				:left;
	padding					:0 0 0.5em 0;
}
.table td.error{
	color					:#d22630;
}
.table .white-row, .table .white-row > td, .table td.white-col{
	background				:#FFF;
}
.table .border-bold-top, .table .border-bold-top > td{
	border-top				:1px solid #808080;
}
.table .border-none, .table .border-none > td{
	border					:none;
}

table.table-typ-d td{
	border-top				:1px solid #bbbcbe;
	padding					:0.5rem 0;
}
table.table-typ-d tbody{
    border-bottom: 1px solid #646566;
    border-top: medium none;
}
table.table-typ-d thead th, table.table-typ-d .thead th {
    border-bottom			: 1px solid #646566;
}
table#table-senderliste-teleclub .col-2,
table#table-senderliste-teleclub .col-3{
	visibility:hidden;	
}

.data-table {
    border-spacing: 0 !important;
}
.data-table th,
.data-table thead th{
	border-bottom:1px solid #808080 ;
}
.data-table td{
	border-bottom:1px solid #CCC ;
}
.product-table {
	background: #f4f4f5;
	background: -moz-linear-gradient(top, #f4f4f5 0%, #dcddde 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4f4f5), color-stop(100%, #dcddde));
	background: -webkit-linear-gradient(top, #f4f4f5 0%, #dcddde 100%);
	background: -o-linear-gradient(top, #f4f4f5 0%, #dcddde 100%);
	background: -ms-linear-gradient(top, #f4f4f5 0%, #dcddde 100%);
	background: linear-gradient(to bottom, #f4f4f5 0%, #dcddde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f5', endColorstr='#dcddde', GradientType=0 );
    border-spacing: 0 !important;
}
.product-table-green {
	background: #c4def4;
    border-spacing: 0 !important;
}
/*
.product-table-green {
	background: #d9e3b9;
	background: -moz-linear-gradient(top, #dae3bd 0%, #d9e3b9 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #dae3bd), color-stop(100%, #d9e3b9));
	background: -webkit-linear-gradient(top, #dae3bd 0%, #d9e3b9 100%);
	background: -o-linear-gradient(top, #dae3bd 0%, #d9e3b9 100%);
	background: -ms-linear-gradient(top, #dae3bd 0%, #d9e3b9 100%);
	background: linear-gradient(to bottom, #dae3bd 0%, #d9e3b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae3bd', endColorstr='#d9e3b9', GradientType=0 );
    border-spacing: 0 !important;
}
.product-table-green td:nth-child(5n).product-value,
.product-table-green td:nth-child(5n).product-speed,
.product-table-green td:nth-child(5n).product-price,
.product-table-green td:nth-child(9n).product-value,
.product-table-green td:nth-child(9n).product-speed,
.product-table-green td:nth-child(9n).product-price,
.product-table-green td:nth-child(13n).product-value,
.product-table-green td:nth-child(13n).product-speed,
.product-table-green td:nth-child(13n).product-price,
.product-table-green td:nth-child(17n).product-value,
.product-table-green td:nth-child(17n).product-speed,
.product-table-green td:nth-child(17n).product-price
*/
.product-table-green td:nth-child(4n+1).product-value,
.product-table-green td:nth-child(4n+1).product-speed,
.product-table-green td:nth-child(4n+1).product-price
{
	background-color:#e5edd1;
	background-color: #e2eefa;
}
.product-table-green td.product-speed,
.product-table-green td.product-speed-downup
{
	font-size				:0.8em;
}
.product-table thead tr th, .product-table thead tr td, .product-table tbody tr th, .product-table tbody tr td, .product-table tfoot tr th, .product-table tfoot tr td {
    border-top				: 1px solid #CCC;
    font-size				: 1rem;
    line-height				: 1;
    padding					: 0.5rem 0.25rem;
    text-align				: center;
    vertical-align			: middle;
}
.product-table tr > td:first-child {
    background-color		: #fff;
    padding					: 6px 16px 6px 0;
    text-align				: left;
	vertical-align			: top;
}
.product-table .text-left{
	text-align				:left;
	padding-left			: 0;
	padding-right			: 0.5rem;
}
.product-table tr td.space {
	width					: 1%;
	background-color		: #fff;
	border-top				: none;
	padding					: 0;
}
.product-table .product-group{
    font-weight				: bold;
}
.product-table .product-group.bestseller{
    background				:#d22630;
	color					:#FFF;
}
.product-table .product-group .product-besteller-txtbox{
	background				:#FFF;
	border					:1px solid #d22630 ;
	color					:#d22630;
	position				:absolute;
	margin-left				:-20px;
    margin-top				:-22px;
	padding					:0 5px 5px 5px;
	-ms-transform			:rotate(-10deg);
    -webkit-transform		:rotate(-10deg);
    transform				:rotate(-10deg);
}
.product-table td.product-bestseller{
	line-height				:0.5;
	padding					:7px 0 0 0;
}
.product-table td.product-bestseller.bestseller{
	background				:#d22630;
	color					:#FFF;
}
.product-table td.product-bestseller .product-besteller-txtbox{
	padding					:0;
}
.product-table .product-price{
	border-bottom			:5px solid transparent ;
    font-weight				: bold;
}
.product-table .product-price.bestseller{
    border-bottom			:5px solid #d22630 ;
}
.product-table .product-desc, .product-table .product-value {
    font-size				: 0.875rem;
	font-size				: 0.75rem; /* to big for multiple productoverviews */
}
.product-table .product-desc {
    line-height				:1.6em;
}
.product-table .icon-check {
    color					: #408522;
    display					: inline-block;
    line-height				: 0;
}
.product-table .icon-inet, .product-table .icon-tv, .product-table .icon-tel{
	width					:30px;
	height					:30px;
}
.product-table .icon-inet{
	background				: url("/_images/glasfaser/icon_internet.png") no-repeat center center;
}
.product-table .icon-tv{
	background				: url("/_images/glasfaser/icon_fernsehen.png") no-repeat center center;
}
.product-table .icon-tel{
	background				: url("/_images/glasfaser/icon_telefonie.png") no-repeat center center;
}
.product-table .img-settopbox{
	width					: 100%;
	height					: 50px;
	background				: url("/_images/glasfaser/mhstv/set-top-box.png") no-repeat;
	background-position		: 50% center;
	background-size			: contain;
}

.table.table-orderoverview{
	
}
.table.table-orderoverview .white-row th,
.table.table-orderoverview .white-row .th{
	background				:#FFF;
	border-bottom			: 1px solid #666;
	text-align				:left;
}
.table.table-orderoverview td{
	padding					:0.5em 0;
	vertical-align			:top;
}
.table.table-orderoverview td.td-desc{
	padding-right			:1em;
}
.table.table-orderoverview .white-row th:nth-child(2),
.table.table-orderoverview .white-row th:nth-child(3){
	text-align				:center;
}
.table.table-orderoverview h1,
.table.table-orderoverview h2,
.table.table-orderoverview h3,
.table.table-orderoverview h4{
	margin					:0;	
}
.table.table-orderoverview .border-bold td {
    border-bottom			:1px solid #CCC;
	font-size				:1px;
	padding					:0;
}
.table.table-orderoverview#table-costs tr td:nth-child(2),
.table.table-orderoverview#table-costs tr td:nth-child(3){
	width					:20%;
	text-align				:center;
}
.table.table-orderoverview#table-costs tr td:nth-child(2){
	background				:#F0F0F0;
}
.table.table-orderoverview#table-costs tr td:nth-child(3){
	background				:#E4E4E4;
}
.table.table-orderoverview#personal-data-table td.td-1{
	width					:30%;
}