/*
 * sticky footer start
 * http://www.cssstickyfooter.com
 */
html, body {
	height: 100%;
}
/* Landscape phones and down
 * @TODO
@media screen and (max-width: 320px) {
	html, body {
	/* this option disables automatic text resizing on the iphone
	applied only to this media type to not disable text zooming on webkit desktop browsers
	-webkit-text-size-adjust: none;
	}
}*/
#wrapper {
	min-height: 100%;
	padding: 0 5px;
}
.ie6 #wrapper {
	display: table;
	height: 100%
}
#content {
	padding-bottom: 570px; /* must be same height as the footer */
}
footer {
	position: relative;
	margin-top: -531px; /* negative value of footer height */
	height: 531px;
	background-color: #333;
	/*background: linear-gradient(to bottom, #333, #222); /*Standard*/
	clear: both;
	padding: 0 5px;
}
/* Opera Fix */
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}
/*
 * sticky footer end
 */

/*
 * fonts start
 * http://www.fontsquirrel.com/fonts/Droid-Sans#fontface
 *
 * note: Google Webfonts provides better fonts for IE
 *
@font-face {
    font-family: 'Droid Sans';
    src: url('/assets/fonts/DroidSans-webfont.eot'); /* IE9 Compat Modes *
    src: local('☺'),
    	 url('/assets/fonts/DroidSans-webfont.eot?iefix') format('eot'), /* IE6-IE8 *
         url('/assets/fonts/DroidSans-webfont.woff') format('woff'), /* Modern Browsers *
         url('/assets/fonts/DroidSans-webfont.ttf') format('truetype'), /* Safari, Android, iOS *
         url('/assets/fonts/DroidSans-webfont.svg#webfontvPbqv93l') format('svg'); /* Legacy iOS *
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Sans';
    src: url('/assets/fonts/DroidSans-Bold-webfont.eot');
    src: local('☺'),
    	 url('/assets/fonts/DroidSans-Bold-webfont.eot?iefix') format('eot'),
         url('/assets/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('/assets/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/DroidSans-Bold-webfont.svg#webfontz5VfsPqy') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*
 * fonts end
 */

/*
 * common start
 */
body {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #444;
	background: url(/img/border-top.png) repeat-x;
	font-size: 62.5%; /* -> 1em = 10px */
	text-rendering: optimizeLegibility;
}
/* this disables text size adjusting on iPhones etc. */
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
header, nav, #content, #footer-content {
	width: 960px;
	margin: 0px auto;
}
header {
	overflow: hidden;
}
#content {
	margin-top: 42px;
	font-size: 1.6em;
}
/*#content.submenu {
	margin-top: 78px;
}*/
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.6em;
	margin: 24px 0 16px 0;
}
h2 > a{
	color: #444 !important;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
}
a, a:visited {
	color: #ff8000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a.no-decoration {
	text-decoration: none;
}
a.help-link {
	background: url(/img/icons/help_16.png) no-repeat 0 1px;
	padding-left: 20px;
	color: #7199C7;
}
a.left {
	padding-left: 30px;
	background: url(/img/cyon-arrows-left.png) no-repeat left 6px;
}
ul {
	line-height: 140%;
}
li 	{
	margin: 0 0 12px 20px;
}
#main {
	float: left;
	width: 670px;
}
.main-small {
	float: left;
	width: 670px;
	padding-bottom: 48px;
}
.main-wide {
	clear: left;
}
p {
	line-height: 140%;
	margin-bottom: 12px;
}
img.border, iframe.border, code.border, pre.border {
	border: 12px solid #f1f1f1;
	-moz-border-image: url(/img/border-image-dark.png) 12 repeat;
	-webkit-border-image: url(/img/border-image-dark.png) 12 repeat;
	-o-border-image: url(/img/border-image-dark.png) 12 repeat;
	border-image: url(/img/border-image-dark.png) 12 repeat;
	behavior: url(/assets/PIE.htc);
}

.article img {
	border: 12px solid #f1f1f1;
	-moz-border-image: url(/img/border-image-dark.png) 12 repeat;
	-webkit-border-image: url(/img/border-image-dark.png) 12 repeat;
	-o-border-image: url(/img/border-image-dark.png) 12 repeat;
	border-image: url(/img/border-image-dark.png) 12 repeat;
	behavior: url(/assets/PIE.htc);
	max-width: 646px;
}
.article img.noBdr {
	border: none;
}

img.border-thumb {
	border: 6px solid #f1f1f1;
	-moz-border-image: url(/img/border-image-dark.png) 6 repeat;
	-webkit-border-image: url(/img/border-image-dark.png) 6 repeat;
	-o-border-image: url(/img/border-image-dark.png) 6 repeat;
	border-image: url(/img/border-image-dark.png) 6 repeat;
	behavior: url(/assets/PIE.htc);
}

img.border-thumbMedium,
.gallery-item img{
	border: 9px solid #f1f1f1 !important;
	-moz-border-image: url(/img/border-image-dark.png) 9 repeat !important;
	-webkit-border-image: url(/img/border-image-dark.png) 9 repeat !important;
	-o-border-image: url(/img/border-image-dark.png) 9 repeat !important;
	border-image: url(/img/border-image-dark.png) 9 repeat !important;
	behavior: url(/assets/PIE.htc);
}
.right {
	float: right;
}
/*.ie img.border-thumb {
	border: 6px solid white;
}

/*
 * drop shadows start
 * source: http://nicolasgallagher.com/css-drop-shadows-without-images/
 */
.drop-shadow {
    position: relative;
    margin-bottom: 15px;
    float: left;
}
.drop-shadow:before, .drop-shadow:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 22px;
    bottom: 20px;
    width: 70%;
    max-width: 300px;
    height: 35%;
    background: transparent;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    transform: skew(-15deg) rotate(-6deg);
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
}
.drop-shadow:after {
    left: auto;
    right: 22px;
    transform: skew(15deg) rotate(6deg);
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
}
.note, .wp-caption-text {
	color: #ccc;
	font-size: 14px;
}
.gallery-caption{
	display: none;
}
.monospace {
	font-family: "Courier New", Courier, monospace;
}
.dashed-box {
	background: url(/img/light-stripe.png) repeat-x left top, url(/img/light-stripe.png) repeat-x left bottom;
	background-color: #F0F0F0;
	clear: both;
	margin: 8px 0 13px;
	padding: 13px;
	color: #888;
	text-shadow: 0 1px 0 #FFFFFF;
}
/*
 * drop shadows end
 */
a.img-zoom, a.img-zoom-webmail {
	position: relative;
	float: left;
}
a.img-zoom:hover:after, a.img-zoom-webmail:hover:after {
	content: url(/img/zoom.png);
	position: absolute;
	z-index: 1;
	top: 29%;
	left: 33%;
	width: 0;
	height: 0;
	display: block;
}
a.img-zoom-webmail:hover:after {
	top: 12%;
	left: 26%;
}
.intro p, p.intro {
	color: #999;
	font-size: 1.4em;
	margin-top: 20px;
	line-height: 140%;
}
.intro.small {
	width: 555px;
	float: left;
}
.block {
	overflow: hidden;
	clear: both;
}
.block.overflow {
	overflow: visible;
	clear: both;
}
.quotebubble {
	position: relative;
	padding: 16px 22px 13px 22px;
	width: 256px;
	behavior: url(/assets/PIE.htc);
	background: #edf4f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf4f4), to(#e7eded));
	background: -moz-linear-gradient(#edf4f4, #e7eded);
	background: linear-gradient(#edf4f4, #e7eded);
	-pie-background: linear-gradient(#edf4f4, #e7eded);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: right;
}
.quotebubble:after {
    content: "";
    position: absolute;
    bottom: -28px; /* value = - border-top-width - border-bottom-width */
    right: 20px; /* controls horizontal position */
    border-width: 28px 0 0 28px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #e7eded transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}
.quotebubble.small {
	width: 198px;
}
.quotebubble p {
	font-family: Georgia, serif;
	font-size: 1.2em;
	color: #626363;
	margin: 15px 0 26px 0;
}
.quotebubble a {
	text-decoration: none;
}
.quotebubble img.quotemark {
	float: left;
	margin-right: 14px;
}
.quotebubble img.logo {
	float: right;
	margin-bottom: 4px;
}
.quotebubble span {
	clear: right;
	font-size: 0.9em;
	float: right;
	color: #818181;
}
.box {
	padding: 25px 30px;
	behavior: url(/assets/PIE.htc);
	background: #f4f4f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
	-pie-background: linear-gradient(#fff, #ededed);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	-pie-box-shadow: 0 0 6px #ccc;
	overflow: hidden;
}
.lt-ie9 .box {
	box-shadow: none;
	border: 1px solid #ccc;
}
.box h3 {
	margin-bottom: 14px;
}
.box.quote {
	padding: 33px 30px 16px 46px;
}
.box.quote #quote-container .quote {
	margin-bottom: 16px;
	float: left;
}
.box.quote p {
	font-family: Georgia, serif;
	font-size: 1.5em;
	color: #848484;
	margin: 9px 0 26px 60px;
}
.box.quote img.quotemark {
	margin: 0 0 0 0;
	opacity: 0.4;
	float: left;
}
.box.quote span {
	color: #7F7F7F;
	margin-left: 60px;
}
.box.quote .slide-circles {
	float: right;
	margin: 10px -18px 0 0;
}
.box.quote .slide-circles a {
	background: url(/img/nav-circles.png) no-repeat 0 0px;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	margin-right: 8px;
}
.box.quote .slide-circles a:hover {
	background: url(/img/nav-circles.png) no-repeat 0 -15px;
}
.box.quote .slide-circles a.active {
	background: url(/img/nav-circles.png) no-repeat 0 -30px;
}
.cherry-box {
	background: #b92670;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CC6097), to(#B8216D));
	background: -moz-linear-gradient(#CC6097, #B8216D);
	background: linear-gradient(#CC6097, #B8216D);
	-pie-background: linear-gradient(#CC6097, #B8216D);
}
.kiwi-box {
	background: #8ec839;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A8D466), to(#89C530));
	background: -moz-linear-gradient(#A8D466, #89C530);
	background: linear-gradient(#A8D466, #89C530);
	-pie-background: linear-gradient(#A8D466, #89C530);
}
.orange-box {
	margin-right: 0;
	background: #ff8205;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA74F), to(#FF8000));
	background: -moz-linear-gradient(#FFA74F, #FF8000);
	background: linear-gradient(#FFA74F, #FF8000);
	-pie-background: linear-gradient(#FFA74F, #FF8000);
}
.link-arrows {
	background: url(/img/cyon-arrows.png) no-repeat 0 4px;
}
.link-arrows a {
	font-weight: bold;
	margin-left: 30px;
	display: block;
}
.stripe-box {
	margin: 20px 0;
	overflow: hidden;
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	background-color: #f8f8f8;
	padding: 16px;
	color: #888;
}
.stripe-box p {
	margin: 0;
}
.stripe-box ul {
	float: left;
	list-style: none;
/*	color: #888;*/
	line-height: 100%;
	margin-top: 2px;
}
.stripe-box ul li {
	margin: 0 0 10px 0;
}
.stripe-box ul li.last {
	margin-bottom: 0;
}
/* placeholder */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #bbb;
	text-shadow: 0 1px 0 #FFF;
	-webkit-transition: opacity 0.15s linear;
}
:-moz-placeholder,
::-moz-placeholder { /* Mozilla Firefox 4 to 18 and 19+ */
	color: #bbb;
	text-shadow: 0 1px 0 #FFF;
	-moz-transition: opacity 0.15s linear;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #bbb;
	text-shadow: 0 1px 0 #FFF;
	-ms-transition: opacity 0.15s linear;
}
/* placeholder on focus */
:focus::-webkit-input-placeholder { /* WebKit browsers */
    opacity: 0.2;
}
:focus:-moz-placeholder,
:focus::-moz-placeholder { /* Mozilla Firefox 4 to 18 and 19+ */
    opacity: 0.2;
}
:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: 0.2;
}
/* css for placeholder in IE lt 10 */
/* http://andrew-jones.com/jquery-placeholder-plugin/ */
.placeholder {
	color: #bbb!important;
	text-shadow: 0 1px 0 #FFF;
}
.placeholderFocus {
	color: #666!important;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*
 * common end
 */


/*
 * flash-message start
 */
#flash-message {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 60px;
	background-color: #d1ecff;
    border-bottom: 1px solid #9fd1f5;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
#flash-message.warn {
	color: #695d0a;
    border-color: #e0d559;
    background: #f3f8ae;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafcd7), to(#f3f8ae));
    background: -moz-linear-gradient(#fafcd7, #f3f8ae);
    background: linear-gradient(#fafcd7, #f3f8ae);
}
#flash-message .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}
#flash-message .content p {
	font-size: 16px;
}
/*body {
	padding-top: 54px;
}
/*
 * flash-message end
 */

/*
 * top bar start
 */
#top-bar {
	font-size: 14px;
	margin: 17px 0 0 0;
	line-height: 100%;
	color: #707070;
    overflow: hidden;
}
#logo {
    float: left;
    margin: 6px 0 0 2px;
}
#top-bar-links {
	float: right;
    margin-top: 3px;
}
#top-bar-links img {
	vertical-align: -2px;
	margin: 0 20px 0 0;
}
#top-bar-links a {
	color: #707070;
	text-decoration: none;
	margin-right: 20px;
}
#top-bar-links a.selected, #top-bar a:hover {
	color: #FF8000;
}
#top-bar-links a.login {
	font-weight: bold;
}
#top-bar-links span.currency {
	margin-right: 4px;
}
#top-bar-links span.login {
	margin-right: 16px;
}
#top-bar-links a img {
	margin: 0 0 0 3px;
	vertical-align: -3px;
}
#top-bar-links a.login-mycyon {
	margin-right: 16px;
}
#top-bar-links a.login-webmail, #top-bar-links a.helpscout-open {
	margin-right: 0;
}
#top-bar-links a.login-mycyon, #top-bar-links a.login-webmail {
	font-weight: bold;
}
/*
 * top bar end
 */

/*
 * nav start
 */
nav#main-navigation {
	overflow: hidden;
    margin-top: 19px;
}
nav#main-navigation ul {
	/*display: inline;*/
}
nav#main-navigation ul li {
	font-size: 1.7em;
	float: left;
	text-align: center;
	line-height: 100%;
	text-shadow: 0 1px 0 #FFFFFF;
  display: block;
    /*width: 137px;*/
}
nav li a, nav li a:visited {
	color: #6C6C6C;
	text-decoration: none;
	display: block;
	padding: 15px 0;
    /* width: 117px */ /* with is now defined inline */
    background: #EFEFEF url(/img/nav-stripe-vertical.png) repeat-y right top;
}
nav#main-navigation ul li:first-child a {
    border-radius: 6px 0 0 6px;
}
nav#main-navigation ul li:last-child a {
    border-radius: 0 6px 6px 0;
    background-color: #FFA439;
    background-image: none;
    /*width: 138px;*/
    /*padding: 15px 24px;*/
}
nav li a:hover {
    font-weight: normal;
	text-decoration: none;
    /*background-color: #EAEAEA;*/
    color: #ff8800;
}
nav#main-navigation ul li:last-child a:hover {
    background-color: #FF971C;
}
nav li.selected a {
	color: #333;
    font-weight: bold;
	text-decoration: none;
}
nav li.order a {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.5);
}
nav li.main-item.webhosting {
	width: 124px;
}
nav li.main-item.speedserver {
	width: 125px;
}
nav li.main-item.agencyserver {
	width: 135px;
}
nav li.main-item.sitebuilder {
	width: 115px;
}
nav li.main-item.domains {
	width: 102px;
}
nav li.main-item.ssl {
	width: 59px;
}
nav li.main-item.support {
	width: 94px;
}
nav li.main-item.ueber-uns {
	width: 103px;
}
nav li.main-item.order {
	width: 103px;
}

/* hovermenu */
nav#main-navigation ul li div.hover-menu {
	display: none;
	cursor: pointer;
}
nav#main-navigation ul li div.arrow {
	background: url(/img/nav-hover-arrow.png) no-repeat 15px 0;
	height: 15px;
	width: 201px;
	z-index: 200;
	position: absolute;
}
.ie7 nav#main-navigation ul li div.hover-menu {
	margin-top: -16px;
}
nav#main-navigation ul li div.content {
	margin-top: 12px;
	position: absolute;
	z-index: 100;
	padding: 2px 14px 0;
	background: #f1f1f1;
	border: 4px solid #e2e2e2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);*/
	width: 175px;
}
.lt-ie9 nav#main-navigation ul li div.content {
	box-shadow: none;
}
nav#main-navigation ul li div.content ul {
	float: none;
	line-height: 100%;
}
nav#main-navigation ul li div.content ul li {
	font-size: 1em;
	line-height: 120%;
	font-weight: normal;
	float: none;
	text-align: left;
	background: url(/img/nav-hover-divider.png) repeat-x scroll left bottom transparent;
    margin-top: 1px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
}
nav#main-navigation ul li div.content ul li.last {
	margin: 0;
	padding: 0;
	background: none;
}
nav#main-navigation ul li div.content ul li a, nav#domain-nav ul li.left div.content ul li a {
	background: none;
	color: #6c6c6c;
	padding: 13px 0 15px 0;
    font-weight: normal;
}
nav#main-navigation ul li div.content ul li a.inactive {
	color: red;
}
nav#main-navigation ul li div.content ul li a:hover {
	color: #FF8800;
    background: none;
}
nav#main-navigation ul li div.content ul li.selected a {
    color: #333;
    font-weight: bold;
}
/* submenu */
nav#submenu {
	position: absolute;
	margin-top: 7px;
	margin-left: 239px;
	font-size: 1.5em;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 721px;
/*	display: none;*/
}
nav#submenu:after {
	content: "";
    position: absolute;
    bottom: 29px; /* value = - border-top-width - border-bottom-width */
    left: 53px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #f1f1f1 transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    cursor: default;
}
nav#submenu ul {
	overflow: hidden;
	width: 702px;
}
nav#submenu ul li {
	float: left;
	padding: 0;
	margin-right: 1px;
}
nav#submenu ul li a {
	background: #f1f1f1;
	padding: 7px 12px 7px 12px;
	color: #888;
	display: block;
}
nav#submenu ul li a:hover, nav#submenu ul li a.active  {
	color: #ff8800;
	text-decoration: none;
}
nav#submenu ul li.first a {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
nav#submenu ul li.last a {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
/*
 * nav end
 */

/*
 * footer start
 */
footer #footer-content {
	color: #A0A0A0;
	font-size: 15px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8);
}
footer h3 {
	font-size: 19px;
	margin-bottom: 16px;
}
footer h3 a,
footer h3 a:visited {
	color: #D5D5D5;
}
footer h3.active a,
footer h3.active a:visited {
	color: #FFFFFF;
}
footer a,
footer a:visited {
	color: #A0A0A0;
	text-decoration: none;
}
footer a:hover,
footer li.active a {
	color: #FFF;
	text-decoration: none;
}
footer ul {
	list-style: none;
}
footer ul li {
	padding: 0 10px 4px 0;
	margin: 0;
}
footer .row {
	overflow: hidden;
	padding: 40px 0 34px 0;
	background: url(/img/dark-stripe.png) repeat-x left bottom;
}
footer .row:last-child {
	padding: 20px 0 16px 0;
	background: none;
}
footer .row .column {
	float: left;
	width: 180px;
}
footer .row .column.domains {
	width: 160px;
}
footer .row .column.ssl {
	width: 60px;
}
footer .row .column.impressum {
	width: auto;
}
footer .row .column.region-chooser {
	width: auto;
	float: right;
}
footer .row .column.region-chooser a {
	float: right;
	color: #999;
}
footer .row .column.region-chooser a p {
	margin-bottom: 1px;
	text-align: right;
}
footer .row .column.region-chooser .region-chooser {
	float: right;
}
footer .row .column.region-chooser img.region-flag {
	float: left;
}
footer .row .column.region-chooser .region-label {
	margin-left: 6px;
	float: left;
	color: #fff;
}
footer .row .column.contact {
	width: auto;
	font-size: 14px;
}
footer .row .column.contact p {
	font-weight: normal;
	padding-top: 4px;
	margin: 0;
	color: #666;
}
footer .row .column.contact ul {
	overflow: hidden;
}
footer .row .column.contact ul li {
	float: left;
	padding: 0 10px 0 3px;
  margin: 0;
  font-weight: bold;
}
footer .row .column.contact ul li img {
	margin-right: 3px;
	float: left;
}
footer .row .column.contact ul li a {
	padding-left: 10px;
	display: block;
	background: url(/img/stripe-vertical-footer.png) no-repeat 0 -1px;
	color: #999;
	text-decoration: none;
}
footer .row .column.contact ul li:first-child a {
	background: none;
	padding: 0;
}
footer .row .column.order {
	width: auto;
	float: right;
}
footer .row .column.order .button {
	font-size: 1.43em;
	padding: 7px 43px 5px;
	color: #fff;
}
/*
 * footer end
 */

/*
 * aside start
 */

