/*
Swisscom Custom
Customd elements definitions
*/

/*Overwrite the -master.css on wide layout*/
#subject .tabs
{
	margin-left:7px;
	margin-right:7px;
	position:static;
	width:auto;
}
#subject .showroom_splitted_background .expander .expander-container
{
    background-image:url(../images/layout/expander-trenner-wide.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#subject .borderlesswide .expander .expander-container
{
    background-image:url(../images/layout/expander-trenner-wide.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}	
#tplContentWide #subject .expander .expander-container, #content.wide #subject .expander .expander-container
{
    background-image:url(../images/layout/expander-trenner-wide.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#tplContentWide #subject .teaser1 .leftCol {
	float: left;
	margin-right:7px;
	width:237px;
}	
#tplContentWide #subject .teaser1 .rightCol {
	float:left;
	width:400px;
}	
#tplContentWide #subject .teaser3, #content.wide #subject .showroom_splitted .teaser3
{
	background:url(../images/layout/bg-teaser3-bottom-wide.png) no-repeat 7px 100%;
}

#tplContentWide #subject .teaser3.teaser.content-block, #content.wide #subject .showroom_splitted .teaser3.teaser.content-block
{
    padding-left:7px;
}
#tplContentWide #subject .teaser3.teaser.content-block .top, #content.wide #subject .showroom_splitted .teaser3.teaser.content-block .top
{
    width:670px;
    padding:0 7px; 
	background:url(../images/layout/bg-teaser3-top.png) no-repeat 328px 0;   
}
#tplContentWide #subject .teaser3 .top .leftCol, #content.wide #subject .showroom_splitted .teaser3 .top .leftCol 
{
	float: left;
	width:333px;
}	

#tplContentWide #subject .teaser3 .top .leftCol .content-block, #content.wide #subject .showroom_splitted .teaser3 .top .leftCol .content-block
{
    padding-left: 0px;
}

#tplContentWide #subject .teaser3 .top .rightCol, #content.wide #subject .showroom_splitted .teaser3 .top .rightCol 
{
	float: right;
	width:333px;
}
#tplContentWide #subject .teaser3 .top .rightCol .content-block, #content.wide #subject .showroom_splitted .teaser3 .top .rightCol .content-block
{
	padding-left: 0px;
}	
/*Finish overwrite master css*/

#subject .search-box-live-suggestion
{
	z-index:100;
	position:absolute;
	display:block;
	background:url(../Images/Editor/contentselector_bg.png) repeat-x left top;
	margin-top:22px;
	margin-left:20px;
}

#subject .search-box-live-suggestion-element
{
	z-index:100;
	margin-left:7px;
	margin-right:5px;
	margin-top:2px;
	margin-bottom:2px;
	cursor:pointer;
}
#subject .search-box-live-suggestion-element:hover
{
	color:#1af;
}

#wrapper{
	margin: 0 auto;
}

/* Google Mini Search Result */
#subject .teaser-result-row{
	border-bottom:1px solid #bbb;
	margin-bottom:12px;
}
* html #subject .teaser-result-row {height:60px;}

#subject .search-box-block{
	height:21px;
	background-image:url(../Images/Editor/console_bg.png);
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:12px;
	margin-left:14px;
	margin-right:14px;	
}
	#subject .search-box-block .left{
		padding-left:5px;
		float:left;
	}
	#subject .search-box-block .right{
		padding-right:5px;
		float:right;
	}
	#subject .search-box-block .form-textline span.text{	
		background:url(../images/layout/input-search-bg.png) no-repeat top right;
	}
	#subject .search-box-block .form-textline span.text span.inner-text{
		background:url(../images/layout/input-search-bg.png) no-repeat top left;
	}
	#subject .search-box-block .form-textline span.text input.text{
		width:200px;
	}
	#subject .search-box-block td{
		 border-top:0px solid #bbb;
		 padding-top:0px;
		 padding-bottom:0px;
	}
	#subject .search-box-block .dropdown{
		height:5px;
	}
		#subject .search-box-block .dropdown .drop-title {
			background:url(../images/layout/input-search-dropdown-bg.png) no-repeat left top
		}
		#subject .dropdown .drop-title span {
			overflow:hidden;
			background:url(../images/layout/input-search-dropdown-bg.png) no-repeat top right;
		}
	#subject .search-box-block .categoryTreeContainer{
		overflow:visible;
	}
	#subject .search-box-block-background{
		background-image:none;
		background-color:#eaeaea;
	} 	


