@charset "utf-8";

/**################################
 * #### Global Reset ##############
 * ################################
 */ 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	/*	font-size: 100%;
		vertical-align: baseline; */
		background: transparent;
	}
	body { line-height: 1;  /* overflow-y: scroll; */ overflow-x: hidden; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '.';
		content: none;
	}
	:focus { outline: 0; }

	p {	margin: 0 0 18px; }
	blockquote { margin: 1em; background: #f9f9f9; border: 1px solid #ccc; padding: 10px; font-size: 92%; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; }
	li, dd { }
	p, li, dl, dd, dt {	line-height: 140%; }

	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {	}

/**################################
 * #### Main Element Styles #######
 * ################################
 */ 
	body { height: 100%; }
	body, td { font: 13px/1.65 Arial, Helvetica, sans-serif; }
	
	body { background: #dfe6ea url('../img/bgBody.png') left top repeat-x; text-align: center; padding: 0; }
	
	a:link, a:visited { color: #334466; text-decoration: underline; }
	a:hover, a:active, a:focus { text-decoration: none; }
	a.dotted { text-decoration: none; border-bottom: 1px dotted #003063; }

	a img { text-decoration: none; border: 0 none; }	
	a.img-link { text-decoration: none; }
	a.img-link span { text-decoration: underline; }

	h1 { }
	h2 { font-size: 26px; font-weight: 300; color: #323d6b; margin: 0 0 .62em; padding: 0; line-height: 1.2em }
	h3 { font-size: 18px; font-weight: 700; color: #323d6b; margin: 0 0 10px;  padding: 0; }
	h4 { font-size: 15px; font-weight: 700; color: #414141; margin: 2em 0 15px; padding: 0 0 8px; border-bottom: 1px dotted #999; }
	h4.first { margin: 0 0 15px; }
	#faqAnswers h4 { padding: 5px; }
	h5 { }
	h6 { }

/**################################
 * #### Main Layout Wrapper #######
 * ################################
 */ 
	#pageWrapper 	{ margin: 0 auto; width: 914px; padding: 0; text-align: left; position: relative; }
	#popupWrapper 	{ margin: 0 auto; text-align: left; position: relative; }	
	#contentWrapper { padding: 60px 0 0; position: relative; }
	#header 		{ position: relative; height: 87px; padding: 0 5px; }
	#content 		{ padding: 0; background: transparent url(../img/bg-content.png) 50% 0 repeat-y; }
	#contentSingle	{ margin: 0; }
	#footer			{ background: transparent url(../img/bgFooter.png) top center repeat-x; }

	#leftbar 		{ float: left; width: 643px; }
	#leftbar .inner { padding: 21px 39px 21px 34px; }
	
	#sidebar 		{ float: right; width: 264px; border-right: 1px solid #dbdfe1; margin-right: 6px; background: transparent url(../img/bg-sidebar.png) 0 0 no-repeat; }
	#sidebar .inner { background: transparent url(../img/bg-sidebar-repeat.png) 0 100% repeat-y; } 
	#sidebar .modul { width: 240px; margin: 0 auto; padding: 13px 0; }	
	
	#twitterWidget.modul { padding: 0; border: 1px solid #aaa; }
	
	#singlebar 		{ padding: 21px 39px }
	
	
/**################################
 * #### Header ####################
 * ################################
 */
 	#header h1 { position: absolute; top: 9px; left: 5px; }
	#header h1 a { display: block; width: 189px; height: 60px; text-indent: -999em; background: transparent url('../img/bg-logo.png') left top no-repeat; }

	#serverHead { 
		position: absolute; 
		right: 7px; 
		float: right;
		bottom: 8px; 
		color: #7F8A96; 
		-moz-border-radius: 5px; border-radius: 5px; 
		background: #f0f4f5; 
		border: 1px solid #d0d8dd;
	}
	#serverHead td { font-size: 10px; font-weight: normal; padding: 0 3px; }
	#serverHead td.title { font-weight: bold; font-size: 11px; color: #5d7790 } 
	#serverHead .inner { 
		border: 1px solid #f9f9f9; 
		padding: 4px; 
		-moz-border-radius: 4px; 
		border-radius: 4px; 
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
		box-shadow: 0 0 4px rgba(0,0,0,0.15);
	}
	
	#navi { position: absolute; top: 0; right: 5px; font-size: 82%; }
		#navi ul { float: left; position: relative; padding: 2px 8px 3px 12px; }
			#navi ul.links, #navi ul.flags { background: transparent url('../img/bg-navi.png') 0 0 no-repeat; }
			#navi ul.flags { padding: 4px 10px 1px; background-position: 100% 0; }		
			#navi ul.links li.last { position: absolute; right: -5px; top: 0; background: transparent url('../img/bg-navi.png') -465px 0 no-repeat; width: 10px; height: 20px }
	
	#navi li { float: left; padding: 3px 2px; }
		#navi li a { text-decoration: none; }
		#navi li.lang a { color: #4a3c0e; display: block; width: 16px; height: 16px; }
			#navi li.lang a.de { background: url(../img/flags/de.png) 0 0 no-repeat; }
			#navi li.lang a.fr { background: url(../img/flags/fr.png) 0 0 no-repeat; }
			#navi li.lang a.it { background: url(../img/flags/it.png) 0 0 no-repeat; }
			#navi li.lang a.es { background: url(../img/flags/es.png) 0 0 no-repeat; }
			#navi li.lang a.en { background: url(../img/flags/gb.png) 0 0 no-repeat; }
			#navi li.lang a span { display: block; width: 16px; height: 16px; text-indent: -999em; }	

	#topNav { 
		background: transparent url(../img/bg-topnav-new.png) 0 top repeat-x; 
		padding: 0; margin: 0; 
		z-index: 100; 
		position: absolute; 
		top: 0; left: 6px;
		width: 902px;
	}
		#topNav ul { margin: 0; padding: 0 0 0 35px; }
			#topNav li { float: left; margin: 0 0 -1px; padding: 0; display: inline-block; }
				#topNav li a { position: relative; display: block; color: #254487; text-decoration: none; line-height: 1; margin-top: 1px; padding: 8px 13px 8px; border-left: 1px solid #fbfbfb; border-right: 1px solid #cbcbcb; }
				#topNav li.home { background: transparent url(../img/bg-topnav-new-home.png) 0 top no-repeat; position: absolute; left: 0; top: 0; width: 35px; }
				#topNav li.home a, #topNav li.rss a { text-indent: -999em;  border-left: 0 none; }
				#topNav li.rss { position: absolute; right: 0; top: 0; background: transparent url(../img/bg-topnav-new-rss.png) 0 100% no-repeat; width: 32px; }
				#topNav li.rss a { border: 0 none; }
				
				#topNav li.current { background: transparent url(../img/bg-topnav-new-current.png) 0 0 repeat-x; border-left-color: #fff; border-bottom-color: #f9d671;}
				#topNav li.current a { color: #4a3c0e; font-weight: bold; border-right-color: #bababa; padding-bottom: 10px; }
	
	#subNav {
		position: absolute;
		top: 30px; left: 0;
		color: #f4f6ff; 
		font-size: 11px;
		margin: 0 6px;
		padding: 0 8px;
		background: transparent url(../img/bg-subnav-repeat.png) 0 0 repeat-x;
		z-index: 99;
		height: 30px;
		width: 886px;
	}
		#subNav li { float: left; margin: 0; line-height: 1; padding: 8px 3px 9px;  }
			#subNav li a, #subNav li span { display: block; color: #4a3c0e; font-size: 110%; }
		#subNav li.current { }
			#subNav li.current a { font-weight: bold; text-decoration: none; }

		#subNav li.left { padding: 0; position: absolute; left: -3px; top: 0; height: 30px; width: 8px; background: transparent url(../img/bg-subnav-left.png) 0 100% no-repeat; }
		#subNav li.right { padding: 0; position: absolute; right: -3px; top: 0; height: 30px; width: 8px; background: transparent url(../img/bg-subnav-right.png) 0 100% no-repeat; }	

	#subNav form ul,
	#subNav form li,
	#subNav form label,
	#subNav form input[type=text], 
	#subNav form input[type=password],
	#subNav form input[type=submit] { 
		width: auto; 
		float: none; 
		margin: 0; 
		padding: 0; 
		clear: none;
		line-height: 1;
		vertical-align: middle;
		font-size: 11px;
	}
	
	#subNav form ul { float: right }
	#subNav form li { float: left; line-height: 1.5; }
	#subNav form li.end { padding-left: 10px; }
	#subNav form label {  float: left; line-height: 1.6; }
	#subNav a { color: #fff; }
	
	#subNav form input[type=text], 
	#subNav form input[type=password] {
		float: left;
		padding: 1px 3px;
		margin: 1px 8px 1px 5px;
		width: 100px;
	}	
	
	#subNav .useraccount { width: 100%; }
	#subNav .useraccount a, #subNav .useraccount .userinfo { float: left; display: block; line-height: 21px; padding: 0 10px; color: #f4f6ff; border-right: 1px dotted #f4f6ff; }
	
	#headerBoxes { position: absolute; top: 14px; right: 14px; font-size: 88%; width: 660px; }
		
	#topVisitor .box { font-size: 10px; position: relative; border: 1px solid #AAA; min-height: 75px; padding: 5px; background-color: #fff; }
	#topVisitor p { margin: 0; padding: 0 0 4px 0; line-height: 1.235 }
	#topVisitor h3 { font-size: 1.0em; margin: 0; padding: 0 0 2px; }
	
	.side-box .cart p { margin: 0; padding: 0; }
	.side-box .cart .small-link a { font-size: 11px; }
	
	.usernav li a {
		display: block;
		text-decoration: none;
		color: #721b00;
		padding: 2px 0;
		font-size: 11px;
	}
	.usernav li a span {
		text-decoration: none;	
	}
	
	.ico {
		background: url(../img/cg-icon-set.png) 0 0 scroll no-repeat;	
		width: 16px; height: 16px;
		border: 0 none;
		vertical-align: middle;
	}
	
	
	.ucp-nav { border: 1px solid #eec156; border-bottom: 0 none; }
	
	.ucp-nav li { 
		border-bottom: 1px solid #eec156; 
		border-left: 1px solid #fef9db;
		border-top: 1px solid #fef9db;
		padding: 13px;
		background: #fded99;
		margin: 0;
	}
	
	.ucp-nav li .ico { margin-right: 10px; }
	
	.ucp-nav li p {
		padding: 0 0 0 26px;
		margin: 0;
	}
	
	.ucp-nav li a:link, .ucp-nav li a:visited  { color: #004073; }
	.ucp-nav li a:hover span, .ucp-nav li a:active span { text-decoration: none; }	
	
 	.ico-admin    { background-position: 0 0; }
	.ico-userdel  { background-position: -16px 0; }
	.ico-abo	  { background-position: -32px 0; }
	.ico-account  { background-position: -48px 0; }
	.ico-payment  { background-position: -64px 0; }	
	.ico-trfprem  { background-position: -80px 0; }
	.ico-trfsett  { background-position: -96px 0; }
	.ico-trfbasic { background-position: -128px 0; }
	.ico-bills	  { background-position: 0 -16px; }
	.ico-logout   { background-position: -16px -16px; }
	.ico-serial   { background-position: -32px -16px; }
	.ico-bul-green{ background-position: -48px -16px; }
	.ico-printer  { background-position: -64px -16px; }
	.ico-help	  { background-position: -80px -16px; }
	.ico-cart	  { background-position: -96px -16px; }
	.ico.cartgo	  { background-position: -112px -16px; }
	
	.ico-active	  {
		background-image:url(../img/active.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	.ico-inactive { 
		background-image:url(../img/inactive.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.usernav ul { padding: 0; margin: 0; }
	.usernav li { border-right: 1px dotted #eb9611; padding: 0 5px; line-height: 23px; }

	.trafficSmallTrack { 
		display: block;
		background: url(../img/bgTrafficTrack.png) center right no-repeat;
		height: 6px;
		font-size: 0.01em;
		width: 186px;
		margin: 5px 0 3px;
	}
	
	.trafficSmallBar {
		display: block;
		background: url(../img/bgTrafficOverview.png) center left no-repeat;
		height: 6px;
		font-size: 0.01em;
		width: 180px;
	}	
	
	
	#userButtonHolder { position: absolute; right: 8px; bottom: 3px; }
	#regButton, #loginButton { float: left;  display: block; height: 34px;  background-position: 0 0; background-repeat: no-repeat; background-color: transparent }
	#regButton { width: 189px; margin-right: 5px;}
	#loginButton { width: 90px; }
	#regButton span, #loginButton span { display: block; text-indent: -999em; }
	
	#downloadButton { display: block; width: 325px; height: 80px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent;  }
	#downloadButton span { display: block; text-indent: -999em; }
	
	.small-login li {
		padding: 0;
	}
	.small-login label {
		width: 100%;
		text-align: left;
	}
	.small-login input {
		width: 100%;
	}
	
	.inline-screen { float: right; margin: 0 0 13px 21px; }

/**################################
 * #### Sidebar ###################
 * ################################
 */
	#sidebar .user-menu { background: url(../img/bg-sidebar-menu.png) 0 100% no-repeat; padding: 13px 21px 21px }
		#sidebar .user-menu input.text { 
			border: 1px solid #d6d4c6; 
			padding: 5px; 
			margin: 0; 
			font-size: 11px; 
			background: #fff url(../img/bg-form-input.png) 0 0 repeat-x; 
			margin: 0 0 4px; 
			width: 210px; 
		}
		#sidebar .user-menu li { position: relative; margin: 0; padding: 0; }
			#sidebar .user-menu li label { position: absolute; top: 7px; left: 0; margin: 0; padding: 0; line-height: 1; display: block; font-size: 11px; color: #999; }
		
			#sidebar .user-menu li.sub-link { float: left; width: 65%; font-size: 11px; padding: 2px 0 }
			#sidebar .user-menu li.first-link { margin-top: 5px; }
				#sidebar .user-menu li.sub-link a:link, #sidebar .user-menu li.sub-link a:visited { text-decoration: none; }
				#sidebar .user-menu li.sub-link a:hover, #sidebar .user-menu li.sub-link a:active { text-decoration: underline; }
			
			#sidebar .user-menu li.sub-login { float: right; width: 25%; margin-top: 5px; text-align: right; }
			#sidebar .user-menu li.sub-login input.btn-login { color: #434343; font-weight: bold; padding: 2px 3px; height: 28px; line-height: 1; }
			
		#sidebar .user-menu h3 {
			color: #254487;
			font-size: 15px;
			margin: 0 0 8px;
			padding: 0 0 3px;
			font-weight: normal;
			border-bottom: 1px dotted #c4c4c4;
		}
		
		#sidebar .user-menu ul.nav-links { }
			#sidebar .user-menu ul.nav-links li { border-top: 1px solid #fcf6e1; border-bottom: 1px solid #f2db8a; }
				#sidebar .user-menu ul.nav-links li.first { border-top: 0 none; }
				#sidebar .user-menu ul.nav-links li.last { border-bottom: 0 none; }

				#sidebar .user-menu ul.nav-links li a { font-size: 11px; display: block; line-height: 1.25; padding: 8px;  }
				#sidebar .user-menu ul.nav-links li a:link, #sidebar .user-menu ul.nav-links li a:visited { text-decoration: none; }
				#sidebar .user-menu ul.nav-links li a:hover, #sidebar .user-menu ul.nav-links li a:active { text-decoration: none; background: #fff; }
				#sidebar .user-menu ul.nav-links li.current a { font-weight: bold; background: #fffdbf; }
				
					#sidebar .user-menu ul.nav-links li a img { display: block; float: left; margin: 0 8px 0 0; width: 16px; height: 16px; background: transparent url(../img/bg-icon-sprite.png) 0 0 no-repeat; }
						#sidebar .user-menu ul.nav-links li a img.ico-abo { background-position: 0 0; }
						#sidebar .user-menu ul.nav-links li a img.ico-bind { background-position: -16px 0; }
						#sidebar .user-menu ul.nav-links li a img.ico-serial { background-position: -32px 0; }
						#sidebar .user-menu ul.nav-links li a img.ico-traf-over { background-position: 0 -16px; }
						#sidebar .user-menu ul.nav-links li a img.ico-traf-set { background-position: -16px -16px; }
						#sidebar .user-menu ul.nav-links li a img.ico-data-safe { background-position: -32px -16px; }
						#sidebar .user-menu ul.nav-links li a img.ico-user-set { background-position: 0 -32px; }
						#sidebar .user-menu ul.nav-links li a img.ico-user-del { background-position: -16px -32px; }
						#sidebar .user-menu ul.nav-links li a img.ico-sign-off { background-position: -32px -32px; }
				
		#twitterWidget {min-height: 250px; }
		
/**#########################
 * #### Content ############
 * #########################
*/	

	.down-link { padding: 5px 8px; background: #eee; margin-bottom: 21px; }
	
	.home-header { position: relative; float: left; height: 364px; width: 637px; overflow: hidden; margin: -21px -21px 34px -28px; }
	.home-header a.main { display: block; width: 637px; height: 364px; background: 0 none; text-decoration: none; }
	.home-header .row-top { position: relative; height: 364px; }
	.home-header .row-bot { position: absolute; bottom: 0;  }
	
	.home-header-typo    { float: left; text-indent: -999em; }
	.home-header-cover 	 { float: right; margin-top: -20px; margin-right: -8px }

	.home-header-new 	 { position: relative; text-indent: -999em; }
	.home-header-new .strato-link { 
		position: absolute; top: 45px; left: 400px; 
		display: block; 
		text-indent: -999em; 
		width: 165px; height: 20px;
	}
	
	.home-header-typo-2  { float: left; width: 450px; margin-left: 25px; margin-top: 12px; text-indent:-999em; }
	.home-header-dl	   	 { display: block; position: absolute; bottom: 24px; left: 26px; width: 294px; height: 85px; }
	.home-header-more  	 { display: block; position: absolute; bottom: 13px; right: 26px; width: 125px; height: 41px; }
	
	#productHolder { position: relative; left: -2px; top: -2px; }	
	#productHolder .prod-box, #productHolder .traffic-box {
		position: relative;
		float: left;
		width: 459px;
		height: 190px;
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -999em;
	}	
	
	#productHolder .traffic-box {
		float: right;
		width: 458px;
		margin-right: -7px;
		background-position: top right;
	}
	
	#productHolder .traffic-box a.btn:hover { background-position: 0 -42px; }	
	#productHolder .prod-box a.btn, #productHolder .traffic-box a.btn, #productHolder .traffic-box-small a.btn {
		position: absolute; 
		display: block; 
		bottom: 6px; right: 15px; 
		width: 133px; height: 42px; 
		background-repeat: no-repeat; background-color: transparent 
	}
	#productHolder .prod-box a.btn:hover { background-position: 0 -42px; }	

	#productHolder .traffic-box-small {
		float: left;
		height: 110px; width: 571px;
		margin: 0 0 21px 21px;
		background-repeat: no-repeat; 
		background-color: transparent; 
		background-position: 0 0; 
	}
	
	#productHolder .traffic-box-small a { display: block; 	height: 110px; width: 571px;  text-decoration: none; }

	.left-col { float: left; width: 45%; padding-right: 5%; }
	.right-col { float: right; width: 46%; padding-right: 1%;}	
	.mid-col	{ float: left; width: 31%; padding-right: 2%; }
	.mid-col-last { padding-right: 0; }
	
	#indexDesc .left-col { border-right: 1px dotted #ccc; }
	#indexDesc .col-row { border-bottom: 1px dotted #ccc;  padding: 0 0 2%; margin: 0 0 2% }
	
	.ico-home h2 {
		margin: 5px 0 13px;
		padding-left: 58px; 
		height: 48px;
		background: #fff url(../img/bg-home-icon-sprite.png) top left no-repeat; 
		line-height: 1.25em; 
		font-size: 17px; 
		color: #555872; 
		font-weight: normal;		
	}
	.ico-storage h2 { background-position: 0 -192px; }
	.ico-fast h2 { background-position: 0 -432px; }
	.ico-firewall h2 { background-position: 0 -672px; }
	
	#contentPadding .left-col { 

	}
	
	.left-col p, .right-col p { margin: 0 0 21px; }
	 .right-col p img { margin: 5px 0 0; }
	
	#contentLeft { margin-right: 300px;  }
	#sideBar { width: 260px; float: right; }
	
	#navBar .bg-holder { position: relative; width: 260px; background: transparent url('../img/bgNavbar.png') left top no-repeat; }
	#navBar .bg-bot	   { width: 260px; height: 10px; line-height: 1; font-size: 0.1px; background: transparent url('../img/bgNavbar.png') left bottom no-repeat; }
	#navBar ul { padding: 15px 12px 10px 5px; }
	#navBar li { margin: 0; padding: 0; line-height: 1; }
	#navBar a {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../img/bgSubNavHover.png) no-repeat scroll 0 0;
		color:#000000;
		display:block;
		font-size:13px;
		height:31px;
		white-space: nowrap;
		line-height:31px;
		padding:0 8px;
		position:relative;
		text-decoration:none;
	}
	#navBar a span { position: absolute; top: 0; right: -5px; width: 5px; height: 31px; background: url(../img/bgSubNavHover.png) 100% 0; }
	#navBar a:hover		 { background-position: 0 -31px; }
	#navBar a:hover span { background-position: 100% -31px; }
	#navBar .current a {
		background-position:0 -62px;
		font-weight:bold;
	}	
	#navBar .current a span { background-position: 100% -62px; }	
	#navBar .arrow-caret { background: url(../img/bgSubNavCaret.png) left top no-repeat; width: 17px; height: 28px; position: absolute; top: 16px; right:-13px; }
	
	.side-box { margin-bottom: 15px; }
	.side-box .bg-holder { background: transparent url(../img/bgNavbar.png) left top no-repeat; }
	.side-box .bg-pad { padding: 21px 21px 0 }
	.side-box .bg-ucpbar { padding: 0; }
	.side-box .bg-bot { background: transparent url(../img/bgNavbar.png) left bottom no-repeat; }
	.side-box .bg-inner { background: transparent url(../img/bgNavbar.png) right bottom no-repeat;}	
	
	.side-box ul { }
	.side-box li { margin: 0; padding: 0; border-bottom: 1px dotted #eec156 }
	.side-box a, .side-box ul.system-list li { 
		display: block; 
		padding: 6px 0;
		background: none;
		color: #000; 
		font-size: 15px; 
		text-decoration: none; 
		clear: both;
	}
	
	.side-box a.normal { color: #003063; font-size: 13px; }
	
	.side-box ul.system-list li { font-size: 12px; }
	
	.side-box a .ico { float: left; margin: 8px 8px 0 3px; cursor: pointer; }
	
	.side-box a:hover		 { background-color: #fff9df; }
	.side-box .current a { font-weight: bold; font-style: italic; background-position: 0 -62px; }
	.side-box .arrow-caret { background: url(../img/bgSubNavCaret.png) left top no-repeat; width: 17px; height: 28px; position: absolute; top: 16px; right:-13px; }

	.feat-table td, .feat-table th { line-height: 1.3567; padding: 5px 5px; font-size: 92%; color: #2E3192; }
	.feat-table th { background: #fff200; color: #323E69; }
	.feat-table tbody td { background: #f9f9f9; border-bottom: 1px dotted #ccc; }
	.feat-table tfoot td { background: #323E69; border-bottom: 1px dotted #fff200; color: #fff200; }
	.feat-table .front { font-weight: 700; }
	
	table tr.divider td { border-bottom: 1px dotted #ccc; }
	
	.ucp-table { }
	.ucp-table th { background: #fded99; font-size: 88%; text-transform: uppercase; text-align: center; color: #c50350; }
	.ucp-table td { color: #333;  }
	.ucp-table td, .ucp-table th { 
		padding: 5px 8px; 
		border: 1px solid #F8C203;
		border-collapse: collapse;
	}
	.ucp-table .odd td { background: #fffabc; }
	.ucp-table .activ { color: #47c800; }
	
	
	#user-500000 {
		border: 1px solid #eec156;
		padding: 20px;
		background: #fded99;
		margin-bottom: 20px;
		
	}
	
	
	#traffic 				{  }
	#traffic ol 			{ border: 1px solid #ebebeb; margin-bottom: 10px; }
	#traffic li				{ float: left; width: 100%; border-bottom: 1px solid #ebebeb; font-size: .85em; margin: 0; padding: 0 2px 0 }
	#traffic li span 		{ float: left; display: block; margin: 3px 0 0; padding-top: 5px; padding-left: 5px;  }
	
	#traffic li .no			{ width: 32px;  border-right: 1px solid #eee; }
	#traffic li .value 		{ width: 0px; height: 12px; background: url(../img/bgTrafficSmall.png) center left no-repeat; padding-left: 0px; }
	#traffic li .value em	{ display: none; padding: 0 .25em }
	#traffic li .perc		{ margin-left: 5px; }	
	
	.messageBox div { border: 1px solid #ccc; background: #f5f5f5; -moz-border-radius: 8px; padding: 15px; margin: 14px 20px; }
	.messageBox div.error { border: 1px solid #d69a9a; background: #ffe4e4; } 
	.messageBox div.success { border-color: #b7d69a; background: #f1ffe4; }
	
	#sidebar .messageBox div { margin: 0 0 14px; }
	#sidebar .messageBox div h4 { margin: 0 0 8px; font-size: 13px; padding: 0 0 3px; color: #900; }
 	
	a.cg-cart-button { 
		display: block;
		padding: 0; margin: 0;
	}
	
	a.cg-cart-button img {
		width: 233px; 
		height: 56px;
		background-position: 0 0;
		background-color: transparent;
		background-repeat: no-repeat; 		
	}
	
	a.cg-cart-button:hover img {
		background-position: 0 -56px;
	}	
	
	.detail-box { margin: 0 0 21px; }
	
	.cont-box { border: 1px solid #ccc; background: #f5f5f5; -moz-border-radius: 8px; padding: 15px; margin: 0 0 15px; }
	.box-yel { border: 1px solid #d2c09a; background: #fff8c8; }
	
	.screens td { vertical-align: middle; text-align: center; }
	.screens td img { width: 100px; padding: 2px; border: 1px solid #ccc; background: #fff; margin-right: 5px; }
	.screens td a:hover { background: none; }
	.screens td a:hover img { background: #666; }

	
	#planTable h2, #planTable h3 { color: #50566d; margin: 0; padding: 0; font-size: 24px; }
	#planTable h2 strong { font-size: 26px; font-weight: bold; }
	#planTable h3 { font-size: 18px; font-weight: normal; margin-bottom: 34px; }

	#planTable .marg { margin: 0  0 .55em }

	#planTable table {
		background: #fff url(../img/bg-plan-table.png) top left repeat-x; 
		margin-bottom: 1.5em;
	}
	#planTable table th { background: url(../img/bg-plan-th.png) 0 0 no-repeat; color: white; font-size: 17px; font-weight: bold; padding: 0; line-height: 1; }
	#planTable table th div { position: relative; padding: 10px; white-space:nowrap; text-align: center; }
	#planTable table th span { display: block; position: absolute; top: 0; height: 37px; right: 0; width: 10px; background: url(../img/bg-plan-th.png) 100% 0 no-repeat; margin: 0; text-align: center; }
	#planTable table th.front { background: #fff none; color: #000; font-size: 18px; text-align: left; }
	#planTable table th.front div { text-align: left; }
	#planTable table th.t-free { background-position: 0 -39px; }
	#planTable table th.t-free span { background-position: 100% -39px; }	

	#planTable table td { padding: 10px 5px; text-align: center; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; width: 19%; }
	#planTable table td.label { width: 33%; color: #424551; font-size: 11px; font-weight: bold; text-align: left; }
	#planTable table tr.pakets td { color: #000; font-size: 16px; font-weight: bold; vertical-align: top; padding: 15px 8px }
	#planTable table tr.pakets td small { color: #DD0000; font-size: 11px; }
	#planTable table tr.pakets td.front { text-align: left; color: #424551; }

	#planTable table tr.sub-paket td { color: #323747; font-weight: bold; font-size: 14px; }
	#planTable table tr.sub-price td { color: #000; font-weight: bold; font-size: 15px; }
	#planTable table tr.low-price td { font-size: 13px; }
	#planTable table tr.low-price td a { text-decoration: none; }
	#planTable table tr.low-price td small,#planTable table tr.sub-price td small { font-weight: normal; font-size: 11px; }
	#planTable table img.checked { display:block; width: 16px; height: 16px; margin: 0 auto; vertical-align: middle; }
	
	#planTable table a.btn-buy { 
		display: block;
		text-indent: -999em;
		background-repeat: no-repeat; 
		background-position: top left;
		width: 102px;
		height: 32px;
		text-decoration: none;
		margin: 0 auto;
	}
	
	#planTable table a.btn-buy:hover { background-position: 0 -32px; }
	
	#planTable table a.btn-dl-small { 
		display: block;
		text-indent: -999em;
		background: transparent url(../img/de/btn-download-small.png) top left no-repeat; 
		width: 101px;
		height: 32px;
		text-decoration: none;
		margin: 0 auto;
	}
	
	#planTable table a.btn-dl-small:hover { background-position: 0 -32px; }	
	
	#planTable table td.pre-shad { background: url(../img/td-pre-shad.png) right top repeat-y; }
	#planTable table td.sub-shad { background: url(../img/td-sub-shad.png) left top repeat-y; }
	
	#planTable table td.highlightcol { background-color: #fff3c1; }
	
	#planTable .server-stat { width: 200px; }
	#planTable .server-user { width: 180px; text-align: left; }
	#planTable .server-info { text-align: left; }
	#planTable .offline, #planTable .online { background: url(../img/bg-server-status.png); background-repeat:repeat-x; background-position: -10px -10px -10px -10px; color: white; font-weight: bold; font-size: 11px; }
	#planTable .online { background-position: 0 -50px; }
	
	#planTable td.bg-traffic-25-td { padding: 0; background: transparent url(../img/bg-traffic-td.png) 0 0 repeat-x; }
	#planTable td.bg-traffic-25-td a { display: block; height: 63px; width: 555px;}
	
/*---------*/
	#planTable2 h2, #planTable2 h3 { color: #50566d; margin: 0; padding: 0; font-size: 24px; }
	#planTable2 h2 strong { font-size: 26px; font-weight: bold; }
	#planTable2 h3 { font-size: 18px; font-weight: normal; margin-bottom: 34px; }

	#planTable2 .marg { margin: 0  0 .55em }

	#planTable2 table {
		background: #f9f9f9;
		margin-bottom: 1.5em;
	}
	#planTable2 table th { background: url(../img/bg-plan-th.png) 0 0 no-repeat; color: white; font-size: 17px; font-weight: bold; padding: 0; line-height: 1; }
	#planTable2 table th div { position: relative; padding: 10px; white-space:nowrap; text-align: center; }
	#planTable2 table th span { display: block; position: absolute; top: 0; height: 20px; right: -2px; width: 10px; background: url(../img/bg-plan-th.png) 100% 0 no-repeat; margin: 0; text-align: center; }
	#planTable2 table th.front { background: #fff none; color: #000; font-size: 15px; text-align: left; }
	#planTable2 table th.front div { text-align: left; }
	#planTable2 table th.t-free { background-position: 0 -39px; }
	#planTable2 table th.t-free span { background-position: 100% -39px; }	

	#planTable2 table td { width: 25%; padding: 10px 5px; text-align: center; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
	#planTable2 table td.label { color: #424551; font-size: 11px; font-weight: bold; text-align: left; border-left: 1px solid #e8e8e8; padding: 5px; }
	#planTable2 table tr.pakets td { color: #000; font-size: 13px; font-weight: bold; vertical-align: top; padding: 15px 8px }
	#planTable2 table tr.pakets td small { color: #DD0000; font-size: 10px; font-weight: normal; line-height: 1.2 }
	#planTable2 table tr.pakets td.front { text-align: left; color: #424551;   }

	#planTable2 table tr td.has-flag { vertical-align: bottom; }
	#planTable2 table tr td.has-flag small { display: block; margin: 0 45px 5px; -moz-border-radius: 8px; border-radius: 8px; background: #dee1ee; color: #424657; font-size: 11px; padding: 1px; }
	#planTable2 table tr td.has-flag small img { margin: 0 2px -2px 0 }

	#planTable2 table tr.sub-paket td { color: #323747; font-weight: bold; font-size: 14px; }
	#planTable2 table tr.sub-price td { color: #000; font-weight: bold; font-size: 15px; }
	#planTable2 table tr.low-price td { font-size: 13px; }
	#planTable2 table tr.low-price td a { text-decoration: none; }
	#planTable2 table tr.low-price td small,#planTable2 table tr.sub-price td small { font-weight: normal; font-size: 11px; }
	#planTable2 table img.checked { display:block; width: 16px; height: 16px; margin: 0 auto; vertical-align: middle; }
	
	#planTable2 table a.btn-buy { 
		display: block;
		text-indent: -999em;
		background-repeat: no-repeat; 
		background-position: top left;
		width: 102px;
		height: 32px;
		text-decoration: none;
		margin: 0 auto;
	}
	
	#planTable2 table a.btn-buy:hover { background-position: 0 -32px; }
	
	#planTable2 table a.btn-dl-small { 
		display: block;
		text-indent: -999em;
		background: transparent url(../img/de/btn-download-small.png) top left no-repeat; 
		width: 101px;
		height: 32px;
		text-decoration: none;
		margin: 0 auto;
	}
	
	#planTable2 table a.btn-dl-small:hover { background-position: 0 -32px; }	
	
	#planTable2 table td.pre-shad { background: #eff3f4 url(../img/td-pre-shad.png) right top repeat-y; }
	#planTable2 table td.sub-shad { background: transparent url(../img/td-sub-shad.png) left top repeat-y; }
	
	#planTable2 table td.highlightcol { background-color: #fff3c1; }
	
	#planTable2 .server-stat { width: 200px; }
	#planTable2 .server-user { width: 180px; text-align: left; }
	#planTable2 .server-info { text-align: left; }
	#planTable2 .offline, #planTable2 .online { background: url(../img/bg-server-status.png); background-repeat:repeat-x; background-position: -10px -10px -10px -10px; color: white; font-weight: bold; font-size: 11px; }
	#planTable2 .online { background-position: 0 -50px; }
	
	#planTable2 td.bg-traffic-25-td { padding: 0; background: transparent url(../img/bg-traffic-td.png) 0 0 repeat-x; }
	#planTable2 td.bg-traffic-25-td a { display: block; height: 63px; width: 555px;}


	.new-traffic { text-align: left; margin-bottom: 21px;  }	
	.new-traffic .left { width: 358px; float: left; height: 121px; background: transparent url(../img/bg-traffic-new.jpg) 0 0 no-repeat; }
	.new-traffic .row { float: right; width: 478px; height: 121px; background: transparent url(../img/bg-traffic-new-row.jpg) 0 0 no-repeat; }
	.new-traffic .row a { display: block; height: 41px; text-indent: -999em; }

	.new-traffic .row a { background: url(../img/bg-new-traffic-btn.png) -30px 6px no-repeat; }
	.new-traffic .row a:hover { background-position: -30px -68px; }	
	
	.new-traffic span { font-weight: bold }
	.new-traffic h2 { margin: 0; padding: 0;  }

	
	#planTable2 table td.p-sup, #planTable2 table td.p-us, #planTable2 table td.a-sup, #planTable2 table td.a-us { display: none; }
	#planTable2 table tr td.changed { background-color: #b4f27d}
	#planTable2 table select { font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif }
	
	#planTable2 .replacedSelect { position: relative; margin-bottom: 8px; }
	#planTable2 .replacedSelect a, #planTable2 .replacedSelect a.collapse { 
		line-height: 1;
		border: 1px solid #ccc; 
		display: block; 
		color: #333; 
		text-decoration: none; 
		text-align: left; 
		font-weight: bold; 
		padding: 5px 5px; 
		background-color: #fff;
	}
	#planTable2 .replacedSelect a.sel-exp { 
		position: absolute; 
		display: block; 
		width: 17px; 
		height: 19px; 
		background: transparent url(../img/sel-exp.png) 0 0 no-repeat;
		top: 2px; right: 2px;
		cursor: pointer;
		padding: 0;
	}
	#planTable2 .replacedSelect a.sel-exp:hover, #planTable2 .replacedSelect a.on { background-position: 0 -19px; }
	
	#planTable2 .replacedSelect a img { margin-right: 5px; }
	#planTable2 .replacedSelect .menu { position: absolute; top: 100%; left: 0; width: 100%; }
	#planTable2 .select { position: relative; border: 1px solid #ccc; border-top: 0 none; text-align: left; }	
	#planTable2 .select li a { border: 0 none; text-decoration: none; }
	#planTable2 .select li a:link, #planTable2 .select li a:visited { background-color: none; }
	#planTable2 .select li a:hover { background-color: #3399ff; color: #fff; }
	#planTable2 .select li a:active, #planTable2 .select li a:focus { color: #fff; }

	#exchangeTable { margin-bottom: 13px; }
	#exchangeTable th { 
		background-color: #f9d171; font-size: 11px; padding: 3px 5px;
		border-top: 1px solid #ffe9b5;
		border-right: 1px solid #e2bb5e;
		border-bottom: 1px solid #e2bb5e; 
		border-left: 1px solid #ffe9b5;		
	}
	#exchangeTable td { 
		background-color: #fff8c8;
		border-top: 1px solid #fff;
		border-right: 1px solid #f9d171;
		border-bottom: 1px solid #f9d171; 
		border-left: 1px solid #fff;
		font-size: 11px;
		padding: 3px 5px;
	}
	
	#exchangeTable td.head { font-size: 13px; font-weight: bold; padding: 8px 5px; color: #af2d00}	
	
	#exchangeTable tr.odd td { background: #fff; }
	
	#followHolder {
		width: 35px; 
		position: absolute; 
		top: 160px; 
		left: 100%;
		margin-left: -2px;
		background: transparent url(../img/twitter-follow.png) top left no-repeat; 
	}
	
	#twitterFollow {
		display: block; 
		text-indent: -999em; 
		width: 34px; 
		height: 121px; 
		background: transparent url(../img/twitter-follow.png) top left no-repeat; 
	}

	#facebookFollow {
		display: block; 
		text-indent: -999em;
		width: 35px; 
		height: 102px;
		background: transparent url(../img/facebook-follow.png) top left no-repeat; 
	}	
	
	#rssFollow {
		display: block; 
		text-indent: -999em; 
		width: 30px; 
		height: 38px; 
		margin-top: 1px;
		background: transparent url('/templates/default/img/rss-follow.png') top left no-repeat; 
	}		
	
	.btn-pay-success { margin: 34px auto 55px auto; text-align: center; } 
	.btn-pay-success a { 
		display: block;
		font-weight: bold;
		font-size: 1.8em;
		margin: 0;
		text-decoration: none;
	}	
	.btn-pay-success a span { text-decoration: underline; }	
	.btn-pay-success img {
		background: url(../img/ico-download.png) top left no-repeat;
		width: 32px; height: 32px;
		vertical-align: middle;
	}	
	.btn-pay-success small { color: #777; display: block; padding-left: 24px; }	
	
	
	#homeCustomerLang, #homeUpdate {
		display: block;
		height: 68px;
		padding: 13px;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-color: #fff;
		text-indent: -999em;
	}
	
	.customer-lang-de { background-image: url(../img/de/bg-customer-head.png); }
	.customer-lang-com { background-image: url(../img/en/bg-customer-head.png); }
	.customer-lang-fr { background-image: url(../img/fr/bg-customer-head.png); }
	.customer-lang-es { background-image: url(../img/es/bg-customer-head.png); }
	.customer-lang-it { background-image: url(../img/it/bg-customer-head.png); }
	
	
	#homeUpdate {

		height: 50px;		
	}
	
	.download-update-de { background-image: url(../img/de/header-dl-update.png); }
	.download-update-en { background-image: url(../img/en/header-dl-update.png); }
	.download-update-fr { background-image: url(../img/fr/header-dl-update.png); }
	.download-update-es { background-image: url(../img/es/header-dl-update.png); }
	.download-update-it { background-image: url(../img/it/header-dl-update.png); }
	
	#timeline { width: 800px; margin: 21px auto 50px; padding: 0; border: 1px solid #ddd; border-bottom: 0 none; }
	#timeline h3 { background: #0e3083; color: #fff; padding: 5px 13px; font-size: 110%; border: 1px solid #303852; margin: -1px -1px 0 -1px; }
	
		/** Visual **/
		#timeline .overflow { width: 800px; height: 260px; overflow-x: scroll; position: relative; }
		#timeline .visual { 
			border-bottom: 1px solid #ccc; 
			padding: 55px 0 10px 0; 
			width: 2802px;
			margin-bottom: 21px;
			z-index: 1000;
			background: #fff url(/templates/default/img/bg-timerow.png) 1px 0 repeat-x;
		}
		
		#timeline .act-date { text-align: center; font-size: 82%; color: #999; border-left: 1px solid red; width: 100px; }
		#timeline .act-month { 
			position: absolute; top: 0; left: 0; 
			width: 100px; 
			padding-top: 195px;
			border: 1px solid #f0f0f0;
			padding-bottom: 5px;
			font-size: 82%;
			color: #666;
			text-align: center; 
			background: #FF9; z-index: 100; 
		}
		
		
			#timeline .visual li { float: left; position: relative; height: 120px; width: 120px; margin-bottom: 8px; font-size: 82%; text-align: center; color: #666;	}
			#timeline .visual li.injected { border-left: 1px dotted #f00; border-right: 1px dotted #f00; }
	
			#timeline .visual li div.border { 
				position: absolute; 
				left: 0; 
				cursor: pointer;
				padding: 5px; 
				margin: 0 2px; 
				font-weight: bold; 
				font-size: 100%; 
				color: #0e3083;
				-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
				-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);	
				text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
				z-index: 300;
				overflow: hidden;
			}

			#timeline .visual li div.border img { 
				display: block; 
				width: 15px; height: 15px; 
				float: right; 
				background: url(/templates/default/img/date-carret.png) 5px -15px no-repeat; 
				border-left: 1px solid #fff;
			}
			#timeline .visual li div.border img.up { background-position: 5px -35px; }

			#timeline .visual li.premium div.border 	  { bottom: 0; background: #fed633 url(/templates/default/img/bg-timeline.png) 0 -250px repeat-x; }
			#timeline .visual li.premium div.border:hover { background: #ffe57b none;  }

			#timeline .visual li.noabo div.border { color: #666; bottom: 0; background: #e0e0e0 url(/templates/default/img/bg-timeline.png) 0 100% repeat-x; padding: 5px 0; }
			#timeline .visual li.noabo div.border:hover { cursor: default; }

			#timeline .visual li.injected div.border { top: 0; }
			#timeline .visual li.cobi { background: url(/templates/default/img/logos/cobi-timeline.png) 50% 50% no-repeat; } 

			/** External **/
			#timeline .visual li.cobi div.border	   { background: #F00 url(/templates/default/img/bg-timeline.png) 0 0 repeat-x; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.35); }
			#timeline .visual li.cobi div.border:hover { background: #ff5e5e none; }
			#timeline .visual li div.date { 
				position: absolute; 
				top: 100%; 
				padding: 1px 3px;
				margin-top: 10px;
				background: #0e3083;
				z-index: 200;
				font-size: 82%;
				color: #fff;
				-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
				-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);				
			}
			
			#timeline .visual li div.date .carret { 
				background: url(/templates/default/img/date-carret.png) 0 0 no-repeat; 
				width: 10px; height: 5px; 
				position: absolute;
				top: -5px;
				left: 50%;
				margin-left: -5px;
				display: block;
			}
			
			#timeline .visual li div.first 	{ left: 2px }
			#timeline .visual li div.first .carret { left: 0; margin-left: 1px; }

			#timeline .visual li div.last 	{ right: 2px }
			#timeline .visual li div.last .carret { left: 100%; margin-left: -11px; }

			#timeline .tooltip {
				z-index: 10001;
				display: none;
				position: absolute; 
				width: 230px; 
				clear: both;
				left: 50%; 

				margin-left: -125px; 
				padding: 10px; 
				background: #0e3083;
				color: #fff;
				-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
				-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
				border: 2px solid #fff;
			}			
			
			#timeline .cg .tooltip { bottom: 29px; }
			#timeline .injected .tooltip { top: 29px; margin-bottom: 3px; }
			
			#timeline .tooltip li { padding: 2px 0; height: auto; width: auto; margin: 0; text-align: left; font-size: 100%; color: #fff;  }
			#timeline .tooltip li strong { display: block; float: left; width: 100px; }
			
		/** Intervals **/
		#timeline .intervals { }
			#timeline .intervals li {  }
	
	
		/** Help-System **/
		
		#breadcrump { color: #666; font-size: 8pt; font-weight: bold; border-bottom: .5px #666 dotted; margin: 0 0 15px 0; }
		#breadcrump a:link, #breadcrump a:active, #breadcrump a:visited { color: #666; text-decoration: none; }
		#breadcrump a:hover { text-decoration: underline; }
		a.more, a.more:link, a.more:active, a.more:visited { border-bottom: #cc7722 1px dotted; text-decoration: none; color: #cc7722; }
		a.more:hover { border-bottom: #cc7722 1px solid; }
		.more:after { content: ' →'; }
		#social { border-top: 1px dotted #CCC; color: #666; margin-top: 10px; }
		#treeview .current { font-weight: bold; }
		
/**################################
 * #### Tooltip ###################
 * ################################
 */ 	
	.tp-popup {
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	 
	div.tp-popup em {
		background: #f9d671 url(../img/bg-topnav-new-current.png) 0 0 repeat-x;
		color: #333;
		border: 1px solid #bc9d45;
		position: absolute;
		top: -85px;
		left: 50%;
		margin-left: -35%;
		z-index: 2;
		display: none;
		font-size: 12px;
		font-style: normal;
		text-align: left;
		width: 70%;
		
		-moz-box-shadow: 0 0 5px #666; /* Firefox */
		-webkit-box-shadow: 0 0 5px #666; /* Safari, Chrome */
		box-shadow: 0 0 5px #666; /* Safari, Chrome */
	}
	div.tp-popup em .inner { padding: 10px; border: 1px solid #fcedb1; display: block; }
	div.tp-popup em strong { font-weight: bold; color: #990000; }
	div.tp-popup em .tp-arw { display: block; position: absolute; top: 100%; left: 50%; margin-left: -14px; width: 29px; height: 20px; background: url(../img/tp-arw.png) 0 0 no-repeat; margin-top: -1px; }
/**################################
 * #### Home Carousel #############
 * ################################
 */ 
	.myCarousel {
	  width: 637px;
	  position: relative;
	}
	
	.myCarousel .wrapper {
	  width: 637px; /* .myCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  height: 4364px;
	  margin: 0;
	  overflow: hidden;
	  position: absolute;
	  top: 0;
	}
	
	.myCarousel ul a img {
	  border: 5px solid #000;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	}
	
	.myCarousel .wrapper ul {
	  width: 637px; /* single item * n */
	  list-style-image:none;
	  list-style-position:outside;
	  list-style-type:none;
	  margin:0;
	  padding:0;
	  position: absolute;
	  top: 0;
	}
	
	.myCarousel ul li {
	  display:block;
	  float:left;
	  height: 364px;
	  width: 637px;
	}
	
	.myCarousel ul li img {
		-webkit-transition: border-color 400ms;
	}
	
	.myCarousel ul:hover li img {
	  border-color: #000;
	}
	
	.myCarousel ul:hover li:hover img {
	  border-color: #333;
	}
	
	.myCarousel ul li a img {
	  display:block;
	}
	
	.myCarousel .arrow {
	  display: none;
	  height: 33px;
	  width: 33px;
	  background: url(../img/bg-page-arrows.png) no-repeat 0 0;
	  text-indent: -999em;
	  position: absolute;
	  top: 130px;
	  cursor: pointer;
	  outline: 0;
	}
	
	.myCarousel .forward {
	  background-position: -33px 0;
	  right: -18px;
	}
	
	.myCarousel .back {
	  background-position: 0 0;
	  left: -18px;
	}
	
	.myCarousel .forward:hover {
	  background-position: -33px -33px;
	}
	
	.myCarousel .back:hover {
	  background-position: 0 -33px;
	}

/**################################
 * #### Formulars #################
 * ################################
 */ 
	form { margin: 0; padding: 0; }
	
	.required { color: #990000; }
	
	form h3 { margin: 20px 0 10px; }
	form h3.first, form h4.first { margin-top: 0; }
	
	fieldset { position: relative; margin: 0; padding: 20px; background: #f5f5f5; -moz-border-radius: 6px; border: 1px solid #ccc;  }
	
	legend { padding: 3px 13px; color: #333; margin: 0; font-size: 120%; }
	
	label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
		cursor: pointer;
	}
	
	input[type=button], input[type=submit], button { 
	overflow: visible;
	padding: 5px;
	}
	
	input[type=checkbox], input[type=radio] { vertical-align: middle; margin: 0 5px 0 0; padding: 0; }
	
	input:focus, textarea:focus {
	}		
	
	input[type=text], input[type=password],  select, textarea { 
		padding: 2px; font-size: 13px; border: 1px solid #ccc;
		margin: 1px;
	}
	
	
	form .optBorder { padding: 0 0 13px 24px; }
	form .optBorder input { margin-left: -23px; }
	form .optBorder label { float: none; padding: 3px 0 0; }
	
	/** Form results **/
	form .result-holder { }
	form .result-holder .success, form .result-holder .error, form .result-holder .alert { padding: 8px; margin: 0 0 13px; -moz-border-radius: 5px; }
	form .result-holder .success { border: 1px solid #9bb176; background-color: #e1eebd }
	form .result-holder .error	 { border: 1px solid #d45443; background-color: #ffe5dc; }
	form .result-holder .alert	 { border: 1px solid #FC6; background-color: #FFC; }
	form .result-holder img 	 { float: left; margin-top: 3px; vertical-align: middle; }
	
	select { padding: 1px; }
	option { padding: 1px 6px 0 2px; }
	
	label {
		float: left;
		text-align: right;
		width: 27%;
		margin-right: 2%;
		padding: 2px 0 0;
	}

	label .small{
		color:#666;
		font-size:11px;
		font-weight:400;
		text-align:right;
	}
	
	.right { 
		margin-left : 30%; 
	}
	
	form li { padding: 5px 0; }
	
	form .long { width: 55%; }
	form .mid { width: 30%; }
	form .small { width: 15%; }


	form .inp-mid { width: 150px; }

	.show-hint {
		position: absolute; 
		left: 107%; top: -4px; 
		border: 1px solid #FC6; 
		background: #FFC; 
		font-size: 82%; 
		width: 305px; 
		padding: 8px 5px 8px 18px;
		line-height: 1.5em;
		-moz-box-shadow: 0 0 5px rgba(0,0,0, 0.25);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.25);
	}

	.show-hint .arw { 
		position: absolute; 
		left: -16px; top: 2px; 
		width: 16px; 
		height: 20px; 
		background: transparent url(../img/bg-hint-arw.png) left center no-repeat; 
	}

	input.active-input { border-color: #FC6; background-color: #FFC; }

	/** shareit Button **/
	.btn-shareit { 
		display: block;
		float: right;
		width: 235px; 
		height: 48px;
		text-indent: -999em;
		background: url(../img/en/cg-btn-cart-goon.png) top left no-repeat;
	}
	
	.btn-cancel-shareit { 
		display: block;
		float: left;
		width: 155px;
		height: 34px;
		margin-top: 14px;
		text-indent: -999em;
		background: url(../img/en/cg-btn-cart-abort.png) top left no-repeat;
	}

	.downloadH2 a, .downloadH2 a:visited, .downloadH2 a:hover { text-decoration: none; color: #323d6b; }
		
	.popup-month-links { margin-bottom: 13px; }
	.popup-month-links li { float: left; margin-right: 9px; }
	.popup-month-links li.last { margin-right: 0; }
	.popup-month-links a { display: block; width: 136px; height: 64px; background: transparent none 0 0 no-repeat; }
	
	.popup-month-links a.month-1  { background-position:  0 0; }
	.popup-month-links a.month-3  { background-position:  0 -64px; }
	.popup-month-links a.month-6  { background-position:  0 -128px; }
	.popup-month-links a.month-12 { background-position:  0 -192px; }

	.popup-month-links a.month-1:hover  { background-position:  -136px 0; }
	.popup-month-links a.month-3:hover  { background-position:  -136px -64px; }
	.popup-month-links a.month-6:hover  { background-position:  -136px -128px; }
	.popup-month-links a.month-12:hover { background-position:  -136px -192px; }
	
	
	
	
	/*** Abo Tab Table ***/	
	#aboTabHeader li { float: left; border: 1px solid #ddd; margin-right: 3px; }
	
	#aboTabHeader li a { 
		display: block; 
		border: 1px solid #f9f9f9; 
		background: #eee url(../img/bg-tabs.png) 0 0 repeat-x; 
		padding: 5px 13px;
		text-decoration: none;
		color: #555;
		font-size: 15px;
		font-weight: normal;
		-moz-text-shadow: 1px 0 0 rgba(255,255,255, 1);
		text-shadow: 1px 1px 0 rgba(255,255,255, 1);
	}

	#aboTabHeader li.current { border-bottom-color: #fff; }
	#aboTabHeader li.current a { color:  #C00  }
	#aboTabHeader li.current a, #aboTabHeader li a:hover { background-position: 0 -32px; border-bottom-color: #fff; }

	#aboTabContent { border: 1px solid #ddd; margin-top: -1px; }
	#aboTabContent .pane { display: none; padding: 10px 10px 0; }
	#aboTabContent .ucp-table { margin-bottom: 9px; }
	#aboTabContent .ucp-table .odd,
	#aboTabContent .ucp-table .even,
	#aboTabContent .ucp-table .odd td,
	#aboTabContent .ucp-table .even td { border: 0 none; background: none; }
		
	#aboTabContent .ucp-table td, #aboTabContent .ucp-table th {
		border: 1px solid #ddd;
	}
	#aboTabContent .ucp-table th { 
		background: url("../img/bg-timeline.png") repeat-x scroll 0 100% #E0E0E0;
		border: 1px solid #DDD;
		border-width: 1px 0;
		color: #666;
		font-size: 12px;
		font-weight: normal;
		padding: 3px 8px 3px 0;
		text-align:left;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
		white-space:nowrap;
		text-transform: none;	
	}
	
	/** Premium Abo oder Laufzeit **/	
	
	#aboTabContent .ucp-table th.first {  }
	#aboTabContent .ucp-table th.last  { border-right-width: 1px; }	
	#aboTabContent .ucp-table th.th-act { color: #090; font-weight: bold; }
	#aboTabContent .ucp-table td.table-container { padding: 0; border: 0 none; }

	#aboTabContent .ucp-table .running { background: none; }
	#aboTabContent .ucp-table td { border-bottom: 1px solid #ddd; border-top: 0 none; }
	#aboTabContent .ucp-table table {   }
	#aboTabContent .ucp-table table td { border-left: 0 none; }
	#aboTabContent .ucp-table table td.front { background-color: #f9f9f9; font-weight: bold; width: 180px; border-left: 1px solid #ddd; } 
	#aboTabContent .ucp-table table td.last { border-bottom: 0 none; }	
	

	#aboTabContent .ucp-table th { line-height: 1.3em; }
	#aboTabContent .ucp-table .is-prem th { background: #FED633 url("../img/bg-timeline.png") repeat-x scroll 0 -250px; color: #0E3083 }
	#aboTabContent .ucp-table th.type { width: 275px; font-weight: bold; font-size: 14px; }
	#aboTabContent .ucp-table th.type small, #aboTabContent .ucp-table th.type a { font-weight: normal; }
	#aboTabContent .ucp-table th.type small { color: #888; font-size: 11px; }
	#aboTabContent .ucp-table th.first { border-left-width: 1px; width: 18px; font-size: 9px; padding-left: 5px; vertical-align: top }

	#aboTabContent .ucp-table .is-next th { color: #666 }
	#aboTabContent .ucp-table .is-paused th { color: #666 }
	#aboTabContent .ucp-table .is-ended th { color: #444; }
	
	#aboTabContent .ucp-table th.first img { background: transparent url(../img/treeview/status-icons.png) 0 0 no-repeat; width: 18px; height: 18px; display: block; }
	#aboTabContent .ucp-table th.first img.stat-act 	{ background-position: 0 0; }
	#aboTabContent .ucp-table th.first img.stat-paused 	{ background-position: -24px 0; }
	#aboTabContent .ucp-table th.first img.stat-next 	{ background-position: -48px 0; }
	#aboTabContent .ucp-table th.first img.stat-ended 	{ background-position: -72px 0; }
	
	#aboTabContent .tree-container { padding-left: 50px; padding-bottom: 9px; background: transparent url(../img/treeview/treeview-default-line.png) 0 50% no-repeat }	
	#aboTabContent .tree-container table { margin-bottom: 0;  }
	#aboTabContent .tree-container table table td,
	#aboTabContent .tree-container table table td.front { color: #999; background: #f5f5f5 }
	#aboTabContent .tree-end { background-image: url(../img/treeview/treeview-end-line.png); }

	.upgrade-wrapper { display: inline-block; padding-left: 32px; }
	.icon-upgrade { float: left; width: 32px; height: 32px; margin-left: -32px; z-index: 100; position: relative; }
	.upgrade-desc { float: left; line-height: 1.3em; }	
	
	table.tended { margin-bottom: 9px; }
	
	a.btn-upgrade, a.btn-opt {
		position: relative;
		background: #eee;
		border: 1px solid #999;
		color: #333;
		cursor: pointer;
		font-weight: bold;
		line-height: 1.25em;
		overflow: visible;
		padding: 7px 8px 7px 17px;
		margin: 0 0 5px -10px;
		width: auto;
		font-size: 13px;
		text-decoration: none; 
		white-space: nowrap;
		display: inline-block;
		/** Special Browser Styles **/
		background: -moz-linear-gradient(center top , #f5f5f5, #ccc) repeat scroll 0 0 #ccc;
		background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#ccc));
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-shadow: 0 1px 0 #fff;	
		z-index: 99;
	}
	a.btn-upgrade:hover, a.btn-opt:hover {
		background: #f5f5f5;
		border-color: #666;
		/** Special Browser Styles **/
		background: -moz-linear-gradient(center top , #ccc, #f5f5f5) repeat scroll 0 0 #f5f5f5;
		background: #f5f5f5 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#f5f5f5));
	}
	
	a.btn-opt { padding: 3px 5px; font-size: 11px; margin: 0 0 0 5px; }
	a.btn-upgrade small { font-weight: normal; color: #666; }
	
	/** Upgrade Account Übersicht **/
	#upgradeWrapper {
		border: 1px solid #DDD;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 13px;
	}
	
	#upgradeWrapper .up-left { float: left; width: 50%; }
	#upgradeWrapper .up-right { float: left; width: 45%; margin-left: 5% }	
	
	#upgradeWrapper .up-left .box { float: left; width: 48%; margin-right: 2%; }
	
	
	#upgradeWrapper .premium .box-basic { display: none; }
	#upgradeWrapper .basic .box-premium { display: none; }	
	
	
	#upgradeWrapper .upgrade-inner { 
		padding: 10px;
		display: block;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: url("../img/bg-account-promo.png") repeat-x scroll 0 0 #e6e6e6;
		border: 1px solid #fff;
	}
	
	#upgradeWrapper .upgrade-wrapper { padding-bottom: 5px; display: block }
	#upgradeWrapper .up-first { padding-top: 0; }
	#upgradeWrapper .up-last { border-bottom: 0 none; padding-bottom: 0 }
	#upgradeWrapper .up-desc { margin-left: -32px; line-height: 1.3em; display: block; margin-bottom: 8px; padding-bottom: 5px; font-size: 13px; border-bottom: 1px dotted #ccc; }
	
/**################################
 * #### Footer ####################
 * ################################
 */ 
 	#footer { background: transparent url(../img/bg-footer.png) 50% 100% no-repeat; height:262px; }
	#footer .pad { padding: 26px; }
	#footer h4 { font-size: 16px; color: #a94900; font-weight: 700; margin: 0 0 .64em; }
	
	#footer .left-col { float: left; width: 38%; margin-right: 3%; }
	#footer .right-col { float: right; width: 17%; }	
	
	#footer li { border-bottom: 1px dotted #bababa; }
	
	#footer li a { display: block; padding: .15em .25em }
	
	#footer a:link, #footer a:visited  	{ text-decoration: none; color: #5d5c57 } 
	#footer a:hover, #footer a:active	{ text-decoration: none; background: #fffdc7; } 	
	
	#footer a:link span, #footer a:visited span { color: #334466; font-weight: bold; }
	#footer a:hover span, #footer a:active span { color: #334466; }
	

/**#########################
 * #### HTML Replacement ###
 * #########################
*/
	.align-right 	{ text-align:right}
	.align-left 	{ text-align:left}	
	.center			{ text-align:center}
	
	.float-left  {float:left}
	.float-right {float:right}	

	ol.numeric li { list-style-type: decimal; margin-left: 21px; }
	

	.marg_auto {margin-left:auto;margin-right:auto}

	strong {font-weight:700}
	em, i  {font-style:italic}

	big 	{ font-size:1.25em}
	.lhs {line-height:1.3}
	.lhm {line-height:1.5}
	.xbig	{ font-size:1.40em}
	big.first {font-size:2em;letter-spacing:1px }
	
	small, .fsmall {font-size:85%}
	.fxsmall {font-size:82%}
	.fxxsmall {font-size:72%}
	
	/*** Defining the main colors	***/
	.black 	{color:#333}
	.red	{color:#990000}
	.grey, .grey a {color:#777}
	.xgrey	{color:#999}
	.orange {color:#cc7722}
	.yellow {color:#ffdd11}
	.blue	{color:#336699}
	.green	{color:#608800}
	.purple, a.purple {color:#e2007a!important}
	
	.odd, .odd td,  .odd_column {background-color:#e7f0f8}
	.even, .even td, .even_column {background-color:#fff}	

	.hidden {display:none}
	.block {display:block}
	
	a img {border:0 none}
	
	.framed {background:white;padding:3px;border:1px solid #ccc}

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li {position:absolute;	visibility:hidden;	}		

	.rel {position:relative;z-index:+2}
	
	.w_perc_90 {width:88%}
	.w_perc_85 {width:83%}
	.w_perc_80 {width:78%}
	.w_perc_75 {width:74%}
	.w_perc_70 {width:68%}
	.w_perc_65 {width:64%}
	.w_perc_60 {width:58%}
	.w_perc_55 {width:53%}
	.w_perc_50 {width:48%}
	.w_perc_45 {width:44%}
	.w_perc_40 {width:38%}
	.w_perc_35 {width:33%}
	.w_perc_33 {width:30%}
	.w_perc_30 {width:28%}
	.w_perc_25 {width:24%}
	.w_perc_20 {width:18%}
	.w_perc_15 {width:13%}
	.w_perc_10 {width:8%}
	.w_perc_5  {width:3%}		

	/* listen */
	.dotted  li, .squared li, .ordered li, .decimal li  {margin-left:21px;padding:1px 0}
	.ordered li, .decimal li {list-style-type:decimal;padding:2px 0 5px;margin-bottom:5px; border-bottom:1px dotted #ddcc44}
	.dotted  li {list-style-type:disc}
	.squared li {list-style-type:square}
	
	h4.highlight { background-color: #FF8 }
	
	.screen-list { margin: 34px 0 0; }
	.screen-list li { float: left; margin: 0 0 21px 0; width: 50%; text-align: center; }
	
/**################################
 * #### Clearfix Hack #############
 * ################################
 */	
 	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden;
	}	

	.clearfix {display:inline-block}  /* ... Clearing f�r IE5/Mac und IE7 */

	* html .clearfix {height:1%}   /* ... f�r IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix {display:block}      /* ... f�r IE5,IE6,IE7 | Mac-Einstellungen f�r IE/Win zur�cksetzen */	


#beta {
	position:fixed;
	border:1px solid black;
	top: 100px;
	left: 0px;
	width: 60px;
	height: 60px;
	background-image:url(../img/beta.jpg);
	background-position: center;
	background-repeat: no-repeat;
}	
#subNav .basictext {
	width: 75px;
	height: 15px;
	background-image: url(../img/basic-text.png);
	background-position: top left;
	background-repeat: no-repeat
}

#subNav .premiumtext {
	width: 75px;
	height: 15px;
	background-image: url(../img/premium-text.png);
	background-position: top left;
	background-repeat: no-repeat
}

#subNav .accountdetails {
	width: 130px;
	height: 25px;
	background-image: url(../img/account-ico.png);
	background-position: top left;
	background-repeat: no-repeat
}

#subNav .accountdetails:hover {
	background-position: bottom left;
}

#subNav .addserial {
	width: 165px;
	height: 25px;
	background-image: url(../img/serial-ico.png);
	background-position: top left;
	background-repeat: no-repeat
}

#subNav .addserial:hover {
	background-position: bottom left;
}

#subNav .beenden {
	width: 60px;
	height: 25px;
	background-image: url(../img/beenden-ico.png);
	background-position: top left;
	background-repeat: no-repeat
}

#subNav .beenden:hover {
	background-position: bottom left;
}

.myborder {
	 border: 1px solid black;	
}

#headerBoxes { position: absolute; top: 15px; right: 10px; font-size: 88%; width: 660px;}

#topTraffic { text-align: left; position: relative; width: 100%; }
#topTraffic .box { font-size: 10px; position: relative; border: 1px solid #ced4df; margin-bottom: 25px; width: 240px; height: 75px; padding: 13px; background: #eee url(../img/bgWhiteTransparent.png) top left repeat-x; -moz-border-radius: 8px; }
#topTraffic .more-link { position: absolute; display: block; right: 10px; top: 10px; }
#topTraffic .box-basic { float: left; }
#topTraffic .box-premium { float: right; }

.traffic-info { background: #f5f5f5; border: 1px solid #ccc; margin-bottom: 21px; margin-top: -10px; }
.traffic-info p { margin: 0; padding: 10px; border: 1px solid #fff; }
.traffic-info img { float: left; margin-right: 5px; }

#boxVisitor .box { font-size: 10px; position: relative; border: 1px solid #ced4df; float: right; min-width: 300px; min-height: 75px; padding: 5px; margin: 0 0 0 5px; background: transparent url(../img/bgWhiteTransparent.png) top left repeat-x; -moz-border-radius: 8px; }
#boxVisitor p { margin: 0; padding: 0 0 4px 0; line-height: 1.235 }
#boxVisitor h3 { font-size: 1.0em; margin: 0; padding: 0 0 2px; }

#abonnements {
	width: 100%;
	border: 0px solid #ced4df;
}
#abonnements #tab-header {
	float: left;
	width: 100%;
	border: 0px solid #ced4df;
	margin-top: 13px;
}
#abonnements #tab-header .ttab {
	position: relative;
	bottom: -1px;
	float: left;
	text-align: center;
	width:75px;
	padding: 5px;
	margin-right: 5px;
	background-color: #fded99;
	border-top: 1px solid #F8C203;
	border-left: 1px solid #F8C203;
	border-right: 1px solid #F8C203;
	cursor: pointer;
}
#abonnements #tab-header .ttab:hover {
	background-color: #fff;
}
#abonnements #tab-header .active {
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
#abonnements #tab-header .tinfo {
	position: relative;
	bottom: -1px;
	float: right;
	text-align: center;
	width: 50px;
	padding: 5px;
	background-color: #fff;
	border-top: 1px solid #F8C203;
	border-left: 1px solid #F8C203;
	border-right: 1px solid #F8C203;
	cursor: help;
}
#abonnements #tab-content {
	padding: 5px;
	float: left;
	width: 100%;
	border: 1px solid #F8C203;
	background-color: #fff;
}
#abonnements #tab-content .tcontent {
	background-color: #fff;
}
#abonnements td {
}
.running {
	background-color: #ceF4df;

}
.outstanding {
	background-color: #ced4df;
}
.ended {
	background-color: #999;
}
.abonnements {
	background-color: #999;
}
#abonnements #tab-content .tcontent table {
	width: 100%;
}
#abonnements #tab-content .tcontent table th {
	padding-right: 5px;
	text-align: right;
}
#abonnements #tab-content .tdetails {
}
#abonnements #tab-content .tdetails table tr {

}
#abonnements #tab-content .tdetails table tr td {
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
}
#abonnements #tab-content .tdetails table tr th {
	height: 25px;
	line-height: 25px;
}
.aboSmallTrack { 
	display: block;
	background: url(../img/bgTrafficTrack.png) center right no-repeat;
	height: 6px;
	font-size: 0.01em;
	width: 356px;
	margin: 5px 0 3px;
}

.aboSmallBar {
	display: block;
	background: url(../img/bgTrafficOverview.png) center left no-repeat;
	height: 6px;
	font-size: 0.01em;
	width: 350px;
}

ul#blog_last_posts li { padding: 5px 0; border-bottom: 1px dotted #ccc; }
ul#blog_last_posts li small { color: #777; }