/*  _[ CLEARFIX ]_________________________________ */
/*  ///////////////////////////////////////////// */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*  _[ BASIC RESETS ]_____________________________ */
/*  ///////////////////////////////////////////// */

* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
:focus {
	outline:0;
}


ul, li { list-style:none; }

body {
	text-align:center;
	background:url(/gfx/page_end.gif) bottom center no-repeat #000;
	padding-bottom:65px;
	font-family:Arial, Verdana, sans-serif;
}

/*  _[ HEADER ENTITIES ]__________________________ */
/*  ///////////////////////////////////////////// */

#logo {
	position:absolute;
	left:25px;
	top:30px;
	}
	#logo h1 {
		text-indent:-9999em;
		display:block;
		width:312px;
		height:54px;
		background:url(/gfx/logo.png);
		}
		* html #logo h1 { behavior: url(iepngfix.htc); }
	#logo h2 {
		color:#fff;
		font-size:16px;
		line-height:16px;
		margin-left:64px;
		margin-top:-16px;
	}
	
#shine {
	position:absolute;
	display:block;
	z-index:1000;
	width:822px;
	height:169px;
	background:url(/gfx/header_shine.png);
	top:0;
	left:50%;
	margin-left:-411px;
	text-decoration:none;
	}
	.js #shine {
		opacity:0;
	}
	/* IE6 PNG fix */
	* html #shine { behavior: url(/iepngfix.htc); }

#page {
	width:800px;
	padding:0px 10px;
	margin:0 auto;
	text-align:left;
	background:url(/gfx/page_bg.png) repeat-x;
	}
	* html #page {
		background:url(/gfx/page_bg_ie.gif) top center no-repeat transparent;
	}

#header {
	height:240px;
	border-bottom:1px solid #000;
	background:url(/gfx/header_bg.png);
	
	position:relative;
	}
	#header #headline { display:none;}

#server1,
#server2 {
	position:absolute;
	z-index:100;
	top:37px;
	right:173px;
	background:url(gfx/servers.png) no-repeat;
	width:82px;
	height:170px;
	}
	/* IE6 PNG fix */
	* html #server1 { behavior: url(/iepngfix.htc); }
	* html #server2 { behavior: url(/iepngfix.htc); }
	
#server2 {
	top:22px;
	right:80px;
	background-position:-100px 0;
	width:102px;
	height:210px;
	}
	.js #server1,
	.js #server2 {
		opacity:0;
	}
	
/*  _[ NAVIGATION ]_______________________________ */
/*  ///////////////////////////////////////////// */

#navi {
	position:absolute;
	left:0;
	bottom:0;
	
	width:800px;
	height:99px;
	background:url(/gfx/navi.png) no-repeat;
	}
	* html #navi { behavior: url(iepngfix.htc); }
	#navi li {
		height:99px;
		display:block;
		float:left;
		position:relative;
		}
		#navi li.active a {
			color:#000;
		}
		#navi li#nav1 {
			width:233px;
		}
		#navi li#nav2 {
			width:185px;
			margin-left:-74px;
		}
		#navi li#nav3 {
			width:161px;
			margin-left:-24px;
		}
		#navi li#nav4 {
			width:184px;
			margin-left:-25px;
			}
			#navi li#nav4 a {
				float:right;
			}
		#navi li#nav5 {
			width:232px;
			margin-left:-72px;
			}
			#navi li#nav5 a {
				float:right;
			}
			
		#navi li div {
			display:none;
			position:absolute;
			left:0;
			top:0;
			background:url(/gfx/navi_hover.png);
			width:inherit;
			height:inherit;
			z-index:20;
			}
			#navi li.active div {display:block; }
			#navi li#nav1 div { background-position:0 0; }
			#navi li#nav2 div { background-position:0 -100px; }
			#navi li#nav3 div { background-position:0 -200px; }
			#navi li#nav4 div { background-position:0 -300px; }
			#navi li#nav5 div { background-position:0 -400px; }
		
		
	#navi a {
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		font-size:15px;
		color:#fff;
		padding-top:10px;
		padding-bottom:6px;
		
		
		position:relative;
		z-index:200;
		
		display:block;
		width:158px;
		margin:60px 1px 0;
	}			
	

