html{
	background-color: #ebeeef;
	margin-bottom: 1px;
	height: 100%;
}

body{
	background-color: #ebeeef;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-family: Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ee7f00;
	display: inline;
	margin: 0;
}

h3 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ee7f00;
	display: inline;
	padding: 0;
}

TD.bestellen A {
	color: #ffffff;
}

TD.download {
	padding-right: 10px;
	text-align: right;
}

TD.headline {
	font-weight: bold;
	color: #ee7f00;
	text-align: center;
	width: 140px;
}

TD.list {
	vertical-align: top;
	width: 50%;
}

TD.produkt {
	padding: 14px 14px 0 14px;
	vertical-align: top;
}

TD.name {
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}

TD.wert {
	background: #ffffff url(contentbilder/produkte_box_orange_mitte.jpg);
	color: #ffffff;
	font-size: 12px !important;
	font-weight: bold;
	text-align: center;
}

UL.bullet {
	list-style-type: circle;
	padding-left: 18px;
	*padding-left: 0px; /* for IE*/
	*margin-left: 20px; /* for IE*/
}

UL.bullet A {
    color: #EE7F00;
    text-decoration: underline;
}

A.faq:link {
    color: black;
    text-decoration: underline;
    font-size: 12px !important;
    font-weight: bold;
}

A.faq:visited {
    color: black;
    text-decoration: underline;
    font-size: 12px !important;
    font-weight: bold;
}

TD.faq {
    color: black;
    font-size: 12px !important;
    font-weight: bold;
}


HR.orange {
	background-color: #ee7f00;
	border: none;
	color: #ee7f00;
	height: 2px;
}

HR.white {
	background-color: #ffffff;
	border: none;
	color: #ffffff;
	height: 1px;
	width: 90%;
}

UL.bullet LI {
	margin-bottom: 5px;
}

DIV.fussnote {
	color: #999999;
	font-size: 10px;
	margin: 10px;
}

SPAN.fussnote {
	color: #444;
	font-size: 10px;
	margin-left: 10px;
}

SPAN.small {
	font-size: 10px;
}

SPAN.preis {
	background-color: #ffffff;
	border-radius: 2px; /* CSS3 */
	-moz-border-radius: 2px; /* mozilla firefox */
	-webkit-border-radius: 2px; /* safari chrome*/
	color: #ee7f00;
	display: block;
	height: 30px;
	margin: 0 auto;
	padding: 2px;
	width: 122px;
}

.normaltext {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: black;
}

.titel {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	margin-bottom: 10px;
}

.maincontent {
	background-color: #d5dce0;
	background-image:url('bilder/gfr_hintergrund_haupt.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
	vertical-align: top;
}


a:link {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #ff6600;
	text-decoration: underline;
}
a {
	color: black;
	text-decoration: none;
}

textarea, input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: black;	
}

/* Tabelle Senderliste
*
* Layout für die durch XMl gefütterende Senderliste von Kabelkiosk
*/

.senderliste {
	margin: 10px;
	padding: 10px;
}

.senderliste table {
	border: 0px solid #d5dce0;
	border-collapse: collapse;
	margin: 0 auto;
}

.senderliste tr:nth-child(odd) {
	background-color: #d5dce0;
}

.senderliste th {
	background-color: #ebeeef;
	padding: 1px 4px;
	text-align: left;
}

.senderliste td {
	border-left: 0px solid #d5dce0;
    border-bottom: 2px solid #d5dce0;
	padding: 6px 4px 8px 8px;
	text-align: left;
	vertical-align: middle;
}

.senderliste p {
	background-color: #D5DCE0;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	margin: 10px 5px;
	padding: 10px;
}

.senderliste table.menu {
	font-family: Verdana,sans-serif;
	font-size: 12px;
	width: 100%;
}


.paketliste {
	margin: 10px;
	padding: 10px;
}

.paketliste table {
	border: 0px solid #d5dce0;
	border-collapse: collapse;
	margin: 0 auto;
}

.paketliste tr:nth-child(odd) {
	background-color: #d5dce0;
}

.paketliste th {
	background-color: #ebeeef;
	border-bottom: 2px solid #d5dce0;
	padding: 1px 4px;
	text-align: left;
}

.paketliste td {
	border-left: 0px solid #d5dce0;
    border-bottom: 2px solid #d5dce0;
	padding: 6px 4px 8px 8px;
	text-align: left;
	vertical-align: top;
}

.list {
	background-color: #ebeeef;
	border:1px solid #D5DDE0;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
}

.list img {
	margin: 3px 175px 0 3px;
}



/* dynamische Buttons
*
* drei Arten: button120, button136 und button
* button120 kreiert einen Button mit fester Breite von 120 Pixeln, Verwendung auf der Produkt-Überischtseite
* button136 kreiert einen Button mit fester Breite von 136 Pixeln, Verwendung auf den Produkt-Informationsseiten
* button kreiert einen Button mit maximal Breite (abhängig vom umschließenden Element z.B. Tabellenzelle), Verwendung sonst
*/

A.button  {
	background-color: #d5dde0; 
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
}

A.button:hover {
	background-color: #ee7f00;
	color: #ffffff;
	text-decoration: none;
}

A.button120  {
	background-color: #d5dde0; 
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 120px;
}

A.button120:hover {
	background-color: #ee7f00;
	color: #ffffff;
	text-decoration: none;
}

A.button136  {
	background-color: #d5dde0; 
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 136px;
}

A.button136:hover {
	background-color: #ee7f00;
	color: #ffffff;
	text-decoration: none;
}

A.bestellen {
	background-color: #ee7f00;
	border: 1px solid #ee7f00;
	color: #ffffff;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 418px;
}

A.bestellen:hover {
	background-color: #ffffff;
	border: 1px solid #ee7f00;
	color: #ee7f00;
	text-decoration: none;
}

a.button200 {
	background-color: #ee7f00;
	border: 1px solid #ee7f00;
	color: #ffffff;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: inline-block;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 6px 0;
	text-align: center;
	width: 170px;
}

a.button200:hover {
	background-color: #ffffff;
	border: 1px solid #ee7f00;
	color: #ee7f00;
	text-decoration: none;
}

a.menu {
	background-color: #ee7f00;
	border: 1px solid #ee7f00;
	color: #ffffff;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* mozilla firefox */
	-webkit-border-radius: 10px; /* safari chrome*/
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 6px 0;
	text-align: center;
}

a.menu:hover {
	background-color: #ffffff;
	border: 1px solid #ee7f00;
	color: #ee7f00;
	text-decoration: none;
}
	
/* button definition ende*/