#subject .result-header-block{
	height:21px;
	background:url(../images/layout/background-header-search.png) repeat top left;
	margin-bottom:12px;
	margin-left:14px;
	margin-right:14px;
}
	#subject .result-header-block .left{
		padding-left:5px;
		float:left;
	}
	#subject .result-header-block .right{
		padding-right:5px;
		float:right;
	}
	#subject .result-header-block .form-textline span.text{
		background:url(../images/layout/input-search-bg.png) no-repeat top right;
	}
#subject ul.page{
		padding-left:5px;
		padding-right:5px;
		float:left;
	}
	#subject .page a.current{
		color:#015;
	}
#subject ul.page-next{
	float:left;
}
#subject a.page-next{
	background:url(../images/layout/bg-next.gif) no-repeat right top;
	display:block;
	width:13px;
	height:18px;
}
	#subject a.page-next:hover{
		background-position:right bottom;
	}
#subject a.page-end{
	background:url(../images/layout/bg-end.gif) no-repeat right top;
	display:block;
	width:13px;
	height:18px;
}
	#subject a.page-end:hover{
		background-position:right bottom;	
	}
#subject a.page-back{
	background:url(../images/layout/bg-back.gif) no-repeat right top;
	display:block;
	width:13px;
	height:18px;
}
	#subject a.page-back:hover{
		background-position:right bottom;
	}
#subject a.page-begin{
	background:url(../images/layout/bg-begin.gif) no-repeat right top;
	display:block;
	width:13px;
	height:18px;
}
	#subject a.page-begin:hover{
		background-position:right bottom;	
	}

/* Solvatio Detail */
#divSolution .faq a{
	color: #1af
}
#divSolution .solvatio-solution-result{
	margin-bottom:12px;
	margin-top:10px;
}
#divSolution h2{
	font-size:14px;	
	margin-bottom: 4px;	
	color: #015;
}

/*Provider Swap Cablecom*/
.activeStep {
	color:#015;
	font-weight:bold;
}

#subject .teaser3LeftOnly { 
	padding:0 7px; 
	background:url(../images/layout/bg-teaser3-bottom-left.png) no-repeat 7px 100%;
	}
#subject .teaser3LeftOnly .inner{
	position:relative;
	zoom:1;
	background:url(../images/layout/bg-teaser3-top-left.png) no-repeat center top;
	}
#subject .teaser3LeftOnly .top{
	position:relative;
	zoom:1;
	background:url(../images/layout/bg-teaser3-top-left.png) no-repeat 228px 0;
	}	
	#subject .teaser3LeftOnly .top .leftCol {
		float: left;
	}	
	#subject .teaser3LeftOnly .top .rightCol {
		float: right;
	}	
#subject .teaser3LeftOnly .bottom{
	clear:left;
	zoom:1;
	position:relative;
	}
	* html #subject .teaser3LeftOnly .bottom{ zoom:1; }
	#subject .teaser3LeftOnly .teaser-thumb{ float:left; }
	#subject .teaser3LeftOnly .teaser-text{ 
		float:left; 
		padding:6px 10px 23px 7px;
		width:211px;
		}
		#subject .teaser3LeftOnly .bottom .right{  padding:6px 7px 23px 10px; }
		/** html #subject .teaser3LeftOnly .teaser-text{ width:228px; }*/
	#subject .teaser3LeftOnly .right{
		position:relative;
		left:15px;
		}
		
#subject .teaser3RightOnly { 
	padding:0 7px; 
	background:url(../images/layout/bg-teaser3-bottom-right.png) no-repeat 7px 100%;
	}
#subject .teaser3RightOnly .inner{
	position:relative;
	zoom:1;
	background:url(../images/layout/bg-teaser3-top-right.png) no-repeat center top;
	}
