﻿table p
{
    margin: 0;
    padding: 0;
}

table
{

}

table.TabelleGitter 
{
	/*color:#333333;*/
	border-width: 1px;
	border-color: #E2E2E2;
	border-collapse: collapse;
}
table.TabelleGitter th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #E2E2E2;
	text-align: left;
}
table.TabelleGitter td {
    border-color: #E2E2E2;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-align: left;
}

table.TabelleQuerstrich 
{
    margin-top: 0;
	font-size:12px;
	border-width: 1px;
	border-color: #E2E2E2;
	border-collapse: collapse;
}

table.TabelleQuerstrich th {
	border-width: 1px;
	padding: 4px 3px 7px 3px;
  border-top: 1px solid #E2E2E2;
	text-align: left;
}
table.TabelleQuerstrich td {
  border-top: 1px solid #E2E2E2;
  padding: 4px 3px 7px 3px;
  text-align: left;
  vertical-align: top;
}


tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

/************ Tabelle Modern *************/


/* responsive tables */
.responsive-stacked-table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	table-layout: fixed;
}
.responsive-stacked-table th,
.responsive-stacked-table td {
	padding: 10px;
	border-top: 1px solid #ddd;
}
.responsive-stacked-table thead {
	background: #eee;
	border-bottom: 3px solid #ddd;
}
.responsive-stacked-table tr:nth-child(even) {
	background: #f5f5f5;
}
.responsive-stacked-table .fa {
	margin-right: 5px;
}
.responsive-stacked-table .fa-check-circle {
	color: #690;
}
.responsive-stacked-table .fa-times-circle {
	color: #c00;
}

.responsive-stacked-table.with-mobile-labels {
	font-size: .85em;
}
th:nth-child(3) {
	text-align: right;
		width:17%;

}
th:nth-child(4) {
	text-align:center;
		width:14%;

}

td:nth-child(3) {
	text-align: right;
	white-space:nowrap;
}
td:nth-child(4) {
	text-align:center;
}

th:nth-child(1) {
	text-align: left;
	width:30%;

}
td:nth-child(1) {
	text-align: left;
}
th:nth-child(2) {
	text-align: left;
		width:50%;

}
td:nth-child(2) {
    text-align: left;
}

.linksp2 {
    font-size: 12px;
    line-height: 1.2;
}

    /*  H5 für zwischen überschriften rot: #ff0033 orange: #ff6600 blau: #000066 grau: #999999 
H5 {
	FONT-SIZE: 16px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px;
	COLOR: white; 
	BORDER-BOTTOM: #ff6600 2px solid; 
	HEIGHT: 29px; 
background: radial-gradient(ellipse at center top , #1E5799 0px, #050E19 100%) repeat scroll 0% 0% transparent;	font-weight: bold;
	font-family:Verdana;
	min-width: 100%;
	max-width:820px;
	margin-BOTTOM:3px;
	clear:both;
}
*/
@media (max-width: 767px) {
	.responsive-stacked-table thead {
		display: none;
	}
	.responsive-stacked-table tr,
	.responsive-stacked-table th,
	.responsive-stacked-table td {
		display: block;
	}
	.responsive-stacked-table td {
		border-top: none;
	}
	.responsive-stacked-table tr td:first-child {
		border-top: 1px solid #ddd;
		font-weight: bold;
	}
	.responsive-stacked-table.with-mobile-labels tr td:first-child {
		font-weight: 300;
	}
	.responsive-stacked-table.with-mobile-labels td:before {
		display: block;
		font-weight: bold;
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(1):before {
		content: "Product:";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(2):before {
		content: "Processor:";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(3):before {
		content: "Memory:";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(4):before {
		content: "Hard Drive:";
	}
	.responsive-stacked-table.with-mobile-labels td:nth-of-type(5):before {
		content: "Graphics Card:";
	}
}

/************ Tabelle Modern2 *************/

table.TabelleModern2 {
	text-shadow: 1px 1px 0 #fff;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.TabelleModern2 th {
	padding:8px 25px 8px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.TabelleModern2 th:first-child {
	text-align: left;
	padding-left:15px;
}
table.TabelleModern2 tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.TabelleModern2 tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.TabelleModern2 tr {
	padding-left:15px;
}
table.TabelleModern2 td:first-child {
	text-align: left;
	padding-left:5px;
	border-left: 0;
}
table.TabelleModern2 td {
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
  vertical-align: top;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.TabelleModern2 tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.TabelleModern2 tr:last-child td {
	border-bottom:0;
}
table.TabelleModern2 tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.TabelleModern2 tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.TabelleModern2 tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

.hide {display:none;}