#content_wrap {
	background:url(gfx/transp_10.png);
	padding:10px;
	padding-top:0;
	width:800px;
	margin-left:-10px;
	}
	
	
/*  _[ CONTENT ELEMENTS ]_________________________ */
/*  ///////////////////////////////////////////// */

#content {
	background:url(/gfx/content_bg.gif) bottom repeat-x #fff;
	padding:25px 10px 80px;
	}
	#content h2,
	#content p {
		color:#003344;
	}
	
	#content h3,
	#content h4,
	#content p,
	#content ul,
	#content ol {
		width:600px;
		margin-left:10px;
		}
		#content ul,
		#content ol {
			margin-left:30px;
			margin-bottom:20px;
		}
		#content li {
			margin-bottom:20px;
			color:#00465d;
		}
		#content ol li {
			list-style:decimal outside;
		}
		#content ul li {
			list-style:square outside;
		}
		#content ol h3,
		#content ol h4,
		#content ol p,
		#content ul h3,
		#content ul h4,
		#content ul p {
			margin-left:0;
		}
		
		#content .smallList {
			font-size:12px;
			}
			#content .smallList li {
				
				margin-bottom:5px;
			}
		
	#content h2 {
		font-size:18px;
		text-transform:uppercase;
		background:url(/gfx/h2_bg.png) left center no-repeat;
		padding-left:30px;
		margin-left:10px;
		margin-bottom:10px;
	}
	#content h3 {
		font-size:14px;
		margin-bottom:5px;
		color:#00465d;
	}
	#content h4 {
		font-size:12px;
		color:#006586;
	}
	#content p {
		font-size:14px;
		line-height:19px;
		margin-bottom:10px;
	}
	#content a {
		color:#3191b3;
	}
	#content .footnote {
		font-size:11px;
	}


/*  _[ TEASER ]___________________________________ */
/*  ///////////////////////////////////////////// */

#content .teaser_row {
	margin-bottom:30px;
	}
	#content .teaser_row h2 {
		font-size:14px;
		font-weight:bold;
		margin-left:5px;
		margin-bottom:5px;
		color:#003344;
		
		text-transform:none;
		padding-left:0;
		background:0;
	}
	
/* [ TEASERBOXES______________________________// */
/*////////////////////////////////////////////////////////// / */


#homeTeaser {
	position:relative;
	float:left;
	width:518px;
	height:279px;
	background:url(/gfx/teaser_main2.jpg) no-repeat;
	}
	#homeTeaser h2,
	#homeTeaser p {
		display:block;
		text-indent:-9999em;
	}
	#homeTeaser #boxTooltip {
		position:absolute;
		width:346px;
		height:45px;
		background:url(/gfx/teaser_home_tooltip.png) no-repeat;
		top:115px;
		left:60px;
		text-indent:-9999em;
		display:none;
	}
	#homeTeaser #xeoArrow {
		position:absolute;
		width:63px;
		height:58px;
		background:url(/gfx/teaser_home_arrow.png) no-repeat;
		top:90px;
		left:337px;
	}
	#homeTeaser #xeoBox {
		position:absolute;
		display:block;
		width:78px;
		height:76px;
		background:url(/gfx/teaser_home_box.png) no-repeat;
		left:327px;
		top:190px;
	}


	
