/*
Swisscom Master
Content elements definitions
*/

/* 
cicd-css correction 
(could occur in cicd-css as well, but bad for backwards-compatibility) 
*/
h1{ margin-bottom:0; padding-bottom:0; display:block; }
h1.with-prelude{ padding-bottom:16px; }
h1.with-subtitle{ padding-bottom:0; }
h1 .subtitle{ 
	margin-bottom:8px;
	padding-top:9px;
	padding-bottom:1px;
	line-height:14px; 
	}
#subject table{ width:100%; }
	#subject caption{ color:#015; }
	#subject td, #subject th, #subject caption{ 
		padding-top:3px;
		padding-bottom:3px;
		text-align:left; 
		vertical-align:top; 
		font-size:12px; 
		line-height:14px; 
		}
	#subject td{ border-top:1px solid #bbb; }
a.cross-reference{ zoom:1; }

#subject h2.big,
#subject span.big{ 
	display:block;
	padding-top:9px; 
	}
#subject h2 a:hover{ text-decoration:underline; }
#subject .content-block{
	margin-bottom:18px;
	padding:0 14px;
	}
#sidebar a{ color:#1af; }
#sidebar a:hover{ text-decoration:underline; }
	#sidebar a.cross-reference{ color:#666; }
	#sidebar a.cross-reference:hover{ 
		color:#1af; 
		text-decoration:none;
		}
#sidebar .teaser h2{
	padding-bottom:4px;
	}
	
/* genric teaser in content */
#subject .teaser{
	position:relative;
	clear:left;
	}
	#subject .teaser h2{
		margin-bottom:4px;
		color:#015;
		font-size:12px;
		}
	#subject .teaser h2 a{ color:#1af; }
	#subject .teaser .cross-reference{ 
		display:block; 
		background-position:0 4px;
		}

#subject .teaser-text{ position:relative; }
/*#subject .teaser-thumb{ border-bottom:1px solid #bbb; }*/

	/* teaser 1 */
	#subject .teaser1{ 
		margin-bottom:19px; 
		padding:0 7px;
		}
		* html #subject .teaser1{ height:1px; }
		#subject .teaser1 h2{ font-size:12px; }
		#subject .teaser1 .teaser-thumb{
			float:left;
			margin-right:7px;
			}
		#subject .teaser1 .teaser-text{	
			float:left;
			width:287px;
			}
	/* teaser 2 */
	#subject .teaser2{}
	/* teaser 3 */
	#subject .teaser3 { 
		padding:0 7px; 
		background:url(../images/master/bg-teaser3-bottom.png) no-repeat 7px 100%;
		}
	#subject .teaser3 h2{ font-size:12px; }
	#subject .teaser3 .inner{
		position:relative;
		zoom:1;
		background:url(../images/master/bg-teaser3-top.png) no-repeat center top;
		}
	#subject .teaser3 .top{
		position:relative;
		zoom:1;
		background:url(../images/master/bg-teaser3-top.png) no-repeat 228px 0;
		}	
	#subject .teaser3 .bottom{
		clear:left;
		zoom:1;
		position:relative;
		}
		* html #subject .teaser3 .bottom{ zoom:1; }
		#subject .teaser3 .teaser-thumb{ float:left; }
		#subject .teaser3 .teaser-text{ 
			float:left; 
			padding:6px 10px 23px 7px;
			width:211px;
			}
			#subject .teaser3 .bottom .right{  padding:6px 7px 23px 10px; }
			* html #subject .teaser3 .teaser-text{ width:228px; }
		#subject .teaser3 .right{
			position:relative;
			left:15px;
			}
	#subject .teaser-list{
		position:relative;
		left:7px;
		padding:0;
		width:671px;
		overflow:hidden;
		}
		#subject .teaser-list ul{ 
			position:relative;
			left:-7px;
			width:705px; 
			}
		#subject .teaser-list ul li{
			float:left;
			margin-right:1px;
			margin-bottom:10px;
			width:228px;
			background:url(../images/master/teaser-list-bg-bottom.png) no-repeat bottom left;
			}
			#subject .teaser-list ul li h2{
				padding:0 10px;
				font-size:12px;
				}
			#subject .teaser-list ul li .cross-reference{ position:relative; left:10px; }
			#subject .teaser-list ul li .teaser-thumb{
				display:block;
				margin-bottom:6px;
				}
			#subject .teaser-list ul li .inner{
				padding:5px 7px 12px 7px;
				background:url(../images/master/teaser-list-bg-top.png) no-repeat top left;
				}
			#subject .teaser-list ul li .teaser-text{
				padding:0 10px;
				margin-bottom:10px;
				}
		#subject .teaser-list ul li.line{ 
			margin-right:0;
			width:685px; 
			background-image:none;			
			}
			#subject .teaser-list ul li.line .inner{ 
				position:relative;
				padding-bottom:0;
				background-image:none;
				}
			#subject .teaser-list ul li.line .teaser-text .big{ margin-top:7px; 	}
			#subject .teaser-list ul li.line .teaser-text{
				position:absolute;
				left:458px;
				top:70px;
				width:200px;
				}
				#subject .teaser-list ul li.line .teaser-text .cross-reference{
					left:0;
					background-image:url(../images/cicd/cross-reference-editor.gif);
					}
				#subject .teaser-list ul li.line .teaser-text ul{ left:0; }
		#subject .teaser-list ul li ul{ width:auto; }
			#subject .teaser-list ul li ul li{
				float:none;
				margin:0;
				border:none;
				padding:0;
				width:auto;
				background:none;
				}
				* html #subject .teaser-list ul li .link-list li{ margin-top:-2px; margin-bottom:-3px; zoom:1; }
		#subject .teaser-list ul li .link-list{ padding:0 0 0 10px; }
			#subject .teaser-list ul li .link-list{ zoom:1; }
	#subject .bigtease{ padding-top:9px; }
					