#subject .teaser3RightOnly .top{
	position:relative;
	zoom:1;
	background:url(../images/layout/bg-teaser3-top-right.png) no-repeat 228px 0;
	}	
	#subject .teaser3RightOnly .top .leftCol {
		float: left;
	}	
	#subject .teaser3RightOnly .top .rightCol {
		float: right;
	}	
#subject .teaser3RightOnly .bottom{
	clear:left;
	zoom:1;
	position:relative;
	}
	* html #subject .teaser3RightOnly .bottom{ zoom:1; }
	#subject .teaser3RightOnly .teaser-thumb{ float:left; }
	#subject .teaser3RightOnly .teaser-text{ 
		float:left; 
		padding:6px 10px 23px 7px;
		width:211px;
		}
		#subject .teaser3RightOnly .bottom .right{  padding:6px 7px 23px 10px; }
		/** html #subject .teaser3RightOnly .teaser-text{ width:228px; }*/
	#subject .teaser3RightOnly .right{
		position:relative;
		left:15px;
		}

/* Teleconferencing */
#subject .teaser-matrix li {
	float:left;
	width:25%;
}
#subject .wideCheckBox{
	width:100% !important;
}

/*RES-Kontaktformular*/

#subject .text.TextBoxSpace
{
	margin-top: 3px;
	}
	
#subject .radioblock.LessWidth
{
	width: 50%;
	}
#subject .content-block.formline.submitline.position
{
	width: 95%;
	}
	
#subject .radioblock.CheckBoxList
{
	margin-right: 150px;
	width: 150px;
	}

#subject .teaser .linehead { padding:1px 0 0 0; }

#subject .tab-content .text-content .linehead { padding:1px 0 0 0; }

/*Schmälere Drop-Downs*/

#subject .dropdownSmall{
		overflow:visible;
		height:18px;
		cursor:default !important;
		width:70px;
		float: left;
		}
		#subject .dropdownSmall .drop-menu{
			float:left;
			position:absolute;
			top:1px;
			left:10px;
			zoom:1;			
			}
		#subject .dropdownSmall .drop-title{
			float:left;
			padding-left:15px;
			height:18px;
			background:url(../images/layout/input-dropdown-bg.png) no-repeat top left;
			z-index:101;
			}
			#subject .dropdownSmall .drop-title span{
				display:block;
				padding-top:2px;
				padding-right:20px;
				height:16px;
				width:50px;
				background:url(../images/layout/input-dropdown-bg.png) no-repeat top right;
				}
				* html #subject .dropdown .drop-title span{
					display:inline-block;
					/*height:18px;*/
					}
			#subject .dropdownSmall .hint{ color:#666; }
		#subject .dropdownSmall .open{ background-position:bottom left; }
		#subject .dropdownSmall .open span{ background-position:bottom right; }
		#subject .dropdownSmall .drop-list{
			position:relative;
			top:-1px;
			display:none;
			max-height:120px;
			clear:left;
			margin-left:8px;
			border:1px solid #bbb;
			z-index:100;
			font-family:"Trebuchet MS", Arial, Sans;
			overflow:auto;	
			width: 90px;		
			}
			#subject .dropdownSmall .drop-list li{
				display:block;
				font-family:"Trebuchet MS", Arial, Sans;	
				position:relative;
				z-index:100;
				line-height:16px;
				}
			#subject .dropdownSmall .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 .dropdownSmall .drop-list a.hover,
			#subject .dropdownSmall .drop-list a:hover{
				color:#fff;
				background-color:#1af;
				text-decoration:none;
				}
				
	#subject .drop-wrapSmall{  
		position:relative;
		height:18px;
		overflow:hidden;
		}
		#subject .drop-wrapSmall select{
			position:absolute;
			left:-9999px;
			}
			
#subject .formline.formlineOneLine
               {
               	width:200px;
               	float:left;
               	}
#subject .formline.LongerLine
               {
               	width:480px;
              	}
#subject label.perfectcheckbox.wholewidth  {	WIDTH: 450px;}

/* Content table */
/* added by garaio, 15.05.09 */
table#tblInternationalRateList
{
	border-collapse: collapse;
	width: auto !important;
}

/* added by garaio, 16.05.09 */
/* form element fixes & extension */
/* Perfect checkbox */
/* Muss Eigenschaften von input.perfectcheckbox erben */
#subject label.perfectcheckbox-label {
	background: none;
	padding-left: 0px;
}