#content .smallbox {
	float:left;
	width:252px;
	height:189px;
	background:url(/gfx/smallbox_bg.png) no-repeat;
	color:#fff;
	margin-right:12px;
	position:relative;
	}
	#content .smallbox.last { margin-right:0; }
	#content .smallbox h3 {
		text-transform:uppercase;
		font-size:18px;
		line-height:18px;
		
		margin:0;
		width:auto;
		
		}
		#content .smallbox h3 a {
			display:block;
			color:#fff;
			text-decoration:none;
			padding:9px 0 12px 81px;
			}
			#content .smallbox h3 a:hover {
				text-shadow:0 0 4px #58bedd;
			}
		#content .smallbox h3 span {
			display:none;
		}
	#content .smallbox ul {
		margin-left:15px;
		width:auto;
		}
		#content .smallbox ul li {
			background:url(/gfx/li.png) left center no-repeat;
			font-size:14px;
			line-height:16px;
			padding:2px 0 3px 20px;
			
			margin:0;
			color:#fff;
			list-style:none;
		}
	#content .smallbox .sub {
		color:#000;
		position:absolute;
		left:0;
		bottom:3px;
		width:222px;
		height:33px;
		padding:0 15px;
		}
		#content .smallbox .sub a {
			display:block;
			text-indent:-9999em;
			margin-top:6px;
			float:right;
			background:url(/gfx/button_weiter.png) no-repeat;
			width:84px;
			height:23px;
			}
			#content .smallbox .sub a:hover {
				background-position:0 -23px;
			}
		#content .smallbox .sub .price {
			font-size:32px;
			font-weight:bold;
			float:left;
			margin-top:-4px;
			position:relative;
			}
			#content .smallbox .sub .price span {
				font-size:14px;
			}
			#content .smallbox .sub .price sup {
				font-size:16px;
				position:absolute;
				top:4px;
				right:5px;
				
			}
			#content .smallbox .sub .price small {
				font-size:10px;
				font-weight:normal;
				margin-left:-8px;
			}
	
.teaserbox {
	float:right; 
}
.teaserbox_space_right {
	margin-right:6px;
}

#domaincheck {
	display:block;
	height:38px;
	margin:0 1px;
	background:url(/gfx/domaincheck.gif) no-repeat;
	position:relative;
	}
	#domaincheck .domain {
		border:0;
		background:transparent;
		color:#fff;
		height:20px;
		width:320px;
		font-size:16px;
		line-height:16px;
		position:absolute;
		left:253px;
		top:8px;
		letter-spacing:1px;
		}
		* html #domaincheck .domain {
			line-height:20px;
		}
	#domaincheck .submit {
		border:0;
		height:38px;
		width:144px;
		background:url(/gfx/domaincheck_button.gif) no-repeat;
		
		position:absolute;
		right:0;
		top:0;
		
		font-size:0;
		line-height:0;
		
		cursor:pointer;
	}
	
	
	
	
	
	
	
	
	
	
/* [ CONFIGURATOR WIZARD______________________________// *//*//*/
/*////////////////////////////////////////////////////////// / */

#wizardContainer {
	background:url(/gfx/wizard_bg_bottom.png) no-repeat bottom left;
	}
	#wizardContainer.step1,
	#wizardContainer.step3,
	#wizardContainer.step4 { margin-bottom:75px; }
	#wizardContainer .wrapper {
		background:url(/gfx/wizard_bg_top.png) no-repeat;
		padding:15px 15px 5px;
	}
	#wizardContainer.step5 #steps {
		margin-bottom:20px;
	}
	

#wizard {
	
	}
	#wizard ol {
		border-bottom:1px solid #000;
		padding:0 1px;
		overflow:hidden;
		list-style:decimal inside;
		
		margin:0 0 5px;
		width:748px;
		}
		#wizard ol li {
			display:block;
			float:left;
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
			line-height:19px;
			color:#000;
			width:33%;
			margin:0;
			height:19px;
			padding:5px 10px;
			
			background-color:#eee;
			background-repeat:no-repeat;
			
			background-image:url(/gfx/wizard_steps.png);
			background-position:right top;
			}
			#wizard ol li.active {
				background-color:#33ccff;
				background-position:right -29px;
			}
			#wizard ol li.done {
				background-position:right -58px;
			}
			#wizard ol li.first {
				width:146px;
			}
			#wizard ol li.second {
				width:193px;
			}
			#wizard ol li.third {
				width:134px;
			}
			#wizard ol li.fourth {
				width:195px;
				background-image:none;
			}
			
