﻿/* content frame width 485px; */
/* sidebar frame width ?px; */
/* content frame description */
.headerFrame {
	/*background-color: blue;*/
	height: 200px;
	margin: 0px 0px 15px 0px;
}
.headerFrameFlash {
	margin: 0px 0px 15px 0px;
}
.headerFrameTeaserless {
	/*background-color: blue;*/
	height: 200px;
	margin: 0px 0px 15px 0px;
	width: 685px;
}
.headerFrameFlashTeaserless {
	margin: 0px 0px 15px 0px;
}
.contentFrame {
	margin: 0px 6px 0px 6px;
}
.contentFrameTeaserless {
	margin: 0px 6px 0px 6px;
}
.sidebarFrame {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #d0d0d0;
}
.textFrame {
	margin: 0px 7px 15px 7px;
}
.tabFrame .tableFrame .leftColFrame .colFrame .textFrame {
	margin: 0px 0px 15px 0px;
	width: 208px;
}
.tabFrame .tableFrame .rightColFrame .colFrame .textFrame {
	margin: 0px 0px 15px 7px;
	width: 208px;
}
.instructionFrame{
	margin: 0px 7px 15px 7px;
	font-size:10px;
}
.tabFrame {
	margin: 15px 8px 15px 8px;
}
.sidebarFrame .textFrame {
	margin: 0px 0px 15px 0px;
	padding: 0px 8px 15px 8px;
	border-bottom: 1px solid #d0d0d0;
}
.infoFrame {
	padding: 3px 7px 7px 7px;
	margin: 15px 0px 15px 0px;
	border: 0px none;
	background-repeat: repeat-y;
	background-position: left top;
}

.infoFrame a {
	display: block;
}

.sidebarFrame .infoFrame {
	margin-top: 0px;
}

.sidebarFrame .infoFrame {
	border-left: 0px none;
	border-right: 0px none;
	border-top: 0px none;
}
.imageFrame {
	padding: 3px 0px 7px 0px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #d0d0d0;
	background-repeat: repeat-y;
	background-position: left top;
}
.sidebarFrame .imageFrame {
	padding-bottom: 0px;

	border-left: 0px none;
	border-right: 0px none;
	border-top: 0px none;
}
.contentFrame .infoFrame {
	padding-left: 177px;
}
.contentFrameTeaserless .infoFrame {
	padding-left: 177px;
}
.tableFrame {
	display: inline-block;
	float: none;
	margin: 15px 0px 0px 0px;
}
.tableFrame .leftFrame {
	float: left;
	width: 170px;
	margin-right: 7px;
}

.tableFrame .rightFrame {
	float: right;
	width: 294px;
	padding-top:0px;	
}

.tableFrame .leftFrame IMG {
	border-bottom: 1px solid #d0d0d0;
}
.tabFrame .tableFrame .leftColFrame, .tabFrame .tableFrame .rightColFrame {
	width: 210px;
	float: left;
	background-repeat: repeat-y;
}
.contentFrameTeaserless .tableFrame .leftColFrame, .contentFrameTeaserless .tableFrame .middleColFrame, .contentFrameTeaserless .tableFrame .rightColFrame {
	width: 218px;
	float: left;
	background-repeat: repeat-y;
}
.tableFrame .leftColFrame, .tableFrame .rightColFrame {
	width: 233px;
	float: left;
	background-repeat: repeat-y;
}
.tableFrame .leftColFrame {
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/starforce/colframe_sh_left.png);
	background-position: right top;
}
.tableFrame .rightColFrame {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/starforce/colframe_sh_right.png);
	background-position: left top;
	float: right;
}
.contentFrameTeaserless .tableFrame .leftColFrame {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/starforce/colframe_sh_left.png);
	background-position: right top;
}

.contentFrameTeaserless .tableFrame .rightColFrame {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/starforce/colframe_sh_right.png);
	background-position: left top;
}

.contentFrameTeaserless .tableFrame .middleColFrame {
	width: 223px;
	
	margin: 0px 7px 0px 7px;
	padding: 0px 0px 0px 0px;
	
	background-image: url(../images/starforce/colframe_sh_middle.png);
	background-position: right top;
}
.tableFrame .colFrame {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	display: block;
	
	border-bottom: 1px solid #bbb;
}

.tabFrame .tableFrame .leftColFrame .colFrame {
	width: 208px;
	margin-right: 5px; 	
}
.tabFrame .tableFrame .rightColFrame .colFrame {
	width: 208px;
	margin-left: 5px;
}

