@charset "utf-8";
@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 { margin-bottom: 6px; }
	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 Arial, Helvetica, sans-serif; }
	
	body { background: transparent url('../img/bgBody.png') left top repeat-x; text-align: center; padding: 0; }
	
	a:link, a:visited { color: #003063; 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; }
	#faqAnswers h4 { padding: 5px; }
	h5 { }
	h6 { }

/**################################
 * #### Main Layout Wrapper #######
 * ################################
 */ 
	#pageWrapper 	{ margin: 0 auto; width: 919px; text-align: left; position: relative; }
	#popupWrapper 	{ margin: 0 auto; text-align: left; position: relative; }	
	#contentWrapper { background: transparent url('../img/bgContentWrapper.png') left top repeat-y; margin-top: 2px; padding: 0 4px; }
	#header 		{ position: relative; height: 143px; margin-top: 16px; background: transparent url('../img/bgHeader.png') left top no-repeat; }
	#content 		{ padding: 0 }
	#contentPadding { padding: 21px 20px; }
	#contentSingle	{ width: 640px; margin: 0 auto; }
	#footer			{ background: transparent url(../img/bgFooter.png) top center repeat-x; }

/**################################
 * #### Header ####################
 * ################################
 */
	#header .pad { position: relative; padding: 24px 24px 0 24px; }
	#header h1 a { display: block; width: 215px; height: 76px; text-indent: -999em; }

	#navi { position: absolute; top: 14px; right: 14px; font-size: 82%; }
	#navi ul { }
	#navi li { float: left; padding: 0 1px; }

	#topNav 	 { position: absolute; bottom: 0; left: 21px; right: 4px; width: 100%; }
	#topNav ul 	 { float: left; height: 30px; width: 100%; line-height: 1; margin: 0; padding: 0; }
	#topNav li	 { float: left; margin: 0; padding: 0; }
	#topNav li a { color: #445588; font-size: 13px; letter-spacing: -1px; font-weight: 700; text-decoration: none; }
	#topNav li a, #topNav li a span { display: block; line-height: 1; background: transparent url('../img/cg-tabnav-set.png') left top no-repeat; }
	#topNav li a:hover, #topNav li a:active { background-position: left -40px; color: #fff; }
	#topNav li a:hover span, #topNav li a:active span { background-position: right -40px; }
	#topNav li a span { background-position: right top; padding: 11px 21px 6px; }
	#topNav .current a, #topNav a:hover	{ background-position: left -40px; color: #fff; }
	#topNav .current a span, #topNav a:hover span { background-position: right -40px; padding-bottom: 8px; }

	#flags { position: absolute; top: 14px; right: 14px; }
	#flags li { float: left; }
	#flags a { display: block; width: 32px; height: 32px; background: transparent url('../img/cg-flag-set.png') top center no-repeat; }
	#flags a span { display: block; text-indent: -999em; }
	#flags a.de { background-position: 0 0; }
	#flags a.en { background-position: 0 -32px; }
	#flags a.fr { background-position: 0 -64px; }
	#flags a.it { background-position: 0 -96px; }
	#flags a.es { background-position: 0 -128px; }
	#flags a.nl { background-position: 0 -160px; }
	
	#flags a.de:hover { background-position: -32px    0px; }
	#flags a.en:hover { background-position: -32px  -32px; }
	#flags a.fr:hover { background-position: -32px  -64px; }
	#flags a.it:hover { background-position: -32px  -96px; }
	#flags a.es:hover { background-position: -32px -128px; }
	#flags a.nl:hover { background-position: -32px -160px; }	

	#subNav {
		position: relative; 
		border-bottom: 2px solid #fff; 
		color: #f4f6ff; 
		background: #364b96 url('../img/bgSubNav.png') left top repeat-x; 
		padding: 3px 10px;
		font-size: 11px;
	}
	#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; }
	
	#topTraffic .box { font-size: 10px; position: relative; border: 1px solid #ced4df; float: right; width: 200px; height: 75px; padding: 8px; margin: 0 0 0 5px; background: transparent url(../img/bgWhiteTransparent.png) top left repeat-x; -moz-border-radius: 8px; }
	#topTraffic .more-link { position: absolute; display: block; right: 10px; top: 10px; }
	
	#topVisitor .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; }
	#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%;
	}