#intro {
	width:650px;
	margin:0 auto 20px;
	padding-top:8px;
	background:url(/gfx/wizard_bg_intro.png) no-repeat 10% 0;
	}
	#intro.second { background-position:25% 0; }
	#intro.third { background-position:60% 0; }
	#intro.fourth { background-position:85% 0; }
	#intro p {
		margin:0;
		padding:8px 15px 10px;
		color:#0e303a;
		background:#58bedd;
	}
	#errorFeedback {
		font-weight:bold;
		display:block;
		margin-bottom:5px;
		color:#c00;
	}

	
#configurator {
	position:relative;
	
	border:1px solid #0d0d0d;
	border-width:2px 1px 1px;
	
	background:url(/gfx/wizard_bg_help_quest.png) bottom right no-repeat,
		   url(/gfx/wizard_bg_help.png) top right no-repeat;
	
	background-color:#0d0d0d;
	}
#configurator.noquest {
	background:url(/gfx/wizard_bg_help.png) top right no-repeat;
	}

#configurator #settings {
	width:499px;
	margin:0;
	padding:0;
	}
	#settings li {
		display:block;
		background:#3d3d3d;
		width:auto;
		border-right:1px solid #242424;
		list-style:none !important;
		padding:9px 11px 0;
		margin-bottom:2px;
		cursor:default;
		/* position:relative; */
		}
		#settings li.active,
		#settings li.hover {
			background:#6e6e6e;
		}
		
		#settings li.sub {
			margin-top:-1px;
			margin-left:10px;
			padding:8px 11px 0;
			height:22px;
		}
		
		#settings li:last-child {
			margin-bottom:0;
		}
	#configurator.zahlungsart #settings li {
		height:auto;
	}
	#settings li h3 {
		font-size:14px;
		font-weight:bold;
		width:auto;
		color:#fff;
		line-height:22px;
		margin-bottom:0;
		float:left;
		width:150px;
		}
		#settings li h3 span {
			color:#0cf;
		}
	#settings li h4 {
		color:#fff;
		font-weight:normal;
		font-size:12px;
		line-height:14px;
		width:150px;
		float:left;
		}
	#configurator .removeDomain {
		text-decoration:none;
		color:#d00;
		font-weight:bold;
		font-size:12px;
		line-height:14px;
		text-indent:-9999em;
		
		display:block;
		margin-top:1px;
		background:url(/gfx/wizard_removedomain.png) no-repeat;
		width:12px;
		height:12px;
	}
	
	#configurator #addDomain {
		display:block;
		float:right;
		background:url(/gfx/button_adddomain.png) no-repeat;
		width:163px;
		height:23px;
		color:#fff;
		text-indent:-9999em;
		}
		#configurator #addDomain:hover {
			background-position:0 -23px;
		}
	#configurator fieldset {
		border:0;
		position:relative;
	}
	#configurator input {
		background:url(/gfx/input_bg_numeric_small.png) repeat-x;
		width:50px;
		padding:0 2px;
		line-height:18px;
		text-align:right;
		height:18px;
		color:#fff;
		border:1px solid #58bedd;
	}
	#configurator input.text {
		background:url(/gfx/input_bg_text.png) repeat-x;
		width:128px;
	}
	#configurator input.error {
		border-color:#f33;
	}
	#configurator input.disabled {
		border-color:#717171;
		color:#bbb;
	}
	
	#configurator label {
		color:#fff;
		font-size:12px;
	}
	
	#configurator .min,
	#configurator .max {
		position:absolute;
		font-size:10px;
		text-align:center;
		color:#999;
		top:17px;
		
	}
	#configurator .max { right:-10px; }
	#configurator .min { left:-4px; }
	
	#configurator label.error {
		position:absolute;
		z-index:400;
		width:270px;
		padding:3px;
		background:rgba(0,0,0,0.9);
		top:0;
		left:85px;
		border:1px solid #933;
	}
	
	#layer_disabled {
		position:absolute;
		background:rgba(20,20,20,0.85);
		width:434px;
		height:142px;
		top:0;
		left:0;
		z-index:50;
		padding:32px;
		color:#fff;
		font-size:14px;
		line-height:19px;
		text-shadow: 0px 0px 10px #000000;
	}
	