.contentFrameTeaserless .tableFrame .leftColFrame .colFrame {
	width: 213px;
	margin-right: 5px; 	
}
.contentFrameTeaserless .tableFrame .rightColFrame .colFrame {
	width: 213px;
	margin-left: 5px;
}
.contentFrameTeaserless .tableFrame .middleColFrame .colFrame {
	width: 213px;
	margin-left: 5px;
	margin-right: 5px;
}
.tableFrame .leftColFrame .colFrame {
	width: 228px;
	margin-right: 5px; 	
}
.tableFrame .rightColFrame .colFrame {
	width: 228px;
	margin-left: 5px;
}
.contentFrameTeaserless .tableFrame .colFrameImage {
	width: 213px;
	border-bottom: 1px solid #bbb;
}
.tableFrame .colFrameImage {
	width: 228px;
	border-bottom: 1px solid #bbb;
}
.tableFrame .middleColFrame .colFrameImage {
	margin-left: 5px;
	margin-right: 5px;
}
.tableFrame .rightColFrame .colFrameImage {
	margin-left: 5px;
}

/* content headings */
.formTable h1, .formTable h2, .formTable h3, .contentFrame h1, .contentFrame h2, .contentFrame h3, .sidebarFrame h2, .sidebarFrame h3, contentFrameTeaserless h1, .contentFrameTeaserless h2, .contentFrameTeaserless h3 {
	position: static;
	font-family: "Trebuchet MS", Arial, Sans;
	font-weight: normal;
	line-height: normal;
}

.contentFrame h1 {
	font-size: 24px;
}
.contentFrameTeaserless h1 {
	font-size: 24px;
}
.formTable h1 {
	font-size: 24px;
}
.contentFrame h1 .subtitle {
	font-size: 14px;
}
.contentFrameTeaserless h1 .subtitle {
	font-size: 14px;
}
.formTable h1  .subtitle {
	font-size: 14px;
}
.contentFrame h2, .sidebarFrame h2, .contentFrameTeaserless h2, .formTable h2 {
	font-size: 14px;
	margin: 0px 0px 7px 0px;
}
.contentFrame h3, .sidebarFrame h3, .contentFrameTeaserless h3, .formTable h3 {
	font-size: 12px;
	margin: 0px 0px 4px 0px;
}
.contentFrame h2.gray, .contentFrame h3.gray, .sidebarFrame h2.gray, .sidebarFrame h3.gray,
.contentFrame h2.gray a, .contentFrame h3.gray a, .sidebarFrame h2.gray a, .sidebarFrame h3.gray a,
.contentFrameTeaserless h2.gray, .contentFrameTeaserless h3.gray, .contentFrameTeaserless h2.gray a, .contentFrameTeaserless h3.gray a,
.formTable h2.gray, .formTable h3.gray, .formTable h2.gray a, .formTable h3.gray a {
	color: #666;
	text-decoration: none;
}
.contentFrame h2.blue, .contentFrame h3.blue, .sidebarFrame h2.blue, .sidebarFrame h3.blue,
.contentFrame h2.blue a, .contentFrame h3.blue a, .sidebarFrame h2.blue a, .sidebarFrame h3.blue a,
.contentFrameTeaserless h2.blue, .contentFrameTeaserless h3.blue, .contentFrameTeaserless h2.blue a, .contentFrameTeaserless h3.blue a,
.formTable h2.blue, .formTable h3.blue, .formTable h2.blue a, .formTable h3.blue a {
	color: #ff00000;
	text-decoration: none;
}
.contentFrame h2.darkblue, .contentFrame h3.darkblue, .sidebarFrame h2.darkblue, .sidebarFrame h3.darkblue,
.contentFrame h2.darkblue a, .contentFrame h3.darkblue a, .sidebarFrame h2.darkblue a, .sidebarFrame h3.darkblue a,
.contentFrameTeaserless h2.darkblue, .contentFrameTeaserless h3.darkblue, .contentFrameTeaserless h2.darkblue a, .contentFrameTeaserless h3.darkblue a,
.formTable h2.darkblue, .formTable h3.darkblue, .formTable h2.darkblue a, .formTable h3.darkblue a {
	color: #015;
	border-bottom: 1px solid #015;
	padding-left: 8px;
	text-decoration: none;
}
.contentFrame DIV h2.darkblue, .contentFrame DIV h3.darkblue, .sidebarFrame DIV h2.darkblue, .sidebarFrame DIV h3.darkblue, .contentFrameTeaserless DIV h2.darkblue, .contentFrameTeaserless DIV h3.darkblue {
	border-bottom: 0px none;
	padding-left: 0px;
}