/* Muss Eigenschaften von label.perfectcheckbox erben */
#subject label.perfectcheckbox-box {
	padding: 0px 8px 0px 8px;
	display: inline;
}

#subject label.perfectcheckbox-label.perfectcheckbox-disabled {
	background: none;
}

/* Perfect radiobuttons */
/* Muss Eigenschaften von input.perfectradio erben */
#subject label.perfectradio-label {
	background: none;
	padding-left: 0px;
}

/* Muss Eigenschaften von label.perfectradio erben */
#subject label.perfectradio-box {
	padding: 0px 9px 0px 10px;
	display: inline;
	}
	
#subject label.perfectradio-disabled.perfectradio-label {
	background: none;
}

/* Perfect ;-) dropdownlist */
#subject .dropdown.relpos .drop-menu {
	left: 0px;
}

#subject .dropdown.relpos {
	width: 201px;
}

/* end form element fixes & extension */

.header-bg-image
{
	background:url(../images/layout/bg-header.jpg) no-repeat top right;
}

#subject .radioblock
{
	float:left;
	width:250px;
}

#subject label.perfectradio.leftFormControl
{
	width: 142px;
}
/** html #subject label.perfectradio.leftFormControl 
{
	width: 178px;
}*/

#subject label.perfectcheckbox.leftFormControl 
{
	width: 160px;
}

/** html #subject label.perfectcheckbox.leftFormControl
{
	width: 178px;
}*/

 #subject table.cleanTable {
	        padding: 0px;
	        margin: 0px;
	        border-collapse: collapse;
	    }   #subject table.cleanTable tr td {
	            border: none;
	            margin: 0px;
	            padding: 0px;
	            border: none;
	        }

.providerSwapWizardHeader
{
	background-image:url(../Images/Editor/console_bg.png);
	width: 100%;
}
* html #subject .providerSwapWizardHeader { width: 99%; }
*+html #subject .providerSwapWizardHeader { width: 99%; }
/*For ContactRES RadioButtons with TextBox*/

#subject span.blockLabel
{
	width: 140px;
	display: block;
}
#subject span.fullLengthLabel
{
	width: 270px;
	display: block;
}

/* Page Rating Styles */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/layout/ratepage/stern_gross_oben-unten.gif) 0 0 repeat-x;
}
.star-rating{
	position:relative;
	width:135px;
	height:27px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: 0 0;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:27px;
	line-height:27px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: 0 bottom;
}
.star-rating .current-rating{
	z-index:1;
	background-position: 0 bottom;
}

.star-rating-left-text{
	float:left; 
	position:relative; 
	
	padding-top:5px; 
	margin-top:4px; 
	margin-right:10px;
}
.star-rating-right-text{
	float:left; 
	position:relative; 
	
	padding-top:5px; 
	margin-top:4px; 
	margin-left:10px;
}
.star-rating-stars{
	float:left; 
	position:relative;
}

/* PE News Link Visited */
.newsContainer	a:visited {
	color:#bbbbbb !important;
}

.error.lessBackgroundPositionX
{
	BACKGROUND: url(../images/layout/form-error.png) no-repeat 240px 0px
	}

.content-block.form-textline.formline.font-grey
{
	color: #666;
	}
.content-block.form-textline.formline.font-red
{
	color: #d12;
	}