/*  _[ STEP 1 ]_____________________________ */
	#configurator.webspace fieldset {
		float:right;
		width:80px;
	}
	#configurator.webspace #settings li {
		height:31px;
	}

/*  _[ STEP 2 ]_____________________________ */
	#configurator.persdaten #settings li {
		height:31px;
	}
	#configurator.persdaten #settings li h3 {
		width:200px;
	}
	
	#configurator.persdaten fieldset {
		float:left;
		width:275px;
	}
	#configurator.persdaten input {
		text-align:left;
	}
	#configurator.persdaten label.error {
		display:none !important;
	}

/*  _[ STEP 3 ]_____________________________ */
	#configurator.zahlungsart .radioset label {
		font-weight:bold;
		font-size:14px;
	}
	#configurator.zahlungsart #settings li {
		overflow:hidden;
	}
	#configurator.zahlungsart #settings p {
		color:#fff;
		font-size:12px;
		line-height:16px;
		width:auto;
		padding-top:3px;
		margin:0 0 20px 21px;
	}
	#configurator.zahlungsart .credentials {
		width:225px;
		margin-left:21px;
		float:left;
		}
		#configurator.zahlungsart .credentials label {
			float:left;
			font-weight:bold;
			padding-top:2px;
			width:91px;
		}
		#configurator.zahlungsart .credentials input {
			float:left;
			text-align:left;
			margin-bottom:10px;
		}
	#configurator.zahlungsart .claim {
		margin-left:24px;
		width:205px;
		float:left;
	}
	#configurator.zahlungsart .claim .checkbox {
		float:left;
	}
	#configurator.zahlungsart .claim label {
		padding-left:5px;
		display:block;
		float:left;
		width:180px;
		line-height:16px;
	}
	
	#configurator.zahlungsart #settings p.paypalText {
		float:left;
		width:250px;
	}
	#configurator.zahlungsart .paypalLogo {
		float:right;
		padding:10px 10px 3px;
		background:#eee;
		border:1px solid #000;
	}
	
	
	
#configurator #arrow {
	position:absolute;
	left:498px;
	top:0px;
	width:11px;
	height:40px;
	background:url(/gfx/wizard_arrow.png) no-repeat center;
	display:none;
	}
	.js #configurator #arrow {
		display:block;
	}
	
#configurator .info {
	display:none;
	position:absolute;
	right:0;
	top:0;
	width:209px;
	padding:20px;
	}
	#configurator .info strong {
		display:block;
		font-size:18px;
		line-height:18px;
		width:auto;
		margin-bottom:6px;
		color:#fff;
	}
	#configurator .info p {
		width:auto;
		font-size:14px;
		font-weight:normal;
		color:#fff;
		line-height:19px;
	}
	
	#configurator .active .info {
		display:block;
	}
	#configurator .info .removeDomain {
		padding-left:2px;
		display:inline-block;
		background-position:right;
		cursor:pointer;
	}
	
#configurator #packPreview {
	position:absolute;
	right:10px;
	top:10px;
	background:url(/gfx/wizard_bg_preview.png) top left repeat-x #213420;
	width:199px;
	padding:12px 14px 36px;
	
	-webkit-box-shadow: 0px 0px 5px;
	-moz-box-shadow: 0px 0px 5px;
	box-shadow: 0px 0px 5px; 
	}
	#configurator #packPreview h3 {
		color:#fff;
		background:url(/gfx/h3_bg_green.png) left center no-repeat;
		padding-left:27px;
		width:auto;
		margin-left:0;
		margin-bottom:12px;
	}
	#configurator #packPreview ul {
		
		width:auto;
		margin-left:5px;
		margin-bottom:0;
		font-size:14px;
		}
		#configurator #packPreview li {
			list-style:none;
			background:url(/gfx/li_green.png) left center no-repeat;
			padding-left:22px;
			color:#fff;
			margin-bottom:5px;
		}
	#packPreview .price {
		width:71px;
		height:41px;
		background:url(/gfx/wizard_bg_price_small.png) no-repeat;
		
		position:absolute;
		left:20px;
		bottom:-19px;
		
		font-size:28px;
		padding:5px 0 0;
		text-align:center;
		}
		#packPreview .price sup {
			position:absolute;
			top:6px;
			right:15px;
			font-size:14px;
		}
		#packPreview .price small {
			font-size:12px;
			margin-left:-8px;
		}
	#packPreview .edit {
		position:absolute;
		right:10px;
		bottom:10px;
		display:block;
		font-weight:bold;
		font-size:12px;
		text-decoration:underline;
	}