aside {
	float: right;
	width: 230px;
}
aside h2 {
	font-size: 1.05em;
}
aside p {
	font-size: 0.86em;
	color: #333;
	line-height: 1.4em;
}
aside .teaser {
	margin: 0 0 43px 8px;
}
aside .teaser img {
	float: left;
	margin-top: -2px;
	opacity: 0.7;
}
aside .teaser h2 {
	color: #4c4c4c;
	margin: 0 0 0 34px;
}
aside .teaser p {
	color: #999;
	margin-top: 16px;
}
aside .teaser a {
	color: #808080;
	font-weight: bold;
}
aside .quote {
	padding: 14px;
	behavior: url(/assets/PIE.htc);
	background: #F0F0F0;
	background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#F0F0F0));
	background: -moz-linear-gradient(#F6F6F6, #F0F0F0);
	background: linear-gradient(#F6F6F6, #F0F0F0);
	-pie-background: linear-gradient(#F6F6F6, #F0F0F0);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/*
 * aside end
 */


/*
 * forms start
 */
input[type="text"] {
	color: #666;
}
.form-big {
	font-size: 2.5em;
	color: #CCC;
	vertical-align: bottom;
}
.dashed-form {
	background: url(/img/dark-stripe.png) bottom left repeat-x;
	padding-bottom: 1px;
}
.form-section {
	background: url(/img/dark-stripe.png) top left repeat-x;
	padding-top: 8px;
}
.form-section img {
	float: left;
	position: absolute;
	opacity: 0.2;
}
.form-row {
	overflow: hidden;
	margin-bottom: 8px;
}
.form-row-left {
	width: 240px;
	text-align: right;
	float: left;
	padding: 6px 12px 0 0;
}
.form-row-right {
}
.form-row input[type="text"] {
	padding-top: 4px;
	width: 280px;
}
.form-row select {
	margin-top: 5px;
}
/*
 * forms end
 */

/*
 * table start
 */
table {
    width: 100%;
}
table.normalfontsize {
    font-size: 16px;
}
table.no-dt tr td dt {
	display: none;
}
td img {
    margin-top: -1px;
}

/* table with stripes */
table.stripes {
}
table.stripes tr {
    background: url(/img/light-stripe.png) repeat-x left bottom;
}
table.stripes td {
    padding: 8px;
    vertical-align: top;
}
table.stripes tr.first {
    background: url(/img/dark-stripe.png) repeat-x left top, url(/img/light-stripe.png) repeat-x left bottom;
    /* CSS3Pie doesn't support multiple positioning values as in 1.0 beta 4 yet
    See http://css3pie.com/documentation/supported-css3-features/#pie-background
    -pie-background: url(/img/dark-stripe.png) repeat-x left top, url(/img/light-stripe.png) repeat-x left bottom;
    behavior: url(/assets/PIE.htc);*/
}
table.stripes tr.first td, table.stripes th {
    padding: 9px 8px;
    text-align: left;
}
table.stripes thead tr th {
	background-color: #f6f6f6;
    background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom #F6F6F6;
}
table.stripes thead tr img {
    margin: -1px 0 0 5px;
    vertical-align: middle;
}
table.stripes tr.single, table.stripes tr.single:last-child {
    background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
}
table.stripes tr.single td {
    padding: 9px 8px;
}
table.stripes tr.last, table.stripes tr:last-child, .dataTables_wrapper table tbody tr:last-child {
    background: url(/img/dark-stripe.png) bottom repeat-x;
}
table.stripes input[type="checkbox"] {
    margin-top: -4px;
}

/* table with only dark stripes */
table.stripes.dark tr {
    background: url(/img/dark-stripe.png) repeat-x left bottom;
}
table.stripes.dark tr.first {
    background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
}

/* table with alternating rows */
table.alternate tr:nth-child(odd), table.thead-alternate tr:nth-child(even) {
    background-color: #f9f9f9;
}
table.alternate tr:nth-child(even), table.thead-alternate tr:nth-child(odd) {
    background-color: #FFF;
}
td.description {
    width: 160px;
    color: #999;
}
td.action {
	width: 130px;
}
td.action a {
    display: block;
    margin-bottom: 4px;
}
td.action a.last, td.action.single a {
    margin-bottom: 0;
}
td.action.finance{
	width: 40px;
}
table.stripes td.log {
    width: 200px;
    padding: 7px 8px 0;
}
table.stripes td.td-button {
    width: 200px;
    padding: 5px 8px 0;
}
/* comparison table */
.switcher {
	float: right;
	border-bottom: 1px solid #e6e6e6;
	width: 400px;
	margin-top: 56px;
}
.switcher a {
	text-decoration: none;
}
.switcher .webhosting,
.switcher .cloudserver {
	background: url(/img/comparison-tab-fruits-sprite.png) no-repeat 6px 6px;
	float: left;
	font-size: 1.2em;
	color: #999;
	width: 119px;
	margin-bottom: -2px;
	padding-left: 74px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
.switcher .webhosting p,
.switcher .cloudserver p {
	margin: 0;
	padding: 16px 0 11px 0;
}
.switcher .active {
	border: 1px solid #e6e6e6;
	border-bottom: 2px solid #fff;
	color: #444;
}
.switcher .webhosting {
	margin-left: 5px;
	background-position: 6px -94px;
}
.switcher .webhosting.active {
	background-position: 6px 6px;
}
.switcher .cloudserver {
	background-position: 6px -294px;
}
.switcher .cloudserver.active {
	background-position: 6px -194px;
}
table.comparison {
	margin: 30px 0 64px 0;
}
table.comparison.last {
	margin-bottom: 20px;
}
table.comparison th.shared-1,
table.comparison th.shared-2,
table.comparison th.shared-3,
table.comparison th.sitebuilder-1,
table.comparison th.sitebuilder-2,
table.comparison th.sitebuilder-3,
table.comparison th.speedserver,
table.comparison th.speedserver-1,
table.comparison th.speedserver-2,
table.comparison th.speedserver-3,
table.comparison th.agencyserver {
	color: #FFF;
	background: url(/img/dark-stripe-solid.png) repeat-x left top, url(/img/dark-stripe-solid.png) repeat-x left bottom #F6F6F6;
	border-left: 1px solid white;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
table.comparison th img {
	position: absolute;
}
table.comparison th.shared-1 img {
	margin: -22px 0 0 48px;
}
table.comparison th.shared-2 img {
	margin: -22px 0 0 36px;
}
table.comparison th.shared-3 img {
	margin: -22px 0 0 40px;
}
table.comparison th.sitebuilder-1 img {
	margin: -26px 0 0 59px;
}
table.comparison th.sitebuilder-2 img {
	margin: -26px 0 0 36px;
}
table.comparison th.sitebuilder-3 img {
	margin: -26px 0 0 34px;
}
table.comparison th.speedserver-1 img {
	margin: 0 0 0 51px;
}
.comparison-columns table.comparison th.speedserver-1 img {
	margin: -55px 0 0 86px;
}
table.comparison th.speedserver-2 img {
	margin: -14px 0 0 43px;
}
.comparison-columns table.comparison th.speedserver-2 img {
	margin: -82px 0 0 60px;
}
table.comparison th.speedserver-3 img {
	margin: -41px 0 0 53px;
}
.comparison-columns table.comparison th.speedserver-3 img {
	margin: -62px 0 0 90px;
}
table.comparison th.agencyserver img {
	margin: -38px 0 0 790px;
}
table.comparison.wide th.speedserver img {
	margin: -24px 0 0 78px;
}
table.comparison.wide th.agencyserver img {
	margin: -38px 0 0 63px;
}
table.comparison td.shared-1,
table.comparison td.shared-2,
table.comparison td.shared-3 {
	color: #BA2B73;
}
table.comparison th.shared-1 {
	background-color: #c21c64;
}
table.comparison tr:nth-child(odd) td.shared-1 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #fcf6f9;
}
table.comparison tr:nth-child(even) td.shared-1 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #f9edf4;
}
table.comparison tr.last:nth-child(odd) td.shared-1 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #fcf6f9;
}
table.comparison tr.last:nth-child(even) td.shared-1 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #f9edf4;
}
table.comparison th.shared-2 {
	background-color: #a7094f;
}
table.comparison tr:nth-child(odd) td.shared-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #faf0f5;
}
table.comparison tr:nth-child(even) td.shared-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #f5e1eb;
}
table.comparison tr.last:nth-child(odd) td.shared-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #faf0f5;
}
table.comparison tr.last:nth-child(even) td.shared-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #f5e1eb;
}
table.comparison th.shared-3 {
	background-color: #830137;
}
table.comparison tr:nth-child(odd) td.shared-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #f7e9ef;
}
table.comparison tr:nth-child(even) td.shared-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #efd5e1;
}
table.comparison tr.last:nth-child(odd) td.shared-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #f7e9ef;
}
table.comparison tr.last:nth-child(even) td.shared-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #efd5e1;
}
table.comparison td.sitebuilder-1,
table.comparison td.sitebuilder-2,
table.comparison td.sitebuilder-3 {
	color: #C2363D;
}
table.comparison th.sitebuilder-1 {
	background-color: #CB2825;
}
table.comparison tr:nth-child(odd) td.sitebuilder-1 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #FFF7F7;
}
table.comparison tr:nth-child(even) td.sitebuilder-1 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #FFF3F5;
}
table.comparison tr.last:nth-child(odd) td.sitebuilder-1 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #FFF7F7;
}
table.comparison tr.last:nth-child(even) td.sitebuilder-1 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #FFF3F5;
}
table.comparison th.sitebuilder-2 {
	background-color: #B01211;
}
table.comparison tr:nth-child(odd) td.sitebuilder-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #FFF1F3;
}
table.comparison tr:nth-child(even) td.sitebuilder-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #FEE9E9;
}
table.comparison tr.last:nth-child(odd) td.sitebuilder-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #FFF1F3;
}
table.comparison tr.last:nth-child(even) td.sitebuilder-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #FEE9E9;
}
table.comparison th.sitebuilder-3 {
	background-color: #8E0F0B;
}
table.comparison tr:nth-child(odd) td.sitebuilder-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #FFEDED;
}
table.comparison tr:nth-child(even) td.sitebuilder-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #F9DEDF;
}
table.comparison tr.last:nth-child(odd) td.sitebuilder-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #FFEDED;
}
table.comparison tr.last:nth-child(even) td.sitebuilder-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #F9DEDF;
}
table.comparison th.speedserver-1 {
	background-color: #A5D209;
}
table.comparison td.speedserver-1, table.comparison td.speedserver,
.comparison-columns .column.speedserver-1 tr td  {
	color: #90b707;
}
table.comparison tr:nth-child(odd) td.speedserver-1,
table.comparison tr:nth-child(odd) td.speedserver {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #F8FBEE;
}
table.comparison tr:nth-child(even) td.speedserver-1,
table.comparison tr:nth-child(even) td.speedserver {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #F3F9E0;
}
table.comparison tr.last:nth-child(odd) td.speedserver-1,
table.comparison tr.last:nth-child(odd) td.speedserver {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #F8FBEE;
}
table.comparison tr.last:nth-child(even) td.speedserver-1,
table.comparison tr.last:nth-child(even) td.speedserver {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #F3F9E0;
}
table.comparison th.speedserver-2, table.comparison th.speedserver {
	background-color: #9cc60b;
}
table.comparison td.speedserver-2 {
	color: #90b707;
}
table.comparison tr:nth-child(odd) td.speedserver-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #F5FBE5;
}
table.comparison tr:nth-child(even) td.speedserver-2 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #EDF8CC;
}
table.comparison tr.last:nth-child(odd) td.speedserver-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #F5FBE5;
}
table.comparison tr.last:nth-child(even) td.speedserver-2 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #EDF8CC;
}
table.comparison th.speedserver-3 {
	background-color: #94BD07;
}
table.comparison td.speedserver-3 {
	color: #90b707;
}
table.comparison tr:nth-child(odd) td.speedserver-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #F4FDDC;
}
table.comparison tr:nth-child(even) td.speedserver-3 {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #E9F5C8;
}
table.comparison tr.last:nth-child(odd) td.speedserver-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #F4FDDC;
}
table.comparison tr.last:nth-child(even) td.speedserver-3 {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #E9F5C8;
}
table.comparison th.agencyserver {
	background-color: #f16c56;
}
table.comparison td.agencyserver {
	color: #fe6a59;
}
table.comparison tr:nth-child(odd) td.agencyserver {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #fef5f3;
}
table.comparison tr:nth-child(even) td.agencyserver {
	background: url(/img/light-stripe-solid.png) repeat-x left bottom #fdedea;
}
table.comparison tr.last:nth-child(odd) td.agencyserver {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #fef5f3;
}
table.comparison tr.last:nth-child(even) td.agencyserver {
	background: url(/img/dark-stripe-solid.png) repeat-x left bottom #fdedea;
}
table.comparison td span.icon {
	width: 28px;
	height: 24px;
	display: block;
	text-indent: -40px;
	overflow: hidden;
	background: url(/img/icons/check-cross-sprite.png) no-repeat 0 0;
	margin-top: -2px;
}
table.comparison td.shared-1 span.icon.yes,
table.comparison td.shared-2 span.icon.yes,
table.comparison td.shared-3 span.icon.yes{
	background-position: 0 0;
}
table.comparison td.speedserver-1 span.icon.yes,
table.comparison td.speedserver span.icon.yes {
	background-position: 0 -50px;
}
table.comparison td.speedserver-2 span.icon.yes {
	background-position: 0 -50px;
}
table.comparison td.speedserver-3 span.icon.yes {
	background-position: 0 -50px;
}
table.comparison td.agencyserver span.icon.yes {
	background-position: 0 -100px;
}
table.comparison td.sitebuilder-1 span.icon.yes,
table.comparison td.sitebuilder-2 span.icon.yes,
table.comparison td.sitebuilder-3 span.icon.yes {
	background-position: 0 -200px;
}
table.comparison td.shared-1 span.icon.no,
table.comparison td.shared-2 span.icon.no,
table.comparison td.shared-3 span.icon.no{
	background-position: 0 -247px;
}
table.comparison td.speedserver-1 span.icon.no,
table.comparison td.speedserver span.icon.no {
	background-position: 0 -297px;
}
table.comparison td.speedserver-2 span.icon.no {
	background-position: 0 -297px;
}
table.comparison td.speedserver-3 span.icon.no {
	background-position: 0 -297px;
}
table.comparison td.agencyserver span.icon.no {
	background-position: 0 -347px;
}
table.comparison td.sitebuilder-1 span.icon.no,
table.comparison td.sitebuilder-2 span.icon.no,
table.comparison td.sitebuilder-3 span.icon.no {
	background-position: 0 -447px;
}
table.comparison tr {
	cursor: pointer;
}
table.comparison tr th {
	cursor: default;
}
table.comparison td.shared-1,
table.comparison td.shared-2,
table.comparison td.shared-3,
table.comparison td.speedserver-1,
table.comparison td.speedserver-2,
table.comparison td.speedserver-3,
table.comparison td.sitebuilder-1,
table.comparison td.sitebuilder-2,
table.comparison td.sitebuilder-3 {
	width: 150px;
	border-left: 1px solid white;
}
table.comparison td.agencyserver {
	width: 200px;
	border-left: 1px solid white;
}
table.comparison.wide td.speedserver, table.comparison.wide td.agencyserver {
	width: 234px;
	border-left: 1px solid white;
}
table.comparison tr {
	line-height: 146%;
}
table.comparison tr td.shared-1.icon-yes, table.comparison tr td.shared-2.icon-yes, table.comparison tr td.shared-3.icon-yes {
	padding-top: 6px;
	padding-bottom: 0;
}
table.comparison tr td.shared-1.icon-no, table.comparison tr td.shared-2.icon-no, table.comparison tr td.shared-3.icon-no {
	padding-top: 7px;
	padding-bottom: 0;
}
table.comparison tr td.sitebuilder-1.icon-yes, table.comparison tr td.sitebuilder-2.icon-yes, table.comparison tr td.sitebuilder-3.icon-yes {
	padding-top: 6px;
	padding-bottom: 0;
}
table.comparison tr td.sitebuilder-1.icon-no, table.comparison tr td.sitebuilder-2.icon-no, table.comparison tr td.sitebuilder-3.icon-no {
	padding-top: 7px;
	padding-bottom: 0;
}
table.comparison td.collapsed, table td.open {
	padding: 0;
	width: 20px;
}
table.comparison td.collapsed {
	background: url(/img/icons/collapsed.png) no-repeat 10px 13px;
}
table.comparison td.open {
	background: url(/img/icons/open.png) no-repeat 7px 17px;
}
table.comparison td,
.comparison-columns table.comparison td p {
	color: #666666;
}
table.comparison td p {
	margin: 24px 50px 24px 0;
	color: #b6b6b6;
}
table.comparison td p.toggle {
	display: none;
}
img.click-rows {
	position: absolute;
	margin: -56px 0 0 55px;
}
img.click-rows-cloudserver {
	position: absolute;
	margin: -42px 0 0 14px;
}
.comparison-columns {
	overflow: hidden;
	margin-top: 15px;
}
.comparison-columns .column {
	float: left;
	width: 300px;
	margin-right: 30px;
}
.comparison-columns .column.last {
	margin-right: 0;
}
.comparison-columns .column.speedserver tr {
	background-color: #f8fbee;
}
.comparison-columns .column.speedserver tr:nth-child(even) {
	background-color: #f3f8e1;
}
.comparison-columns .column.agencyserver tr {
	background-color: #fef5f3;
}
.comparison-columns .column.agencyserver tr:nth-child(even) {
	background-color: #fdedea;
}
.comparison-columns .column.geekserver tr {
	background-color: #fff8ee;
}
.comparison-columns .column.geekserver tr:nth-child(even) {
	background-color: #fef3e2;
}
.features-two-columns {
	overflow: hidden;
}
.features-two-columns .column {
	float: left;
	width: 450px;
	margin-right: 60px;
}
.features-two-columns .column:last-child {
	margin-right: 0;
}
.features-two-columns th.agencyserver img {
	display: none;
}
.features-two-columns table.comparison td.agencyserver {
	width: 100px;
}
/*
 * table end
 */

/*
 * inline navigation start
 */
.inline-navigation {
	height: 116px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/assets/PIE.htc);
	background: #e7e7e7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e7e7e7));
	background: -moz-linear-gradient(#f3f3f3, #e7e7e7);
	background: linear-gradient(#f3f3f3, #e7e7e7);
	-pie-background: linear-gradient(#f3f3f3, #e7e7e7);
}
.inline-navigation .item {
	position: relative;
	float: left;
	border-left: 1px solid #fefefe;
	border-right: 1px solid #dedede;
	height: 81px;
	margin-top: 17px;
	background: url(/img/feature-icons-sprite.png) no-repeat 0 0;
	cursor: pointer;
}
.inline-navigation .item.first {
	border-left: none;
}
.inline-navigation .item.last {
	border-right: none;
}
.inline-navigation .item p {
	font-weight: bold;
	color: #747474;
	text-align: center;
	margin-top: 63px;
	text-shadow: 0 1px 0 #FFFFFF;
}
.inline-navigation .item.active p, .inline-navigation .item:hover p {
	color: #000;
}
.inline-navigation .item.active:after {
	content: "";
    position: absolute;
    bottom: -34px; /* value = - border-top-width - border-bottom-width */
    border-width: 17px 17px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #e7e7e7 transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    cursor: default;
}
.inline-navigation .item.all-inclusive {
	background-position: 38px -0px;
}
.inline-navigation .item.all-inclusive:hover {
	background-position: 38px -120px;
}
.inline-navigation .item.active.all-inclusive {
	background-position: 38px -240px;
}
.inline-navigation .item.support {
	background-position: -114px -0px;
}
.inline-navigation .item.support:hover {
	background-position: -114px -120px;
}
.inline-navigation .item.active.support {
	background-position: -114px -240px;
}
.inline-navigation .item.mycyon {
	background-position: -263px -0;
}
.inline-navigation .item.mycyon:hover {
	background-position: -263px -120px;
}
.inline-navigation .item.active.mycyon {
	background-position: -263px -240px;
}
.inline-navigation .item.technology {
	background-position: -413px -0;
}
.inline-navigation .item.technology:hover {
	background-position: -413px -120px;
}
.inline-navigation .item.active.technology {
	background-position: -413px -240px;
}
.inline-navigation .item.environment {
	background-position: -563px -0;
}
.inline-navigation .item.environment:hover {
	background-position: -563px -120px;
}
.inline-navigation .item.active.environment {
	background-position: -563px -240px;
}
.inline-navigation .item.one-click {
	background-position: -711px -0;
}
.inline-navigation .item.one-click:hover {
	background-position: -711px -120px;
}
.inline-navigation .item.active.one-click {
	background-position: -711px -240px;
}
.inline-navigation .item.mail {
	background-position: -863px -0;
}
.inline-navigation .item.mail:hover {
	background-position: -863px -120px;
}
.inline-navigation .item.active.mail {
	background-position: -863px -240px;
}
.inline-navigation .item.server {
	background-position: -984px -0;
}
.inline-navigation .item.server:hover {
	background-position: -984px -120px;
}
.inline-navigation .item.active.server {
	background-position: -984px -240px;
}
.inline-navigation .item.domains {
	background-position: -1135px -0;
}
.inline-navigation .item.domains:hover {
	background-position: -1135px -120px;
}
.inline-navigation .item.active.domains {
	background-position: -1135px -240px;
}
.inline-navigation .item.profile {
	background-position: -1285px -0;
}
.inline-navigation .item.profile:hover {
	background-position: -1285px -120px;
}
.inline-navigation .item.active.profile {
	background-position: -1285px -240px;
}
.inline-navigation .item.referrer {
	background-position: -1437px -0;
}
.inline-navigation .item.referrer:hover {
	background-position: -1437px -120px;
}
.inline-navigation .item.active.referrer {
	background-position: -1437px -240px;
}
.inline-navigation .item.agencies {
	background-position: -1587px -0;
}
.inline-navigation .item.agencies:hover {
	background-position: -1587px -120px;
}
.inline-navigation .item.active.agencies {
	background-position: -1587px -240px;
}
.inline-navigation .item.cloudserver {
	background-position: -1753px -0;
}
.inline-navigation .item.cloudserver:hover {
	background-position: -1753px -120px;
}
.inline-navigation .item.active.cloudserver {
	background-position: -1753px -240px;
}
.inline-navigation .item#legal-tos {
	background-position: -2159px -3px;
}
.inline-navigation .item#legal-tos:hover {
	background-position: -2159px -123px;
}
.inline-navigation .item.active#legal-tos {
	background-position: -2159px -243px;
}
.inline-navigation .item#legal-coc {
	background-position: -2309px 2px;
}
.inline-navigation .item#legal-coc:hover {
	background-position: -2309px -118px;
}
.inline-navigation .item.active#legal-coc {
	background-position: -2309px -238px;
}
.inline-navigation .item#legal-usagepolicy {
	background-position: -2459px 0;
}
.inline-navigation .item#legal-usagepolicy:hover {
	background-position: -2459px -120px;
}
.inline-navigation .item.active#legal-usagepolicy {
	background-position: -2459px -240px;
}
.inline-navigation .item#legal-privacy {
	background-position: -2609px 3px;
}
.inline-navigation .item#legal-privacy:hover {
	background-position: -2609px -117px;
}
.inline-navigation .item.active#legal-privacy {
	background-position: -2609px -237px;
}


.inline-navigation.hosting .item, .inline-navigation.hosting .item p {
	width: 135px;
}
.inline-navigation.hosting .item.active:after {
	left: 52px;
}
.inline-navigation.tour .item, .inline-navigation.tour .item p {
	width: 190px;
	/*@TODO: mehr abstand zwischen den slices. guckt hervor. */
}
.inline-navigation.tour .item.active:after {
	left: 62px;
}
.inline-navigation.legal .item, .inline-navigation.legal .item p {
	width: 238px;
}
.inline-navigation.legal .item.active:after {
	left: 101px;
}
/*
 * inline navigation end
 */

/*
 * message box start
 */
.message {
	border: 1px solid;
	padding: 14px 14px 12px 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/assets/PIE.htc);
}
.message h2 {
	margin: 0 0 6px 0;
}
.message p {
	margin-bottom: 0;
}
.message.info {
	color: #073d64;
	border-color: #9fd1f5;
	background: #d1ecff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaf7ff), to(#d1ecff));
	background: -moz-linear-gradient(#eaf7ff, #d1ecff);
	background: linear-gradient(#eaf7ff, #d1ecff);
	-pie-background: linear-gradient(#eaf7ff, #d1ecff);
	behavior: url(/assets/PIE.htc);
}
.message.success {
	color: #336836;
	border-color: #a6d877;
	background: #d5eebe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeffde), to(#d5eebe));
	background: -moz-linear-gradient(#eeffde, #d5eebe);
	background: linear-gradient(#eeffde, #d5eebe);
	-pie-background: linear-gradient(#eeffde, #d5eebe);
	behavior: url(/assets/PIE.htc);
}
.message.error {
	color: #820e0e;
	border-color: #f3abab;
	background: #facdcd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffeaea), to(#facdcd));
	background: -moz-linear-gradient(#ffeaea, #facdcd);
	background: linear-gradient(#ffeaea, #facdcd);
	-pie-background: linear-gradient(#ffeaea, #facdcd);
	behavior: url(/assets/PIE.htc);
}
.message.warn {
	color: #695d0a;
	border-color: #e0d559;
	background: #f3f8ae;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafcd7), to(#f3f8ae));
	background: -moz-linear-gradient(#fafcd7, #f3f8ae);
	background: linear-gradient(#fafcd7, #f3f8ae);
	-pie-background: linear-gradient(#fafcd7, #f3f8ae);
	behavior: url(/assets/PIE.htc);
}
/*
 * message box end
 */

 /*
  * topmessage start
  */
.topmessage, .topmessagesdialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 31px 60px;
    color: #073d64;
    background-color: #d1ecff;
    border-bottom: 1px solid #9fd1f5;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    z-index: 300;
    display: none;
}
.topmessage p, .topmessagesdialog p {
    margin: 0;
    padding-right: 120px;
    font-size: 16px;
}
.topmessage a.close {
    background: url(/img/close-buttons.png) 0 -24px no-repeat;
    width: 22px;
    height: 22px;
    display: inline;
    text-indent: -999em;
    position: absolute;
    top: 32px;
    right: 150px;
    cursor: pointer;
}
.topmessagesdialog a.close {
    background: url(/img/close-buttons.png) 0 -24px no-repeat;
    width: 22px;
    height: 22px;
    display: inline;
    text-indent: -999em;
    position: absolute;
    top: 32px;
    right: 50px;
    cursor: pointer;
}
.topmessage a.close:hover, .topmessagesdialog a.close:hover {
    background:url(/img/close-buttons.png) 0 -48px no-repeat;
}
.topmessage.info, .topmessagesdialog.info{
    color: #073d64;
    background-color: #d1ecff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2f3ff), to(#c0e5ff));
    background: -moz-linear-gradient(#e2f3ff, #c0e5ff);
    background: linear-gradient(#e2f3ff, #c0e5ff);
    -pie-background: linear-gradient(#e2f3ff, #c0e5ff);
    border-bottom: 1px solid #9fd1f5;
}
.topmessage.success, .topmessagesdialog.success{
    color: #336836;
    background-color: #d5eebe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#def2cb), to(#cceab1));
    background: -moz-linear-gradient(#def2cb, #cceab1);
    background: linear-gradient(#def2cb, #cceab1);
    -pie-background: linear-gradient(#def2cb, #cceab1);
    behavior: url(/assets/PIE.htc);
    border-bottom: 1px solid #a6d877;
}
.topmessage.error, .topmessagesdialog.error{
    color: #820e0e;
    background-color: #facdcd;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcdcdc), to(#f8bebe));
    background: -moz-linear-gradient(#fcdcdc, #f8bebe);
    background: linear-gradient(#fcdcdc, #f8bebe);
    -pie-background: linear-gradient(#fcdcdc, #f8bebe);
    border-bottom: 1px solid #f3abab;
}
.topmessagesdialog.error a.close {
    background:url(/img/close-buttons.png) 0 -48px no-repeat;
}
.topmessage.error a.close:hover, .topmessagesdialog.error a.close:hover {
    background:url(/img/close-buttons.png) 0 -72px no-repeat;
}
.topmessage.warn, .topmessagesdialog.warn{
    color: #695d0a;
    background-color: #f3f8ae;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f9be), to(#f1f79e));
    background: -moz-linear-gradient(#f5f9be, #f1f79e);
    background: linear-gradient(#f5f9be, #f1f79e);
    -pie-background: linear-gradient(#f5f9be, #f1f79e);
    border-bottom: 1px solid #e0d559;
}
.topmessage.persistent {
	display: block;
	position: relative;
	padding: 0;
}
.topmessage.persistent p {
	padding: 30px;
}
#demoTopMessage {
	opacity: 0.6;
	margin-bottom: 18px;
	font-size: 1.24em;
}
/*
 * topmessage end
 */

/*
 * footer teaser start
 */
.footerteaser {
	margin-top: 70px;
	overflow: hidden;
}
.footerteaser.tour {
	margin-top: 150px;
}
.footerteaser a {
	display: block;
	float: left;
	margin-right: 58px;
	width: 281px;
	min-height: 70px;
	background: url(/img/footerteaser-background.png) no-repeat 0 0;
	text-decoration: none;
}
.footerteaser a:hover {
	background: url(/img/footerteaser-background.png) no-repeat 0 -70px;
}
.footerteaser a.last {
	margin-right: 0;
}
.footerteaser div {
	padding-left: 107px;
}
.footerteaser h3 {
	color: #333;
	margin-bottom: 5px;

}
.footerteaser p {
	color: #666;
	line-height: 120%;
	margin: 0;
}
.footerteaser .questions {
	background: url(/img/icons/questionmark-white.png) no-repeat 17px 10px;
}
.footerteaser .transfer {
	background: url(/img/icons/truck-white.png) no-repeat 20px 17px;
}
.footerteaser .table {
	background: url(/img/icons/table-white.png) no-repeat 15px 20px;
}
.footerteaser .images {
	background: url(/img/icons/images-white.png) no-repeat 16px 11px;
}
.footerteaser .orderbox {
	background: url(/img/icons/box-white.png) no-repeat 20px 15px;
}
.footerteaser .order {
	background: url(/img/icons/controller-white.png) no-repeat 18px 16px;
}
.footerteaser .orderbox img {
	position: absolute;
	margin: -72px 0 0 -201px;
}
/*
 * footer teaser end
 */

/*
 * index start
 */
#teaser-ssd {
	background: #622774; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #622774 0%, #c53364 85%, #c53364 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #622774 0%,#c53364 85%,#c53364 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #622774 0%,#c53364 85%,#c53364 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622774', endColorstr='#c53364',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 10px;
	color: #fff;
	padding: 15px 22px;
	margin-bottom: 24px;
 }
 #teaser-ssd h1 {
	font-weight: bold;
	font-size: 2.8em;
	text-shadow: 1px 1px 0px #333;
 }
 #teaser-ssd p {
	width: 500px;
	text-shadow: 1px 1px 0px #333;
 }
 #teaser-ssd a.button {
	padding: 10px 25px;
 }
 #teaser-ssd img.chart {
  position: absolute;
	margin: -3px 0 0 530px;
 }
#teaser {
	height: 353px;
	margin-bottom: 0;
	behavior: url(/assets/PIE.htc);
	background: #ff8f29;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffa347), to(#ff7c0a));
	background: -moz-linear-gradient(#ffa347, #ff7c0a);
	background: -o-linear-gradient(#ffa347, #ff7c0a);
	background: linear-gradient(#ffa347, #ff7c0a);
	-pie-background: linear-gradient(#ffa347, #ff7c0a);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#teaser-left {
	float: left;
	height: 353px;
	width: 290px;
	/*background: #f77a23;
	behavior: url(/assets/PIE.htc);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f78b3c), to(#f76a09));
	background: -moz-linear-gradient(#f78b3c, #f76a09);
	background: linear-gradient(#f78b3c, #f76a09);
	-pie-background: linear-gradient(#f78b3c, #f76a09);*/
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}
.teaser-left-row {
	background: url(/img/teaser-left-row-sprite.png) no-repeat top left;
	border-bottom: 1px solid #d96f1f;
	height: 98px;
	padding: 19px 0 0 22px;
	color: #924600;
	cursor: pointer;
}
.teaser-left-row:hover {
	color: #864000;
}
.teaser-left-row.active:hover {
	color: #FFF;
}
.teaser-left-row.first {
	background-position: 0 -254px;
}
.teaser-left-row.second {
	background-position: 0 -635px;
}
.teaser-left-row.third {
	background-position: 0 -1016px;
}
.teaser-left-row.first:hover {
	background-position: 0 -127px;
}
.teaser-left-row.second:hover {
	background-position: 0 -508px;
}
.teaser-left-row.third:hover {
	background-position: 0 -889px;
}
.teaser-left-row.first.active {
	background-position: 0 0;
}
.teaser-left-row.second.active {
	background-position: 0 -381px;
}
.teaser-left-row.third.active {
	background-position: 0 -762px;
}
.teaser-left-row.active {
	color: #fff;
}
.teaser-left-row h1 {
	font-weight: bold;
	font-size: 1.87em;
	margin-bottom: 6px;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
}
.teaser-left-row.active h1 {
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
}
.teaser-left-row p {
	line-height: 130%;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
}
.teaser-left-row.active p {
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.5);
}
.teaser-left-row.last {
	border-bottom: none;
}
#teaser-right {
	margin-left: 335px;
	position: relative;
}
#teaser-right h1 {
	color: #fff;
	font-size: 2.7em;
	font-weight: bold;
}
#teaser-right img.teaserbox-new {
	position: absolute;
	margin-top: -5px;
	margin-left: 516px;
}
#webhosting-offers {
	overflow: hidden;
}
#webhosting-offers a {
	text-decoration: none;
}
 #teaser-webhosting img.tenyears {
	 position: absolute;
	 margin: 129px 0 0 -6px;
 }
#webhosting-offers .webhosting {
	font-size: 1.6em;
	width: 155px;
	background: url(/img/white-stripe.png) left bottom repeat-x;
	float: left;
	font-weight: bold;
	margin: 22px 59px 0 0;
	padding-bottom: 14px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
	line-height: 100%;
}
#webhosting-offers .webhosting.last {
	margin-right: 0;
}
#webhosting-offers .webhosting-name {
	margin: 3px 0 24px 0;
	padding-bottom: 7px;
	background: url(/img/white-stripe.png) left bottom repeat-x;
}
#webhosting-offers .webhosting img {
	position: absolute;
}
#webhosting-offers .webhosting img.single {
	margin: -38px 0 0 81px;
}
#webhosting-offers .webhosting img.double {
	margin: -38px 0 0 86px;
}
#webhosting-offers .webhosting img.triple {
	margin: -38px 0 0 76px;
}
#webhosting-offers .webhosting-size {
	font-size: 2.2em;
}
#webhosting-offers .webhosting-size.double {
	margin-left: -9px;
}
#webhosting-offers .webhosting-size.triple {
	margin-left: -2px;
}
#webhosting-offers .webhosting-unit {
	font-size: 1.4em;
}
#webhosting-offers .webhosting-price {
	font-size: 1.28em;
	float: left;
	margin: 7px 7px 0 0;
}
#webhosting-offers .ie7 .webhosting-price {
	margin-top: 20px;
}
#webhosting-offers .webhosting-currency {
	font-size: 0.52em;
	font-weight: normal;
	line-height: 100%;
	margin-top: 7px;
}
#webhosting-offers .ie7 .webhosting-currency {
	margin-top: 20px;
}
#teaser-webhosting #usps {
	margin: 50px 72px 0 0;
	float: left;
}
#teaser-webhosting .teaser-usp {
	color: #924600;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
	margin-bottom: 21px;
}
#teaser-webhosting .teaser-usp img {
	float: left;
}
#teaser-webhosting .teaser-usp img.phone {
	margin-top: 5px;
}
#teaser-webhosting .teaser-usp h3 {
	font-weight: bold;
	font-size: 1.42em;
	padding-left: 46px;
}
#teaser-webhosting .teaser-usp p {
	padding-left: 46px;
}
#teaser-webhosting img.free-trial {
	margin: 27px 0 1px 44px;
	height: 39px;
	position: relative;
}
#teaser-webhosting .button {
	width: 280px;
	height: 84px;
}
#sitebuilder-offers h1 {
	font-size: 2.7em;
	padding-top: 22px;
	margin-bottom: 16px;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
}
#sitebuilder-offers p {
	width: 260px;
	color: #fff;
	line-height: 150%;
	margin-bottom: 20px;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
}
#sitebuilder-offers a.button {
	font-size: 1.2em;
	/*height: 32px;*/
	padding: 12px 8px 10px 82px;
	width: 170px;
	font-weight: bold;
	/*line-height: 132%;*/
}
#sitebuilder-offers a.button img {
	position: absolute;
}
#sitebuilder-offers a.button.strawberry img {
	margin: -24px 0 0 -72px;
}
#sitebuilder-offers img.sitebuilder-front {
	position: absolute;
	margin: -205px 0 0 40px;
}
#cloudserver-offers img.cloudfruits {
	position: absolute;
	margin: -38px 0 0 0px;
}
#cloudserver-offers h1 {
	padding: 34px 0 0 190px;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
}
#cloudserver-offers h1,
#cloudserver-offers h2,
#cloudserver-offers p {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(148, 71, 1, 0.6);
}
#cloudserver-offers h2 {
	margin: 0;
	font-size: 1.50em;
	font-weight: bold;
	padding-bottom: 7px;
	background: url(/img/white-stripe.png) repeat-x left bottom;
}
#cloudserver-offers p {
	margin-bottom: 14px;
}
#cloudserver-offers p.price {
	padding: 6px 0;
	background: url(/img/white-stripe.png) repeat-x left bottom;
}
#cloudserver-offers .columns {
	overflow: hidden;
	margin-top: 26px;
	padding-bottom: 4px;
}
#cloudserver-offers .column {
	float: left;
	width: 264px;
	margin-right: 49px;
}
#cloudserver-offers .column.last {
	margin-right: 0;
}
#cloudserver-offers a.button {
	font-size: 1.2em;
	height: 32px;
	padding-left: 74px;
	padding-top: 16px;
	width: 180px;
	/*line-height: 132%;*/
}
#cloudserver-offers a.button img {
	position: absolute;
}
#cloudserver-offers a.button.lime img {
	margin: -18px 0 0 -67px;
}
#cloudserver-offers a.button.grapefruit img {
	margin: -32px 0 0 -72px;
}
#cloudserver-offers a.button.mandarine img {
	margin: -6px 0 0 -68px;
}
/* slider */
#slider {
	overflow: hidden;
	margin-bottom: 0;
	height: 256px;
    clear: both;
}
#slider-left, #slider-right {
	padding-top: 108px;
	float: left;
	width: 40px;
	cursor: pointer;
}
#slider-right {
	margin-left: 0px;
}
#slider-right img {
	float: right;
}
.slider-content {
	width: 880px;
	float: left;
    height: 255px;
}
.slider-content .columns {
    overflow: hidden;
}
.slider-content .columns .column {
    float: left;
}
.slider-content .columns .column.left-image {
    width: 272px;
}
.slider-content .columns .column.left-image img {
    margin: 58px 0 0 0;
}
.slider-content .columns .column.left-image img.fifteen {
    margin: 62px 0 0 20px;
}
.slider-content .columns .column.left-image img.lets-encrypt {
    margin: 74px 0 0 60px;
}
.slider-content .columns .column.left-image img.switch-to-cyon {
    margin: 100px 0 0 32px;
}
.slider-content .columns .column img.imac-promo {
    margin: 8px 0 0 0;
    height: 197px;
}
.slider-content .columns .column.text {
    width: 590px;
    margin-top: 58px;
}
.slider-content .columns .column.text h2 {
    margin: 10px 0 8px 0;
	font-size: 2em;
	font-weight: bold;
}
.slider-content .columns .column.text p {
	margin: 0 0 16px 0;
	line-height: 140%;
}
.slider-content .columns .column.text a {
	font-weight: bold;
	margin-right: 3px;
}
.slider-content .columns .column.text .link-arrows {
	padding-bottom: 1px;
}