/* one column 4 header, two columns 4 content */
#content.splitted {
	/*padding-bottom: 0px;*/ /* Rand Verlauf ansonsten nicht gleich hoch */
	background-image:url('../images/layout/content-bg-bottom-wide-splitted.png');
}	#content.splitted #subject.splitted {
		padding-right: 0px;
		width: 700px !important;
		background-image:url('../images/layout/content-bg-top-wide-splitted.png');
	}	/** html #subject.splitted {
			width: 715px !important;
		}*/	#subject.splitted .showroom_splitted
			{
				background-color: transparent;
				background-image:url('../images/layout/content-bg-bottom-right.png');
				background-position: right bottom;
				background-repeat: no-repeat;
				width: 685px !important;
				padding-right: 15px;
				padding-bottom: 0px;
				margin-bottom: 0px;
			}	#subject.splitted .showroom_splitted .showroom {
					margin-bottom: 0px;
				}
				/** html #subject.splitted .showroom_splitted {
					width: 700px !important;
				}*/
				#subject.splitted .showroom_splitted .showroom p{
					margin-bottom:0px;
				}
				#subject.splitted .showroom_splitted .showroom_splitted_background {
					background-color: #FFF;
				}
			#subject.splitted .borderless {
				background-color: #fff;
				width: 685px !important;
				padding-right: 15px;
				padding-bottom: 0px;
				background-color: transparent;
				background-image:url('../images/layout/content-bg-bottom-splitted_blank.png');
				background-position: right top;
				background-repeat: repeat-y;
				
			}	#subject.splitted .borderlesswide {
					background-color:#fff;
					padding-top: 19px;
				}
				/** html #subject.splitted .borderless {
					width: 700px !important;
				}*/
				#subject.splitted .borderless #sidebar {
					/*margin-left: 3px;*/
					padding-top: 14px;
					background-color:#fff;
				}
				#subject.splitted .borderless .content-block {
					margin-bottom: 0px;
					padding-bottom: 18px;
				}
				#subject.splitted .borderless .teaser3 {
					margin-bottom: 18px;
				}
				#subject.splitted .borderless .contentborderless {
					background-color: transparent;
					float: left;
					width: 485px !important;
					background-color: transparent;
					background-image:url('../images/layout/content-bg-top-splitted.png');
					background-position: left top;
					background-repeat: no-repeat;
					padding: 0px;
					margin:0px;
					padding-right: 11px;
					
					/*padding-bottom: 45px;*//* --> Problem mit verlauf im hintergrund unten */
				}	* html #subject.splitted .borderless .contentborderless {
						/*width: 497px !important;*/
						padding-right: 7px;
					}
					#subject.splitted .borderless .contentborderless .tab-block {
						padding-right: 5px;
					}
					#subject.splitted .borderless #sidebar .cta {
						padding-left:3px;
						padding-right:0px;
					}
					#subject.splitted .borderless #sidebar .html-cta {
						width:175px;
						
					}
					#subject.splitted .borderless #sidebar .content-block {
						padding-left:3px;
						margin-bottom: 15px;
					}

/* Teaser Verwaltung */
.cursor{
	cursor:pointer;
}

.standardbuttonreversecolor{
	background:url(../images/layout/standardbutton.png) no-repeat 0 -50;
	}
	.standardbuttonreversecolor span{
		background:url(../images/layout/standardbutton.png) no-repeat 100% -50;
		color:#fff;
		}
	.standardbuttonreversecolor:hover,
	.standardbuttonreversecolor-hover{
		background-position:0 0px;
		}
		.standardbuttonreversecolor:hover span,
		.standardbuttonreversecolor-hover span{
			background-position:100% 0px;
			color:#666;
			}

.glossarTitle
{
	color: #1af;
}		

.helpContent
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 50px; 
	PADDING-BOTTOM: 5px
}
*+html .helpContent
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 5px	
}
* html .helpContent
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 5px	
}
#subject a.glossar
{
	text-decoration: underline;
	border-bottom : 1px solid #1af;
}
#sidebar a.glossar
{
	text-decoration: underline;
	border-bottom : 1px solid #1af;
}
#subject a.glossar:hover
{
	text-decoration: underline;
	border-bottom : 1px solid #1af;
}
#sidebar a.glossar:hover
{
	text-decoration: underline;
	border-bottom : 1px solid #1af;
}
#subject td.fixWidth{ 
		width: 150px;
		}

*+ html #subject .ratePage
{
	width: 370px;
	float: left;
	padding-left: 0px;
}	
* html #subject .ratePage
{
	width: 370px;
	float: left;
	padding-left: 0px;
}
#subject .ratePage
{
	width: 350px;
	float: left;
	padding-left: 0px;
}
.ratePageButton
{
	float: right;
	padding-top: 95px;
	zoom: 100%;
	padding-left: 10px;
	position: relative;
}
#subject table.cleanTable .paddingLeft14 {
	        padding-left: 14px;
	    }   #subject table.cleanTable tr td.paddingLeft14 {
	            padding-left: 14px;
	        }