#configurator .conclusion {
	background:#fff;
	width:499px;
	padding:10px 0 10px;
	margin-bottom:2px;
	overflow:hidden;
	
	position:relative;
	}
	#configurator .conclusion.full {
		width:748px;
		}#configurator .conclusion.full p {
			margin-left:10px;
		}
	
	
	#configurator .conclusion .edit {
		position:absolute;
		right:10px;
		top:8px;
		font-size:12px;
		font-weight:bold;
	}
	#configurator .conclusion h3,
	#configurator .conclusion p {
		width:auto;
	}
	#configurator .conclusion h3 {
		margin-bottom:10px;
	}
	#configurator .conclusion p {
		padding-bottom:5px;
		margin:0 0 0 20px;
		font-size:12px;
		line-height:16px;
	}
	#configurator .conclusion table {
		color:#003344;
		font-size:12px;
		margin-left:20px;
		margin-bottom:10px;
		width:459px;
		}
		#configurator .conclusion table td.label {
			width:200px;
			font-weight:bold;
		}
		#configurator .conclusion table td {
			padding:3px 5px;
		}
		#configurator .conclusion table .even td {
			background:#ddd;
		}






#configurator #bottomline {
	position:absolute;
	z-index:10;
	bottom:-42px;
	background:url(/gfx/wizard_bg_pricediv.png) no-repeat;
	width:498px;
	height:27px;
	
	padding:13px 0 0 36px;
	
	font-size:14px;
	color:#fff;
	}
	#configurator #price {
		background:url(/gfx/wizard_bg_price.png) no-repeat;
		width:85px;
		height:44px;
		position:absolute;
		right:46px;
		bottom:-19px;
		font-size:32px;
		color:#000;
		text-align:center;
		
		padding:5px 0 0;
		}
		#configurator #price sup {
			position:absolute;
			top:3px;
			right:15px;
			font-size:18px;
		}
		#configurator #price small {
			font-size:14px;
			margin-left:-8px;
		}
	
#configurator #next,
#configurator #submit {
	display:block;
	border:0;
	position:absolute;
	right:-10px;
	bottom:-42px;
	width:125px;
	height:29px;
	background:url(/gfx/button_weiter_large.png) no-repeat;
	
	cursor:pointer;
	text-indent:-9999em;
	font-size:0;
	line-height:0;
	}
	#configurator #next:hover,
	#configurator #submit:hover {
		background-position:0 -29px;
	}
	
	#configurator #submit {
		width:238px;
		background:url(/gfx/button_abschluss.png) no-repeat;
	}
	
.wizard_hint {
	font-size:12px;
	color:#444;
	font-weight:bold;
	padding:5px 0 0 25px;
	}
	
	
.infotable {
	font-size:12px;
	line-height:12px;
	float:left;
	width:375px;
	margin-left:10px;
	border:1px solid #ccc;
	}
	.infotable .firstcol {
		width:180px;
	}
	.infotable td {
		padding:5px 10px;
		height:17px;
	}
	.infotable img,
	.infotable span {
		display:block;
		float:left;
		margin-right:5px;
	}
	.infotable span {
		padding-top:2px;
	}
	.infotable .odd td {
		background:#fff;
	}
	.infotable .even td {
		background:#ccc;
	}
	

/* [ FORMS______________________________// *//*//*/
/*////////////////////////////////////////////////////////// / */