/* jubilee countdown */
#jubilee {
	overflow: hidden;
	margin-bottom: 80px;
}
#jubilee h2 {
	margin: 10px 0 8px 0;
	font-size: 2em;
	font-weight: bold;
}
#jubilee p {
	margin: 0 0 16px 0;
	line-height: 140%;
}
#jubilee .text a {
	font-weight: bold;
	margin-right: 8px;
}
#jubilee .laurel {
	float: left;
	margin-top: 15px;
	width: 220px;
}
#jubilee .text {
	float: left;
	margin-left: 40px;
	width: 380px;
}
#jubilee .countdown {
	float: left;
	margin: 6px 0 0 80px;
}
#jubilee img.remaining {
    margin: 118px 0 0 -78px;
    position: absolute;
}
/*#jubilee .link-arrows {
	padding-bottom: 1px;
}*/
/* team */
#team {
	float: left;
	margin: 0 61px 58px 0;
	width: 615px;
	height: 276px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/assets/PIE.htc);
	background: #eaeaea;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#dbdbdb));
	background: -moz-linear-gradient(#f6f6f6, #dbdbdb);
	background: linear-gradient(#f6f6f6, #dbdbdb);
	-pie-background: linear-gradient(#f6f6f6, #dbdbdb);
}
#team-text {
	margin: 20px 0 0 20px;
	width: 360px;
	float: left;
}
#team h3 {
	color: #bbb;
	font-weight: bold;
	font-size: 2.2em;
}
#team p {
    color: #333;
    font-size: 0.9em;
    line-height: 116%;
    margin: 41px 0 0;
}
a.team-text {
	text-decoration: none;
}
#team img {
	float: right;
	margin: -39px 9px 0 0;
}
#team img.db-frontpage {
	margin-right: 17px;
}
#team img.pz-frontpage {
	margin-right: 14px;
}
#team img.dol-frontpage {
	margin-right: 12px;
}
/* clients */
#clients {
	width: 284px;
	overflow: hidden;
}
#clients .happy-clients {
	margin: -64px 0 0 137px;
    position: absolute;
}
#clients h2 {
	margin: 0 0 28px 0;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 100%;
}
#clients a {
	background: url(/img/clients-sprite-frontpage.png) no-repeat top left;
	display: block;
}
/*#clients a:hover {
	-webkit-transition: margin 100ms linear;
	-moz-transition: margin 100ms linear;
	-o-transition: margin 100ms linear;
	-ms-transition: margin 100ms linear;
	transition: margin 100ms linear;
	margin-top: -2px;
	margin-bottom: 2px;
}*/
#clients a.client-schweizerfamilie {
	background-position: 0 -110px; width: 131px; height: 60px;;
}
#clients a.client-sherpa {
	background-position: 0 -440px; width: 131px; height: 60px;;
}
#clients a.client-maxhavelaar {
	background-position: 0 -330px; width: 131px; height: 60px;;
}
#clients a.client-swissprimesite {
	background-position: 0 -550px; width: 131px; height: 60px;;
}
#clients a.client-bico {
	background-position: 0 0; width: 131px; height: 60px;;
}
#clients a.client-marionnaud {
	background-position: 0 -220px; width: 131px; height: 60px;;
}
.client-row {
	overflow: hidden;
}
.client-row img {
	display: block;
}
.client-row .client {
	background: url(/img/dark-stripe.png) left bottom repeat-x;
	padding: 7px 0;
}
.client-row .client.first {
	background: url(/img/dark-stripe.png) left top repeat-x, url(/img/dark-stripe.png) left bottom repeat-x;
}
.client-row .client.left {
	float: left;
}
.client-row .client.right {
	float: right;
}

/* jobs */
.jobsleft {
    float: left;
    width: 600px;
}
.jobsleft p {
    line-height: 160%;
}
.jobsleft h1 {
	margin-bottom: 30px;
}
.jobsleft h2 {
	margin: 50px 0 16px 0;
}
.jobsleft h2.jobtitle {
	font-size: 2em;
}
.jobsleft h3 {
	margin: 16px 0 8px 0;
}
.jobsleft ul {
	margin: 0 0 30px 8px;
}
.jobsleft .stripe-box ul {
	margin: 0;
}
.jobsleft .stripe-box li {
	padding: 3px 0 0 34px;
	height: 20px;
	margin-bottom: 6px;
	background: url(/img/job-icons-sprite.png) no-repeat 0 0;
}
.jobs li.calendar {
	background-position: 0 0;
}
.jobs li.activity {
	background-position: 0 -100px;
}
.jobs li.pin {
	background-position: 0 -200px;
}
.jobsright {
    float: right;
}
.open-positions, .apply {
	margin-bottom: 90px;
	width: 300px;
}
.apply.unsolicited {
	margin-top: 60px;
}
.open-positions h3, .apply h3 {
	font-size: 1.4em;
	margin: 0 0 16px 0;
}
.open-positions li {
	list-style-type: none;
    background: url(/img/cyon-arrows.png) no-repeat 0 6px;
    padding-left: 30px;
	margin: 0 0 12px 0;
}
.jobs .notebox.quote {
    font-family: 'Droid Sans', Arial, sans-serif;
}
.jobs .notebox h3 {
	font-size: 1.4em;
	font-weight: normal;
    margin: 30px 0 30px 30px;
}
.jobs .notebox li {
	list-style-type: none;
    background: url(/img/check_22.png) no-repeat 0 2px;
    padding-left: 35px;
	margin: 0 0 24px 30px;
	font-size: 0.8em;
	color: #888;
	width: 220px;
	line-height: 140%;
}
.jobs img#mailbox {
    float: left;
    margin: 10px 30px 0 30px;
}
.jobs .team {
   margin-bottom: -41px;
}
.jobs img.your-team {
   margin: 50px 0 0 758px;
   position: absolute;
}
.jobs .team-navigation a:hover {
	margin-top: 0;
}
.jobs .team-navigation  {
	margin: 143px 0 -17px 0;
	height: 110px;
	overflow: hidden;
}
/* communication */
#communication {
	overflow: hidden;
	margin: 78px 0 45px 0;
	clear: left;
}
#communication .boxes {
	overflow: hidden;
}
#communication h2 {
	margin: 0 0 21px 0;
	font-weight: bold;
	font-size: 1.6em;
}
.communication-box, #communication .link-bottom {
	float: left;
	width: 284px;
	margin-right: 54px;
}
.communication-box.last, #communication .link-bottom.last {
	margin-right: 0;
}
#communication .link-bottom {
	line-height: 100%;
    padding: 8px 0 9px;
	background: url(/img/dark-stripe.png) left top repeat-x, url(/img/dark-stripe.png) left bottom repeat-x;
}
.lt-ie9 #communication .link-bottom {
	background: url(/img/link-bottom-bg-ie.png) repeat-x top;
}
#communication .link-bottom img {
	padding: 0 0 1px 8px;
}
.communication-box .blog-entry {
	padding-bottom: 16px;
}
.communication-box .blog-entry.first {
	background: url(/img/dark-stripe.png) left bottom repeat-x;
	margin-bottom: 16px;
}
.communication-box .blog-entry img {
	float: left;
	margin-top: 1px;
}
.communication-box .blog-entry .blog-entry-text {
	margin-left: 24px;
}
.communication-box .blog-entry .blog-entry-text a {
	font-weight: bold;
}
.communication-box .blog-entry .blog-entry-text span {
	display: block;
	font-size: 0.8em;
	margin-top: 12px;
}
#communication .slide-circles {
	position: absolute;
	margin-top: 62px;
}
#communication .slide-circles a {
	background: url(/img/nav-circles.png) no-repeat 0 0px;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	margin-right: 8px;
}
#communication .slide-circles a:hover {
	background: url(/img/nav-circles.png) no-repeat 0 -15px;
}
#communication .slide-circles a.active {
	background: url(/img/nav-circles.png) no-repeat 0 -30px;
}
.communication-box .tweet-picture {
	float: left;
	width: 65px;
}
.communication-box .tweet {
	margin: 0 0 20px 65px;
}
.communication-box .tweet a.twitter-time {
	font-size: 0.8em;
	color: #999;
}
.communication-box span.twitter-hashtag {
	color: #ccc;
}
#communication .twitter-bird {
	margin: -37px 0 0 236px;
	position: absolute;
	z-index: -1;
}
#communication .links {
	clear: left;
}
/*
 * index end
 */

/*
 * order start
 * @TODO: remove when done…
 */
#progress-bar {
	overflow: hidden;
	height: 45px;
	margin-bottom: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/assets/PIE.htc);
	background: #ff8205;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA347), to(#FF7906));
	background: -moz-linear-gradient(#FFA347, #FF7906);
	background: linear-gradient(#FFA347, #FF7906);
	-pie-background: linear-gradient(#FFA347, #FF7906);
}
#progress-bar .step {
	height: 45px;
	float: left;
	overflow: hidden;
	margin: 0 111px 0 24px;
}
#progress-bar .step span {
	font-size: 1.35em;
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 8px 0 0;
}
#progress-bar .step a {
	font-size: 1.1em;
	float: left;
	margin: 14px 14px 0 0;
	line-height: 100%;
	color: #ffc793;
}
#progress-bar a {
	text-decoration: none;
}
@-moz-document url-prefix() {
	/* good old firefox fixes */
	#progress-bar .step a {
		margin-top: 15px;
	}
}
#progress-bar .step.active {
	background: url(/img/progress-arrow.png) no-repeat center top;
}
#progress-bar .step.active a {
	color: #FFF;
}
#progress-bar .step.last {
	margin-right: 24px;
}
.ie6 #progress-bar .step.active {
	background: url(/img/progress-arrow-ie6.png) no-repeat center top;
}

/* step server */
#offer-boxes {
	font-size: 0.875em;
	overflow: visible;
	padding: 10px 0 24px 0;
	margin: -10px 0 10px 0;
}
.offer-box {
	font-weight: bold;
	color: #FFF;
	margin: 18px 30px 0 0;
	width: 168px;
	height: 173px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
	padding: 20px 21px;
	behavior: url(/assets/PIE.htc);
}
.ie6 .offer-box {
	overflow: hidden;
}
.offer-box h3 {
	font-size: 1.3em;
	letter-spacing: 0.06em;
	padding-bottom: 5px;
	background: url(/img/stripe-vertical-white.png) repeat-x left bottom;
}
.offer-box .space {
	display: block;
	font-size: 1.6em;
	letter-spacing: 0.03em;
	margin: 21px 0 -3px 0;
}
.offer-box .price {
	display: block;
	float: left;
	font-size: 3.5em;
	margin-right: 5px;
}
.lt-ie9 .offer-box .price {
	font-size: 3.4em;
	margin: 2px 3px 0 0;
}
.offer-box .currency {
	display: block;
	font-size: 1em;
	font-weight: normal;
	line-height: 13px;
	margin-top: 22px;
}
.offer-box p, .offer-box input {
	margin-top: 5px;
	font-size: 15px; /* @TODO: change to em's */
	text-shadow: none;
	padding: 9px 14px 7px;
	letter-spacing: 0.02em;
}
.offer-box p {
	width: 140px;
}
.offer-box p.cherry-text, .cherry-color {
	color: #BA2B73;
}
.offer-box p.kiwi-text, .kiwi-color {
	color: #80a200;
}
.offer-box p.orange-text, .orange-color {
	color: #FF8102;
}
.offer-box img {
	float: left;
}
#cherry-box img {
	position: relative;
	/*margin: -57px 0 0 138px; */
	margin: -221px 0 0 125px;
}
#kiwi-box img {
    /*margin: -38px 0 0 119px;*/
    margin: -196px 0 0 116px;
    position: relative;
}
#orange-box img {
    /*margin: -69px 0 0 128px;*/
    margin: -226px 0 0 128px;
    position: relative;
}
.ie6 .offer-table {
	margin-top: 24px;
}
.offer-table {
	width: 210px;
	float: left;
	margin-right: 30px;
	font-size: 0.92em;
	margin-bottom: 36px;
}
.offer-table img {
	float: right;
}
.offer-table.orange{
	margin-right: 0;
}
.order-teaser-area {
	/*
	background: #F5F5F5 url(/img/f5f5f5_noise.jpeg);*/
	background: #F5F5F5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    overflow: hidden;
    padding: 8px 14px;
}
.order-teaser {
	width: 210px;
	float: left;
	margin-right: 16px;
}
.order-teaser-group {
	margin-bottom: 15px;
	padding-top: 10px;
	overflow: hidden;
}
.order-teaser.right {
	margin-right: 0;
}
.order-teaser img {
	float: left;
	margin-top: -3px;
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
.order-teaser h3 {
	font-size: 1.09em;
	margin-left: 30px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.order-teaser p {
	margin-top: 8px;
	clear: left;
	color: #999999;
	font-size: 0.86em;
	line-height: 1.38em;
}
.order-teaser-button-group {
	padding-top: 32px;
}
.order-teaser-button-group a {
	width: 185px;
	margin-right: 30px;
}

/* step domains */
.domain-search {
	margin: 28px 0;
}
.domain-search input[type="text"] {
	width: 434px;
	font-size: 2.5em;
	padding-top: 6px;
}
.domain-search input.button {
	font-size: 2em;
	vertical-align: bottom;
	margin-top: 7px;
}
table.domain-table {
	margin: 16px 0;
}
.domain-table td.checkbox {
	width: 13px;
}
.domain-table td.price {
	width: 140px;
	text-align: right;
}
.auth-code {
	margin-top: 17px;
}
.auth-code input {
	margin: 0 7px 0 2px;
	font-size: 1.4em;
	padding-top: 6px;
	vertical-align: baseline;
}
/* step address
.client-select {
	background: #F5F5F5;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    padding: 16px;
}
.client-select-content {
	height: 216px;
}
.client-select h2 {
	margin-top: 0;
}
.new-client {
	float: left;
	width: 312px;
}
.existing-client {
	float: right;
	width: 314px;
	background: url(/img/dark-stripe-vertical.png) repeat-y;
	padding-left: 30px;
}
.existing-client input {
	margin: 5px 0 20px 0;
	font-size: 1.4em;
	padding-top: 6px;
	vertical-align: baseline;
}*/

/* step overview */
.order-overview-table {
	margin-bottom: 30px;
}
.order-overview-table img {
	margin-right: 4px;
}
.order-overview-table .server {
	font-weight: bold;
}
.order-overview-table tr.cherry {
	/*background-color: #fbe1ee;*/
	color: #BA2B73;
}
.order-overview-table tr.kiwi {
	/*background-color: #e6eec7;*/
	color: #80a200;
}
.order-overview-table tr.orange {
	/*background-color: #ffe6c9;*/
	color: #FF8102;
}
.order-overview-table tr.total td {
	font-weight: bold;
	padding-top: 16px;
	vertical-align: top;
}
.order-overview-table span.local-presence {
	color: #CCC;
}
.order-overview-table span.local-presence.small{
	font-size: 0.7em;
}
.order-overview-table td.price {
	text-align: right;
}
.order-overview-table .note {
	font-weight: normal;
}
.order-finish {
    background: none repeat scroll 0 0 #F5F5F5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    overflow: hidden;
    padding: 16px;
    margin-bottom: 30px;
}
.order-finish h2 {
	margin-top: 0;
}
.order-finish input[type="text"] {
	margin: 5px 0 20px 0;
	font-size: 1.4em;
	padding-top: 6px;
	vertical-align: baseline;
}
.order-finish input[type="checkbox"] {
	float: left;
	margin: 2px 6px 0 0;
}
@-moz-document url-prefix() {
	/* good old firefox fixes */
	.order-finish input[type="checkbox"] {
		margin-top: 4px;
	}
}
.order-finish input.button, .order-finish input.button[type="submit"] {
	margin-top: 20px;
	font-size: 1.4em;
	padding-top: 6px;
}

/* basket */
#basket {
	background-color: #EEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/assets/PIE.htc);
	padding: 10px;
	font-size: 0.8em;
	overflow: hidden;
}
#basket h2 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}
.basket-row {
	overflow: hidden;
}
#basket img {
	float: left;
}
#basket p {
	margin: 0;
	font-size: 1em;
	color: #666;
	float: left;
}
#basket span {
	float: right;
	color: #AAA;
}
#basket p.total {
	border-top: 1px solid #999;
	font-weight: bold;
	padding-top: 8px;
	margin: 12px 0 0 0;
	float: none;
}
#basket p.total span {
	float: right;
	color: #666
}
#basket hr {
	margin: 12px 0;
}
/*
 * order end
 */

 /*
 * hosting start
 */