#subject .lowRatePage
{
	padding-top:5px;
	display: none;	
}

*+html #subject .lowRatePage
{
	padding-top:5px;
	display: none;
}

*html #subject .lowRatePage
{
	padding-top:5px;
}

#subject label.perfectradio.white {
color:White;
}

.white {
color:White;
}

#subject .error.marginBottom0 
{	MARGIN-BOTTOM: 0px;	

 }
 
 .error.marginBottom14
 {
 	margin-bottom: 14px;
 	}
 	
 #subject .formline .hint-under.veryunder
 {
 	clear: none;
 	padding-left: 7px;
 	width: 120px; 
 }
 
	
.checklistTitle
{
	color: #333;
	padding-bottom: 8px;

}
#subject .form-textline LABEL.checklistTitle
{
	width: 450px;
}


#subject .teaser-list ul li table tr td .cross-reference
{
left: 0px;
}

#subject .content-block.teaser.teaser2 .leftCol
{
	width: 170px;
	float: left;
}

#subject .content-block.teaser.teaser3 .top
{
	width: 471px;
}
#subject label.perfectcheckbox.maxwidth
{
	WIDTH: 100%;
}
#subject.splitted .contentborderless .teaser1 .rightCol {
	float:left;
	width:270px;
}
#subject.splitted .contentborderless .teaser1 .leftCol {
	float: left;
	margin-left:7px;
	width:157px;
}
#printLogo
{
	display: none;
}

/* Secondary Navigation */
#nav .sec-nav a {
	display:block;
	padding-left:10px;
	background:url(../images/layout/nav-a.png) no-repeat 0 4px;
	color:#666;
}

#nav .sec-nav ul{ padding-left:10px; }
#nav .sec-nav a:hover,
#nav .sec-nav li.active li a:hover,
#nav .sec-nav li.active li.active li a:hover,
#nav .sec-nav li.active li.active li.active li a:hover,
#nav .sec-nav li.active li.active li.active li.active li a:hover,
#nav .sec-nav li.active li.active li.active li.active li.active li a:hover,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li a:hover,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li.active li a:hover{ color:#1af;  }
#nav .sec-nav li.active a,
#nav .sec-nav li.active li.active a,
#nav .sec-nav li.active li.active li.active a,
#nav .sec-nav li.active li.active  li.active li.active a,
#nav .sec-nav li.active li.active li.active li.active li.active a,
#nav .sec-nav li.active li.active li.active li.active li.active li.active a,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li.active a,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li.active li.active a{ 
	color:#015; 
	background-position:0px -46px;
}

#nav .sec-nav li.active li a,
#nav .sec-nav li.active li.active li a,
#nav .sec-nav li.active li.active li.active li a,
#nav .sec-nav li.active li.active li.active li.active li a,
#nav .sec-nav li.active li.active li.active li.active li.active li a,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li a,
#nav .sec-nav li.active li.active li.active li.active li.active li.active li.active li a{ 
	color:#666; 
	background-position:0px 4px;
}


/* Lithium Controls */
.lithium-tag-list-href 
{
    margin-top:5px;
    margin-bottom:5px;
}

.globalteasergrey
{
    background-color: #E6E6E6;
    background-image: url("../images/layout/GradientRelContBoxTop.png");
    background-repeat: repeat-x;
}

#subject .baynoteSearchBox
{
	position: relative;
	background:url(../Images/Layout/searchbox_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #8f8f8f;
	border-top: 1px solid #8f8f8f;
	height:55px;
}
	#subject .baynoteSearchBox .left
	{
		padding-top:10px;
		padding-left:5px;
		float:left;
	}
	#subject .baynoteSearchBox .right
	{
		padding-top:10px;
		padding-right:5px;
		float:right;
	}
	#subject .baynoteSearchBox .form-textline span.text
	{	
		background:url(../images/layout/input-search-bg.png) no-repeat top right;
	}
	#subject .baynoteSearchBox .form-textline span.text span.inner-text
	{
		background:url(../images/layout/input-search-bg.png) no-repeat top left;
	}
	#subject .baynoteSearchBox .form-textline span.text input.text
	{
		width:300px;
	}
	#subject .baynoteSearchBox .search-textline
	{
		padding-top:5px;
		padding-left:5px;
	}
#subject .baynoteSearchHeaderText
{
	position:absolute;
	padding-top:10px;
	padding-left:15px;
}
#subject h2.baynoteResultTitle
{
	font-size:15px;
}

#subject .form-textline span.text span.inner-text.grau
{
    background-image: url("../images/layout/input-text-bg-grau.png");
    padding-left: 0px;
}
#subject div.text-container div.content-block.formline.form-textline span.text
{
    background-image: url("../images/layout/input-text-bg-grau.png");
 }

#subject .form-textline span.text span.inner-text.grau input.text
{
    width: 170px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 10px;
}

#subject .dropdown.near .drop-menu {
    float: left;
    left: 100px;
    position: absolute;
    top: 1px;
}