.ui-slider {
	position:relative;
	width:225px;
	height:20px;
	background:url(/gfx/input_bg_slider.png) no-repeat center center;
	float:left;
	cursor:pointer;
}
.ui-slider-handle {
	position:absolute;
	top:3px;
	margin-left:-10px;
	display:block;
	width:21px;
	height:22px;
	background:url(/gfx/input_slider.png) no-repeat;
}


.contentForm {
	font-size:12px;
	margin-left:10px;
	padding:10px;
	background:#eee;
	width:510px;
	}
	.contentForm fieldset {
		border:0;
		margin-bottom:10px;
	}
	.contentForm label {
		float:left;
		width:160px;
	}
	.contentForm input.text,
	.contentForm textarea {
		float:left;
		color:#222;
		background:#fff;
		width:200px;
		padding:0 2px;
		line-height:18px;
		text-align:left;
		height:18px;
		border:1px solid #58bedd;
	}
	.contentForm textarea {
		height:100px;
		width:260px;
	}

/*  _[ CHAT ]_____________________________________ */
/*  ///////////////////////////////////////////// */

#content .supportIntro {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

#content .supportIntro p {
	float:left;
	width:50%;
}
.chatWrapper {
	float:right;
	width:45%;
	}
	.chatWrapper .chat {
		margin-right:15px;
	}
	#content .chatWrapper h3 {
		margin-left:0;
		width:auto;
		}
		#content .chatWrapper h3 span {
			display:inline;
		}
	.chatWrapper .chatwindow {
		border:1px solid #999;
		font-size:12px;
		padding:5px 10px;
		height:150px;
		margin-bottom:10px;
		background:#eee;
		overflow-x:hidden;
		overflow-y:scroll; 
		}
		.chatWrapper .chatwindow hr {
			margin-bottom:5px;
		}
		.chatWrapper .chatwindow span {
			display:block;
			margin-bottom:5px;
		}
	
	.chatWrapper #chat_footer {
		display:none;
	}
	
	.chatWrapper input.text {
		float:left;
		background:#fff;
		width:200px;
		padding:0 2px;
		line-height:18px;
		height:18px;
		color:#333;
		border:1px solid #58bedd;
		margin-right:10px;
	}







#content ul.socialInset {
	overflow:hidden;
	margin:0 10px;
	list-style:none;
	width:auto;
	}
	#content ul.socialInset li {
		height:76px;
		border:1px solid #2d2d2d;
		background:url(/gfx/teaser_share_bg.gif) repeat-x;
		width:227px;
		float:left;
		margin:0 20px 0 0;
		list-style:none;
		}
		#content ul.socialInset li:hover {
			background-position:0 -76px;
		}
		#content ul.socialInset a {
			padding:6px 5px 0 76px;
			display:block;
			height:68px;
			background:url(/gfx/teaser_share_icons.jpg) top left no-repeat;
			color:#ccc;
			font-size:14px;
			font-weight:bold;
			line-height:18px;
			text-decoration:none;
			}
			#content ul.socialInset a:hover {
				color:#87c9dd;
			}
			#content ul.socialInset a.mail:hover {
				background-position:0 -228px;
			}
			#content ul.socialInset a.facebook {
				background-position:0 -76px;
				}
				#content ul.socialInset a.facebook:hover {
					background-position:0 -304px;
				}
			#content ul.socialInset a.twitter {
				background-position:0 -152px;
				}
				#content ul.socialInset a.twitter:hover {
					background-position:0 -380px;
				}
		
		
		#content ul.socialInset li.last {
			margin-right:0;
		}


/* [ FOOTER______________________________// *//*//*/
/*////////////////////////////////////////////////////////// / */

#footer {
	color:#555555;
	font:10px Verdana;
	line-height:10px;
	margin-left:120px;
	}
	#footer div { float:left; }
	#footer .lft {
		width:23px;
		height:12px;
		background:url(/gfx/footer_left.png) no-repeat;
	}
	#footer .rgt {
		width:24px;
		height:12px;
		background:url(/gfx/footer_right.png) no-repeat;
	}
	#footer .txt { 
		background:url(/gfx/transp_10.png); 
		padding:3px 10px;
		padding-top:0;
		}
		* html #footer .txt { padding:1px 10px; }