.firstblock.hosting {
	padding-top: 6px;
}
.webhosting-offers {
	float: left;
	width: 670px;
	height: 234px;
}
.webhosting-selectors {
	height: 62px;
}
.webhosting-selector {
	position: relative;
	width: 222px;
	height: 62px;
	float: left;
	margin-right: 2px;
	cursor: pointer;
}
.webhosting-selector img {
	position: absolute;
}
.webhosting-selector h3 {
	color: #FFF;
	padding-top: 19px;
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.webhosting-selector.shared-1, .webhosting-selector.shared-1.active:hover {
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	background: #c21c64; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc407d 0%, #c21c64 50%, #b41a5d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc407d), color-stop(50%,#c21c64), color-stop(100%,#b41a5d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc407d 0%,#c21c64 50%,#b41a5d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc407d 0%,#c21c64 50%,#b41a5d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc407d 0%,#c21c64 50%,#b41a5d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc407d 0%,#c21c64 50%,#b41a5d 100%); /* W3C */
	-pie-background: linear-gradient(#cc407d, #b41a5d);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-1:hover {
	background: #b31559;
	background: -moz-linear-gradient(top,  #c72b6f 0%, #b31559 50%, #a61453 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c72b6f), color-stop(50%,#b31559), color-stop(100%,#a61453));
	background: -webkit-linear-gradient(top,  #c72b6f 0%,#b31559 50%,#a61453 100%);
	background: -o-linear-gradient(top,  #c72b6f 0%,#b31559 50%,#a61453 100%);
	background: -ms-linear-gradient(top,  #c72b6f 0%,#b31559 50%,#a61453 100%);
	background: linear-gradient(to bottom,  #c72b6f 0%,#b31559 50%,#a61453 100%);
	-pie-background: linear-gradient(#c72b6f, #a61453);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-2, .webhosting-selector.shared-2.active:hover {
	background: #a7094f;
	background: -moz-linear-gradient(top,  #b5316b 0%, #a7094f 50%, #9b0849 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5316b), color-stop(50%,#a7094f), color-stop(100%,#9b0849));
	background: -webkit-linear-gradient(top,  #b5316b 0%,#a7094f 50%,#9b0849 100%);
	background: -o-linear-gradient(top,  #b5316b 0%,#a7094f 50%,#9b0849 100%);
	background: -ms-linear-gradient(top,  #b5316b 0%,#a7094f 50%,#9b0849 100%);
	background: linear-gradient(to bottom,  #b5316b 0%,#a7094f 50%,#9b0849 100%);
	-pie-background: linear-gradient(#b5316b, #9b0849);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-2:hover {
	background: #970748;
	background: -moz-linear-gradient(top,  #aa265f 0%, #970748 50%, #8e0643 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa265f), color-stop(50%,#970748), color-stop(100%,#8e0643));
	background: -webkit-linear-gradient(top,  #aa265f 0%,#970748 50%,#8e0643 100%);
	background: -o-linear-gradient(top,  #aa265f 0%,#970748 50%,#8e0643 100%);
	background: -ms-linear-gradient(top,  #aa265f 0%,#970748 50%,#8e0643 100%);
	background: linear-gradient(to bottom,  #aa265f 0%,#970748 50%,#8e0643 100%);
	-pie-background: linear-gradient(#aa265f, #8e0643);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-3, .webhosting-selector.shared-3.active:hover {
	margin: 0;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	background: #830137;
	background: -moz-linear-gradient(top,  #972a57 0%, #830137 50%, #7a0133 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#972a57), color-stop(50%,#830137), color-stop(100%,#7a0133));
	background: -webkit-linear-gradient(top,  #972a57 0%,#830137 50%,#7a0133 100%);
	background: -o-linear-gradient(top,  #972a57 0%,#830137 50%,#7a0133 100%);
	background: -ms-linear-gradient(top,  #972a57 0%,#830137 50%,#7a0133 100%);
	background: linear-gradient(to bottom,  #972a57 0%,#830137 50%,#7a0133 100%);
	-pie-background: linear-gradient(#972a57, #7a0133);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-3:hover {
	background: #750131;
	background: -moz-linear-gradient(top,  #8e204e 0%, #750131 50%, #6f012f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e204e), color-stop(50%,#750131), color-stop(100%,#6f012f));
	background: -webkit-linear-gradient(top,  #8e204e 0%,#750131 50%,#6f012f 100%);
	background: -o-linear-gradient(top,  #8e204e 0%,#750131 50%,#6f012f 100%);
	background: -ms-linear-gradient(top,  #8e204e 0%,#750131 50%,#6f012f 100%);
	background: linear-gradient(to bottom,  #8e204e 0%,#750131 50%,#6f012f 100%);
	-pie-background: linear-gradient(#8e204e, #6f012f);
	behavior: url(/assets/PIE.htc);
}
.webhosting-selector.shared-1 img {
	margin: 3px 0 0 35px;
}
.webhosting-selector.shared-2 img {
	margin: 3px 0 0 19px;
}
.webhosting-selector.shared-3 img {
	margin: 3px 0 0 16px;
}
.webhosting-selector.shared-1 h3 {
	padding-left: 89px;
}
.webhosting-selector.shared-2 h3 {
	padding-left: 84px;
}
.webhosting-selector.shared-3 h3 {
	padding-left: 89px;
}
.webhosting-selector.active:after {
	content: "";
    position: absolute;
    bottom: -16px; /* value = - border-top-width - border-bottom-width */
    left: 99px; /* controls horizontal position */
    border-width: 17px 17px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #FFFFFF transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}
.webhosting-selector.shared-1.active:after {
    border-color: #b41a5d transparent;
}
.webhosting-selector.shared-2.active:after {
    border-color: #9b0849 transparent;
}
.webhosting-selector.shared-3.active:after {
    border-color: #7a0133 transparent;
}
#webhosting-content {
	width: 733px;
	margin-left: -60px;
	height: 210px;
}
.webhosting-content {
	/*clear: left;
	overflow: hidden;*/
}
.webhosting-content p {
	line-break: 100%;
	margin-bottom: 2px;
}
.webhosting-content .fruit {
	float: left;
	width: 211px;
	overflow: visible;
}
.webhosting-content .specs {
	float: left;
	margin: 80px 0 0 0;
	width: 262px;
}
.webhosting-content .specs span {
	font-weight: bold;
	font-size: 1.05em;
	margin-right: 1px;
}
.webhosting-content .specs .webspace {
	font-size: 1.3em;
	margin-bottom: 4px;
}
.webhosting-content .specs .webspace span {
	font-weight: bold;
	font-size: 1.5em;
	margin-right: 3px;
}
.webhosting-content .signup {
	float: right;
	margin: 90px 3px 0 0;
	width: 248px;
	position: relative;
}
.webhosting-content .signup img {
	position: absolute;
	margin: -48px 0 0 106px;
}
.webhosting-content .signup span {
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 3px;
	letter-spacing: 0.06em;
}
.webhosting-content .signup a.button {
	font-size: 1.1em;
	margin-top: 6px;
	padding: 9px 14px 8px 14px;
}
.webhosting-content.shared-1 {
	color: #B81F6C;
}
.webhosting-content.shared-1 .fruit img {
	margin: 22px 0 0 42px;
}
.webhosting-content.shared-2 {
	color: #B81F6C;
	display: none;
}
.webhosting-content.shared-2 .fruit img {
	margin: 22px 0 0 30px;
	float: left;
}
.webhosting-content.shared-3 {
	color: #B81F6C;
	display: none;
}
.webhosting-content.shared-3 .fruit img {
	margin: 22px 0 0 8px;
	float: left;
}
.webhosting-content img.first-year-single {
	position: absolute;
	margin: -54px 0 0 4px;
}
.webhosting-content img.first-year-double {
	position: absolute;
	margin: -48px 0 0 5px;
}
.webhosting-content img.first-year-triple {
	position: absolute;
	margin: -50px 0 0 3px;
}
.firstblock.webhosting #quote-tabs, .firstblock.cloudserver #quote-tabs {
	position: absolute;
	margin-left: 718px;
}
.block.all-inclusive-image {
	margin: 56px 0 6px 0;
	padding-left: 60px;
	height: 46px;
}
.feature-content {
	height: 640px; /* remove for dynamic height */
}
.feature-content h1 {
	margin: 42px 0 20px 0;
	width: 450px;
}
.feature-content h2 {
	font-size: 2.2em;
	margin: 42px 0 20px 0;
}
/* all inclusive */
.feature-content.all-inclusive {
	background: url(/img/fruitbox.png) no-repeat 312px 14px;
}
.feature-content.all-inclusive p {
	margin-bottom: 50px;
}
.feature-content.all-inclusive li {
	background: url(/img/check_22.png) no-repeat 0 0;
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
	list-style: none;
	line-height: 128%;
}
@-moz-document url-prefix() {
	/* good old firefox fixes */
    .feature-content.all-inclusive li {
		line-height: 112%;
    }
}
.feature-content.all-inclusive .columns {
	overflow: hidden;
	height: 427px;
}
.feature-content.all-inclusive .left-column {
	width: 350px;
	float: left;
}
.feature-content.all-inclusive .right-column {
	width: 256px;
	float: right;
	margin-top: 44px;
}
.feature-content.all-inclusive a.button {
	font-size: 1.1em;
	padding: 14px 30px;
	margin-top: 6px;
}
.feature-content.all-inclusive .box {
	padding-bottom: 0;
}
.feature-content.all-inclusive .box a.link-arrows {
	margin: 0 0 0 12px;
	font-weight: bold;
	padding-left: 23px;
	background-position: 0 5px;
}
.feature-content.all-inclusive .box img.team {
	margin: -30px 0 -4px -30px;
}
/* support */
.feature-content.support .intro {
	float: none;
	width: 470px;
}
.feature-content.support h3 {
	margin-bottom: 12px;
}
.feature-content.support .columns {
	overflow: hidden;
	width: 800px;
	margin: 52px 0 50px 0;
}
.feature-content.support .column {
	width: 234px;
	margin-right: 42px;
	float: left;
}
.feature-content.support .column.last {
	margin-right: 0;
}
.feature-content.support .link {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	padding: 10px 0;
	margin-top: 18px;
}
.feature-content.support .link a {
	font-size: 1.6em;
}
.feature-content.support img.phone {
	position: absolute;
	margin: -394px 0 0 573px;
	z-index: -1;
}
/* my.cyon */
.feature-content.mycyon {
	display: none;
	background: url(/img/hostingfeatures-mycyon-bg.png) no-repeat 126px 64px;
	position: relative; /* needed for IE < 8 */
}
.feature-content.mycyon .intro {
	float: none;
	width: 336px;
}
.feature-content.mycyon .image-text h3 {
	font-size: 1em;
	color: #666666;
	margin-bottom: 5px;
}
.feature-content.mycyon .image-text p {
	font-size: 1em;
	color: #999999;
}
.feature-content.mycyon .image-text.easy {
	position: absolute;
	width: 240px;
	margin: 116px 0 0 127px;
}
.ie .feature-content.mycyon .image-text.easy {
	margin-top: 104px;
}
.feature-content.mycyon .image-text.centralized {
	position: absolute;
	width: 365px;
	margin: -103px 0 0 482px
}
.feature-content.mycyon .image-text.personal {
	position: absolute;
	width: 190px;
	margin: 0 0 0 780px;
	padding-top: 8px;
}
.feature-content.mycyon .box {
	margin-top: 268px;
	padding-left: 423px;
}
.feature-content.mycyon .box img {
	position: absolute;
	margin: -28px 0 0 -473px;
}
.feature-content.mycyon .box a.button {
	margin-top: 7px;
	padding: 8px 12px;
}
/* technology */
.feature-content.technology {
	display: none;
}
.feature-content.technology h3 {
	margin-bottom: 14px;
}
.feature-content.technology .left {
	width: 480px;
	float: left;
}
.feature-content.technology .right {
	width: 480px;
	float: left;
	margin-top: -20px;
}
.feature-content.technology .intro {
	width: 360px;
	margin-top: 0;
}
.feature-content.technology img.datacentre {
	margin-top: 34px;
	flow: left;
	/*-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;*/
}
/*.feature-content.technology img.datacentre:hover {
    -webkit-transform:rotate(-1.5deg);
    -moz-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
     transform:rotate(-1.5deg);
}*/
.feature-content.technology img.show-datacentre {
	margin: 0 0 46px 46px;
	flow: left;
}
.feature-content.technology img.server {
	margin-top: -80px;
	float: left;
}
.feature-content.technology .speed {
	margin: 0 0 34px 260px;
}
.feature-content.technology .link-arrows {
	background: url(/img/cyon-arrows.png) no-repeat 0 4px;
	margin-left: -30px;
}
.feature-content.technology .link-arrows a {
	font-weight: bold;
	margin-left: 30px;
	display: block;
}
.feature-content.technology .monitoring {
	width: 250px;
	float: left;
	margin: 0 40px 0 40px;
}
.feature-content.technology img.twentyfourseven {
	margin-top: 40px;
}
.feature-content.technology .box {
	margin-top: 34px;
	padding-bottom: 14px;
}
.feature-content.technology .box .lve{
	font-weight: bold;
	color: #91DD72;
}
.feature-content.technology .box .isolated{
	font-weight: bold;
	color: #EB5D5D;
}
.feature-content.technology .box .left {
	margin-right: 50px;
	width: 446px;
}
.feature-content.technology .box img {
	margin-top: -22px;
}
/* environment */
.feature-content.environment {
	display: none;
}
.feature-content.environment h3 {
	margin-bottom: 14px;
}
.feature-content.environment .columns {
	overflow: hidden;
}
.feature-content.environment .left {
	width: 505px;
	float: left;
}
.feature-content.environment .right {
	width: 455px;
	float: left;
}
.feature-content.environment img.leaf {
	float: left;
}
.feature-content.environment .intro {
	width: 344px;
	margin: 0 0 40px 120px;
}
.feature-content.environment .pdf {
	width: 250px;
	float: left;
}
.feature-content.environment img.pdf-icon {
	margin: 20px 0 0 46px;
}
.feature-content.environment .energy-consumption {
	background: url(/img/power-consumption.png) no-repeat 0 0;
	width: 455px;
	height: 90px;
	padding-top: 16px;
}
.feature-content.environment .energy-consumption h3 {
	font-size: 1em;
	margin: 0 0 4px 130px;
}
.feature-content.environment .energy-consumption p {
	font-size: 1em;
	margin-left: 130px;
	line-height: 130%;
}
.feature-content.environment img.eight-minutes {
	margin: 5px 0 0 20px;
	position: absolute;
}
.feature-content.environment img.tv {
	position: absolute;
	margin: -50px 0 0 227px;
}
.feature-content.environment .box {
	margin-top: 28px;
	padding-bottom: 20px;
}
.feature-content.environment .box .left {
	width: 600px;
}
.feature-content.environment .box img.hydroelectric{
	float: right;
}
/* one-click */
.feature-content.one-click {
	display: none;
	background: url(/img/magic-wand.jpg) no-repeat 416px 12px;
}
.lt-ie9 .feature-content.one-click {
	background-position: 416px -1px;
}
.feature-content.one-click .columns {
	overflow: hidden;
	height: 400px;
}
.feature-content.one-click .left {
	width: 350px;
	float: left;
}
.feature-content.one-click .intro {
	margin-bottom: 40px;
}
.feature-content.one-click .link-arrows {
	margin-top: 30px;
	background: url(/img/cyon-arrows.png) no-repeat 0 4px;
}
.feature-content.one-click .link-arrows a {
	font-weight: bold;
	margin-left: 30px;
	display: block;
}
.feature-content.one-click .right {
	width: 300px;
	float: right;
	margin-top: 80px;
}
.feature-content.one-click .box {
	padding-bottom: 22px;
}
.feature-content.one-click .box .columns {
	overflow: hidden;
	height: auto;
}
.feature-content.one-click .box .left {
	width: 500px;
	float: left;
}
.feature-content.one-click .box .right {
	float: right;
	margin-top: 0;
}
.feature-content.one-click .box .right li {
	background: url(/img/check_22.png) no-repeat 0 0;
	padding: 0 0 0 36px;
	margin: 0 0 8px 0;
	list-style: none;
}
.feature-content.one-click .box img.thumbs-up {
	position: absolute;
	margin: 117px 0 0 -30px;
}
.lt-ie9 .feature-content.one-click .box img.thumbs-up {
	margin-top: 119px;
}
.ie9 .feature-content.one-click .box img.thumbs-up {
	margin-top: 120px;
}
/* mail */
.feature-content.mail {
	display: none;
}
.feature-content.mail .intro {
	float: none;
	width: 380px;
	margin-bottom: 46px;
}
.feature-content.mail h3 {
	margin-bottom: 12px;
}
.feature-content.mail .columns {
	overflow: hidden;
}
.feature-content.mail .column {
	width: 280px;
	margin-right: 60px;
	float: left;
}
.feature-content.mail .column.last {
	margin-right: 0;
}
.feature-content.mail img.stamps {
	position: absolute;
	margin: -225px 0 0 450px;
}
.feature-content.mail .box {
	margin-top: 23px;
	padding-bottom: 16px;
}
.feature-content.mail .box img {
	float: left;
	margin-right: 40px;
}
/*
 * webhosting end
 */

/*
 * cloudserver start
 */
 .block.speedserver h2, .block.agencyserver h2 {
	margin: 0 0 14px 0;
	font-size: 2.2em;
}
.block.speedserver p, .block.agencyserver p {
	line-height: 150%;
}
.block.speedserver a.button, .block.agencyserver a.button {
	padding: 12px 30px;
}
 .block.speedserver-intro {
     margin-top: 62px;
     text-align: center;
     padding-bottom: 0;
 }
 .block.speedserver-intro p.intro {
     width: 600px;
     margin: 30px auto 0 auto;
 }
 .block.speedserver-offer {
		 background: url(/img/green-shine.png) no-repeat center bottom;
		 padding-bottom: 35px;
		 overflow: hidden;
		 width: 850px;
		 margin: 0 auto;
		 /*height: 800px;*/
 }
  .block.speedserver-offer img.ssd {
		position: absolute;
		margin: 15px 0 0 -30px;
	}
.block.speedserver-offer .speedserver-offer-column {
	 float: left;
	 margin-right: 35px;
}
.block.speedserver-offer .speedserver-offer-column:last-child {
	 margin-right: 0;
}
.block .speedserver-offer-column .speedserver-image {
	 height: 210px;
	 margin-bottom: 40px;
 }
.block .speedserver-offer-column.single .speedserver-image {
	 background: url(/img/speedserver-single.png) no-repeat center bottom;
 }
.block .speedserver-offer-column.double  .speedserver-image {
 	 background: url(/img/speedserver-double.png) no-repeat center bottom;
  }
.block .speedserver-offer-column.triple  .speedserver-image {
		 background: url(/img/speedserver-triple.png) no-repeat center bottom;
	 }
.block .speedserver-offer-column .speedserver-specs {
	position: relative;
	background: #fff;
	border: 1px solid #C3C3C3;
	border-radius: 10px;
	padding: 17px;
	width: 224px;
	/*overflow: hidden;*/
}
.block .speedserver-offer-column .speedserver-specs:after, .speedserver-specs:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.block .speedserver-offer-column .speedserver-specs:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 23px;
	margin-left: -23px;
}
.block .speedserver-offer-column .speedserver-specs:before {
	border-color: rgba(195, 195, 195, 0);
	border-bottom-color: #c3c3c3;
	border-width: 24px;
	margin-left: -24px;
}
.block .speedserver-offer-column .speedserver-specs .values  {
	width: 214px;
	margin: 5px auto 24px auto;
	overflow: hidden;
}
.block .speedserver-offer-column .speedserver-specs .values span {
	font-size: 2.4em;
	color: #A5DC00;
	font-weight: bold;
	display: block;
	float: left;
	width: 72px;
	text-align: right;
	margin-right: 10px;
}
.block .speedserver-offer-column .speedserver-specs .values p {
	padding-top: 20px;
	margin-bottom: 6px;
}
.block .speedserver-offer-column a.order {
	width: 203px;
	/*float: left;*/
	height: 96px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
}
.block .speedserver-offer-column a.order .price {
	background: url(/img/white-stripe.png) repeat-x left bottom;
	/*overflow: hidden;*/
	padding-bottom: 3px;
	margin: 3px auto 12px auto;
}
.block .speedserver-offer-column a.order .price .inner {
	display: inline-block;
}
.block .speedserver-offer-column a.order .price .inner p {
	float: left;
	font-size: 2.4em;
	margin: -5px 0;
}
.block .speedserver-offer-column a.order .price .inner span {
	float: left;
	font-weight: normal;
	margin: 5px 0 0 12px;
	line-height: 110%;
	text-align: left;
}
.block .speedserver-offer-column a.order .description p {
	line-height: 100%;
	font-size: 1.4em;
	margin: 7px 0 0 0;
}
.block.speedserver.performance {
    padding: 20px 30px;
    margin: 120px 0 20px 0;
}
.block.speedserver.performance .columns {
    margin-top: 15px;
		overflow: hidden;
}
.block.speedserver.performance .column-left {
    float: left;
    width: 340px;
}
.block.speedserver.performance .column-right {
    float: left;
}
.block.speedserver.performance p {
    margin-top: 16px;
		width: 600px;
}
.block.speedserver.performance ul {
    margin-top: 50px;
}
.block.speedserver.performance ul li {
    list-style: none;
    background: url(/img/green-check.png) no-repeat 0 0;
    margin: 0;
    padding: 0 0 26px 40px;
    color: #747474;
    text-align: left;
}
.block.speedserver.performance img.rocket {
    position: absolute;
    margin: -150px 0 0 630px;
}
.block.speedserver.managed {
	margin-top: 160px;
	text-align: center;
}
.block.speedserver.managed p {
    margin-top: 16px;
}
.block.speedserver.managed img.relax {
    margin-top: 40px;
}
.block.speedserver.managed .columns {
    margin-top: 15px;
		overflow: hidden;
}
.block.speedserver.managed .column {
    float: left;
		margin-right: 45px;
    width: 290px;
}
.block.speedserver.managed .column:last-child {
    margin-right: 0;
}
.block.speedserver.managed ul {
    margin-top: 50px;
}
.block.speedserver.managed ul li {
    list-style: none;
    background: url(/img/orange-check.png) no-repeat 0 0;
    margin: 0;
    padding: 0 0 26px 40px;
    color: #747474;
    text-align: left;
}
.block.speedserver.all-features {
	margin: 130px 0 0 0;
}
.block.speedserver.all-features p {
	width: 500px;
}
.block.speedserver.all-features a img {
	position: absolute;
	margin: -162px 0 0 524px;
	display: block;
}
.block.speedserver.all-features a.button {
  padding: 12px 30px;
}
.block.speedserver.migration {
	margin-top: 160px;
}
.block.speedserver.migration p {
	margin-top: 16px;
	width: 450px;
}
.block.speedserver.migration img {
	position: absolute;
	margin: 0 0 0 540px;
}
.block.speedserver.order {
	background: url(/img/limetten-party.png) no-repeat center bottom;
  text-align: center;
	margin: 180px 0 -41px 0;
	padding-bottom: 160px;
}
.block.speedserver.order p {
	margin: 40px auto 50px;
	width: 400px;
}
.block.speedserver.order a.button {
	margin-top: 50px;
	font-size: 1.6em;
	padding: 26px 40px 26px 120px;
}
.block.speedserver.order a.button img {
	position: absolute;
	margin: -34px 0 0 -110px;
}
.block.speedserver.order img.aviator-goggles {
	position: absolute;
	margin: -70px 0 0 150px;
}

/* Agencyserver */
.block.agencyserver.intro {
	padding-bottom: 30px;
}
.block.agencyserver.intro img.grapefruit {
	float: left;
	margin: -10px 0 0 -20px;
}
.block.agencyserver.intro .intro {
	width: 400px;
	float: left;
	margin: 22px 0 0 20px;
}
.block.agencyserver.cloud-slider {
	margin-top: 20px;
}
/* slice selector */
#cloudSliceSelector {
	width: 916px;
	margin: 0 auto;
}
/* account selector */
#cloudAccountSelector {
	width: 400px;
	margin: 0 auto;
}
#cloudSliceSelector .slice-slider .slider, #cloudAccountSelector .slice-slider .slider {
	width: 100%;
	float: left;
	/*margin-left: -13px;*/
}
#cloudSliceSelector .rail-left {
	float: left;
	margin: 1px 0 0 -22px;
}
#cloudSliceSelector .rail-right {
	float: right;
	margin: 1px -22px 0 0;
}
#cloudSliceSelector .slice-bar {
	overflow: hidden;
	margin-top: 16px;
}

#cloudSliceSelector .slice-bar .single-slice {
	cursor: pointer;
	width: 30px;
	height: 20px;
	float: left;
	padding: 0;
}
.ui-slider {
	background: transparent url('/img/cloudslider/rail-background.png') repeat-x left 1px;
	border: none;
	border-radius: 0;
}

.ui-slider .ui-slider-handle {
	outline: none;
	cursor: pointer;
	margin-left: -18px;
	width: 35px;
	height: 27px;
	border: none;
	border-radius: 0;
	background: transparent url('/img/cloudslider/knob.png') no-repeat left top;
}

#cloudAccountSelector .ui-slider .ui-slider-handle {
	background: transparent url('/img/cloudslider/knob-grapefruit.png') no-repeat left top;
}

.speedserver #cloudSliceSelector .slice-bar .single-slice.inactive,
.agencyserver #cloudSliceSelector .slice-bar .single-slice.inactive {
	background: url('/img/cloudslider/slice-sprite-2.png') no-repeat 1px -200px;
}
.speedserver #cloudSliceSelector .slice-bar .single-slice.active {
	background: url('/img/cloudslider/slice-sprite-2.png') no-repeat 1px 0;
}
.agencyserver #cloudSliceSelector .slice-bar .single-slice.active {
	background: url('/img/cloudslider/slice-sprite-2.png') no-repeat 1px -100px;
}
.speedserver #cloudSliceSelector .slice-bar,
.agencyserver #cloudSliceSelector .slice-bar {
	padding-left: 6px;
}
.geekserver #cloudSliceSelector .slice-bar .single-slice.inactive {
	background: url('/img/cloudslider/slice-sprite-2.png') no-repeat 1px -401px;
}
.geekserver #cloudSliceSelector .slice-bar .single-slice.active {
	background: url('/img/cloudslider/slice-sprite-2.png') no-repeat 1px -301px;
}
.geekserver #cloudSliceSelector .slice-bar {
	padding: 10px 19px;
}

/* cloud bar */
.cloud-bar {
	margin: 28px 0 0 0;
	height: 110px;
	overflow: hidden;
}
.geekserver .cloud-bar {
	margin: 64px 0 0 0;
}
.cloud-bar .values {
	margin-top: 23px;
	float: left;
	height: 68px;
}
.cloud-bar .value {
	width: 183px;
	float: left;
	border-left: 1px solid #efefef;
	height: 100%;
	text-align: center;
}
.cloud-bar .value p {
	margin-top: -10px;
	font-size: 2.7em;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 150%;
}
.speedserver .cloud-bar .value p {
	color: #A5DC00;
}
.agencyserver .cloud-bar .value p {
	color: #f68572;
}
.geekserver .cloud-bar .value p {
	color: #FA9B13;
}
.cloud-bar .value span {
	color: #3a3a3a;
}
.cloud-bar a.order {
	width: 203px;
	float: left;
	height: 96px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
}
.cloud-bar a.order .price {
	background: url(/img/white-stripe.png) repeat-x left bottom;
	overflow: hidden;
	margin: 0 auto 12px auto;
}
.cloud-bar a.order .price .inner {
	display: inline-block;
}
.cloud-bar a.order .price .inner p {
	float: left;
	font-size: 2.85em;
	margin: -6px 0;
}
.cloud-bar a.order .price .inner span {
	float: left;
	font-weight: normal;
	margin: 5px 0 0 12px;
	line-height: 132%;
	text-align: left;
}
.cloud-bar a.order .description p {
	line-height: 100%;
	font-size: 1.4em;
	margin: 7px 0 0 0;
}
.cloud-bar a.button.order.grapefruit .price .inner span {
	float: left;
	margin: 25px 8px 0 0;
}
.cloud-bar a.button.order.grapefruit .price .inner span.currency {
	margin: 5px 0 0 12px;
}
.cloud-bar img.monthly {
	position: absolute;
	margin: 42px 0 0 -46px;
}



.block.agencyserver.platform {
	margin-top: 100px;
}
.block.agencyserver.platform .column.left {
	float: left;
	width: 500px;
}
.block.agencyserver.platform a {
	position: absolute;
	margin: 2px 0 0 140px;
}
.block.agencyserver.agencies-and-calculator {
	padding-top: 140px; /* margin-top would be nicer, but Chrome 25 has a floating-bug: http://stackoverflow.com/questions/15157253/css-floating-bug-in-google-chrome */
}
.block.agencyserver .agencies {
	float: left;
	width: 400px;
	background: url(/img/badge-agencies.png) no-repeat 0 64px;
}
.block.agencyserver .agencies p {
	margin-top: 24px;
}
.block.agencyserver .agencies p,
.block.agencyserver .agencies ul {
	padding-left: 92px;
}
.block.agencyserver .agencies ul {
	margin-top: 38px;
	list-style: none;
	color: #7c7c7c;
	width: 310px;
	line-height: 150%;
}
.block.agencyserver .agencies ul li {
	background: url(/img/check_22.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 24px 40px;
}
.block.agencyserver .pricing {
	width: 404px;
	float: right;
	padding: 20px 20px 3px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.06);
	box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, 0.06);
	background: #f5f5f5 url(/img/beermat.png) no-repeat bottom right;
}
.block.agencyserver .pricing p {
	margin: 18px 0 16px;
}
.block.agencyserver .pricing p.note {
	margin: 15px 0 30px;
	color: #bbb;
	font-size: 14px;
}
.block.agencyserver .pricing .overview {
	margin: 20px 0 0 0;
	clear: both;
}
.block.agencyserver .pricing .overview .row {
	overflow: hidden;
	padding: 0 12px;
}
.block.agencyserver .pricing .overview .row p {
	float: left;
	width: 150px;
}
.block.agencyserver .pricing .overview .row p.right {
	float: right;
	width: 200px;
	text-align: right;
}
.block.agencyserver .pricing .overview .row.dotted {
	background: url(/img/medium-stripe.png) repeat-x left bottom;
}
.block.agencyserver .pricing .overview .row.dotted.light {
	background-color: #f9f9f9;
}
.block.agencyserver .pricing .overview .row.header {
	padding: 0;
}
.block.agencyserver .pricing .overview .row.header p {
	color: #999;
	font-weight: normal;
	margin-bottom: 10px;
}
.block.agencyserver.migration {
	margin-top: 140px;
}
.block.agencyserver.migration .column.left {
	float: left;
	width: 492px;
}
.block.agencyserver.no-technology {
	margin-top: 140px;
	background: url(/img/badge-no-technology.png) no-repeat 0 60px;
}
.block.agencyserver.no-technology p {
	margin: 28px 0 0 92px;
}
.block.agencyserver.no-technology ul {
	margin: 50px 30px 0 92px;
	list-style: none;
	color: #7c7c7c;
	width: 320px;
	line-height: 150%;
	float: left;
}
.block.agencyserver.no-technology ul li {
	background: url(/img/check_22.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 24px 40px;
}
.block.agencyserver.all-features {
	margin: 140px 0 120px 0;
}
.block.agencyserver.all-features p {
	width: 500px;
}
.block.agencyserver.all-features a img {
	position: absolute;
	margin: -162px 0 0 524px;
	display: block;
}
.block.agencyserver.order {
	padding-bottom: 3px;
	margin: 100px 0 60px 0;
}
.block.agencyserver.order .column.left {
	width: 500px;
	float: left;
}
.block.agencyserver.order a.button {
	margin-top: 50px;
	font-size: 1.6em;
	padding: 26px 30px 26px 120px;
}
.block.agencyserver.order a.button img {
	margin: -57px 0 0 -117px;
}
.block.agencyserver.order img {
	position: absolute;
	margin-left: 130px;
}
.block.agencyfeatures {
	width: 700px;
	margin: 0 auto;
	/*background: url(/img/grapefruit-background.png) repeat-y 0 0;*/
}
.block.agencyfeatures .intro {
	text-align: center;
	margin-bottom: 40px;
}
.block.agencyfeatures img.grapefruit-table {
	position: absolute;
	margin: -32px 620px;
}
.block.agencyfeatures.order {
  text-align: center;
	margin: 100px auto 0 auto;
	padding-bottom: 160px;
}
.block.agencyfeatures.order p {
	margin: 40px auto 50px;
	width: 500px;
}
.block.agencyfeatures.order a.button {
	margin-top: 50px;
	font-size: 1.6em;
	padding: 26px 40px 26px 120px;
}
.block.agencyfeatures.order a.button img {
	position: absolute;
	margin: -62px 0 0 -117px;
}
.block.agencyfeatures.order img.champagner {
	position: absolute;
	margin: -50px 0 0 40px;
}

/* Geekserver */
.block.geekserver.got-root {
	margin-top: 60px;
}
.block.geekserver.got-root p {
	width: 280px;
}
.block.geekserver.got-root ul {
	margin: 20px 30px 0 0;
	list-style: none;
	color: #7c7c7c;
	width: 320px;
	line-height: 150%;
	float: left;
}
.block.geekserver.got-root ul li {
	background: url(/img/check_22.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 16px 40px;
}
.block.geekserver.got-root img {
	position: absolute;
	margin: -178px 0 0 330px;
	display: block;
	z-index: -1;
}
.block.geekserver.templates {
	margin-top: 80px;
}
.block.geekserver.templates .column.left {
	float: left;
	width: 400px;
}
.block.geekserver.templates img.many-templates {
	position: absolute;
	margin: 16px 0 0 476px;
	display: block;
}
.block.geekserver.templates h2 {
	margin-top: 80px;
}
.block.geekserver.templates p {
	margin-bottom: 30px;
}
.block.geekserver.usecases {
	margin-top: 120px;
}
.block.geekserver.usecases p {
	width: 280px;
}
.block.geekserver.usecases ul {
	margin: 20px 0 0 0;
	list-style: none;
	color: #7c7c7c;
	width: 320px;
	line-height: 150%;
	float: left;
}
.block.geekserver.usecases ul li {
	background: url(/img/check_22.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 16px 40px;
}
.block.geekserver.usecases img {
	position: absolute;
	margin: -177px 0 0 590px;
	display: block;
}
.block.geekserver.all-features {
	margin: 67px 0 120px 0;
}
.block.geekserver.all-features p {
	width: 500px;
}
.block.geekserver.all-features a img {
	position: absolute;
	margin: -162px 0 0 524px;
	display: block;
}
.block.geekserver.order {
	padding-bottom: 3px;
	margin: 100px 0 60px 0;
}
.block.geekserver.order .column.left {
	width: 500px;
	float: left;
}
.block.geekserver.order a.button {
	margin-top: 50px;
	font-size: 1.6em;
	padding: 26px 40px 26px 120px;
}
.block.geekserver.order a.button {
	margin-top: 50px;
	font-size: 1.6em;
	padding: 26px 40px 26px 120px;
}
.block.geekserver.order a.button img {
	margin: -40px 0 0 -107px;
}
.block.geekserver.order img {
	position: absolute;
}
.block.geekserver.order img.geek-glasses {
	position: absolute;
	margin: 76px 0 0 86px;
}

/* cloudserver comparison */
#cloudserverHighlights {
	margin-bottom: 86px;
}
#cloudserverHighlights .highlights h1 {
	margin: 60px 0 16px 0;
	padding-left: 24px;
}
#cloudserverHighlights .highlights h3 {
	margin-bottom: 8px;
}
#cloudserverHighlights .highlights p {
	margin: 0 0 56px 0;
	color: #666666;
}
#cloudserverHighlights .highlights .columns {
	margin-top: 30px;
	overflow: hidden;
	padding: 24px 24px 0 24px;
	background: url(/img/dark-stripe-solid.png) repeat-x 1px bottom;
}
#cloudserverHighlights .highlights .columns .column {
	width: 252px;
	margin-right: 60px;
	float: left;
}
#cloudserverHighlights .highlights .columns .column.last {
	margin-right: 0;
}
#cloudserverHighlights .highlights.speedserver {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f3f8e1));
	background: -moz-linear-gradient(#fff, #f3f8e1);
	background: linear-gradient(#fff, #f3f8e1);
	-pie-background: linear-gradient(#fff, #f3f8e1);
	behavior: url(/assets/PIE.htc);
}
#cloudserverHighlights .highlights.agencyserver {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fdedea));
	background: -moz-linear-gradient(#fff, #fdedea);
	background: linear-gradient(#fff, #fdedea);
	-pie-background: linear-gradient(#fff, #fdedea);
	behavior: url(/assets/PIE.htc);
}
#cloudserverHighlights .highlights.geekserver {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fef3e2));
	background: -moz-linear-gradient(#fff, #fef3e2);
	background: linear-gradient(#fff, #fef3e2);
	-pie-background: linear-gradient(#fff, #fef3e2);
	behavior: url(/assets/PIE.htc);
}
.comparison-order {
	overflow: hidden;
	padding: 4px 0;
	font-size: 1.2em;
	margin-bottom: 50px;
}
.comparison-order a.button {
	width: 255px;
	float: left;
	padding: 20px 20px 18px 20px;
	margin-right: 37px;
	text-align: center;
	font-size: 1.1em;
}
.comparison-order a.button.last {
	margin-right: 0;
}
.comparison-order a img {
	position: absolute;
}
/*
 * cloudserver end
 */

/*
 * features start
 */
section.three-colums {
	overflow: hidden;
	margin-bottom: 36px;
}
section.three-colums .category {
	overflow: hidden;
	margin-bottom: 24px;
}
section.three-colums img {
	float: left;
}
section.three-colums h3 {
	font-size: 1.6em;
	margin: 10px 0 0 10px;
	float: left;
}
section.three-colums .rows {
	padding-bottom: 24px;
	overflow: hidden;
	background: url(/img/dark-stripe.png) repeat-x left bottom;
	/*background: url(/img/swirl.png) no-repeat center bottom;*/
}
section.three-colums .rows.last {
	background:none;
}
section.three-colums .row {
	width: 278px;
	float: left;
	margin-right: 48px;
}
section.three-colums .row h4 {
	font-weight: bold;
	margin-bottom: 8px;
}
section.three-colums .row p {
	margin-bottom: 24px;
}
section.three-colums .row img.inline {
	margin: 12px;
}
section.three-colums .row img.right {
	float: right;
}
section.three-colums .row.last {
	margin-right: 0;
}
/*
 * features end
 */

/*
 * affiliate start
 */

.affiliate .intro p {
	width: 280px;
	margin-bottom: 60px;
}
img.affiliate-bags {
	position: absolute;
	margin: -210px 0 0 412px;
}
.affiliate .payout {
	overflow: hidden;
}
.ie7 .affiliate .payout {
	margin-bottom: 50px;
}
.affiliate .payout img {
	float: left;
	margin-right: 6px;
}
.affiliate .payout .number {
	margin-right: 30px;
	overflow: hidden;
	float: left;
}
.affiliate .box {
	margin-top: 55px;
	padding-bottom: 16px;
}
.affiliate .box .columns {
	overflow: hidden;
}
.affiliate .box .columns .text {
	width: 320px;
	float: left;
	margin-right: 60px;
}
.affiliate .box .columns .button {
	padding: 12px 24px;
	width: 180px;
	text-align: center;
}
.affiliate .box .columns .existing-clients, .affiliate .box .columns .new-clients {
	padding-top: 77px;
}
.affiliate .box .columns .existing-clients {
	width: 277px;
	float: left;
}
.affiliate .box .columns .existing-clients img {
	margin: -46px 0 0 20px;
	position: absolute;
}
.affiliate .box .columns .new-clients img {
	margin: -46px 0 0 56px;
	position: absolute;
}
.affiliate .features {
	overflow: hidden;
	margin: 70px 0 40px 0;
}
.affiliate .features .feature {
	width: 268px;
	float: left;
	margin-right: 78px;
}
.affiliate .features .feature.last {
	margin-right: 0;
}
.affiliate .features .feature img {
	float: left;
}
.affiliate .features .feature h3 {
	margin: 20px 0 12px 56px;
}
.affiliate .features .feature p {
	margin-left: 56px;
	color: #b0b0b0;
	line-height: 150%;
}
.affiliate .features .feature.money img {
	margin: 14px 0 0 0;
}
.affiliate .features .feature.banner img {
	margin: 10px 0 0 0;
}
.affiliate .features .feature.statistics img {
	margin: 5px 0 0 10px;
}
.affiliate_material{
	margin-bottom: 70px;
}
.affiliate_material.grid {
	float: left;
	width: 268px;
	margin-right: 78px;
}
.affiliate_material.grid.last {
    margin-right: 0;
}
.affiliate .block.banner {
	margin-top: 60px;
}
.affiliate .block.banner img.arrow-banner {
	position: absolute;
	margin: -64px 0 0 347px;
}
/*
 * affiliate end
 */

/*
 * infrastructure start
 */
.block.infrastructure.server {
	margin-top: 20px;
}
.block.infrastructure.server p {
	width: 250px;
}
.block.infrastructure.server img {
	margin-top: -60px;
}
.block.infrastructure.cloudlinux {
	margin-top: 60px;
}
.cloudlinux .box {
	margin-top: 15px;
}
.cloudlinux .box p {
	height: 150px;
}
.cloudlinux .box .column {
	width: 394px;
}
.cloudlinux .box .column.left {
	margin-right: 110px;
	float: left;
}
.block.infrastructure.green {
	margin-top: 100px;
}
.block.infrastructure.green img.header-img {
	position: absolute;
	margin-top: -38px;
}
.block.infrastructure.green h2 {
	margin-left: 90px;
}
.block.infrastructure.green p {
	width: 585px;
	float: left;
}
.block.infrastructure.green img.teaser {
	margin-top: -46px;
}
.block.infrastructure.green img.naturemade-label {
	margin-top: 40px;
}
.block.infrastructure.green img.teaser-legend {
	position: absolute;
	margin: 100px 0 0 130px;
}
.block.infrastructure.storage {
	margin: 100px 0 200px;
}
.block.infrastructure.storage img.teaser{
	position: absolute;
	margin: 0;
}
.block.infrastructure.storage h2 {
	margin: 56px 0 16px  300px;
}
.block.infrastructure.storage p {
	margin: 0 0 0 300px;
	width: 400px;
}
.block.infrastructure.backup {
	margin: 100px 0 0 440px;
}
.block.infrastructure.backup img.teaser{
	position: absolute;
	margin: -19px 0 0 -449px;
}
.block.infrastructure.backup h3 {
	margin: 26px 0 18px 0;
}
.block.infrastructure.backup img.restore-points {
	margin-top: 10px;
}
.ie7 .block.infrastructure.backup img.restore-points {
	margin-bottom: 120px;
}
.block.infrastructure.datacentre {
	margin-top: 60px;
}
.block.infrastructure.datacentre .text {
	width: 555px;
	float: left;
}
.block.infrastructure.datacentre .text p {
	margin-bottom: 32px;
}
.block.infrastructure.datacentre .features span {
	display: block;
	margin-bottom: 19px;
}
.block.infrastructure.datacentre .features span img {
	margin-right: 10px;
}
.block.infrastructure.datacentre img#datacentre-logo {
	display: block;
	margin: 16px 0 0 261px;
}
.block.infrastructure.gallery {
	margin-top: 140px;
}
.block.infrastructure.gallery.box h3 {
	margin-bottom: 9px;
}
.block.infrastructure.gallery.box p {
	margin-bottom: 24px;
}
.block.infrastructure.gallery.box .gallery img {
	margin-right: 8px;
	float: left;
}
.block.infrastructure.gallery.box .gallery img.last {
	margin-right: 0;
}
.block.infrastructure.network {
	margin: 120px 0 120px 0;
	height: 479px;
}
.block.infrastructure.network .left-column {
	float: left;
	width: 440px;
}
.block.infrastructure.network .right-column {
	overflow: hidden;
}
.block.infrastructure.network h2 {
	margin-top: 0;
}
.block.infrastructure.network h3 {
	margin: 40px 0 16px 0;
}
.block.infrastructure.network img.teaser {
	float: left;
}
.block.infrastructure.network a {
	display: block;
	float: left;
}
.block.infrastructure.network .gtt {
	margin:48px 90px 0 0;
}
.block.infrastructure.network .init7 {
	margin: 55px 100px 0 0;
}
.block.infrastructure.network .swissix {
	margin: 24px 70px 0 0;
	clear: left;
}
.block.infrastructure.network .swisscom {
	margin: 12px 0 0 0;
}
/*
 * infrastructure end
 */
/*
 * tour start
 */
 .tour .right-column p {
	 line-height: 160%;
	 margin-bottom: 18px;
 }
.firstblock.tour .intro.small {
	width: 300px;
}
/*.firstblock.tour .intro.small:after {
	background: url("/img/bg-rays-tour.jpg") no-repeat 50% 0%;
	content: "";
	z-index: -1;
	left: 240px;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}
.firstblock.tour .intro.small span {
	display: block;
	margin-top: 30px;
}
.firstblock.tour .intro.small span img {
	margin: 0 12px 1px 0;
}
.firstblock.tour .intro.small span a {
	font-size: 1.2em;
	font-weight: bold;
}*/
/*.firstblock.tour .intro.small span.button {
	font-size: 1.2em;
	padding: 10px 16px;
	width: auto;
	margin-top: 16px;
}*/
.firstblock.tour .intro.small img.demo {
	margin: 24px 0 0 175px;
}
.firstblock.tour .intro.small img.tour {
	margin: 40px 0 0 36px;
}
.start-demo {
	float: right;
	position: relative;
	padding-right: 10px;
}
.start-demo img.mycyon {
}
.start-demo img.mycyon:hover {
	padding-top: -1px;
}
.start-demo:after {
	background: url("/img/bg-rays-tour.jpg") no-repeat 0 0;
    content: "";
    position: absolute;
    display: block;
    left: -210px;
    bottom: -110px;
    right: -20px;
    top: -108px;
    z-index: -1;
}
.lt-ie9 .start-demo:after {
	background: none;
}
.block.tour-gallery {
	margin: 10px 0 100px 0;
}
.block.tour-gallery-content {
	margin-top: 60px;
}
.block.tour-gallery-content h2 {
	margin-top: 0;
}
.block.tour-gallery-content .row {
	overflow: hidden;
	margin-bottom: 60px;
}
.block.tour-gallery-content .row .left-column{
	float: left;
}
.block.tour-gallery-content .row .right-column {
	float: right;
	width: 570px;
}
.block.tour-gallery-content.hosting {
	/*height: 1003px;*/
}
.block.tour-gallery-content.domains {
	/*height: 330px;*/
}
.tour-navigator {
	margin-top: -30px;
	font-size: 1.2em;
}
.tour-navigator a.left {
	float: left;
	padding-left: 30px;
	background: url(/img/cyon-arrows-left.png) no-repeat left 7px;
}
.tour-navigator a.right {
	float: right;
	padding-right: 30px;
	background: url(/img/cyon-arrows.png) no-repeat right 7px;
}
/*
 * tour end
 */

/*
 * sitebuilder start
 */

.block.sitebuilder-intro {
    margin-top: 62px;
    text-align: center;
    background: url(/img/red-shine.png) no-repeat center bottom;
    padding-bottom: 47px;
}
.block.sitebuilder-intro p.intro {
    width: 600px;
    margin: 30px auto 55px auto;
}
.block.sitebuilder-intro img.beta {
		position: absolute;
		margin: -86px 0 0 350px;
}
.block.sitebuilder-intro a.button {
    font-size: 1.4em;
    margin-top: 40px;
    width: 270px;
    padding: 11px 10px 11px 100px;
    line-height: 1.4;
}
.block.sitebuilder-intro p {
    line-height: 140%;
    margin: 33px 0;
}
.block.sitebuilder-intro a.button.orange {
    font-weight: normal;
    padding: 12px;
    margin: 0;
}
.block.sitebuilder-intro a.button img {
    position: absolute;
    margin: -36px 0 0 -99px;
}
.block.sitebuilder-designs {
    text-align: center;
}
.block.sitebuilder-designs h1 {
    margin: 100px 0 28px;
}
.block.sitebuilder-designs .designs {
    overflow: hidden;
    margin: 70px 0 12px;
}
.block.sitebuilder-designs a img {
    border: 1px solid #aaa;
    margin-right: 15px;
}
.block.sitebuilder-designs a:last-child img {
    margin-right: 0;
}
.block.sitebuilder-designs a.button {
    font-size: 1.4em;
    margin-top: 40px;
    width: 270px;
    padding: 15px;
    line-height: 1.4;
}
.block.sitebuilder-responsive {
    margin: 170px 0 0 0;
}
.block.sitebuilder-responsive  h1 {
    margin-bottom: 28px;
}
.block.sitebuilder-responsive .columns .column-1 {
    width: 320px;
    float: left;
}
.block.sitebuilder-responsive .columns .column-1 p {
    line-height: 1.85;
}
.block.sitebuilder-responsive .columns .column-2 {
    float: right;
}
.block.sitebuilder-editor {
    margin: 140px 0;
    overflow: visible;
}
.block.sitebuilder-editor h1 {
    margin-bottom: 28px;
}
.block.sitebuilder-editor .columns {
    margin-top: 70px;
}
.block.sitebuilder-editor .columns .column-1 {
    float: left;
}
.block.sitebuilder-editor .columns .column-1 img {
    margin-left: -10px;
}
.block.sitebuilder-editor .columns .column-2 {
    float: left;
}
.block.sitebuilder-editor ul {
    margin-left: 90px
}
.block.sitebuilder-editor ul li {
    width: 200px;
    list-style: none;
    background: no-repeat 0 0;
    margin: 0;
    padding: 0 0 40px 70px;
}
.block.sitebuilder-editor ul li.dragndrop {
    background-image: url(/img/icons/sitebuilder/dragndrop.png);
    background-position-y: 5px;
}
.block.sitebuilder-editor ul li.picture {
    background-image: url(/img/icons/sitebuilder/picture.png);
    background-position-y: 7px;
}
.block.sitebuilder-editor ul li.video {
    background-image: url(/img/icons/sitebuilder/video.png);
    background-position-y: 9px;
}
.block.sitebuilder-editor ul li.text {
    background-image: url(/img/icons/sitebuilder/text.png);
    background-position-y: 8px;
}
.block.sitebuilder-editor ul li.stop {
    background-image: url(/img/icons/sitebuilder/stop.png);
    background-position-y: 6px;
}
.block.sitebuilder-demo {
	margin: 608px 0 0 0;
}
.block.sitebuilder-demo p {
	width: 530px;
    margin-bottom: 22px;
}
.block.sitebuilder-demo a img {
	position: absolute;
	margin: -181px 0 0 546px;
	display: block;
}
.block.sitebuilder-demo a.button {
    padding: 12px 30px;
}
.block.sitebuilder-email {
    clear: both;
    padding: 140px 0 50px 0;
    text-align: center;
    background: url(/img/mailbox-strawberry.png) no-repeat center 365px;
}
.block.sitebuilder-email h1 {
    margin-bottom: 28px;
}
.block.sitebuilder-email .columns .column-1 {
    float: left;
}
.block.sitebuilder-email .columns .column-2 {
    float: right;
}
.block.sitebuilder-email ul {
    margin-top: 120px;
}
.block.sitebuilder-email ul li {
    width: 186px;
    list-style: none;
    margin: 0 0 37px 0;
    padding: 75px 0 0 0;
}
.block.sitebuilder-email li.own-domain {
    background: url(/img/icons/sitebuilder/at.png) no-repeat center 10px;
}
.block.sitebuilder-email li.magic {
    background: url(/img/icons/sitebuilder/magic.png) no-repeat center 18px;
}
.block.sitebuilder-email li.vacation {
    background: url(/img/icons/sitebuilder/vacation.png) no-repeat center 10px;
}
.block.sitebuilder-email li.browser {
    background: url(/img/icons/sitebuilder/browser.png) no-repeat center 12px;
}
.block.sitebuilder-email li.mail-settings {
    background: url(/img/icons/sitebuilder/mail-settings.png) no-repeat center 0;
}
.block.sitebuilder-email li.filter {
    background: url(/img/icons/sitebuilder/filter.png) no-repeat center 14px;
}
.block.sitebuilder-ecommerce {
    text-align: center;
    padding: 20px 30px;
    margin: 140px 0 20px 0;
}
.block.sitebuilder-ecommerce img.shopping-cart {
    position: absolute;
    margin: 12px 0 0 196px;
}
.block.sitebuilder-ecommerce .columns {
    margin-top: 55px;
		overflow: hidden;
}
.block.sitebuilder-ecommerce .column-left {
    float: left;
    width: 340px;
}
.block.sitebuilder-ecommerce .column-right {
    float: left;
}
.block.sitebuilder-ecommerce p {
    margin-top: 16px;
}
.block.sitebuilder-ecommerce ul {
    margin-top: 40px;
}
.block.sitebuilder-ecommerce ul li {
    list-style: none;
    background: url(/img/green-check.png) no-repeat 0 0;
    margin: 0;
    padding: 0 0 26px 40px;
    color: #747474;
    text-align: left;
}
.block.sitebuilder-outro {
    margin-top: 185px;
    text-align: center;
    background: url(/img/strawberry-cloud.png) no-repeat center bottom;
    padding-bottom: 220px;
}
.block.sitebuilder-outro h1 {
    margin-bottom: 28px;
}
.block.sitebuilder-outro p {
    width: 600px;
    margin: 0 auto;
}
.block.sitebuilder-outro a.button {
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 40px;
    width: 270px;
    padding: 25px;
    line-height: 1.4;
}
.block.sitebuilder-outro a.button.red {
    margin: 100px 0 40px 0;
}
/*
 * sitebuilder end
 */

/*
 * domains start
 */
.ie7 .block.domains.search {
	margin-top: 24px;
}
.block.domains.search fieldset {
	margin: 30px 0 0 0;
	padding: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #e7e7e7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e7e7e7));
	background: -moz-linear-gradient(#f3f3f3, #e7e7e7);
	background: linear-gradient(#f3f3f3, #e7e7e7);
	-pie-background: linear-gradient(#f3f3f3, #e7e7e7);
	behavior: url(/assets/PIE.htc);
}
.block.domains.search fieldset input[type="text"] {
	width: 442px;
	font-size: 1.6em;
	padding: 6px;
	color: #999;
}
.block.domains.search.emailverification fieldset input[type="text"] {
	width: 442px;
	font-family: 'Droid Sans', Arial, sans-serif;
	background: #fff;
    border: 1px solid;
    border-color: #cecece #e1e1e1 #e1e1e1 #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #777;
    font-size: 1.6em;
    line-height: 140%;
    padding: 10px 12px 9px;
    text-shadow: 0 1px 0 #FFF;
    vertical-align: middle;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    outline: none;
    float: left;
}
.block.domains.search.emailverification fieldset input[type="submit"] {
	font-size: 1.6em;
	vertical-align: bottom;
	margin: 0;
	padding: 13px 18px 12px;
}
.message.domains.search.emailverification {
	margin: 30px 0 0 0;
}
.ie7 .block.domains.search fieldset input[type="text"] {
	float: left;
}
.block.domains.search fieldset input[type="submit"] {
	font-size: 1.6em;
	vertical-align: bottom;
	margin: 0;
	padding: 8px 18px 7px 18px;
}
.ie7 .block.domains.search fieldset input[type="submit"] {
	padding: 2px 18px 1px 18px;
}
.block.domains.search img.ngtlds-badge {
	position: absolute;
	margin-left: 613px;
	margin-top: -53px;
}
.block.domains.domaincenter {
    margin-top: 30px;
	margin-bottom: 80px;
}
.block.domains.domaincenter img {
	margin-top: 4px;
	float: left;
}
.block.domains.domaincenter h2 {
	margin: 7px 0 10px 240px;
}
.block.domains.domaincenter p {
	margin: 0 0 10px 240px;
}
.block.domains.domaincenter .link-arrows {
	margin-left: 240px;
}
.ie7 .block.domains.domaincenter .link-arrows {
	margin-left: 210px;
}
.block.domains.domaincenter img.tlds {
	float: none;
	margin: 80px 0 0 100px;
}
aside#domains {
	margin-top: 60px;
	width: 235px;
}
.ie7 aside#domains {
	margin-top: 50px;
}
aside#domains .feature {
	background: url(/img/domainfeatures-sprite.png) no-repeat,  url(/img/dark-stripe.png) repeat-x left top;
	padding: 14px 0 14px 40px;
}
.lt-ie9 aside#domains .feature {
	background: url(/img/dark-stripe.png) repeat-x left bottom;
	padding-left: 0;
}
aside#domains .feature.registration {
	background-position: 0 11px, 0 bottom;
}
aside#domains .feature.tlds {
	background-position: -300px 11px, 0 bottom;
}
aside#domains .feature.zoneeditor {
	background-position: -600px 11px, 0 bottom;
}
aside#domains .feature.price {
	background-position: -900px 11px, 0 bottom;
}
aside#domains .feature.invoice {
	background-position: -1200px 11px, 0 bottom;
}
aside#domains .feature.nameserver {
	background-position: -1500px 11px, 0 bottom;
}
.block.domains.pricelist {
	padding-top: 20px;
	margin-bottom: 70px;
}
.block.domains.pricelist .tables {
	float: left;
}
.block.domains.pricelist .row {
	float: left;
	width:125px;
	margin-right: 36px;
}
.block.domains.pricelist .row h3 {
	margin-bottom: 20px;
}
.block.domains.pricelist tr.active {
	background-color: #ff8c26;
	font-weight: bold;
	color: #FFF;
	/*
	@TODO: Mix gradients and background image?
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff932f), to(#ff6700));
	background: -moz-linear-gradient(#ff932f, #ff6700);
	background: linear-gradient(#ff932f, #ff6700);
	-pie-background: linear-gradient(#ff932f, #ff6700);*/
}
.block.domains.pricelist tr:hover {
	background-color: #ff8c26;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}
.ie7 .block.domains.pricelist td {
	float: right;
	height: 0;
}
.block.domains.pricelist td span {
	float: right;
	text-align: right;
}
.ie7 .block.domains.pricelist td span {
	float: right;
	text-align: right;
	height: 0;
	margin-top: -19px;
}
.block.domains.pricelist .domainfacts {
	padding: 6px 20px 20px 20px;
	float: right;
	width: 260px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #FF7906;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA347), to(#FF7906));
	background: -moz-linear-gradient(#FFA347, #FF7906);
	background: linear-gradient(#FFA347, #FF7906);
	-pie-background: linear-gradient(#FFA347, #FF7906);
	behavior: url(/assets/PIE.htc);
}
.block.domains.pricelist .domainfacts p {
	color: #FFF;
	font-size: 1.7em;
	background: url(/img/white-stripe.png) left bottom repeat-x;
	padding: 9px 0;
	margin: 0;
}
.block.domains.pricelist .domainfacts img.flag {
	position: absolute;
	margin: -107px 0 0 144px;
}
.block.domains.pricelist .domainfacts img.flag-background {
	position: absolute;
	margin: -111px 0 0 140px;
	opacity: 0.2;
}
.lt-ie9 .block.domains.pricelist .domainfacts img.flag-background {
	opacity: 1;
}
.block.domains.pricelist .domainfacts p.last {
	background: none;
}
.block.domains.pricelist .domainfacts p.description {
	font-size: 1em;
	line-height: 145%;
	color: #FFF;
	padding: 30px 0;
	background: url(/img/white-stripe.png) left bottom repeat-x;
}
.block.domains.pricelist .domainfacts fieldset input[type="text"] {
	line-height: 100%;
	color: #999;
	width: 147px;
	padding: 5px 5px 4px 5px;
}
.ie7 .block.domains.pricelist .domainfacts fieldset input[type="text"] {
	float: left;
}
.block.domains.ngtlds {
	overflow: hidden;
}
.block.domains.ngtlds p {
	margin-bottom: 50px;
}
.block.domains.ngtlds .column {
	width: 435px;
	float: left;
	margin-right: 90px;
}
.block.domains.ngtlds .column.last {
	margin-right: 0;
}
.block.domains.ngtlds .domain-category {
	overflow: hidden;
	margin-bottom: 70px;
}
.block.domains.ngtlds .domain-category .icon-background {
	float: left;
	background: #FF7906;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA347), to(#FF7906));
	background: -moz-linear-gradient(#FFA347, #FF7906);
	background: linear-gradient(#FFA347, #FF7906);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.block.domains.ngtlds .domain-category .icon {
	width: 36px;
	height: 36px;
	background: url(/img/domain-category-sprite.png) 0 0 no-repeat;
}
.block.domains.ngtlds .domain-category.education .icon {
	background-position: 0 0;
}
.block.domains.ngtlds .domain-category.business .icon {
	background-position: 0 -100px;
}
.block.domains.ngtlds .domain-category.miscellaneous .icon {
	background-position: 0 -200px;
}
.block.domains.ngtlds .domain-category.photography .icon {
	background-position: 0 -300px;
}
.block.domains.ngtlds .domain-category.leisure .icon {
	background-position: 0 -400px;
}
.block.domains.ngtlds .domain-category.gastronomy .icon {
	background-position: 0 -500px;
}
.block.domains.ngtlds .domain-category.industry .icon {
	background-position: 0 -600px;
}
.block.domains.ngtlds .domain-category.craft .icon {
	background-position: 0 -700px;
}
.block.domains.ngtlds .domain-category.realestate .icon {
	background-position: 0 -800px;
}
.block.domains.ngtlds .domain-category.luxury .icon {
	background-position: 0 -900px;
}
.block.domains.ngtlds .domain-category.politics .icon {
	background-position: 0 -1000px;
}
.block.domains.ngtlds .domain-category.travel .icon {
	background-position: 0 -1100px;
}
.block.domains.ngtlds .domain-category.technology .icon {
	background-position: 0 -1200px;
}
.block.domains.ngtlds .domain-category.web .icon {
	background-position: 0 -1300px;
}
.block.domains.ngtlds .domain-category.sports .icon {
	background-position: 0 -1400px;
}
.block.domains.ngtlds .domain-category.cities .icon {
	background-position: 0 -1500px;
}
.block.domains.ngtlds .domain-category.finance .icon {
	background-position: 0 -1600px;
}
.block.domains.ngtlds .domain-category.life .icon {
	background-position: 0 -1700px;
}
.block.domains.ngtlds .domain-category.colors .icon {
	background-position: 0 -1800px;
}
.block.domains.ngtlds .domain-category.retail .icon {
	background-position: 0 -1900px;
}
.block.domains.ngtlds .domain-category.medical .icon {
	background-position: 0 -2000px;
}
.block.domains.ngtlds .domain-category.clothing .icon {
	background-position: 0 -2100px;
}
.block.domains.ngtlds .domain-category.music .icon {
	background-position: 0 -2200px;
}
.block.domains.ngtlds .domain-category.animals .icon {
	background-position: 0 -2300px;
}
.block.domains.ngtlds .domain-category.fun .icon {
	background-position: 0 -2400px;
}
.block.domains.ngtlds .domain-category.media .icon {
	background-position: 0 -2500px;
}
.block.domains.ngtlds .domain-category h3 {
	font-weight: normal;
	font-size: 1.4em;
	padding: 6px 0 0 52px;
}
.block.domains.ngtlds .domain-category table {
	margin-top: 19px;
}
.block.domains.ngtlds .domain-category table td {
	padding: 12px;
}
.block.domains.ngtlds .domain-category table th.domain {
	width: 130px;
}
.block.domains.ngtlds .domain-category table th.price {
	width: 60px;
}
.block.domains.ngtlds .domain-category table th.launchdate {
}
.block.domains.ngtlds .domain-category table th.buy {
	width: 36px;
}
.block.domains.ngtlds .domain-category table td.launchdate {
	color: #FF7272;
}
.block.domains.ngtlds .domain-category table .basket {
	width: 28px;
	height: 28px;
	background: #90D234;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#90D234), to(#6FAD0E));
	background: -moz-linear-gradient(#90D234, #6FAD0E);
	background: linear-gradient(#90D234, #6FAD0E);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: -5px 0;
}
.block.domains.ngtlds .domain-category table .basket.inactive {
	background: #DCDCDC;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DCDCDC), to(#D3D3D3));
	background: -moz-linear-gradient(#DCDCDC, #D3D3D3);
	background: linear-gradient(#DCDCDC, #D3D3D3);
}
.block.domains.ngtlds .domain-category table a {
	text-indent: -999px;
	width: 28px;
	height: 28px;
	float: left;
	background: url(/img/domain-category-sprite.png) 0 -2600px no-repeat;
}
/*
 * .ch transfer
 */
.transfer-selectors {
	height: 62px;
	margin-top: 50px;
}
.transfer-selector {
	position: relative;
	width: 328px;
	height: 62px;
	float: left;
	margin-right: 2px;
	cursor: pointer;
}
.transfer-selector h3 {
	color: #FFF;
	padding-top: 19px;
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	text-align: center;
}
.transfer-selector.automatic h3 {
	/*padding-left: 89px;*/
}
.transfer-selector.manual h3 {
	/*padding-left: 84px;*/
}
.transfer-selector.automatic, .transfer-selector.automatic.active:hover {
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	background: #229EEA;
	background: -webkit-gradient(linear, left top, left bottom, from(#44C8F6), to(#229EEA));
	background: -moz-linear-gradient(#44C8F6, #229EEA);
	background: linear-gradient(#44C8F6, #229EEA);
}
.transfer-selector.automatic:hover {
	background: #108FDC;
	background: -webkit-gradient(linear, left top, left bottom, from(#35BBE9), to(#108FDC));
	background: -moz-linear-gradient(#35BBE9, #108FDC);
	background: linear-gradient(#35BBE9, #108FDC);
}
.transfer-selector.manual, .transfer-selector.manual.active:hover {
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	background: #FF8000;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA742), to(#FF8000));
	background: -moz-linear-gradient(#FFA742, #FF8000);
	background: linear-gradient(#FFA742, #FF8000);
}
.transfer-selector.manual:hover {
	background: #F37400;
	background: -webkit-gradient(linear, left top, left bottom, from(#F39933), to(#F37400));
	background: -moz-linear-gradient(#F39933, #F37400);
	background: linear-gradient(#F39933, #F37400);
}
.transfer-selector.active:after {
	content: "";
    position: absolute;
    bottom: -16px; /* value = - border-top-width - border-bottom-width */
    left: 147px; /* controls horizontal position */
    border-width: 17px 17px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #FFFFFF transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}
.transfer-selector.automatic.active:after {
    border-color: #229EEA transparent;
}
.transfer-selector.manual.active:after {
    border-color: #FF8000 transparent;
}
.block.ch-transfer.form {
	overflow: hidden;
}
.block.ch-transfer.form .form {
	float: left;
	width: 660px;
}
.block.ch-transfer.form .features {
	float: right;
	width: 240px;
}
.block.ch-transfer.form #transfer-content {
	margin-top: 60px;
}
.block.ch-transfer.form .automatic-transfer ul {
	margin: 26px 0 36px 0;
}
.block.ch-transfer.form .automatic-transfer ul li {
	background: url(/img/circle-check-small.png) no-repeat 0 1px;
	list-style-type: none;
	padding-left: 40px;
	margin: 10px 0 0 0;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	background-color: #F2F9FE;
	padding: 20px 30px;
	/*height: 270px;*/
	margin-bottom: 20px;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials input[type="text"],
.block.ch-transfer.form .automatic-transfer .switch-credentials input[type="password"] {
	width: 264px;
	font-family: 'Droid Sans', Arial, sans-serif;
	background: #fff;
    border: 1px solid;
    border-color: #cecece #e1e1e1 #e1e1e1 #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #777;
    font-size: 18px;
    line-height: 140%;
    padding: 10px 12px 9px;
    text-shadow: 0 1px 0 #FFF;
    vertical-align: middle;
    margin: 12px 0 18px 0;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    outline: none;
    float: left;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials input.invalid {
    background-color: #ffd7d7;
    border-color: #ff8c8c;
    -webkit-box-shadow: 0 3px 4px rgba(255, 140, 140, 0.4) inset;
    -moz-box-shadow: 0 3px 4px rgba(255, 140, 140, 0.4) inset;
    box-shadow: 0 3px 4px rgba(255, 140, 140, 0.4) inset;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials div#invalid-credentials,
.block.ch-transfer.form .automatic-transfer .switch-credentials div#invalid-credentials-store {
	margin: 20px 0;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials input.button.blue {
	width: 600px;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials input.button:disabled {
	opacity: 0.4;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials img.switch-logo {
	margin: 10px 0 20px 0;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials p.note.secure {
	background: url(/img/icons/lock.gif) no-repeat 0 0;
	padding-left: 26px;
	margin: 20px 0 0 0;
	color: #444;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials p.agb input {
	margin: 0 10px 4px 0;
}
.block.ch-transfer.form .automatic-transfer .switch-credentials ul li {
	margin: 20px 0 0 0;
}
.block.ch-transfer.form .manual-transfer .step {
	width: 450px;
	padding-top: 14px;
	padding-left: 100px;
	float: left;
	background: url(/img/step-icons-sprite.png) 0 0 no-repeat;
	margin-bottom: 30px;
}
.block.ch-transfer.form .manual-transfer .step.step-1 {
	padding-top: 1px;
	background-position: 0 0;
	margin-top: 30px;
}
.block.ch-transfer.form .manual-transfer .step.step-2 {
	background-position: -1000px 0;
}
.block.ch-transfer.form .manual-transfer .step.step-3 {
	background-position: -2000px 0;
}
.block.ch-transfer.form .manual-transfer label {
	display: block;
	position: absolute;
	margin: 6px 0 0 7px;
	color: #bbb;
	line-height: 140%;
	text-shadow: 0 1px 0 #FFF;
}
.block.ch-transfer.form .manual-transfer textarea#ch-domain-list {
	margin-top: -1px;
	width: 500px;
	height: 180px;
	line-height: 140%;
	padding: 6px;
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #555;
    text-shadow: 0 1px 0 #FFF;
}
.block.ch-transfer.form .manual-transfer textarea#ch-domain-list.error {
	background-color: #ffd7d7;
	border-color: #ff8c8c;
}
.block.ch-transfer.form .manual-transfer .message {
	width: 484px;
	margin-bottom: 30px;
}
.block.ch-transfer.form input.button {
	font-size: 1.6em;
	padding: 14px 30px;
	margin-top: 6px;
}
.block.ch-transfer.form .features img {
	margin: 0 0 20px 5px;
}
.block.ch-transfer.form .feature {
	color: #555;
	font-size: 14px;
	background: url(/img/circle-check.png) no-repeat 5px center,  url(/img/dark-stripe.png) repeat-x left top;
	padding: 14px 0 14px 52px;
}
.block.ch-transfer.form .feature.last {
	background: url(/img/circle-check.png) no-repeat 5px center,  url(/img/dark-stripe.png) repeat-x left top,  url(/img/dark-stripe.png) repeat-x left bottom;
	padding: 16px 0 16px 50px;
}
.block.ch-transfer.form .feature p {
	margin: 0;
}
.lt-ie9 .block.ch-transfer.form .feature {
	background: url(/img/dark-stripe.png) repeat-x left bottom;
	padding-left: 0;
}
.block.ch-transfer .support-box-intro {
	margin: 110px 0 30px 0;
	padding-left: 300px;
}
.block.ch-transfer.contact img {
	position: absolute;
	margin: -165px 0 0 3px;
}
.block.ch-transfer.contact .box {
	line-height: 160%;
}
.block.ch-transfer.contact .column {
	width: 291px;
	margin: 0 46px 0 40px;
	float: left;
	overflow: hidden;
	padding-left: 245px;
}
.block.ch-transfer.contact .column.last {
	margin: 0;
	padding-left: 0;
	width: 285px;
}
.block.ch-transfer.contact .link {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	padding: 17px 0 12px 0;
	line-height: 100%;
}
.block.ch-transfer.contact .link span, .block.ch-transfer.contact .link a {
	font-size: 1.6em;
	color: #ff8000;
}
.block.ch-transfer.contact h3 {
	margin-bottom: 12px;
	font-size: 1.3em;
}
.block.ch-transfer.contact p {
	color: #666667;
	margin: 18px 0 0 0;
}
.block.ch-transfer.contact .box {
	padding: 25px 25px 18px 15px;
}
.block.ch-transfer.numbers {
	margin: 180px 0 120px 0;
	overflow: hidden;
}
img.ch-transfer-transparency-text {
	position: absolute;
	margin: 82px 0 0 662px;
}
.block.ch-transfer.numbers .column {
	float: left;
	margin-right: 60px;
	width: 280px;
}
.block.ch-transfer.numbers .column:last-child {
	margin-right: 0;
}
.block.ch-transfer.numbers .row {
	overflow: hidden;
	padding: 16px 0;
	background: url(/img/dark-stripe.png) repeat-x left top;
	background-color: #F7FCE8;
}
.block.ch-transfer.numbers .row:nth-child(2) {
	background-color: #FBFEF4;
}
.block.ch-transfer.numbers .row:last-child {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	background-color: #F7FCE8;
}
.block.ch-transfer.numbers .row span {
	color: #B0DC3A;
	font-size: 2.2em;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 120px;
}
.block.ch-transfer.numbers .row p {
	margin: 2px 0 0 26px;
	width: 120px;
	float: left;
	line-height: 120%;
}
.block.ch-transfer.team {
	overflow: visible;
	margin: 160px 0 -45px -8px;
}
.block.ch-transfer.team img.welcome-aboard {
	margin: -51px 0 0 187px;
	position: absolute;
}

/* iMac promo */
.block.ch-transfer .transfer-movie-right {
    float: right;
    width: 240px;
    height: 200px;
	background: url(/img/dark-stripe.png) repeat-x left bottom;
    margin-bottom: 24px;
}
.block.ch-transfer .transfer-movie-right img {
    position: absolute;
    margin: -21px 0 0 -100px;
}
img.imac-promo-badge {
    position: absolute;
    margin: -2px 0 0 -80px;
    z-index: 1;
}
img.triple-promo-badge {
    position: absolute;
    margin: -12px 0 0 -80px;
    z-index: 1;
}
.block.ch-transfer.imac-promo {
    margin: 70px 0 150px 0;
    color: #fff;
	padding: 6px 146px 20px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #FF7906;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA347), to(#FF7906));
	background: -moz-linear-gradient(#FFA347, #FF7906);
	background: linear-gradient(#FFA347, #FF7906);
}
.block.ch-transfer.triple-promo {
    margin: 70px 0 150px 0;
    color: #fff;
	padding: 6px 20px 20px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #cc407d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DC0074), to(#A50659));
	background: -moz-linear-gradient(#DC0074, #A50659);
	background: linear-gradient(#DC0074, #A50659);
}
.block.ch-transfer.triple-promo p {
    width: 700px;
}
.block.ch-transfer.imac-promo a,
.block.ch-transfer.triple-promo a {
    color: #fff;
    text-decoration: underline;
}
.block.ch-transfer.imac-promo a.imac-promo-toc-link,
.block.ch-transfer.triple-promo a.triple-promo-toc-link {
    display: block;
    background: url(/img/white-stripe.png) repeat-x left top;
    padding-top: 16px;
}
.block.ch-transfer.imac-promo img.imac-promo {
    position: absolute;
    margin: -109px 0 0 810px;
}
.block.ch-transfer.triple-promo img.triple-promo {
    position: absolute;
    margin: -40px 0 0 720px;
}
.block.ch-transfer.imac-promo #imac-promo-toc,
.block.ch-transfer.triple-promo #triple-promo-toc {
    display: none;
    margin: 0;
}
/*
 * domains end
 */

/*
 * ssl start
 */
.block.ssl-countdown {
    background: url(/img/launch-rocket.png) no-repeat 0 center;
    height: 270px;
    margin-bottom: 80px;
}
.block.ssl-countdown .countdown {
    margin: 50px 0 0 160px;
    text-align: center;
}
.block.ssl-countdown .countdown h1 {
    margin-bottom: 40px;
}
.block.ssl-for-all {
    margin-top: 62px;
    text-align: center;
}
.block.ssl-for-all h1 {
    margin-bottom: 33px;
}
.block.ssl-for-all h1 span.green {
    color: #64CC60;
}
.block.ssl-for-all h1 span.grey {
    color: #A9A9A9;
    background: none;
    border: none;
}
.block.ssl-for-all p.intro {
    width: 500px;
    margin: 0 auto 43px auto;
}
.block.ssl-for-all img.one-click-ssl {
    position: absolute;
    margin: 267px 0 0 -448px;
}
.block.ssl-reasons {
    text-align: center;
    margin-top: 90px;
}
.block.ssl-reasons .column {
    width: 250px;
    float: left;
    margin: 0 30px;
}
.block.ssl-reasons .img-container {
    height: 100px;
}
.block.ssl-reasons h2 {
    margin-bottom: 32px;
    font-weight: bold;
    font-size: 1.6em;
    color: #999;
}
.block.ssl-reasons p {
    line-height: 1.85;
}
.block.ssl-reasons img.http2-button {
    margin-top: 14px;
}
.block.ssl-offer {
    margin-top: 171px;
    text-align: center;
}
.block.ssl-offer {
    margin-top: 171px;
    text-align: center;
}
.block.ssl-offer p {
    margin: 65px 0 100px 0;
    line-height: 1.85;
    text-align: center;
}
.block.ssl-offer .ssl-counter span {
    font-size: 5em;
    color: #ff8800;
}
.block.ssl-offer .columns {
    overflow: hidden;
    width: 830px;
    margin: 0 auto;
}
.block.ssl-offer .le-and-cyon {
    float: left;
    margin-top: 20px;
}
.block.ssl-offer .le-and-cyon-heart {
    margin-top: 20px;
}
.block.ssl-offer .ssl-counter {
    float: right;
}
.block.ssl-offer .ssl-counter p {
    margin: -16px 0 0 0;
    font-size: 1.4em;
}
.block.ssl-offer img.yay {
    position: absolute;
    margin: 146px 0 0 200px;
}
.block.ssl-autopilot {
    color: #fff;
    padding: 20px 30px;
    margin-top: 146px;
    height: 191px;
    background: url(/img/ssl-autopilot.png) no-repeat;
}
.block.ssl-autopilot p {
    margin-top: 32px;
    width: 616px;
    line-height: 1.85;
}
.block.ssl-cta {
    margin-top: 160px;
    text-align: center;
}
.block.ssl-cta .column {
    width: 480px;
    float: left;
}
.block.ssl-cta .column .content {
    height: 430px;
}
.block.ssl-cta .column .cta {
    padding-bottom: 10px;
}
.block.ssl-cta .column p {
    width: 242px;
    margin: 40px auto 40px auto;
    line-height: 1.85;
}
.block.ssl-cta .column a {
    width: 200px;
    line-height: 1.5;
    padding: 12px 20px;
}
.block.ssl-cta .column:first-child {
    background: url(/img/light-stripe-vertical.png) repeat-y top right;
}
.block.ssl-cta img.click-here {
    position: absolute;
    margin: 196px 0 0 -176px;
}
.block.ssl-techspecs {
    color: #fff;
    padding: 20px 30px;
    margin: 180px 0 60px 0;
    height: 302px;
    background: url(/img/ssl-ingredients.png) no-repeat;
}
.block.ssl-techspecs .columns {
    margin-top: 42px;
}
.block.ssl-techspecs .column-left {
    float: left;
    width: 370px;
}
.block.ssl-techspecs .column-right {
    float: left;
}
.block.ssl-techspecs p {
    margin-top: 32px;
    width: 616px;
    line-height: 1.85;
}
.block.ssl-techspecs ul li {
    list-style: none;
    background: url(/img/white-check.png) no-repeat 0 0;
    margin: 0;
    padding: 0 0 26px 40px;
}
/*
 * ssl end
 */

/*
 * support start
 */
.support-search fieldset {
	margin: 0;
	padding: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #336836;
	/*background: #d5eebe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeffde), to(#d5eebe));
	background: -moz-linear-gradient(#eeffde, #d5eebe);
	background: linear-gradient(#eeffde, #d5eebe);
	-pie-background: linear-gradient(#eeffde, #d5eebe);
	/*background: #e7e7e7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e7e7e7));
	background: -moz-linear-gradient(#f3f3f3, #e7e7e7);
	background: linear-gradient(#f3f3f3, #e7e7e7);
	-pie-background: linear-gradient(#f3f3f3, #e7e7e7);*/
	background: #FF7906;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA347), to(#FF7906));
	background: -moz-linear-gradient(#FFA347, #FF7906);
	background: linear-gradient(#FFA347, #FF7906);
	-pie-background: linear-gradient(#FFA347, #FF7906);
	behavior: url(/assets/PIE.htc);
}
.support-search fieldset input[type="text"] {
	width: 442px;
	font-size: 1.6em;
	padding: 6px;
}
.ie7 .support-search fieldset input[type="text"] {
	float: left;
}
.support-search fieldset input.button {
	font-size: 1.6em;
	vertical-align: bottom;
	margin: 0;
	padding: 8px 18px 7px 18px;
}
.block.support.categories {
	margin-bottom: 70px;
}
.block.support.categories .columns {
	margin-top: 60px;
	overflow: hidden;
}
.block.support.categories .column {
	float: left;
	width: 206px;
	margin-right: 26px;
}
.block.support.categories .column.last {
	margin-right: 0;
}
.block.support.categories {
}
.block.support.categories a {
	overflow: hidden;
	display: block;
	background: url(/img/support-categories-sprite.png) no-repeat 0 0;
	margin-bottom: 17px;
	text-decoration: none;
	height: 85px;
}
.block.support.categories a:hover {
	background: url(/img/support-categories-sprite.png) no-repeat 0 -100px;
}
.block.support.categories a img {
	position: absolute;
	margin: 6px 0 0 5px;
}
.block.support.categories a h3 {
	font-size: 1.1em;
	color: #333;
	margin-bottom: 3px;
	margin-left: 70px;
}
.block.support.categories a p {
	color: #888;
	line-height: 120%;
	margin: 0 0 0 70px;
	font-size: 0.9em;
}
.block.support.categories a:hover p {
	color: #666667;
}
/*.block.support.helpdesk {
	margin-top: 40px;
}
.block.support.helpdesk .box img {
	float: left;
}
.block.support.helpdesk .box h1 {
	margin: 0 0 6px 250px;
}
.block.support.helpdesk .box p {
	margin: 0 0 30px 250px;
}
.block.support.helpdesk .box .columns {
	overflow: hidden;
	margin-left: 250px;
	width: 620px;
}
.block.support.helpdesk .box .columns h3 {
	font-size: 1.3em;
}
.block.support.helpdesk .box .columns p {
	margin: 0;
}
.block.support.helpdesk .box .columns .left-column{
	float: left;
	width: 300px;
	margin-right: 20px;
}
.block.support.helpdesk .box .columns .right-column{
	float: left;
	width: 300px;
}*/
aside#mailwizard {
	width: 206px;
	float: right;
	background: #ebf1ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ebf1ff), to(#d5f5ff));
	background: -moz-linear-gradient(#ebf1ff, #d5f5ff);
	background: linear-gradient(#ebf1ff, #d5f5ff);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 156px 20px 20px;
	margin-top: 0;
}
aside#mailwizard img {
	position: absolute;
	margin: -130px 0 0 -4px;
}
aside#mailwizard h3 {
	font-size: 24px;
    margin-top: 135px;
	margin-bottom: 16px;
}
aside#mailwizard p {
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 50px;
}
aside#mailwizard a.button {
	font-size: 20px;
	padding: 12px 20px;
}
.block.support.contact {
    margin-top: 100px;
}
.block.support.contact .intro {
	margin: 110px 0 30px 0;
	padding-left: 300px;
}
.block.support.contact .intro p {
	font-size: 16px;
}
.block.support.contact img {
	position: absolute;
	margin: -162px 0 0 3px;
}
.block.support.contact .column {
	width: 291px;
	margin: 0 46px 0 40px;
	float: left;
	overflow: hidden;
	padding-left: 245px;
}
.block.support.contact .column.last {
	margin: 0;
	width: 285px;
	padding-left: 0;
}
.block.support.contact .link {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	padding: 10px 0;
}
.block.support.contact .link span, .block.support.contact .link a {
	font-size: 1.6em;
	color: #ff8000;
}
.block.support.contact h3 {
	margin-bottom: 12px;
	font-size: 1.3em;
}
.block.support.contact p {
	color: #666667;
	margin: 18px 0 0 0;
}
.block.support.contact .box {
	padding: 25px 25px 18px 15px;
}
.block.support.teamviewer {
	margin-top: 94px;
	overflow: hidden;
}
.block.support.teamviewer .left-column {
	float: left;
	width: 600px;
}
.block.support.teamviewer .left-column p {
	margin: 16px 0 16px 0;
}
.block.support.teamviewer .left-column a {
	display: block;
	font-weight: bold;
	background: url(/img/cyon-arrows.png) no-repeat 110px 6px;
}
.block.support.teamviewer .right-column {
	float: right;
	margin-top: 56px;
}
.block.support.status {
	margin-top: 94px;
}
.block.support.status table {
	width: 308px;
	float: left;
}
.block.support.status td.statuscategory {
	font-weight: bold;
	padding: 14px 8px 12px;
}
.block.support.status td.statuscategory span {
	font-weight: normal;
	float: right;
}
.block.support.status td.statuscategory li.closed {
	text-decoration: line-through;
}
.statusticket-fancybox .fancybox-outer {
	background-color: #fff;
}
table.statusticket thead tr th {
	background-color: #eee;
}
table.statusticket td.statusticket {
	font-weight: bold;
}
table.statusticket td.statusticket-open {
	color: #f03c13;
}
table.statusticket td.statusticket-in-progress {
	color: #ffbd49;
}
table.statusticket td.statusticket-closed {
	color: #64c04e;
}
.statusdetails {
	font-size: 1.6em;
}
.block.support.status table ul {
	margin-top: 18px;
}
.block.support.status table li {
	font-weight: normal;
	margin: 0 0 14px 30px;
	line-height: 130%;
	list-style-image: url(/img/list-image.png);
}
.block.support.status .subscribe {
	overflow: hidden;
	margin: -6px 0 0 654px;
}
.block.support.status .subscribe h3 {
	margin-bottom: 20px;
}
.block.support.status .subscribe a {
	font-weight: bold;
	margin: 0 0 8px 36px;
	padding-top: 5px;
	display: block;
}
.block.support.status .subscribe img {
	float: left;
}
.block.support.statusimage {
	height: 40px;
}
.block.support.statusimage img.status {
	position: absolute;
	margin-top: -243px;
	margin-left: 380px;
}
.block.support.article, .block.support.category {
	margin: 40px 0;
}
.block.support.article h1 {
	margin: 0 0 28px 0;
}
.block.support.article h2 {
	margin-top: 48px;
}
.block.support.article h3 {
	margin-bottom: 5px;
}
.block.support.article img {
	margin-top: 8px;
}
.block.support.article p {
	line-height: 160%;
	margin-bottom: 18px;
}
.block.support.article ul, .block.support.article ol {
	line-height: 160%;
}
.block.support.article ol {
	margin-left: 16px;
}
.block.support.article ul ul {
	margin-left: 20px;
}
.block.support.article pre {
    padding: 10px 20px 12px 15px;
    background: #f8f8f8!important;
    line-height: 22px;
    color: #707070;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
	margin-bottom: 18px;
}
.block.support.article figure {
    margin: 8px 0 18px;
}
.block.support.article .note,  .block.support.article .image-caption, figcaption {
	font-size: 0.94em;
	color: #bbb;
}
.block.support.article span.image-caption {
	display: block;
    margin-top: -22px;
}
.block.support.article dt {
    float: left;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    padding: 3px 9px;
    margin-bottom: 1em;
    font-size: 18px;
    line-height: 1.2em;
    border-radius: 50px;
    color: #fff;
    background: #999;
    vertical-align: baseline;
    white-space: nowrap;
}
.block.support.article dl {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: 1em;
}
.block.support.article dd {
    padding-top: 5px;
    margin: 0 0 30px 45px;
    line-height: 160%;
}
.block.support.article dd::before,
.block.support.article dd::after {
    display: table;
    content: "";
    line-height: 0;
}
.block.support.article dd::after {
    clear: both;
}
.block.support.article dd img {
    max-width: 600px;
}
section.callout,
section.callout-yellow,
section.callout-blue,
section.callout-green,
section.callout-red {
    border: 1px solid;
	padding: 14px 14px 12px 14px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    margin-bottom: 18px;
    line-height: 160%;
}
.block.support.article section.callout p,
.block.support.article section.callout-yellow p,
.block.support.article section.callout-blue p,
.block.support.article section.callout-green p,
.block.support.article section.callout-red p {
    margin-bottom: 0;
}
section.callout {
    color: #073d64;
	border-color: #9fd1f5;
	background: #d1ecff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaf7ff), to(#d1ecff));
	background: -moz-linear-gradient(#eaf7ff, #d1ecff);
	background: linear-gradient(#eaf7ff, #d1ecff);
}
section.callout-yellow {
    color: #695d0a;
	border-color: #e0d559;
	background: #f3f8ae;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafcd7), to(#f3f8ae));
	background: -moz-linear-gradient(#fafcd7, #f3f8ae);
	background: linear-gradient(#fafcd7, #f3f8ae);
}
section.callout-blue {
    color: #073d64;
	border-color: #9fd1f5;
	background: #d1ecff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaf7ff), to(#d1ecff));
	background: -moz-linear-gradient(#eaf7ff, #d1ecff);
	background: linear-gradient(#eaf7ff, #d1ecff);
}
section.callout-green {
	color: #336836;
	border-color: #a6d877;
	background: #d5eebe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeffde), to(#d5eebe));
	background: -moz-linear-gradient(#eeffde, #d5eebe);
	background: linear-gradient(#eeffde, #d5eebe);
}
section.callout-red {
	color: #820e0e;
	border-color: #f3abab;
	background: #facdcd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffeaea), to(#facdcd));
	background: -moz-linear-gradient(#ffeaea, #facdcd);
	background: linear-gradient(#ffeaea, #facdcd);
}
.block.support.article table {
    margin-bottom: 18px;
}

.block.support.category h1 {
	margin-bottom: 20px;
}

.article-preview {
	color: #aaaaaa;
	font-size: 80%;
}

.block.support a.left {
	margin: 15px 0 0 0;
	display: block;
}
aside#supportcategories {
	padding-bottom: 40px;
}
aside#supportcategories a {
	overflow: hidden;
	display: block;
	background: url(/img/support-categories-sprite.png) no-repeat 0 -200px;
	text-decoration: none;
	height: 53px;
}
aside#supportcategories a:hover {
	background: url(/img/support-categories-sprite.png) no-repeat 0 -300px;
}
aside#supportcategories a img {
	position: absolute;
	margin: 6px 0 0 5px;
	width: 31px;
}
aside#supportcategories a h3 {
	font-size: 1.1em;
	color: #999;
	font-weight: normal;
	margin: 10px 0 0 53px;
}
aside#supportcategories a:hover h3 {
	color: #666667;
}
aside#supportcategories a.active h3 {
	color: #333;
	font-weight: bold;
}
.block.support.more .columns {
	overflow: hidden;
}
.block.support.more .left {
	float: left;
	width: 610px;
}
.block.support.more .right {
	float: left;
	margin-left: 34px;
}
.block.support.more .right p {
	width: 165px;
	margin-top: 14px;
	line-height: 160%;
}
.block.support.more .right img.phone {
	position: absolute;
	margin: -132px 0 0 163px;
}
.lt-ie9 .block.support.more .right img.phone {
	margin-left: 160px;
}
.block.support.more .feedback {
	background: url(/img/dark-stripe.png) repeat-x left top;
	padding-top: 16px;
	margin-top: 6px;
}
.block.support.more .feedback img {
	float: left;
	margin-right: 12px;
}
.block.support.more .feedback p {
	margin: 0;
}
.block.support.more .feedback textarea {
	margin: 14px 0 21px 0;
	width: 100%;
	height: 200px;
	line-height: 140%;
	padding: 6px;
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #555;
}
ul.article-icons li {
	padding: 0 0 0 27px;
	margin: 0 0 8px 0;
	list-style: none;
}
ul.article-icons li.text {
	background: url(/img/icons/article-icon.png) no-repeat;
}
ul.article-icons li.images {
	background: url(/img/icons/image-icon.png) no-repeat;
}
ul.article-icons li.movie {
	background: url(/img/icons/movie-icon.png) no-repeat;
}
.ie7 ul.article-icons li {
	background: none;
	padding-left: 0;
}
.block.mailwizard {
    margin-bottom: 60px;
}
.block.mailwizard input[type="email"] {
    width: 510px;
	font-family: 'Droid Sans', Arial, sans-serif;
	background: #fff;
    border: 1px solid;
    border-color: #cecece #e1e1e1 #e1e1e1 #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #777;
    font-size: 18px;
    line-height: 140%;
    padding: 10px 12px 9px;
    text-shadow: 0 1px 0 #FFF;
    vertical-align: middle;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    outline: none;
    margin-right: 30px;
}
.block.mailwizard fieldset {
    margin: 0;
	padding: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #edfdf4;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e7e7e7));
	background: -moz-linear-gradient(#f6f6f6, #e7e7e7);
	background: linear-gradient(#f6f6f6, #e7e7e7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.block.mailwizard fieldset img {
    position: absolute;
    width: 160px;
    margin: -97px 0 0 772px;
}
.block.mailwizard fieldset input.button {
	font-size: 1.6em;
	vertical-align: bottom;
	margin: 0;
	padding: 8px 18px 7px 18px;
}
.block.mailwizard.plattform {
    margin-bottom: 25px;
}
.block.mailwizard.plattform .application-buttons {
    margin: 26px 0 30px 0;
}
.block.mailwizard.plattform .other-app p,
.block.mailwizard div.multiple-versions p {
    float: left;
    display: inline;
    margin-right: 12px;
}
.block.mailwizard.instructions img.mobileconfig {
    margin: 20px 0 0 15px;
}
.block.mailwizard.instructions form.mobileconfig {
    margin: 10px 0 50px 18px;
}
.block.mailwizard div.multiple-versions {
    margin-top: 40px;
}
.block.mailwizard.instructions .message h3 {
    margin: 0 0 20px 0;
    font-weight: normal;
    font-size: 1.4em;
}
.block.mailwizard.instructions .message ul {
    margin-top: 20px;
}
.block.mailwizard.instructions .message ul li {
    margin-bottom: 4px;
}
.block.mailwizard.instructions #article-content h1 {
    font-size: 1.8em;
    margin: 24px 0 16px 0;
}
.block.mailwizard.instructions #article-content h2 {
    font-size: 1.5em;
}
/* application button */
.button.application {
    font-weight: normal;
	display: block;
    vertical-align: bottom;
	padding: 20px;
	color: #222;
	text-decoration: none;
    text-align: center;
	text-shadow: none;
    width: 120px;
    height: 120px;
    margin-right: 30px;
    margin-bottom: 30px;
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e7e7e7));
	background: -moz-linear-gradient(#f6f6f6, #e7e7e7);
	background: linear-gradient(#f6f6f6, #e7e7e7);
    float: left;
}
.button.application:hover {
	background: #dcf7e1;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e0e0e0));
	background: -moz-linear-gradient(#f2f2f2, #e0e0e0);
	background: linear-gradient(#f2f2f2, #e0e0e0);
}

.button.application:active {
	background: #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #e7e7e7, #f6f6f6);
	background: linear-gradient(#e7e7e7, #f6f6f6);
}
.button.application .icon {
    height: 120px;
    width: 120px;
    vertical-align: bottom;
    background: url(/img/mail-icons-button-bg-small-sprite.png) no-repeat 0 2px;
}
/* different mail icons */
/* add 108 pixels between icons */
.button.application .icon.apple-mail {
    background-position: 6px 24px;
}
.button.application .icon.ios {
    background-position: -102px 24px;
}
.button.application .icon.outlook-2003 {
    background-position: -2370px 24px;
}
.button.application .icon.outlook-2007 {
    background-position: -210px 24px;
}
.button.application .icon.outlook-2010 {
    background-position: -318px 24px;
}
.button.application .icon.outlook-2013,
.button.application .icon.bl  {
    background-position: -426px 24px;
}
.button.application .icon.thunderbird {
    background-position: -534px 24px;
}
.button.application .icon.outlook-for-mac {
    background-position: -642px 24px;
}
.button.application .icon.postbox {
    background-position: -750px 24px;
}
.button.application .icon.inky {
    background-position: -878px 24px;
}
.button.application .icon.windows-8-mail {
    background-position: -966px 24px;
}
.button.application .icon.windows-live-mail {
    background-position: -1074px 24px;
}
.button.application .icon.airmail {
    background-position: -1182px 24px;
}
.button.application .icon.unibox {
    background-position: -1290px 24px;
}
.button.application .icon.android {
    background-position: -1398px 24px;
}
.button.application .icon.android4 {
		background-position: -2478px 24px;
}
.button.application .icon.android5 {
		background-position: -2586px 24px;
}
.button.application .icon.android6 {
		background-position: -2694px 24px;
}
.button.application .icon.android7-mail {
        background-position: -2910px 24px;
}
.button.application .icon.android7-samsung-mail {
        background-position: -3019px 24px;
}
.button.application .icon.apple {
    background-position: -1506px 24px;
}
.button.application .icon.k-9-mail {
    background-position: -1614px 24px;
}
.button.application .icon.mymail {
    background-position: -1722px 24px;
}
.button.application .icon.kmail {
    background-position: -1830px 24px;
}
.button.application .icon.evolution {
    background-position: -1938px 24px;
}
.button.application .icon.geary {
    background-position: -2046px 24px;
}
.button.application .icon.boxer {
    background-position: -2154px 24px;
}
.button.application .icon.mailbox {
    background-position: -2262px 24px;
}
/*
 * support end
 */

/*
 * team start
 */
 .team-navigation {
	height: 105px;
	overflow: hidden;
	width: 970px;
	border-bottom: 1px solid #eaeaea;
}
.ie7 .team-navigation {
	margin-bottom: 100px
}
.team-navigation a {
	overflow: hidden;
	float: left;
	padding-top: 10px;
	margin-top: 3px;
}
.team-navigation a:hover {
	margin-top: 1px;
}
.lt-ie9 .team-navigation a:hover {
	margin-top: 0;
}
img.team-background {
	margin-top: -7px;
}
.team-content {
	margin-top: 86px;
	height: 670px;
}
.team-individual {
	display: none;
}
.team-individual .action {
	float: left;
	width: 270px;
}
/*.team-individual .action img {
	height: 515px;
}*/
.team-individual .bio {
	margin: 86px 0 0 0;
	width: 380px;
	float: left;
}
.team-individual .bio p.position {
	color: #999;
	font-size: 1.3em;
	margin-bottom: 56px;
}
.team-individual .bio .entry {
	overflow: hidden;
	margin-bottom: 14px;
}
.team-individual .bio .entry.twitter {
	margin-top: 60px;
}
.team-individual .bio .entry .left {
	float: left;
	width: 112px;
}
.team-individual .bio .entry .right {
	float: left;
	width: 205px;
}
.team-individual .bio .entry .left p {
	font-weight: bold;
}
.team-individual .bio .entry a.twitter-link {
	color: #6BD5FF;
}
.team-individual .teamquote {
	float: left;
	width: 295px;
	margin-top: 70px;
}
.team-individual.cg .bio .entry .left, .team-individual.sb .bio .entry .left {
	width: 170px;
}
/* individual team styles */
.team-individual.dol .action img {
	margin-left: -50px;
}
.team-individual.dol .bio {
	width: 330px;
	margin-left: 50px;
}
.team-individual.dol .teamquote {
	width: 270px;
	margin-left: 15px;
}
.team-individual.lm .action img {
	margin-left: -20px;
}
.team-individual.aw .action img {
	margin-left: -150px;
}
.team-individual.aw .bio {
	width: 318px;
	margin-left: 70px;
}
.team-individual.sg .action img {
	margin: 54px 0 0 -150px;
}
.team-individual.sg .bio {
	width: 318px;
	margin-left: 70px;
}
.team-individual.sn .action img, .team-individual.shg .action img {
	margin: 0 0 0 -125px;
}
.team-individual.mr .action img, .team-individual.rr .action img, .team-individual.dol .action img {
	margin: 0 0 0 -80px;
}
.team-individual.ba .action img {
	margin: 0 0 0 50px;
}
.team-individual.ag .action img, .team-individual.wb .action img, .team-individual.ls .action img, .team-individual.tb .action img {
	margin: 0 0 0 -30px;
}
.notebox.quote {
 	font-family: Georgia, serif;
	font-size: 1.4em;
}
.notebox.quote img {
 	float: left;
 	margin: 35px 22px 0 30px;
}
.notebox.quote p {
 	margin-left: 90px;
 	line-height: 150%;
}
/*
 * team end
 */

/*
 * history start
 */
img.history {
	position: absolute;
	margin: -160px 0 0 750px;
}
.block.history.years {
	margin: 10px 0 40px 0;
}
.block.history.years .year {
	background: url(/img/dark-stripe.png) repeat-x left top;
	padding: 0 30px;
	height: 100%;
	overflow: hidden;
}
.block.history.years .year.last {
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
}
.block.history.years .year:nth-child(odd) {
	background-color: #EFEFEF;
}
.block.history.years .year h1 {
	font-size: 7em;
	font-weight: bold;
	color: #EFEFEF;
	margin-bottom: 10px;
}
.block.history.years .year:nth-child(odd) h1 {
	color: #FFF;
}
.block.history.years .year h2 {
	margin-top: 0;
	font-size: 1.4em;
}
.block.history.years ul {
	margin-bottom: 40px;
}
.block.history.years ul li {
	background: url(/img/arrows-white-border.png) no-repeat 0 3px;
	line-height: 140%;
	padding: 0 0 0 32px;
	margin: 0 0 16px 0;
	list-style-type: none;
}
/*
 * history end
 */

/*
 * blog start
 */
.blog p {
	line-height: 180%;
	margin-bottom: 18px;
}
.blog h2 {
	line-height: 1.5;
}
.blog h3 {
	margin: 36px 0 12px 0;
	font-size: 1.4em;
}
.blog h3.question {
	padding-left: 64px;
	background: url(/img/quotemark-orange.png) 9px 5px no-repeat;
	line-height: 150%;
	margin: 35px 0 25px 0;
	min-height: 44px;
}
 .blog ul, .blog ol {
	 line-height: 180%;
}
.blog blockquote {
	color: #888;
	font-style: italic;
	line-height: 209%;
	background-color: #f8f8f8;
	font-family: Georgia, serif;
	padding: 30px;
	font-size: 1.1em;
	margin-bottom: 23px;
}
.blog blockquote p {
	line-height: 170%;
    margin-bottom: 0;
}
.blog section#main {
	padding-bottom: 60px;
	width: 600px;
}
.blog aside {
	width: 300px;
}
.blog h1 a {
	color: #444;
}
.blog.single h1 {
	margin-bottom: 4px;
}
.blog .entry-meta {
	margin: 20px 0;
	overflow: hidden;
	background: url(/img/dark-stripe.png) repeat-x left top, url(/img/dark-stripe.png) repeat-x left bottom;
	background-color: #f8f8f8;
	padding: 16px;
}
.blog .entry-meta img.author-thumb {
	float: left;
	border: 4px solid #ccc;
	width: 64px;
	height: 64px;
}
.blog .entry-meta ul {
	float: left;
	list-style: none;
	color: #888;
	line-height: 100%;
	margin-top: 2px;
}
.blog .entry-meta ul li {
	margin: 0 0 10px 16px;
}
.blog .entry-meta ul li.last {
	margin-bottom: 0;
}
.blog .entry-content {
	margin-bottom: 20px;
}
.blog.single .entry-content {
	margin-bottom: 20px;
}
.blog .entry-content img {
	margin: 20px 0;
}
.blog .entry-content .wp-caption img {
	margin: 20px 0 5px 0;
}
.blog .entry-content .piclegend img {
	margin: 10px 0 0 0;
}
.blog .entry-content .piclegend p.note {
	margin-bottom: 20px;
}
.blog .entry-summary {
	margin-bottom: 50px;
}
.blog .entry-footer {
	margin-bottom: 60px;
	background: url(/img/light-stripe.png) repeat-x left top, url(/img/light-stripe.png) repeat-x left bottom;
	background-color: #f8f8f8;
	padding: 8px;
}
.blog .entry-footer a {
	background: url(/img/icons/eye_16_sprite.png) no-repeat 0 1px;
	padding-left: 35px;
}
.blog .entry-footer a:hover {
	background: url(/img/icons/eye_16_sprite.png) no-repeat 0 -49px;
}
.blog li.comment {
    list-style: none;
}
.blog table.stripes td {
    line-height: 160%;
}
/* sidebar */
.blog aside a.back-to-blog {
	margin-bottom: 20px;
	display: block;
}
.blog aside ul li {
	list-style: none;
	margin: 0;
}
.blog aside h3 {
	font-size: 1.4em;
	margin: 50px 0 4px 0;
	line-height: 125%;
}
.blog aside .widget_search h3 {
	margin-top: 0;
}
.blog aside input[type="text"], .blog aside input[type="email"] {
	margin-bottom: 12px;
}
#recent-comments-3 h3, #recent-posts-2 h3 {
	margin-bottom: 16px
}
#recent-comments-3 li, #recent-posts-2 li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(/img/light-stripe.png) repeat-x left bottom;
}

#rsslink {
    padding: 10px 0;
}
.rssbutton img {
	padding: 0;
	vertical-align: text-bottom;
}
a.img-zoom-blog {
	position: relative;
	float: left;
}
a.img-zoom-blog:hover:after {
	content: url(/img/zoom.png);
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 42%;
	width: 0;
	height: 0;
	display: block;
}
/* blockquote blog */
.quote-blog {
	position: relative;
	padding: 7px 22px 1px 22px;
	behavior: url(/assets/PIE.htc);
	background: #edf4f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#edf4f4), to(#e7eded));
	background: -moz-linear-gradient(#edf4f4, #e7eded);
	background: linear-gradient(#edf4f4, #e7eded);
	-pie-background: linear-gradient(#edf4f4, #e7eded);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 32px;
}
.quote-blog:after {
    content: "";
    position: absolute;
    bottom: -28px; /* value = - border-top-width - border-bottom-width */
    right: 20px; /* controls horizontal position */
    border-width: 28px 0 0 28px; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #e7eded transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
}
.quote-blog p {
	font-family: Georgia, serif;
	color: #626363;
	margin: 15px 0 26px 0;
}
.quote-blog a {
	text-decoration: none;
}
.quote-blog img.quotemark {
	float: left;
	margin: 0 14px 0 0;
}
.quotebubble span {
	clear: right;
	font-size: 0.9em;
	float: right;
	color: #818181;
}
figure.quote {
    padding: 0 50px;
    margin: 60px 0;
}
figure.quote blockquote {
    background: none;
    padding: 0;
    color: #888;
    font-size: 1.4em;
    margin-bottom: 0;
}
figure.quote blockquote:before {
    color: #ff8800;
    content: "\201C";
    font-size: 8em;
    position: absolute;
    margin: 30px 0px 0px -95px;
}
figure.quote figcaption {
    overflow: hidden;
    margin-top: 20px;
}
.blog figure.quote figcaption img {
    float: right;
    margin: 0 0 10px 0;
}
figure.quote figcaption span {
    clear: both;
    float: right;
    display: block;
    font-size: 1.1em;
    text-align: right;
}
/*.blog aside.explanation {
	float: none;
	width: auto;
	margin: 30px 0;
	padding: 15px 15px 3px 65px;
	background: #F2FFE6 url(/img/bulb.svg) no-repeat 12px 10px;
	background-size: auto 41px;
	border-radius: 10px;
	border: #A6D877 solid 1px;
}
.blog aside.explanation h3 {
	margin: 4px 0 16px 0;
	font-size: 20px;
}
.blog aside.explanation p {
	font-size: 16px;
	margin-bottom: 12px;
	color: #444;
	line-height: 160%;
}
.blog aside.explanation ul,
.blog aside.explanation ol {
	line-height: 160%;
}
.blog aside.explanation ul li {
	margin: 0 0 12px 20px;
	list-style: outside;
}*/
.blog aside.explanation {
	float: none;
	width: 440px;
	margin: 30px auto 50px auto;
	padding: 15px 15px 3px 65px;
	background: #FFF url(/img/green-check.png) no-repeat 25px 25px;
	border-radius: 4px;
	box-shadow: 0 1px 14px rgba(136,136,136,.2), 0 30px 60px -25px rgba(136,136,136,.2), 0 0 120px rgba(160,227,61,.05);
	border: none;
}
.blog aside.explanation h3 {
	margin: 12px 0 16px 0;
	font-size: 16px;
}
.blog aside.explanation p {
	font-size: 15px;
	margin-bottom: 12px;
	color: #777;
	line-height: 160%;
}
.blog aside.explanation ul,
.blog aside.explanation ol {
	line-height: 160%;
	font-size: 15px;
	color: #777;
}
.blog aside.explanation ul li {
	margin: 0 0 12px 20px;
	list-style: outside;
}
/* comments */
.blog .comments h2 {
	font-size: 2em;
	margin-bottom: 12px;
}
.blog .comments .comment-author li {
	list-style: none;
	margin-left: 44px;
}
.blog .comments li.depth-1 {
	margin-left: 0;
}
.blog .comments .comment-row {
	margin-bottom: 60px;
}
.blog .comments .comment-author {
	overflow: hidden;
	padding: 16px 16px 12px 16px;
	background: url(/img/light-stripe.png) repeat-x left top, url(/img/light-stripe.png) repeat-x left bottom;
	background-color: #f8f8f8;
	margin-bottom: 18px;
}
.blog .comments .comment-author.admin {
	background-color: #ffefdd;
}
.blog .comments .comment-author ul li.author-name {
	font-weight: bold;
	font-size: 1.4em;
}
.blog .comments .comment-author ul {
	float: left;
	line-height: 100%;
	margin-top: 2px;
}
.blog .comments .comment-author ul li {
	margin: 0 0 14px 16px;
}
.blog .comments .comment-author ul li.last {
	margin-bottom: 0;
}
.blog .comments .comment-meta a {
	color: #888;
	line-height: 140%;
}
.blog .comments .comment-author img.avatar {
	float: left;
	border: 4px solid #ddd;
}
.blog .comments .reply {
	text-align: right;
	margin-top: 52px;
}
.blog .comments .reply a {
	color: #ccc;
}
.blog .comments #cancel-comment-reply {
	margin-bottom: 8px;
}
.blog .form-section {
	background: none;
	overflow: hidden;
}
.blog .form-section input[type="text"] {
	margin-bottom: 10px;
}
.blog .form-section textarea {
	width: 96%;
}
.blog #respond h2 {
	margin-bottom: 4px;
}
.blog .form-submit {
	margin: 20px 0 40px 0;
}
.blog .dashed-box h3 {
	margin: 8px 0;
}
.blog .dashed-box p {
	margin-bottom: 0;
}
/* blogforms */
.blog input[type="text"], .blog input[type="email"], textarea {
    background: #f6f6f6;
    border: 1px solid;
    border-color: #cecece #e1e1e1 #e1e1e1 #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #777;
    font-size: 16px;
    line-height: 140%;
    padding: 6px 10px 5px 10px;
    text-shadow: 0 1px 0 #FFF;
    vertical-align: middle;
    margin: 4px 4px 0 0;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) inset;
    outline: none;
    float: left;
}
/* paginator */
.blog .wp-pagenavi {
    clear: both;
}
.blog .wp-pagenavi.below-search {
    margin-top: 60px;
}
.blog .wp-pagenavi .current,
.blog .wp-pagenavi a {
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-right: 8px;
    padding: 2px 5px 1px;
    font-size: 0.875em;
    cursor: pointer;
    padding: 5px 8px;
}
.blog .wp-pagenavi a:hover {
    text-decoration: none;
    color: #666;
}
.blog .wp-pagenavi .pages {
	display: block;
	margin-bottom: 16px;
	font-weight: bold;
}
.blog .wp-pagenavi .extend {
	padding: 0 8px 0 0;
}
/*
 * blog end
 */

 /*
 * wordpress landing start
 */
 .firstblock.clearfix.wordpress-landing {
     width: 740px;
     margin: 0px auto;
     margin-bottom: 70px;
 }
 .intro.small.wordpress-landing {
     width: 425px;
 }
 .wordpress-landing img.wp-logo {
     margin: 18px 0 0 60px;
 }

 .order-teaser-group.wordpress-landing {
     margin-bottom: 0;
 }
 .order-teaser.wordpress-landing {
     margin-right: 25px;
 }
 .order-teaser.wordpress-landing.left {
     margin-left: 10px;
 }
 .order-teaser.wordpress-landing p {
     margin: 8px 0 12px 32px;
     clear: left;
     color: #999;
     font-size: 0.86em;
     line-height: 140%;
 }
 .order-teaser-area.wordpress-landing  {
     margin: 0px auto 70px;
     width: 720px;
     background: whiteSmoke;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     overflow: hidden;
     padding: 8px 14px;
 }
 .order-teaser.wordpress-landing img {
     float: left;
     margin: -3px 0 0 0;
     opacity: 0.2;
     filter: Alpha(opacity=20);
 }
 .wordpress-landing li {
     background: url(/img/check_22.png) no-repeat 0 0;
     padding: 0 0 0 40px;
     margin: 0 0 20px 0;
     list-style: none;
     line-height: 128%;
 }
 #teaser-webhosting.wordpress-landing {
     width: 648px;
     padding: 20px 50px;
     height: 300px;
     margin: 0px auto 70px;
     behavior: url(/assets/PIE.htc);
     background: #FF8F29;
     -pie-background: linear-gradient(#ffa347, #ff7c0a);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
 }
 .shared-hosting.wordpress-landing {
     margin-right: 85px;
 }
 #teaser-webhosting.wordpress-landing .button {
     margin-top: 20px;
     width: 615px;
 }
 .block.clients.logos.wordpress-landing {
     text-align: center;
 }
 #content.wordpress-landing {
     padding-bottom: 0;
 }
 /*
  * wordpress landing end
 */

/*
 * clients start
 */
.block.clients.intro .intro {
	float: left;
	width: 500px;
 }
.notebox.box1.clientstats {
 	font-family: Georgia, serif;
	font-size: 1.4em;
	float: right;
	color: #8d8d8d;
	padding: 35px 10px 10px 10px;
	width: 320px;
	margin-right: 12px;
}
.notebox.box1.clientstats .row {
	overflow: hidden;
	margin-bottom: 12px;
}
.notebox.box1.clientstats span {
	display: block;
	width: 116px;
	font-size: 1.4em;
	float: left;
	color: #ff8800;
	text-align: right;
	margin-right: 20px;
}
.notebox.box1.clientstats p {
	margin: 7px 0 0 0;
	font-family: 'Droid Sans', Arial, sans-serif;;
	font-size: 1em;
	float: left;
}
.notebox.box1.clientstats .box1_tape {
	width: 150px;
}
.block.clients.logos {
	margin-top: -20px;
}
.block.clients.logos table {
	margin-bottom: 40px;
}
.block.clients.logos table tr td {
	text-align: center;
	vertical-align: middle;
	height: 131px;
	width: 190px;
	background: url(/img/light-stripe.png) repeat-x left bottom, url(/img/light-stripe-vertical.png) repeat-y right top;
}
.block.clients.logos table tr td:last-child {
	background: url(/img/light-stripe.png) repeat-x left bottom;
}
.block.clients.logos table tr:last-child td {
	background: url(/img/light-stripe-vertical.png) repeat-y right top;
}
.block.clients.logos table tr:last-child td:last-child {
	background: none;
}
.lt-ie9 .block.clients.logos table tr td {
	background: none;
	border: 1px dotted #ccc;
}
.block.clients.logos table a {
	background: url(/img/clients-sprite.png) no-repeat top left;
	display: block;
	margin: 0 auto;
}
.block.clients.logos table a:hover {
	-webkit-transition: margin 150ms linear;
	-moz-transition: margin 150ms linear;
	-o-transition: margin 150ms linear;
	-ms-transition: margin 150ms linear;
	transition: margin 150ms linear;
	margin-top: -5px;
	margin-bottom: 5px;
}
.block.clients.logos table a.client-78s { background-position: 0 0; width: 71px; height: 72px; }
.block.clients.logos table a.client-freshjobs { background-position: 0 -122px; width: 119px; height: 33px; }
.block.clients.logos table a.client-apfelblog { background-position: 0 -200px; width: 152px; height: 42px; }
.block.clients.logos table a.client-sbb { background-position: 0 -281px; width: 166px; height: 43px; }
.block.clients.logos table a.client-belux { background-position: 0 -374px; width: 70px; height: 36px; }
.block.clients.logos table a.client-benkoe { background-position: 0 -460px; width: 100px; height: 39px; }
.block.clients.logos table a.client-runmyaccounts { background-position: 0 -541px; width: 115px; height: 40px; }
.block.clients.logos table a.client-bico { background-position: 0 -634px; width: 100px; height: 39px; }
.block.clients.logos table a.client-carlojanka { background-position: 0 -723px; width: 100px; height: 78px; }
.block.clients.logos table a.client-nothing { background-position: 0 -853px; width: 147px; height: 38px; }
.block.clients.logos table a.client-telebasel { background-position: 0 -946px; width: 115px; height: 50px; }
.block.clients.logos table a.client-ticketpark { background-position: 0 -1029px; width: 149px; height: 32px; }
.block.clients.logos table a.client-cembra { background-position: 0 -1085px; width: 68px; height: 67px; }
.block.clients.logos table a.client-basilisk { background-position: 0 -1204px; width: 115px; height: 42px; }
.block.clients.logos table a.client-proinnerstadt { background-position: 0 -1306px; width: 154px; height: 24px; }
.block.clients.logos table a.client-schweizerfamilie { background-position: 0 -1392px; width: 110px; height: 40px; }
.block.clients.logos table a.client-marionnaud { background-position: 0 -1501px; width: 123px; height: 27px; }
.block.clients.logos table a.client-maxhavelaar { background-position: 0 -1578px; width: 75px; height: 84px; }
.block.clients.logos table a.client-required { background-position: 0 -1712px; width: 120px; height: 26px; }
.block.clients.logos table a.client-css{ background-position: 0 -1766px; width: 79px; height: 72px; }
.block.clients.logos table a.client-supertext { background-position: 0 -1870px; width: 74px; height: 49px; }
.block.clients.logos table a.client-swissprimesite { background-position: 0 -1969px; width: 100px; height: 93px; }
.block.clients.logos table a.client-swissvirtual { background-position: 0 -2112px; width: 140px; height: 20px; }
.block.clients.logos table a.client-clariant { background-position: 0 -2178px; width: 150px; height: 60px; }
.block.clients.logos table a.client-axa { background-position: 0 -2271px; width: 158px; height: 29px; }

/*
 * clients end
 */

/*
 * legal start
 */
.legal .block.inline-navigation {
	margin-bottom: 60px;
}

.legal img.justitia {
	position: absolute;
	margin: -41px 0 0 49px;
}
#agb {
	margin-top: 40px;
}
#agb .chapter {
	margin-left: -120px;
	overflow: hidden;
	font-size: 1em;
    margin-bottom: 30px;
}
#agb .chapter-content {
	float: left;
}
#agb .chapter-content .entry {
	overflow: hidden;
	width: 580px;
	margin-bottom: 26px;
}
#agb .chapter-content .entry .number {
	width: 90px;
	float: left;
	text-align: right;
	color: #aaa;
}
#agb .chapter-content .entry:first-child .number {
	font-size: 1.6em;
}
#agb .chapter-content .entry .entry-content {
	width: 460px;
	float: right;
}
#agb .chapter-content .entry .entry-content p,
#agb .chapter-content .entry .entry-content ul {
	margin-top: -3px;
	line-height: 160%;
}
#agb .chapter-content .entry .entry-content.toc ul {
	list-style-type: none;
	color: #aaa;
	margin: 0 0 0 -80px;
}
#agb .chapter-content .entry .entry-content.toc ul li {
	margin: 0 0 6px;
    overflow: hidden;
    clear: both;
	padding-left: 80px;
    line-height: 140%;
}
#agb .chapter-content .entry .entry-content.toc ul li span {
	display: block;
    float: left;
    width: 40px;
    text-align: right;
    margin-left: -70px;
    /*margin-right: 30px;*/
	/*padding-left: 28px;*/
}
#agb .chapter-content .entry .entry-content.toc ul li a {
	display: block;
    float: left;
	/*padding-left: 28px;*/
}
#agb .chapter-content h2 {
	margin: 0;
	font-size: 1.6em;
}
#agb .chapter-content h3 {
	margin: 0;
	font-size: 1em;
	margin: -1px 0 6px;
	line-height: 140%;
}
#agb .chapter-summary {
	float: left;
	width: 325px;
	margin-left: 175px;
}
#agb .chapter-summary h3 {
	font-weight: normal;
	color: #ff8800;
	font-size: 1.6em;
}
#agb .chapter-summary p {
	font-weight: normal;
	color: #aaa;
	font-size: 1.4em;
	margin: 26px 0 0 0;
	line-height: 140%;
}
section.agb {
	 padding-bottom: 50px;
}
.agb.box img {
	 margin: -46px 0 0 139px;
	 position: absolute;
}
.agb.box p {
	width: 155px;
	float: none;
	padding: 0;
}
.agb.box a {
	font-weight: bold;
	padding-left: 23px;
	background-position: 0 6px;
}
.agb h2 {
	padding: 40px 0 5px 0;
	clear: both;
}
.agb h3 {
	float: left;
	width: 50px;
	clear: left;
	color: #ccc;
	padding-top: 4px;
}
.agb h3 + p {
	padding-top: 3px;
}
.agb p {
	padding-left: 50px;
	width: 600px;
	margin-bottom: 20px;
	line-height: 200%;
}
.agb ul {
	padding-left: 50px;
}
#privacy h2 {
	margin-top: 0;
}
#privacy h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin: 36px 0 12px 0;
}
#privacy p {
	line-height: 160%;
}
#privacy .columns {
	overflow: hidden;
}
#privacy .column-left {
	float: left;
	width: 460px;
}
#privacy  .column-left img {
	float: right;
	margin-left: 20px;
	margin-right: -100px;
}
#privacy .column-right {
	float: right;
	width: 325px;
}
#privacy .column-right h3 {
	font-weight: normal;
	color: #ff8800;
	font-size: 1.6em;
	margin-top: 0;
}
#privacy .column-right h4 {
	font-weight: normal;
	font-size: 1.4em;
	margin: 26px 0 0 0;
	line-height: 140%;
}
#privacy .column-right p {
	font-weight: normal;
	color: #aaa;
	font-size: 1.3em;
	margin: 12px 0 36px 0;
	line-height: 140%;
}
.box.agb-pdf {
    margin-top: 60px;
}
.box.agb-pdf img {
    position: absolute;
    margin: -70px 0 0 800px;
    /*width: 500px;*/
}
.box.agb-pdf ul {
    margin-top: 20px;
}
.box.agb-pdf ul li {
    list-style-type: none;
    margin-left: 0;
}
.box.agb-pdf ul li:last-child {
    margin-bottom: 0;
}
.box.agb-pdf ul li a {
    padding-left: 30px;
}
/*
 * legal end
 */

/*
 * impressum start
 */
.impressum .address {
	overflow: hidden;
	margin-bottom: 30px;
}
.impressum .contact {
	float: left;
	width: 400px;
}
.impressum p.number {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
}
.impressum .map {
	float: right;
	margin-top: 70px;
}
.impressum .map img {
	position: absolute;
	margin: -65px 0 0 210px;
}
.impressum ul {
	margin-top: 20px;
}
/*
 * impressum end
 */

 /*
  * 15-year-testimonials start
  */
 .block.fifteen.intro {
	 text-align: center;
 }
 .block.fifteen.rating {
	margin: 40px 0 45px;
	text-align: center;
 }
 .block.fifteen.rating .stars img {
  margin: 0 2px;
 }
 .block.fifteen.rating h2 {
	margin-top: 22px;
 	margin-bottom: 3px;
 }
 .block.fifteen.testimonials {

 }
 .block.fifteen.testimonials .testimonial {
	 width: 430px;
	 margin-bottom: 85px;
 }
 /*.block.fifteen.testimonials .testimonial:nth-child(odd) {
	margin-right: 96px; /* two times padding left
 }
/* bubble generator: http://ilikepixels.co.uk/drop/bubbler/ */
.block.fifteen.testimonials .testimonial .quote {
	position: relative;
	padding: 25px;
	background: #FCFCFC;
	border-radius: 10px;
	border: #CCCCCC solid 1px;
	margin-bottom: 20px;
}
.block.fifteen.testimonials .testimonial .quote:after,
.block.fifteen.testimonials .testimonial .quote:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 12px 0;
	display: block;
	width: 0;
	left: 43px;
}
.block.fifteen.testimonials .testimonial .quote:after {
	border-color: #FCFCFC transparent;
	z-index: 1;
	bottom: -10px;
}
.block.fifteen.testimonials .testimonial .quote:before {
	border-color: #CCCCCC transparent;
	z-index: 0;
	bottom: -11px;
}
.block.fifteen.testimonials .testimonial .quote p {
	font-size: 20px;
	color: #555;
	line-height: 28px;
}
.block.fifteen.testimonials .testimonial .quote .stars {
	margin: 20px 0 0;
}
 .block.fifteen.testimonials .testimonial .author {
  overflow: hidden;
 }
 .block.fifteen.testimonials .testimonial .author .author-image {
  float: left;
	width: 136px;
	padding: 2px;
 }
 .block.fifteen.testimonials .testimonial .author .author-image img {
	 width: 102px;
   height: 102px;
   border-radius: 50%;
   border-style: solid;
   border-width: 3px;
   border-color: #fff;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 1);
 }
 .block.fifteen.testimonials .testimonial .author .author-description {
 	float: left;
	width: 290px;
 }
 .block.fifteen.testimonials .testimonial .author .author-description h3 {
	 font-weight: normal;
	 font-size: 24px;
 }
 .block.fifteen.testimonials .testimonial .author .author-description p.company {
	color: #A4A4A4;
 }
 .box.fifteen {
	 padding-left: 260px;
	 margin: 60px 0 24px;
 }
 .box.fifteen img {
	position: absolute;
	margin: -3px 0 0 -232px;
 }
 /*
  * 15-year-testimonials end
  */

/*
 * ip start
 */
.block.ip .left-column img {
	margin-left: -15px;
	float: left;
}
.block.ip .right-column {
	float: right;
	width: 635px;
}
.block.ip .right-column p {
	margin-top: 60px;
	color: #999;
	font-size: 1.4em;
}
.block.ip .dashed-box p {
	font-size: 4em;
	margin: 0;
}
/*
 * ip end
 */

/*
 * error start
 */
.block.error .left-column img {
	margin-left: 10px;
	float: left;
}
.block.error .right-column {
	float: right;
	width: 700px;
}
.block.error .right-column h1 {
	margin: 30px 0 20px 0;
}
.block.error .right-column p.first {
	color: #999;
	font-size: 1.4em;
	margin-bottom: 20px;
}
/*
 * error end
 */

/*
 * maintenance start
 */
.block.maintenance .left-column img {
	margin-left: -105px;
	float: left;
}
.block.maintenance .right-column {
	float: right;
	width: 560px;
}
.block.maintenance .right-column h1 {
	margin: 30px 0 20px 0;
}
.block.maintenance .right-column p.first {
	color: #999;
	font-size: 1.4em;
	margin-bottom: 20px;
}
/*
 * maintenance end
 */
 /*
 * transferinprogress start
 */
.block.transferinprogress .left-column img {
	margin-left: -220px;
	float: left;
}
.block.transferinprogress .right-column {
	float: right;
	width: 560px;
}
.block.transferinprogress .right-column h1 {
	margin: 30px 0 20px 0;
}
.block.transferinprogress .right-column p.first {
	color: #999;
	font-size: 1.4em;
	margin-bottom: 20px;
}
/*
 * transferinprogress end
 */

/*
 * landingpage start
 */
.landing .block.large-button {
	margin-top: 50px;
	text-align: center;
}
.landing .button.cherry.huge {
	margin: 50px auto 0;
	padding: 20px 40px 20px 140px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.landing .button.cherry.huge img.cherry {
	position: absolute;
	margin: -60px 0 0 -400px;
}
.landing .button.cherry.huge p {
	font-size: 2.2em;
	margin-bottom: 10px;
}
.landing .button.cherry.huge img.icon {
	position: absolute;
	margin: -5px 0 0 -155px;
}
.landing .button.cherry.huge span {
	font-size: 1.4em;
	font-weight: normal;
}
.landing .block.happiness {
	margin-top: 130px;
}
.landing .block.happiness p {
	margin-top: 24px;
	width: 340px;
}
.landing .block.happiness .benefits {
	float: left;
	width: 400px;
}
.landing .block.happiness .benefits ul {
	margin-top: 28px;
	list-style: none;
	color: #7c7c7c;
	width: 310px;
	line-height: 150%;
}
.landing .block.happiness .benefits ul li {
	background: url(/img/check_22.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 24px 40px;
}
.landing .block.happiness .my-cyon-mac {
	width: 404px;
	float: right;
}
a.img-zoom, a.img-zoom-webmail {
	position: relative;
	float: left;
}
.landing .block.happiness .my-cyon-mac a:hover:after {
	content: url(/img/zoom.png);
	position: relative;
	z-index: 1;
	margin: 100px 0 0 118px;
	width: 0;
	height: 0;
	display: block;
}
.landing .block.happiness .my-cyon-mac img.test-now {
	position: absolute;
	margin: -93px 0 0 122px;
}
.landing .block.happiness .my-cyon-mac img.my-cyon {
	position: absolute;
	margin: -20px 0 0 -130px;
}
.landing .block.comparison-table {
	margin-top: 160px;
}
.landing .block.comparison-table p.table-intro {
	font-size: 1.6em;
	text-align: center;
	margin-bottom: 60px;
}
.landing .block.quotes {
	overflow: visible;
	margin: 80px 0;
}
.landing .block.large-button-repeat {
	margin: 80px 0 200px 0;
	text-align: center;
}

/* custom landingpage adjustements */
.landing.cc20 .intro p {
	width: 615px;
}
img.contao-conference {
	position: absolute;
	margin-left: 670px;
	margin-top: -115px;
}
/*
 * landingpage end
 */

/*
 * notebox start
 * source: http://www.webdesignshock.com/css3-box-shadow/
 */
/* This establishes the design of the boxes' paragraphs */
.notebox.box1 p {
	margin: 30px;
	color: #8d8d8d;
	outline: none;
}
/* This is the selector of the first box, here's where we establish the measures, background colors, borders and shadows */
.notebox.box1 {
	margin-top: 40px;
	width: 300px;
	padding: 5px 0 ;
	position: relative;
	background: #FFF;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	background: -moz-linear-gradient(0% 0% 270deg, #fff, #fff 10%, #f3f3f3);
	border: 1px solid #ccc;
	-webkit-border-radius: 60px 5px;
	-moz-border-radius: 60px/5px;
	border-radius: 60px/5px;
	-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}

/* This is the top right shadow */
.notebox.box1:before {
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	position: absolute;
	display: inline-block;
	z-index: -1;
	-webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
	-webkit-transform: rotate(2deg) translate(-14px,20px) skew(-20deg);
	-moz-transform: rotate(2deg) translate(-14px,20px) skew(-20deg);
	-o-transform: rotate(2deg) translate(-14px,20px) skew(-20deg);
	transform: rotate(2deg) translate(-14px,20px) skew(-20deg);
}

/* This is the top left shadow */
.notebox.box1:after {
	content: '';
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	position: absolute;
	z-index:-1;
	display: inline-block;
	-webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
	box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
	-webkit-transform: rotate(2deg) translate(20px,25px) skew(20deg);
	-moz-transform: rotate(2deg) translate(20px,25px) skew(20deg);
	-o-transform: rotate(2deg) translate(20px,25px) skew(20deg);
	transform: rotate(2deg) translate(20px,25px) skew(20deg);
}

/* This class establishes the tape of the top side of the box */
.notebox .box1_tape {
	position: absolute;
	top: -12px;
	right: 0;
	width: 130px;
	height: 40px;
	background: rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background: -moz-linear-gradient(555% 0% 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
	-webkit-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
	-moz-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
	-o-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
	transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
}
.ie .notebox:before, .ie .notebox:after, .ie .notebox .box1_tape {
	display: none;
}
/*
 * notebox end
 */

/*
 * buttons start
 * http://webdesignerwall.com/tutorials/css3-gradient-buttons
 */
.button {
	font-weight: bold;
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	text-decoration: none;
	outline: none;
	vertical-align: baseline;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	font-family: 'Droid Sans', Arial, sans-serif;
}
.button::-moz-focus-inner /*Remove button padding in FF*/
{
    border: 0;
    padding: 0;
}
a.button {
	color: #FFF;
	padding-bottom: 5px;
}
a.button.white {
	color: #ff8000;
}
/*input[type="submit"].button {
	padding: 6px 10px;
}*/
@-moz-document url-prefix() {
	/* good old firefox fixes */
    input[type="submit"].button {
         margin-top: -1px;
   		 padding: 8px 10px 5px;
    }
}
.lt-ie8 .button {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	overflow: visible;
}
.ie7 input[type="submit"].button {
	padding: 4px 10px;
}
.ie9 input[type="submit"].button {
	padding: 6px 10px;
	vertical-align: bottom;
}
.ie6 input.button {
	padding: 4px 10px;
	vertical-align: bottom;
}
.ie .button {
	border-radius: 5px;
	box-shadow: 0 1px 3px #a7a7a7;
	text-shadow: 0 -1px 1px #a7a7a7;
	behavior: url(/assets/PIE.htc);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* color styles
---------------------------------------------- */
/* cherry */
.button.cherry {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #c21c64;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cc407d), to(#b41a5d));
	background: -moz-linear-gradient(#cc407d, #b41a5d);
	background: linear-gradient(#cc407d, #b41a5d);
}
.ie .button.cherry {
	border: none;
	-pie-background: linear-gradient(#cc407d, #b41a5d);
}
.button.cherry:hover {
	background: #b31559;
	background: -webkit-gradient(linear, left top, left bottom, from(#c72b6f), to(#a61453));
	background: -moz-linear-gradient(top,  #c72b6f,  #a61453);
	background: linear-gradient(#c72b6f, #a61453);
}
.ie .button.cherry:hover {
	border: none;
	-pie-background: linear-gradient(#c72b6f, #a61453);
}
.button.cherry:active {
	background: #c21c64;
	background: -webkit-gradient(linear, left top, left bottom, from(#b41a5d), to(#cc407d));
	background: -moz-linear-gradient(top,  #b41a5d, #cc407d);
	background: linear-gradient(#b41a5d, #cc407d);
}
.ie .button.cherry:active {
	border: none;
	-pie-background: linear-gradient(#b41a5d, #cc407d);
}
/* kiwi */
.button.kiwi {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #8ec839;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A8D466), to(#89C530));
	background: -moz-linear-gradient(#A8D466, #89C530);
	background: linear-gradient(#A8D466, #89C530);
}
.ie .button.kiwi {
	border: none;
	-pie-background: linear-gradient(#A8D466, #89C530);
}
.button.kiwi:hover {
	background: #85bb35;
	background: -webkit-gradient(linear, left top, left bottom, from(#85bb35), to(#649d0f));
	background: -moz-linear-gradient(top,  #85bb35, #649d0f);
	background: linear-gradient(#85bb35, #649d0f);
}
.ie .button.kiwi:hover {
	border: none;
	-pie-background: linear-gradient(#85bb35, #649d0f);
}
.button.kiwi:active {
	background: #8ec839;
	background: -webkit-gradient(linear, left top, left bottom, from(#89C530), to(#A8D466));
	background: -moz-linear-gradient(top,  #89C530, #A8D466);
	background: linear-gradient(#89C530, #A8D466);
}
.ie .button.kiwi:active {
	border: none;
	-pie-background: linear-gradient(#89C530, #A8D466);
}
/* orange */
.button.orange {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #ff8b16;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA74F), to(#FF8000));
	background: -moz-linear-gradient(top,  #FFA74F,  #FF8000);
	background: linear-gradient(#FFA74F, #FF8000);
}
.ie .button.orange {
	border: none;
	-pie-background: linear-gradient(#FFA74F, #FF8000);
}
.button.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: linear-gradient(#f88e11, #f06015);
}
.ie .button.orange:hover {
	border: none;
	-pie-background: linear-gradient(#f88e11, #f06015);
}
.button.orange:active {
	background: #ff8b16;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20, #faa51a);
	background: linear-gradient(#f47a20, #faa51a);
}
.ie .button.orange:active {
	border: none;
	-pie-background: linear-gradient(#f47a20, #faa51a);
}
/* red */
.button.red {
    font-weight: normal;
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #DC2135;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9515E), to(#C3213A));
	background: -moz-linear-gradient(top,  #F9515E, #C3213A);
	background: linear-gradient(#F9515E, #C3213A);
}
.button.red:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#E82F38), to(#C01825));
	background: -moz-linear-gradient(top,  #E82F38,  #C01825);
	background: linear-gradient(#E82F38, #C01825);
}
.button.red:active {
	background: #ff8b16;
	background: -webkit-gradient(linear, left top, left bottom, from(#C3213A), to(#F9515E));
	background: -moz-linear-gradient(top,  #C3213A, #F9515E);
	background: linear-gradient(#C3213A, #F9515E);
}

/* blue */
.button.blue {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #229EEA;
	background: -webkit-gradient(linear, left top, left bottom, from(#44C8F6), to(#229EEA));
	background: -moz-linear-gradient(#44C8F6, #229EEA);
	background: linear-gradient(#44C8F6, #229EEA);
}
.button.blue:hover {
	background: #108FDC;
	background: -webkit-gradient(linear, left top, left bottom, from(#35BBE9), to(#108FDC));
	background: -moz-linear-gradient(#35BBE9, #108FDC);
	background: linear-gradient(#35BBE9, #108FDC);
}

.button.blue:active {
	background: #44C8F6;
	background: -webkit-gradient(linear, left top, left bottom, from(#229EEA), to(#44C8F6));
	background: -moz-linear-gradient(top,  #229EEA, #44C8F6);
	background: linear-gradient(#229EEA, #44C8F6);
}



/* lime */
.button.lime {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #AFDE24;
	background: -webkit-gradient(linear, left top, left bottom, from(#B6DD3E), to(#94C400));
	background: -moz-linear-gradient(top,  #B6DD3E,  #94C400);
	background: linear-gradient(#B6DD3E, #94C400);
}
.ie .button.lime {
	border: none;
	-pie-background: linear-gradient(#B6DD3E, #94C400);
}
.button.lime:hover {
	background: #96C000;
	background: -webkit-gradient(linear, left top, left bottom, from(#A7D500), to(#81AE00));
	background: -moz-linear-gradient(top,  #A7D500,  #81AE00);
	background: linear-gradient(#A7D500, #81AE00);
}
.ie .button.lime:hover {
	border: none;
	-pie-background: linear-gradient(#A7D500, #81AE00);
}
.button.lime:active {
	background: #AFDE24;
	background: -webkit-gradient(linear, left top, left bottom, from(#94C400), to(#B6DD3E));
	background: -moz-linear-gradient(top,  #94C400, #B6DD3E);
	background: linear-gradient(#94C400, #B6DD3E);
}
.ie .button.lime:active {
	border: none;
	-pie-background: linear-gradient(#94C400, #B6DD3E);
}

/* grapefruit */
.button.grapefruit {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #F16F5F;
	background: -webkit-gradient(linear, left top, left bottom, from(#FB9986), to(#F36F5C));
	background: -moz-linear-gradient(top,  #FB9986,  #F36F5C);
	background: linear-gradient(#FB9986, #F36F5C);
}
.ie .button.grapefruit {
	border: none;
	-pie-background: linear-gradient(#FB9986, #F36F5C);
}
.button.grapefruit:hover {
	background: #F36E59;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7846D), to(#EE5D46));
	background: -moz-linear-gradient(top,  #F7846D,  #EE5D46);
	background: linear-gradient(#F7846D, #EE5D46);
}
.ie .button.grapefruit:hover {
	border: none;
	-pie-background: linear-gradient(#F7846D, #EE5D46);
}
.button.grapefruit:active {
	background: #AFDE24;
	background: -webkit-gradient(linear, left top, left bottom, from(#F36F5C), to(#FB9986));
	background: -moz-linear-gradient(top,  #F36F5C, #FB9986);
	background: linear-gradient(#F36F5C, #FB9986);
}
.ie .button.grapefruit:active {
	border: none;
	-pie-background: linear-gradient(#F36F5C, #FB9986);
}

/* mandarine */
.button.mandarine {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #F99B2E;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFBC45), to(#FB9D17));
	background: -moz-linear-gradient(top,  #FFBC45,  #FB9D17);
	background: linear-gradient(#FFBC45, #FB9D17);
}
.ie .button.mandarine {
	border: none;
	-pie-background: linear-gradient(#FFBC45, #FB9D17);
}
.button.mandarine:hover {
	background: #F36E59;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA800), to(#F68700));
	background: -moz-linear-gradient(top,  #FFA800,  #F68700);
	background: linear-gradient(#FFA800, #F68700);
}
.ie .button.mandarine:hover {
	border: none;
	-pie-background: linear-gradient(#FFA800, #F68700);
}
.button.mandarine:active {
	background: #FC9600;
	background: -webkit-gradient(linear, left top, left bottom, from(#FB9D17), to(#FFBC45));
	background: -moz-linear-gradient(top,  #FB9D17, #FFBC45);
	background: linear-gradient(#FB9D17, #FFBC45);
}
.ie .button.mandarine:active {
	border: none;
	-pie-background: linear-gradient(#FB9D17, #FFBC45);
}

/* green */
.button.green {
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #6aa41e;
	background: -webkit-gradient(linear, left top, left bottom, from(#95d445), to(#6aa41e));
	background: -moz-linear-gradient(top,  #95d445,  #6aa41e);
	background: linear-gradient(#95d445, #6aa41e);
}
.ie .button.green {
	border: none;
	-pie-background: linear-gradient(#95d445, #6aa41e);
}
.button.green:hover {
	background: #528a0b;
	background: -webkit-gradient(linear, left top, left bottom, from(#87c636), to(#528a0b));
	background: -moz-linear-gradient(top,  #87c636,  #528a0b);
	background: linear-gradient(#87c636, #528a0b);
}
.ie .button.green:hover {
	border: none;
	-pie-background: linear-gradient(#87c636, #528a0b);
}
.button.green:active {
	background: #95d445;
	background: -webkit-gradient(linear, left top, left bottom, from(#6aa41e), to(#95d445));
	background: -moz-linear-gradient(top,  #6aa41e, #95d445);
	background: linear-gradient(#6aa41e, #95d445);
}
.ie .button.green:active {
	border: none;
	-pie-background: linear-gradient(#6aa41e, #95d445);
}
/* teaser */
.button.teaser {
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	font-weight: normal;
	color: #FF7F00;
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.35);
	background: #e9e9e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdcdcd));
	background: -moz-linear-gradient(top,  #ffffff,  #cdcdcd);
	background: -o-linear-gradient(#ffffff, #cdcdcd);
	background: linear-gradient(#ffffff, #cdcdcd);
}
.button.teaser p, #teaser a.button p {
	font-size: 1.8em;
	font-weight: bold;
	margin: 6px 0;
	text-shadow: 0 2px 0 rgba(255,255,255,0.7);
	color: #ff8800;
}
.button.teaser .two-lines {
	margin: 0 auto;
	width: 180px;
	overflow: hidden;
}
.button.teaser .two-lines img {
	float: left;
}
.button.teaser .two-lines span {
    float: right;
    margin-top: 2px;
}
.ie .button.teaser {
	border: none;
	/* NOTE: PIE.htc doesn't support gradients in IE9 yet as in version 1.0 beta 4, but they are working on it */
	-pie-background: linear-gradient(#ffffff, #cdcdcd);
}
.button.teaser:hover {
	background: #bbbbbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#bbbbbb));
	background: -moz-linear-gradient(top,  #f6f6f6,  #bbbbbb);
	background: -o-linear-gradient(#f6f6f6, #bbbbbb);
	background: linear-gradient(#f6f6f6, #bbbbbb);
}
.ie .button.teaser:hover {
	border: none;
	-pie-background: linear-gradient(#f6f6f6, #bbbbbb);
}
.button.teaser:active {
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #e0e0e0, #f0f0f0);
	background: linear-gradient(#e0e0e0, #f0f0f0);
}
.ie .button.teaser:active {
	border: none;
	-pie-background: linear-gradient(#e0e0e0, #f0f0f0);
}
/* white */
.white {
	color: #777;
	text-shadow: 0 -1px 1px rgba(255,255,255,1);
	/*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
	/*border: solid 1px #cdcdcd;*/
	border: 0px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7);
	background: linear-gradient(#f7f7f7, #e7e7e7);
}
.ie .white {
	border: 0px;
	-pie-background: linear-gradient(#f7f7f7, #e7e7e7);
}
.white:hover {
	background: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d1d1d1));
	background: -moz-linear-gradient(top,  #efefef,  #d1d1d1);
	background: linear-gradient(#efefef, #d1d1d1);
}
.white:active {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f7f7f7));
	background: -moz-linear-gradient(top,  #e3e3e3,  #f7f7f7);
	background: linear-gradient(#e3e3e3, #f7f7f7);
}
/* grey */
.grey {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
}
.grey:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
}
.grey:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
}
/* lightgrey */
.lightgrey {
	color: #fff;
	border: solid 1px #cdcdcd;
	background: #bbbbbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#adadad));
	background: -moz-linear-gradient(top,  #efefef,  #adadad);
	background: linear-gradient(#efefef, #adadad);
}
.lightgrey:hover {
	background: #9c9c9c;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#9c9c9c));
	background: -moz-linear-gradient(top,  #e3e3e3,  #9c9c9c);
	background: linear-gradient(#e3e3e3, #9c9c9c);
}
.lightgrey:active {
	background: #e3e3e3;
	background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#e3e3e3));
	background: -moz-linear-gradient(top,  #9c9c9c,  #e3e3e3);
	background: linear-gradient(#9c9c9c, #e3e3e3);
}

 .button.loading, .button.loading:hover, .button.loading:active {
	cursor: default;
    border: 0px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.25);
	background-color: #b7b7b7;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
 	background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 1.5s linear infinite;
	-moz-animation: progress-bar-stripes 1.5s linear infinite;
	animation: progress-bar-stripes 1.5s linear infinite;
}
/* animation */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
/*
 * button end
 */

/*
 * flip animation start
 */
ul.flip {
    position: relative;
    float: left;
    margin: 5px;
    width: 50px;
    height: 80px;
    font-size: 60px;
    font-weight: bold;
    line-height: 82px;
    border-radius: 6px;
	-webkit-border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
	list-style: none;
}

ul.flip li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	margin: 0;
}

ul.flip li:first-child {
    z-index: 2;
}

ul.flip li a {
    display: block;
    height: 100%;
    perspective: 200px;
	-webkit-perspective: 200px;
}

ul.flip li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

ul.flip li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

ul.flip li a div.up {
    transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
    top: 0;
}

ul.flip li a div.up:after {
  content: "";
  position:absolute;
  top:39px;
  left:0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: rgba(0,0,0,.3);
}

ul.flip li a div.down {
    transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
    bottom: 0;
}

ul.flip li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #f7f7f7;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
}

ul.flip li a div.up div.inn {
    top: 0;

}

ul.flip li a div.down div.inn {
    bottom: 0;
}

/* PLAY */
.countdown.play ul li.before {
    z-index: 3;
}

.countdown.play ul li.active {
	animation: asd .5s .5s linear both;
	-webkit-animation: asd .5s .5s linear both;
    z-index: 2;
}
@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }
    5% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}
@-moz-keyframes asd {
    0% {
        z-index: 2;
    }
    5% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}
@keyframes asd {
    0% {
        z-index: 2;
    }
    5% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}
.countdown.play ul li.active .down {
    z-index: 2;
    animation: turn .5s .5s linear both;
    -webkit-animation: turn .5s .5s linear both;
}
@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
    }
}
@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }
    100% {
        -moz-transform: rotateX(0deg);
    }
}
@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}
.countdown ul li.before .up {
    z-index: 2;
    animation: turn2 .5s linear both;
    -webkit-animation: turn2 .5s linear both;
}
@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-90deg);
    }
}
@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }
    100% {
        -moz-transform: rotateX(-90deg);
    }
}
@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-90deg);
    }
}

/* SHADOW */
.countdown.play ul li.before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    animation: show .5s linear both;
    -webkit-animation: show .5s linear both;
}
.countdown.play ul li.active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    animation: hide .5s .3s linear both;
    -webkit-animation: hide .5s .3s linear both;
}

/*DOWN*/
.countdown.play ul li.before .down .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    animation: show .5s linear both;
    -webkit-animation: show .5s linear both;
}
.countdown.play ul li.active .down .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    animation: hide .5s .3s linear both;
    -webkit-animation: hide .5s .3s linear both;
}
@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*
 * flip animation end
 */

/*
 * region chooser modal start
 */
#region-chooser-modal {
	font-size: 16px;
	height: 280px;
	width: 550px;
	padding: 12px;
}
#region-chooser-modal img {
	position: absolute;
	bottom: 0;
	right: 0;
}
#region-chooser-modal ul.chosen-results li.active-result {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	text-indent: 22px;
}
/*
 * region chooser modal end
 */

@media print {
 /* * { background: transparent !important; color: #444 !important; text-shadow: none !important; }*/
a, a:visited { color: #444; }
#top-bar, nav#main-navigation ul {
	display: none;
}
body {
	background: none;
}
footer {
	background: none;
	border-top: 1px solid #000;
}
footer img, footer #footer-row-1, footer #footer-row-2 ul, #footer-region {
	display: none;
}
#footer-contact p {
	text-shadow: none;
	color: #444;
}
.firstblock.legal,
.legal img,
#agb .chapter-content .entry .entry-content.toc,
#agb .chapter-content .entry#toc,
.legal .inline-navigation {
	display: none;
}
#agb .chapter {
	margin-left: 0;
}
#agb .chapter .chapter-content .entry {
   width: 100%;
}
  #agb .chapter .chapter-content .entry .entry-content {
   width: 90%;
   float: none;
   margin-left: 70px;
}
#agb .chapter .chapter-content .entry .number {
   text-align: left;
   width: 60px;
}
#agb .chapter .chapter-summary {
	display: none;
}
#agb .box.agb-pdf {
    display: none;
}
/* a[href^="#"]:after { content: ""; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }  /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 2cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}

.hide {
    display: none;
}
/*
 * code styles
 */
code {
    padding: 2px 5px;
    background: #f8f8f8;
    color: #707070;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    white-space: pre;
}
pre code {
	display: block;
	margin-bottom: 23px;
	white-space: pre-wrap;
    line-height: 150%;
}
pre {
	padding: 0;
}
/*
 * status indicator
 */
.status-indicator {
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  border-radius: 99px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 7px;
  background-color: #efefef;
}
.status-indicator.level4 {
  background-color: #e74c3c;
}
.status-indicator.level3 {
  background-color: #e67e22;
}
.status-indicator.level2 {
  background-color: #f1c40f;
}
.status-indicator.level1 {
  background-color: #2ecc71;
}
/*
 * anchor links support articles
 */
 .header-link {
   margin-left: 10px;
   }

 .header-link svg {
   visibility: hidden;
   }

 h1:hover .header-link svg,
 h2:hover .header-link svg,
 h3:hover .header-link svg,
 h4:hover .header-link svg,
 h5:hover .header-link svg,
 h6:hover .header-link svg {
   visibility: visible;
 }