#subject .text-content{
	padding-left:14px;
	padding-right:14px;
	}
#subject .linehead { padding:1px 7px 0 7px; }
	#subject .linehead h2{
		position:relative;
		margin-bottom:7px;
		border-bottom:1px solid #001155;
		padding:4px 0 3px 8px;
		font-size:12px;
		color:#001155;
		font-family:"Trebuchet MS",Arial,Sans;
		font-weight:normal;
		background-position:top right;
		background-repeat:no-repeat;
		}
		#subject .linehead h2.big{ padding-top:9px; }
	#subject .linehead p{ 
		padding-left:7px;
		padding-right:7px;
		}
	#subject .linehead .link-list{
		margin-left:7px;
		margin-bottom:7px;
		}
		#subject .linehead .big-table .link-list{
			margin-left:0;
			margin-bottom:0;
			}
			#subject .linehead .big-table .link-list .cross-reference{
				display:block;
				background-position:0 4px;
				}
#subject .formline{ 
	position:relative;
	margin-bottom:13px;
	padding-top:1px;
	padding-bottom:1px;
	overflow:hidden; 
	zoom:1; 
	}
	#subject .formline .right-buttonline a.standardbutton{
		position:relative;
		right:-7px;
		float:right;
		}
	#subject .formline textarea.textarea{
		width:205px;
		height:112px;
		border:1px solid #ababab;
		font-family:"Trebuchet MS", Arial, Sans;
		font-size:12px;
		}
		* html #subject .formline textarea.textarea{ width:203px; }
	#subject .form-fulltext textarea.textarea{
		width:384px !important;
		}
	
	#subject .form-textline label{ 
		float:left;
		width:178px;
		color:#666;
		zoom:1;
		line-height:18px;
		}
		*+html #subject .form-textline label{  height:18px !important;}
	#subject .form-textline span.text{ 
		float:left;
		margin-right:8px;
		padding-right:8px;
		height:18px;
		background:url(../images/cicd/input-text-bg.png) no-repeat top right;
		}
		#subject .form-textline span.text span.inner-text{ 
			float:left;
			height:18px;
			padding-left:8px;
			background:url(../images/cicd/input-text-bg.png) no-repeat top left;
			overflow:hidden;
			}
			#subject .form-textline span.text input.text{
				position:relative;
				float:left;
				margin:0;
				padding:0;
				height:18px;
				width:185px;
				border:0;
				color:#333;
				background:none;
				}
				* html #subject .form-textline span.text input.text{ top:3px; }
				*+html #subject .form-textline span.text input.text{ top:3px; }
			#subject .form-textline span.text input.hint{ color:#666; }
	#subject .formline .hint-under{
		display:block;
		clear:left;
		padding-top:3px;
		padding-left:188px;
		font-size:11px;
		color:#666;
		}	
	#subject .inner-labels label{ padding-top:21px; }
	#subject .inner-labels .inner-label{ float:left; }
		#subject .inner-labels .inner-label span.label{ 
			display:block;
			float:left;
			padding-bottom:5px;
			color:#666;
			}
		#subject .inner-labels .inner-label span.text{ clear:left; }	
	#subject .error{ background:url(../images/cicd/form-error.png) no-repeat 420px 0; }
		#subject .error label{ color:#d12; }
			#subject .errormessage,
			#subject .error .hint-under{ color:#d12; }
	#subject .submitline{ padding-top:18px; }
	#subject .dropdown{
		overflow:visible;
		height:18px;
		cursor:default !important;
		}
		#subject .dropdown .drop-menu{
			float:left;
			position:absolute;
			top:1px;
			left:192px;
			zoom:1;			
			}
		#subject .dropdown .drop-title{
			float:left;
			padding-left:15px;
			height:18px;
			background:url(../images/cicd/input-dropdown-bg.png) no-repeat top left;
			z-index:101;
			}
			#subject .dropdown .drop-title span{
				display:block;
				padding-top:2px;
				padding-right:20px;
				height:16px;
				width:166px;
				background:url(../images/cicd/input-dropdown-bg.png) no-repeat top right;
				}
				* html #subject .dropdown .drop-title span{
					display:inline-block;
					height:18px;
					}
			#subject .dropdown .hint{ color:#666; }
		#subject .dropdown .open{ background-position:bottom left; }
		#subject .dropdown .open span{ background-position:bottom right; }
		#subject .dropdown .drop-list{
			position:relative;
			top:-1px;
			display:none;
			clear:left;
			margin-left:8px;
			border:1px solid #bbb;
			z-index:100;
			font-family:"Trebuchet MS", Arial, Sans;			
			}
			#subject .dropdown .drop-list li{
				display:block;
				font-family:"Trebuchet MS", Arial, Sans;	
				position:relative;
				z-index:100;
				line-height:16px;
				}
			#subject .dropdown .drop-list a{
				display:block;
				position:relative;
				padding-top:2px;
				padding-bottom:2px;
				padding-left:7px;
				color:#333;
				background-color:#fff;
				cursor:default;
				z-index:100;
				}
			#subject .dropdown .drop-list a.hover,
			#subject .dropdown .drop-list a:hover{
				color:#fff;
				background-color:#1af;
				text-decoration:none;
				}
				
	#subject .drop-wrap{  
		position:relative;
		height:18px;
		overflow:hidden;
		}
		#subject .drop-wrap select{
			position:absolute;
			left:-9999px;
			}
	#subject .separator{
		margin-left:7px;
		margin-right:7px;
		padding-bottom:12px;
		padding-left:7px;
		padding-right:7px;
		border-bottom:1px solid #bbb;
		zoom:1;
		}
				