.priceLabel {
	font-size: 18px;
	color: #015;
	padding-left: 10px;
	background-image: url(../images/starforce/chf.png);
	background-position: left center;
	background-repeat: no-repeat;
	float:left;
}
.priceLabel .desc {
	font-size: 12px;
}
a.tc {
	background-image: url(../images/starforce/teleclub-on-demand-logo.jpg);
	width: 100px;
}
.tabNav {
	/* tabs */
	position: relative;
	width: 461px;
	padding-left: 7px;
	height: 22px;
	background: url(../images/starforce/tabnav_bg.png) no-repeat top left;
}

* html .tabNav {
	position: relative;
	width: 100%;
}
.tabNav li {
	
	float: left;
	height: 22px;
}
.tabNav li a {
	position: relative;
	display: block;
	float: left;
	padding: 5px 12px 0 12px;
	height: 20px;
	background: url(../images/starforce/tabnav_sep.png) no-repeat top right;
	font-size: 12px;
	color: #333;
}
* html .tabNav li a {
	height: 22px;
}
#tabNav li a {
	color: #666;
}
#tabNav li a:hover {
	color: #1af;
	text-decoration: none;
}
.tabNav li.active {
	position: relative;
	left: -4px;
	margin-right: -8px;
	padding-left: 4px;
	background: #fff url(../images/starforce/tabnav_sh_left.png) no-repeat top left;
}
.tabNav li.active a {
	color: #015;
	background-color: #fff;
	padding-right: 16px;
	font-weight: bold;	
	background: #fff url(../images/starforce/tabnav_sh_right.png) no-repeat top right;
}

.tabFrame {
	width: 455px;
	display: block;
}

.tabFrame ul,.tabFrame ol {
	margin: 0px;
	padding: 0px;
	
	margin-left: 25px;
}

.tabFrame ul li, .tabFrame ol li {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	
}
.tabFrame ol li ul li {
	
	list-style: circle;
}

.tabFrame ol li {
	list-style:decimal;
}

.contentTable {
	width: 100%;
	
	font-size: 12px; /* IE 6 */
	
	float: left;	

	border: 0px none;
	border-collapse: collapse;
	
	margin: 15px 0px 15px 0px;
}

.contentTable tr td {	
}

.contentTable tr td 
{
	line-height: 14px;
	text-align: left;
	vertical-align: top;	
	padding: 2px 7px 18px 0px;
}

.contentTable td.firstCell{
	width:91px;
}

.contentTable .firstCellLong{
	width:182px;
}

.listTable {
	width: 100%;
	
	font-size: 12px; /* IE 6 */
	
	border: 0px none;
	border-collapse: collapse;
}

.listTable tr td {
	vertical-align: top;
	text-align: left;
	
	width:25%;
	
	padding: 2px 7px 2px 0px;
}


.listTable tr td.alignCenter {
	text-align: center;
}

ul.list, ul.lstOkNotOk, ol.numberedList {
	padding-left:32px;
	margin: 0;
	margin: 15px 0 15px -10px;
	position: relative;
	list-style-position: outside;
}

ul.lstOkNotOk {
	margin: 15px 0px 15px 0px;
	padding: 0;
	
	list-style-image: url('../images/starforce/ok.png');
	list-style-type: none;
}

ul.lstOkNotOk li 
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

ul.lstOkNotOk li.notok {
	list-style-image: url('../images/starforce/notok.png');
}


ul.list {
	margin: 15px 0px 15px 0px;
	padding: 0;

}

ul.list li {
	margin: 0.5em 0 0 0;
	padding: 0px 0px 0px 0px;
	
	background:url('../Images/starforce/ListBullet.gif') no-repeat 0px 6px;
	padding-left:8px;
}

ol.numberedList {
	list-style-type: decimal;
}

ol.numberedList li {
	margin:0.5em 0 0 0;
	padding: 0px 0px 0px 0px;
}


.labelTipp {
}


.labelHinweis {
}

.labelInfo {
	clear: both;
}


.contentFrame a.cross-reference, .contentFrameTeaserless a.cross-reference {
	display: block;
}

#subject a.cross-reference-dark, #subject_teaserless a.cross-reference-dark {
	BACKGROUND: url(../images/cicd/cross-reference.png) no-repeat 0px 6px;
	PADDING-LEFT: 8px;
	color: #666;
}

#subject a.cross-reference-dark:hover, #subject_teaserless a.cross-reference-dark:hover,.sidebarFrame a.cross-reference-dark:hover  {
	color: #1af;
	text-decoration: none;
}