#subject .content-block.formline.form-textline.dropdown.near span {
    color: #666666;
}
#subject .content-block.formline.form-textline.dropdown.near .drop-menu div.drop-title span {
    width: 140px;
    padding-right: 35px;
}
#subject .content-block.formline.form-textline.dropdown.near
{
    height: 2px;
}
#subject .text-container div.content-block.text-content
{
    padding-left: 0px;
 }

#subject .text-container div.content-block.formline.form-textline span.text
{
    margin-left: 0px;
    width: 190px;
    padding-right: 0px;
    margin-right: 0px;
 }
 
 #subject div.text-container div.content-block.formline.submitline.position
 {
     padding-top: 12px;
     width: 100%;
     padding-right: 0px;
     }
 #subject div.text-container div.content-block.formline.form-textline.error span.hint-under
 {
     margin-left: -90px;
     }

#subject .text-container div.content-block.formline.form-textline label
{
    width: 90px;
    }
#subject .text-container div.content-block.formline.form-textline
{
    width: 280px;
    }

    
#amico-detail-head {
    margin-bottom: 25px;
    margin-left: 7px;
    width: 471px;
}
#amico-detail-head > h1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_top.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #001155;
    font-size: 24px;
    font-weight: normal;
    height: 20px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 10px;
}
#amico-detail-head .detail-content {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_center.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    position: relative;
}
#amico-detail-head .detail-foot {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_bottom.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 5px;
}
#amico-detail-head .detail-content > div.telefon-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .detail-content > div.home-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .detail-content > div.text-container {
    float: left;
    margin-left: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    position: relative;
}
#amico-detail-head .detail-content > div.text-container > div.button {
    position: absolute;
    top: 83px;
    width: 130px;
}
#amico-detail-head .box-head {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_content_top.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 6px;
    line-height: 0;
}
#amico-detail-head .box-content, #amico-detail-head .box-foot {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_content_center.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    position: relative;
}
#amico-detail-head .box-separator {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_content_separator.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 2px;
    line-height: 0;
}
#amico-detail-head .box-content > .box-icon {
    display: block;
    left: 10px;
    position: absolute;
    top: 9px;
}
#amico-detail-head .box-content > .box-text {
    left: 45px;
    position: absolute;
    width: 100px;
}
#amico-detail-head .box-foot {
    color: #666666;
    padding-left: 10px;
    padding-top: 4px;
}
#amico-detail-head .box-foot-bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_computerunterstuetzung_detail_box_content_bottom.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 7px;
    line-height: 0;
}
ul.list-img, ul.list {
    margin-bottom: 22px;
}
ul.list-img > li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://swisscom-streaming-img.1st.ch/swisscom_img/amico/img/amico_icon_haken.png");
    background-origin: padding-box;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    padding-left: 31px;
    padding-right: 2px;
    padding-top: 3px;
}
ul.list > li {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    position: relative;
}
ul.list > li > span.optional-price {
    float: right;
}
ul.list-sub li {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
}
.price small {
    font-size: 10px;
}

#amico-detail-head .detail-content > div.box-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .box-content > .box-icon {
    top: 14px;
}
#amico-detail-head .box-content > .box-text {
    top: 7px;
}
#amico-detail-head .box-foot {
    padding-top: 10px;
}
#amico-detail-head .box-foot-bg {
    margin-bottom: 7px;
}