#subject .comp h2{ margin-bottom:4px; }
#subject .comp .big-table .pos-cell{ width:103px; }
#subject .comp .big-table .double-pos-cell{ width:140px; }
#subject .comp .big-table .thumb{ 
	padding-top:17px;
	padding-bottom:2px;
	}
	
/* tabs */
#subject .tab-block{ 
	padding:0; 
	margin-bottom:0; 
	}
	* html #subject .tab-block{ zoom:1; }
	*+html #subject .tab-block{ zoom:1; }
	#subject .tab-block .tab-content{
		padding-top:10px;
		zoom:1;
		}
	/*
	TODO: check with fabian
	#subject .tab-content .linehead h2{
		margin-left:7px;
		margin-right:7px;
		}
	#subject .tab-content .linehead .big-table{
		padding-left:7px;
		padding-right:7px;
		}
	*/
#subject .tabs{
	position:relative;
	left:7px;
	padding-left:9px;
	width:471px;
	height:21px;
	background:url(../images/master/subject-tabs-bg.png) no-repeat top left;	
	}
	#subject .tabs li{
		position:relative;
		float:left;
		height:21px;
		}
		#subject .tabs li a{
			display:block;
			float:left;
			padding:3px 10px 0 7px;
			height:18px;
			background:url(../images/master/subject-tabs-sep.png) no-repeat top right;
			color:#333;
			white-space:nowrap;
			}
			* html #subject .tabs li a{ height:21px; }			
			#subject .tabs li a:hover{ text-decoration:none; color:#1af; }
	#subject .tabs li.active{
		left:-7px;
		padding-left:7px;
		margin-right:-12px;
		background:#fff url(../images/master/subject-tabs-sh-left.png) no-repeat top left;
		}
		#subject .tabs li.active a{			
			padding-right:14px;
			padding-left:8px;
			background-image:url(../images/master/subject-tabs-sh-right.png);
			color:#015;
			}