/**#########################
 * #### Content ############
 * #########################
*/	

	.down-link { padding: 5px 8px; background: #eee; margin-bottom: 21px; }
	
	.home-header { position: relative; height: 374px; padding: 13px 20px; margin: 0; background: url('../img/bg-home-header.jpg') top left no-repeat; }
	
	.home-header .row-top { position: relative; height: 250px; }
	.home-header .row-bot { position: relative; padding-left: 24px;  }
	
	.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; float: left; width: 296px; height: 86px; }
	.home-header-more  	 { display: block; position: absolute; bottom: 21px; right: 36px; 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%;}	
	
	#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 { padding-left: 64px; background: #fff url(../img/bg-home-icon-sprite.png) top left no-repeat; }
	.ico-storage { background-position: 0 -192px; }
	.ico-fast { background-position: 0 -432px; }
	.ico-firewall { 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; }
	
	#navBar { float: left; width: 260px; }
	#contentBar { margin: 0 30px; float: left; width: 550px; }
	#contentLeft { margin-right: 300px;  }
	#contentSingle { width: 680px; margin: 0 auto; }
	#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; }
	
	
	#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; }
	#traffic li span 		{ float: left; display: block; 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; }
	
	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) top right no-repeat; color: white; font-size: 19px; font-weight: bold; padding: 0; line-height: 1; }
	#planTable table th span { display: block; background: url(../img/bg-plan-th.png) top left; background-repeat:repeat-x; margin: 0 0 0 -3px; padding: 10px 13px 8px 0; text-align: center; }
	#planTable table th.front { background: #fff none; color: #000; font-size: 18px; padding-left: 10px; }
	#planTable table th.t-free { background-position: 0 -39px; }
	#planTable table th.t-free span { background-position: 100% -39px; }	

	#planTable table td { padding: 10px; text-align: center; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
	#planTable table td.label { width: 178px; 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; }
	#planTable td.bg-traffic-25-td a { display: block; height: 63px; width: 555px; text-indent: -999em; }
	
/*---------*/
	#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: #fff url(../img/bg-plan-table.png) top left repeat-x; 
		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: -1px; 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: 18px; 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 { padding: 10px 5px; text-align: center; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; width: 19%; }
	#planTable2 table td.label { width: 33%; color: #424551; font-size: 11px; font-weight: bold; text-align: left; }
	#planTable2 table tr.pakets td { color: #000; font-size: 16px; font-weight: bold; vertical-align: top; padding: 15px 8px }
	#planTable2 table tr.pakets td small { color: #DD0000; font-size: 11px; }
	#planTable2 table tr.pakets td.front { text-align: left; color: #424551; }

	#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: url(../img/td-pre-shad.png) right top repeat-y; }
	#planTable2 table td.sub-shad { background: 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-position: 50% 0 }
	#planTable2 td.bg-traffic-25-td a { display: block; height: 63px; width: 555px; text-indent: -999em; }

	
	#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); }
	
/**################################
 * #### Home Carousel #############
 * ################################
 */ 
	.myCarousel {
	  width: 871px;
	  position: relative;
	}
	
	.myCarousel .wrapper {
	  width: 871px; /* .myCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  height: 235px;
	  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: 871px; /* 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: 203px;
	  width: 823px;
	  padding: 23px 24px 0;
	}
	
	.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: block;
	  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; }

	
	
	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;
	}
	
	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; clear: both; }
	
	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; }

	#langSelect { position: absolute; top: 0px; left: 100%; margin-left: -4px; font-size: 11px; z-index: 100; color:#000; }
	#langSelect ul, #langSelect li { margin: 0; padding: 0; }
	#langSelect a { display: block; background: url(../img/cg-flag-tab-sprite.png) top left no-repeat;  }
	#langSelect a span { display: block; text-indent: -999em; height: 28px; width: 32px;  }
	
	#langSelect li a.de { background-position: 0 0; }
	#langSelect li a.en { background-position: 0 -56px; }
	#langSelect li a.fr { background-position: 0 -112px; }	
	#langSelect li a.it { background-position: 0 -168px; }
	#langSelect li a.es { background-position: 0 -224px; }		

	#langSelect li.current a.de { background-position: 0 -28px; }
	#langSelect li.current a.en { background-position: 0 -84px; }
	#langSelect li.current a.fr { background-position: 0 -140px; }
	#langSelect li.current a.it { background-position: 0 -196px; }
	#langSelect li.current a.es { background-position: 0 -252px; }

	/** 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; }
	
	
/**################################
 * #### Footer ####################
 * ################################
 */ 
 	#footer .pad { padding: 26px; }
	#footer h4 { font-size: 16px; color: #ffb901; 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 #666; }
	
	#footer li a { display: block; padding: .15em .25em }
	
	#footer a:link, #footer a:visited  	{ color: #afc4bd; text-decoration: none; } 
	#footer a:hover, #footer a:active	{ color: white; text-decoration: none; background: #132022; } 	
	
	#footer a:link span, #footer a:visited span { color: #eee; }
	#footer a:hover span, #footer a:active span { color: #eee; }
	

/**#########################
 * #### 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 }
	
/**################################
 * #### 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: 190px; height: 75px; padding: 10px; background: transparent 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; }

#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; }

	.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; }


#abonnements {
	width: 100%;
	border: 0px solid #ced4df;
}
#abonnements #tab-header {
	float: left;
	width: 100%;
	border: 0px solid #ced4df;
}
#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;
}