#subject .form-textline span.text span.inner-text.grau
{
    background-image: url("../images/layout/input-text-bg-grau.png");
    padding-left: 0px;
}
#subject div.text-container div.content-block.formline.form-textline span.text
{
    background-image: url("../images/layout/input-text-bg-grau.png");
 }

#subject .form-textline span.text span.inner-text.grau input.text
{
    width: 170px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 10px;
}

#subject .dropdown.near .drop-menu {
    float: left;
    left: 100px;
    position: absolute;
    top: 1px;
}

#subject .content-block.formline.form-textline.dropdown.near span {
    color: #666666;
}
#subject .content-block.formline.form-textline.dropdown.near .drop-menu div.drop-title span {
    width: 140px;
    padding-right: 35px;
}
#subject .content-block.formline.form-textline.dropdown.near
{
    height: 2px;
}
#subject .text-container div.content-block.text-content
{
    padding-left: 0px;
 }

#subject .text-container div.content-block.formline.form-textline span.text
{
    margin-left: 0px;
    width: 190px;
    padding-right: 0px;
    margin-right: 0px;
 }
 
 #subject div.text-container div.content-block.formline.submitline.position
 {
     padding-top: 12px;
     width: 100%;
     padding-right: 0px;
     }
 #subject div.text-container div.content-block.formline.form-textline.error span.hint-under
 {
     margin-left: -90px;
     }

#subject .text-container div.content-block.formline.form-textline label
{
    width: 90px;
    }
#subject .text-container div.content-block.formline.form-textline
{
    width: 280px;
    }

    
#amico-detail-head {
    margin-bottom: 25px;
    margin-left: 7px;
    width: 471px;
}
#amico-detail-head > h1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_top.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #001155;
    font-size: 24px;
    font-weight: normal;
    height: 20px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 10px;
}
#amico-detail-head .detail-content {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_center.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    position: relative;
}
#amico-detail-head .detail-foot {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_bottom.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 5px;
}
#amico-detail-head .detail-content > div.telefon-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .detail-content > div.home-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .detail-content > div.text-container {
    float: left;
    margin-left: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    position: relative;
}
#amico-detail-head .detail-content > div.text-container > div.button {
    position: absolute;
    top: 83px;
    width: 130px;
}
#amico-detail-head .box-head {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_content_top.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 6px;
    line-height: 0;
}
#amico-detail-head .box-content, #amico-detail-head .box-foot {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_content_center.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    position: relative;
}
#amico-detail-head .box-separator {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_content_separator.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 2px;
    line-height: 0;
}
#amico-detail-head .box-content > .box-icon {
    display: block;
    left: 10px;
    position: absolute;
    top: 9px;
}
#amico-detail-head .box-content > .box-text {
    left: 45px;
    position: absolute;
    width: 100px;
}
#amico-detail-head .box-foot {
    color: #666666;
    padding-left: 10px;
    padding-top: 4px;
}
#amico-detail-head .box-foot-bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_computerunterstuetzung_detail_box_content_bottom.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 0;
    height: 7px;
    line-height: 0;
}
ul.list-img, ul.list {
    margin-bottom: 22px;
}
ul.list-img > li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/layout/amico_icon_haken.png");
    background-origin: padding-box;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    padding-left: 31px;
    padding-right: 2px;
    padding-top: 3px;
}
ul.list > li {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    position: relative;
}
ul.list > li > span.optional-price {
    float: right;
}
ul.list-sub li {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
}
.price small {
    font-size: 10px;
}

#amico-detail-head .detail-content > div.box-container {
    float: left;
    margin-left: 7px;
    position: relative;
    width: 161px;
}
#amico-detail-head .box-content > .box-icon {
    top: 14px;
}
#amico-detail-head .box-content > .box-text {
    top: 7px;
}
#amico-detail-head .box-foot {
    padding-top: 10px;
}
#amico-detail-head .box-foot-bg {
    margin-bottom: 7px;
}
#subject div.content-block.form-textline.formline div.radioblock.CheckBoxList label.perfectcheckbox.heigh
{
    height: 35px;
    }
#subject .text-container div.content-block.formline.form-textline label.perfectradio.radiobuttonAmico
{
    width: 40px;
}