/* expander */
#subject .expander{ padding:0; 	}
	#subject .expander h2.expander-header{
		position:relative;
		padding:0 7px;
		zoom:1;
		}
		#subject .expander h2.expander-header a{
			display:block;
			padding:9px 0 9px 7px;
			height:12px;
			color:#333;
			background:url(../images/cicd/expander-minus.gif) no-repeat top right;
			zoom:1;
			}
			#subject .expander h2.expander-header a:hover{ 
						color:#1af;
						text-decoration:none;}
		#subject .expander h2.expander-header a.closed{ background:url(../images/cicd/expander-plus.gif) no-repeat top right; }
	#subject .expander .expander-container{
		display:none;
		position:relative;
		padding-bottom:10px;
		padding-top:18px;
		background:url(../images/cicd/expander-trenner.gif) no-repeat bottom left;
		zoom:1;
		}
			

/* special elements */

/* IE Hack for lists */
#subject .link-list{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
#subject .link-list li{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
* html #subject .link-list li { zoom:1; margin-top:-2px; margin-bottom:-3px; }
* html #subject .link-list li  a{ zoom:1; display:inline-block; }
*+html #subject .link-list li  a{ zoom:1; display:inline-block; }

#subject .small-table{
	position:relative;
	padding-left:7px;
	zoom:1;
	}
	#subject .small-table .link-list{ 
		margin-top:9px; 
		margin-right:7px;
		}
	#subject .small-table .fix-cell{ width:150px; }
	

#subject .big-table{ 
	position:relative; 
	zoom:1; 
	}
#subject .big-table th{ 
	font-weight:normal; 
	color:#015;
	}
#subject .big-table td,
#subject .big-table th,
#subject .big-table caption{
	padding-left:7px;
	padding-right:7px;
	}
	#subject .big-table th a:hover{ text-decoration:none; }
#subject .big-table .price{ padding-bottom:5px; }
	#subject .big-table .head td{ 
		border:0; 
		padding-top:0;
		}
	#subject .big-table  .fix-cell{ width:357px; }
	#subject .big-table  .desc-cell{ width:270px; }
		#subject .big-table  .desc-cell p{ 
			padding-left:0;
			padding-right:0;
			width:250px; 
			}
#subject .big-table .foot td{ border-bottom:1px solid #bbb; }

#subject .row-group-table{}
                #subject .row-group-table th{
                               border-bottom:1px solid #015;
                               }
                #subject .row-group-table .group-head td{
                               border:none;
                               padding-top:6px;
                               padding-bottom:5px;
                               color:#015;
                               }
                #subject .row-group-table .group-member td{
                               border-top:0;
                               padding-top:0;
                               padding-bottom:0;
                               }
                #subject .row-group-table .group-foot td{
                               border-top:none;
                               padding-top:0;
                               padding-bottom:6px;
                               border-bottom:1px solid #bbb;
                               }
                #subject .row-group-table .ok,
                #subject .row-group-table .nok{
                               position:relative;
                               top:-1px;
                               }

	
#subject .price{ 
	display:block;
	padding:4px 0 0 10px;
	font-size:18px; 
	line-height:18px;
	color:#015;
	background:url(../images/cicd/chf.png) no-repeat 0 5px;
	}
	#subject .price .time{ font-size:12px; }
	
#subject .dash-list{ margin-bottom:17px; }	
	#subject .dash-list li{
		padding-left:10px;
		background:url(../images/master/dash-list-dash.png) no-repeat 0 7px;
		zoom:1;
		}
#subject .dash-list{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
#subject .dash-list li{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
* html #subject .dash-list li { zoom:1; margin-top:-2px; margin-bottom:-3px; }
* html #subject .dash-list li  a{ zoom:1; display:inline-block; }
*+html #subject .dash-list li  a{ zoom:1; display:inline-block; }
	
#subject .h-link-list{
	display:block;
	margin-top:10px;
	height:14px;;
	}
	#subject .h-link-list li{
		float:left;
		padding-left:7px;
		margin-right:25px;
		}
		#subject .h-link-list li.last{ margin-right:0; }
		
#subject .ok,
#subject .nok{
	height:9px;
	width:9px;
	margin-top:3px;
	margin-left:5px;
	}
#subject .ok{
	background-image:url(../images/cicd/tick-ok.png);
	background-position:0 0;	
	}
#subject .nok{
	background-image:url(../images/cicd/tick-nok.png);
	background-position:1px 3px;	
	}
	
/* juqery plugins */
#subject input.perfectradio{
	position:absolute;
	left:-9999px;
	}
#subject label.perfectradio{
	width:auto;
	padding-left:20px;
	padding-right:18px;
	padding-top:0;
	background:no-repeat center left;
	cursor:pointer;
	color:#333;
	line-height:18px;
	display:inline;
	background:url(../images/cicd/input-radio-0.png) no-repeat center left;
	}
#subject label.perfectradio-checked{ background:url(../images/cicd/input-radio-1.png) no-repeat center left; }
#subject label.perfectradio-disabled{ 
	background:url(../images/cicd/input-radio-2.png) no-repeat center left; 
	color:#bbb;
	}
	
#subject input.perfectcheckbox{
	position:absolute;
	left:-9999px;
	}
#subject label.perfectcheckbox{
	padding-left:20px;
	margin-bottom:7px;
	background:no-repeat center left;
	cursor:pointer;
	color:#333;
	line-height:16px;
	display:block;
	background:url(../images/cicd/input-checkbox-0.png) no-repeat center left;
	}
#subject label.perfectcheckbox-checked{ background:url(../images/cicd/input-checkbox-1.png) no-repeat center left; }
#subject label.perfectcheckbox-disabled{ 
	background:url(../images/cicd/input-checkbox-2.png) no-repeat center left; 
	color:#bbb;
	}

/* Sidebar */
#sidebar .teaser h2{ font-size:12px; }

/* CTAs */
#subject .cta{
	padding-left:7px;
    padding-right:7px;
    margin-bottom:14px;
    border:none;	

	}
#sidebar .cta{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	border:none;
	}
	#subject .cta .html-cta{
		position:relative;
		width:469px;
		height:177px;
		background:url(../images/cicd/c-cta-bg.png) no-repeat top left;
		border:1px solid #d0d0d0;
		}
		#subject .cta .html-cta .cta-inner{
			position:absolute;
			top:18px;
			left:186px;
			}
		#sidebar .cta .html-cta h2,
		#subject .cta .html-cta h2{
			position:relative;
			margin-bottom:7px;
			padding:0;
			font-size:16px;
			color:#015;
			line-height:16px;
			}
			#sidebar .cta .html-cta h2 a,
			#subject .cta .html-cta h2 a{ color:#1af; }		
			#sidebar .cta .html-cta h2 a:hover,
			#subject .cta .html-cta h2 a:hover{ text-decoration:underline; }
		#subject .cta .html-cta img.thumb{  
			position:absolute;
			top:18px;
			}
		#sidebar .cta .html-cta .cross-reference,
		#subject .cta  .html-cta .cross-reference{
				display:block;
				margin:0;
				left:0;
				background-image:url(../images/cicd/cross-reference-editor.gif);
				background-position:0 4px;
				}
		#sidebar .cta .html-cta p,
		#subject .cta  .html-cta p{ padding-right:10px; }
	#subject .cta .no-image-cta{
		background-image:url(../images/cicd/c-cta-pure.png);
		}	
		
#sidebar .cta .html-cta{
	position:relative;
	padding:
	width:185px;
	height:273px;
	background:url(../images/cicd/t-cta-bg.png) no-repeat top left;
	border-bottom:1px solid #d0d0d0;
	}
	#sidebar .cta .cta-inner{
		position:relative;
		padding:10px 7px 0 7px;
		}
	#sidebar .cta .html-cta h2{ left:0; }
	#sidebar .cta .html-cta h2 span{ left:0; }
#sidebar .cta .small-cta{ background:url(../images/cicd/t-cta-small.png) }
#sidebar .cta .pure-cta{ background:url(../images/cicd/t-cta-pure.png) }
	
/* deprecated, from starforce: DO NOT USE! */
#subject .cta  .big{ margin-top:7px; 	}
#subject .cta .teaser-text{
	position:absolute;
	left:285px;
	top:64px;
	width:193px;
	}
	#subject .cta .teaser-text .cross-reference{
		display:block;
		left:0;
		background-image:url(../images/cicd/cross-reference-editor.gif);
		background-position:0 4px;
		}
	#subject .cta .teaser-text ul{ left:0; }
#sidebar .cta  .big{ margin-top:7px; 	}
#sidebar .cta .teaser-text{
	position:absolute;
	left:10px;
	top:212px;
	width:168px;
	}
	#sidebar .cta .teaser-text .cross-reference{
		display:block;
		background-image:url(../images/cicd/cross-reference-editor.gif);
		background-position:0 4px;
		margin-top:0;
		}
	#sidebar .cta .teaser-text ul{ left:0; }
/* deprecated end, from starforce */


/* Ergänzugen für die Darstellung des Header Bildes */
.headerFrame {
	/*background-color: blue;*/
	height: 182px;
	margin: 0px 0px 15px 0px;
}
.headerFrameFlash {
	margin: 0px 0px 15px 0px;
}
.headerFrameTeaserless {
	/*background-color: blue;*/
	height: 182px;
	margin: 0px 0px 15px 0px;
	width: 685px;
}
.headerFrameFlashTeaserless {
	margin: 0px 0px 15px 0px;
}