body {
	color: black;
	font-family: Arial;
	font-size: 12px;
	background: #d9d9d9 url(../images/body-background.png) repeat-x;
}

.csc-textpic {
	overflow: hidden;
}

#wrap, #wrap-sub {
	margin: 0 auto;
	padding-top: 490px;
	position: relative;	/* for the absolute positioning of top blocks */
	width: 1032px; /* 960px for the viewport and 36px from each side for flash shadow */
}

#wrap {
	padding-top: 490px;
}

#wrap-sub {
	padding-top: 440px;
}

/* Home page objects */

#flash {
	background: url(../images/flash-bottom.png) no-repeat bottom;
	height: 300px;
	padding: 0 36px 2px; /* Make room for the background */
	position: absolute;
	left: 0;
	top: 171px;
	width: 960px;
/*	
	z-index: -1000;
*/
}

/*
	Common object
*/

/* Bookmark-n-share */

#bookmark {
	left: 800px;
	padding: 10px 20px 0;
	position: absolute;
	text-align: right;
	top: 200px;
	width: 155px;
}

#bookmark-switch {
	background: url(../images/bookmark-icon.png) no-repeat right center;
	display: block;
	color: #a0a0a0;
	font-weight: bold;
	height: 12px;
	margin-bottom: 4px;
	padding-right: 23px;
	padding-top: 1px;
	text-decoration: none;
}

#bookmark-links {
	background: #f3f3f3;
	border:1px solid #d8d8d8;
	display: none;
}

#bookmark-links li {
	height: 13px;
	padding: 5px 4px 7px 10px;
	text-align: left;
}

#bookmark-links li.last {
	border-bottom: none;
}

#bookmark-links li a {
	color: #3c3c3c;
	display: block;
	height: 14px;
	padding-left: 24px;
	padding-top: 2px;
	text-decoration: none;
}

#bookmark-links li a:hover {
	color: #00B1E6;
}

a#delicious {
	background: url(../images/bookmark-icons/delicious-logo.gif) no-repeat;
}

a#digg {
	background: url(../images/bookmark-icons/digg-logo.gif) no-repeat;
}
a#facebook {
	background: url(../images/bookmark-icons/facebook-logo.gif) no-repeat;
}
a#newsvine {
	background: url(../images/bookmark-icons/newsvine-logo.gif) no-repeat;
}
a#reddit {
	background: url(../images/bookmark-icons/reddit-logo.gif) no-repeat;
}
a#stumbleupon {
	background: url(../images/bookmark-icons/stumbleupon-logo.gif) no-repeat;
}
a#technorati {
	background: url(../images/bookmark-icons/technorati-logo.gif) no-repeat;
}
a#twitter {
	background: url(../images/bookmark-icons/twitter-logo.gif) no-repeat;
}
a#yahoo-buzz {
	background: url(../images/bookmark-icons/yahoo-buzz-logo.gif) no-repeat;
}
/* Breadcrumb */
#breadcrumb {
	clear: left;
	height: 20px;
	left: 36px;
	padding: 10px 0 0 16px;
	position: absolute;
	top: 200px;
	width: 944px;
}

#breadcrumb li {
	background: url(../images/breadcrumb-separator.gif) no-repeat left center;
	float: left;
	padding: 0 9px 0 12px;
}

#breadcrumb li.first {
	background-image: none;
	padding-left: 0;
}

#breadcrumb a {
	color: #a0a0a0;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #00b1e6;
	text-decoration: underline;
}

#breadcrumb li.current a {
	color: #3c3c3c;
	text-decoration: underline;
}

/* Contact */

#contact {
	background: url(../images/contact.png);
	height: 46px;
	left: 728px;
	position: absolute;
	top: 58px;
	width: 257px;
}

/* Content */

#content {
	margin: 0 36px;
}

#content-links {
	float: right;
	width: 210px; /* Do not change or switch block will be out of background! */
}

#content-links h5 {
	border-bottom: 1px solid black;
	font-size: 15px;
	padding-bottom: 4px;
}

#editable-content {
	clear: both;
	overflow: hidden;
}

#latest-news {
	background: url(../images/latest-news-background.png) repeat-x;
	clear: both;
	height: 30px;
	margin: 12px 0;
	width: 740px;
}

#latest-news-all {
	background: url(../images/latest-news-viewall.png) no-repeat 0 11px;
	border-right: 1px solid white;
	color: #3c3c3c;
	float: right;
	font-weight: bold;
	height: 22px;
	padding: 8px 10px 0 12px;
	text-decoration: none;
}

#latest-news h3 {
	background: url(../images/latest-news-header-background.png) repeat-x;
	border-right: 1px solid white;
	color: white;
	float: left;
	height: 22px;
	font-size: 13px;
	margin-right: 4px;
	padding: 8px 10px 0;
	text-transform: uppercase;
}

/*
   Warning: margins, paddings, position, overflow, width and height for the next
   three elements is extremely important to make news scrolling work in various
   browsers (MSIE6 in particular!). Do not "optimize" unless you know what you
   are doing!
*/

#latest-news-list-carousel {
	float: left;
	height: 30px;
	margin-left: 8px;
	overflow: hidden;
	position: relative;
	width: 512px;
}

#latest-news-list {
	clear: left;
	height: 30px;
	position: absolute;
}

#latest-news-list li {
	float: left;
	margin: 0;
	padding-top: 8px;
	height: 22px;
	width: 512px;
}

#latest-news-list li a {
	color: #3c3c3c;
	text-decoration: none;
}

.latest-news-date {
	font-weight: bold;
}

#latest-news-next, #latest-news-prev {
	background: transparent no-repeat 4px 10px;
	float: left;
	height: 30px;
	margin-left: 4px;
	width: 10px;
}

#latest-news-next {
	background-image: url(../images/latest-news-next.gif);
}

a#latest-news-next:hover {
	background-image: url(../images/latest-news-next-hover.gif);
}

#latest-news-prev {
	background-image: url(../images/latest-news-prev.gif);
}

a#latest-news-prev:hover {
	background-image: url(../images/latest-news-prev-hover.gif);
}

#latest-news-next span, #latest-news-prev span {
	display: none;
}

#main-content {
	float: left;
	width: 745px;
}

#wrap-sub #main-content {
	background: white;
	padding: 44px 40px;
	width: 660px;
}

#wrap-sub #main-content h2 {
	border-bottom: 3px solid black;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#wrap-sub #main-content h3 {
	color: #3c3c3c;
	margin-bottom: 12px;
}

#wrap-sub #main-content p, #wrap-sub #main-content ul, #wrap-sub #main-content ol {
	color: #808080;
	line-height: 150%;
	margin-bottom: 12px;
}

#wrap-sub #main-content ul, #wrap-sub #main-content ol {
	list-style: disc inside none;
	padding-left: 12px;
}

#wrap-sub #main-content ol {
	list-style-type: decimal;
}

#wrap-sub #main-content a {
	color: #00b1e6;
	text-decoration: none;
}

#wrap-sub #main-content a:hover {
	text-decoration: underline;
}

/* Content: two columns */

.two-columns {
	background: url(../images/content-2col-top.png) no-repeat;
	overflow: hidden;
	padding-top: 21px; /* Height of the image above */
	width: 660px;
}

.two-columns-footer {
	background: url(../images/content-2col-bottom.png) no-repeat;
	height: 18px; /* Height of the image above */
	margin-bottom: 24px;
	width: 660px;
}

.two-columns .left-column, .two-columns .right-column {
	float: left;
	background: #f5f5f5;
	margin-bottom: -20012px; /* 12px is a compensation for the last <p> element bottom margin */
	padding: 0 22px 20000px;
	width: 281px; /* Full=325px */
}

.two-columns .left-column {
	margin-right: 10px;
}

/* Content: three columns */

.three-colums {
	background: url(../images/content-3col-top.png) no-repeat;
	overflow: hidden;
	padding-top: 21px; /* Height of the image above */
	width: 660px;
}

.three-columns-footer {
	background: url(../images/content-3col-bottom.png) no-repeat;
	height: 18px; /* Height of the image above */
	margin-bottom: 24px;
	width: 660px;
}

.three-colums .left-column, .three-colums .middle-column, .three-colums .right-column {
	float: left;
	background: #f5f5f5;
	margin-left: 15px;
	margin-bottom: -20012px; /* 12px is a compensation for the last <p> element bottom margin */
	padding: 0 22px 20000px;
	width: 166px; /* Full=210px */
}

.three-colums .left-column {
	margin-left: 0px;
}

/* New customers block */

#new-customers {
	background: white;
	margin-bottom: 11px;
	padding: 15px 9px 2px;
}

#new-customers h5 {
	background: white;
	margin: 0 8px;
}

#new-customers a {
	background: url(../images/new-customers-link.gif) no-repeat center;
	display: block;
	margin: 13px auto;
	text-align: center; /* Center image */
	width: 191px;
}

#next-steps {
	background: white;
	margin-bottom: 11px;
	padding: 13px 17px;
}

#next-steps ol {
	background: url(../images/next-steps-background.png) no-repeat;
	height: 112px;
	margin-top: 13px;
	width: 173px;
}

#next-steps ol li {
	margin: 1px 0;
}

#next-steps ol li a {
	color: black;
	display: block;
	font-weight: bold;
	height: 19px;
	padding-left: 37px;
	padding-top: 8px;
	text-decoration: none;
	width: 135px;
}

#next-steps ol li a:hover {
	color: #00b1e6;
}

#next-steps ol li a#next-steps-free-trial {
	color: #e68b00;
}

#next-steps ol li a#next-steps-free-trial:hover {
	color: #00b1e6;
}

#products {
	clear: left;
	overflow: hidden;
}

.product {
	float: left;
	height: 174px; /* total=250px */
	margin-right: 10px;
	overflow: hidden; /* Hide any text that does not fit into the block */
	position: relative;
	padding: 16px 20px 60px 20px;
	width: 200px;
}

.product a.product-link {
	height: 250px;
	width: 240px;
	left: 0px;
	position: absolute;
	top: 0px;
}

.product a.product-link span {
	display: none;
}

.product h5 {
	border-bottom: 2px solid black;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.product p {
	margin-top: 20px;
}

.product ul {
	list-style: inside disc none;
	margin-top: 5px;
	padding-left: 10px;
}

#product-01 {
	background: url(../images/teaser_isps.png);
}

#product-02 {
	background: url(../images/teaser_enterprises.png);
}

#product-03 {
	background: url(../images/teaser_smb_home.png);
	margin-right: 0;
}

#quick-links {
	background: white;
	clear: left;
	overflow: hidden;
	width: 740px;
}

.quick-link {
	color: #505050;
	float: left;
	margin-right: 5px;
	padding: 13px 20px;
	width: 200px;
}

.quick-link h3 {
	font-size: 13px;
	margin-bottom: 10px;
}

.quick-link ul li {
	background: url(../images/visit-also-bullet.gif) no-repeat left center;
	padding: 2px 0 2px 11px;
}

.quick-link ul li a {
	color: #646464;
	text-decoration: none;
}

.quick-link ul li a:hover {
	color: #00b1e6;
	text-decoration: underline;
}

#resources {
	background: white;
	margin-bottom: 11px;
	padding: 15px 17px;
}

#resources ul {
	margin-top: 13px;
}

#resources ul li {
	margin: 4px 0;
}

#resources ul li a {
	color: #3c3c3c;
	text-decoration: none;
}

#resources ul li a img {
	margin-right: 8px;
	vertical-align: middle;
}

#resources ul li a:hover span {
	color: #00b1e6;
	text-decoration: underline;
}

#subpage-image {
	left: 36px;
	height: 178px;
	position: absolute;
	top: 240px;
	width: 960px;
	z-index: -10000;
}

#switch {
	background: url(../images/switch-background.png);
	border: 1px solid white;
	height: 86px;
	margin-bottom: 11px;
	padding: 11px 19px;
}

#switch a {
	color: black;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	padding: 7px 0 0 29px;
	text-decoration: none;
	width: 140px;
}

#switch div {
	color: white;
	font-size: 13px;
	margin-top: 5px;
	text-align: center;
	text-shadow: #808080 1px 1px;
}

#visit-also {
	background: white;
	margin-bottom: 11px;
	padding: 15px 17px;
}

#visit-also h5 {
	color: #00b1e6;
	border-bottom-color: #00b1e6;
}

#visit-also ul {
	margin-top: 13px;
}

#visit-also ul li {
	background: url(../images/visit-also-bullet.gif) no-repeat left center;
	margin: 4px 0;
	padding: 2px 0 2px 11px;
}

#visit-also ul li a {
	color: #646464;
	text-decoration: none;
}

#visit-also ul li a:hover {
	color: #00b1e6;
	text-decoration: underline;
}

/* Copyright */
#copr {
	float: left;
	margin-top: 5px;
	width: 200px;
}

/* Free trial */

#free-trial {
	background: url(../images/button-free-trial.gif);
	height: 48px;
	left: 600px;
	position: absolute;
	top: 58px;
	width: 83px;
}

#free-trial span {
	display: none;
}

/* Info block */

#info-block {
	border-top: 3px solid black;
	clear: both;
	margin-top: 13px;
	overflow: hidden;
	padding: 6px 13px;
}

/* Info links */

#info-links {
	float: right;
	margin-top: 5px;
}

#info-links li {
	border-right: 1px solid black;
	display: inline;
	margin: 0 0;
	padding: 0 8px;
}

#info-links li a {
	color: black;
	text-decoration: none;
}

#info-links li.last {
	border-right: none;
}

/* Keyword block */
#keyword-block {
	padding: 20px 47px 0;
	text-align: center;
	font-size: 0.9em;
}

#keyword-block a {
	color: #8f9295;
	margin-right: 0.5em;
	text-decoration: none;
}

#keyword-block a:hover {
	color: #505050;
	text-decoration: underline;
}

/* Logo */

#logo {
	background-image: url(../images/logo.png);
	display: block;
	height: 69px;
	left: 56px;
	position: absolute;
	top: 43px;
	width: 	301px;
}

#logo span {
	display: none;
}

/* Search form */

#search-form {
	float: right;
	width: 160px;
}

#search-text {
	font-size: 12px;
	width: 130px;
}

#search-button {
	vertical-align: middle;
}

/* Shop menu */

#shop-menu {
	background: url(../images/menu-background-shop.png) repeat-x;
	border-right: 1px solid #a0a0a0;
	height: 30px;
	left: 898px;
	position: absolute;
	top: 140px;
	width: 97px;
}

#shop-menu a {
	background: url(../images/menu-background-shop-icon.png) no-repeat 20px 0;
	color: white;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	padding-left: 40px;
	padding-top: 8px;
	text-decoration: none;
}

/* Top links */

#top-links {
	clear: right;
	left: 36px;
	position: absolute;
	top: 13px;
	width: 948px;
	z-index: 1000;
}

#top-links a {
	color: #a0a0a0;
	display: block; /* DD, 20100301 */
	font-weight: bold;
	margin-left: 15px;
	padding-right: 26px;
	text-decoration: none;
}

#language {
	float: right;
	text-align: right;
	width: 200px;
}

#language-popup {
	background: #f3f3f3;
	border:1px solid #d8d8d8;
	display: none;
	float: right;
	margin-top: 4px;
	/*margin-left: -10px;*/
	width: 110px;
	font-size: 12px;
}

#language-popup li {
	height: 14px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#language-popup li.last {
	border-bottom: none;
}

#language-popup li a {
	background-position: left center;
	background-repeat: no-repeat;
	color: #3c3c3c;
	display: block;
	padding: 2px 5px 0 28px;
	text-decoration: none;
	font-weight:normal;
}

#language-popup li a:hover {
	color: #00B1E6;
}

#l0 a {
	background-image: url(/typo3/gfx/flags/gb.gif);
}

#l1 a {
	background-image: url(/typo3/gfx/flags/nl.gif);
}

#l2 a {
	background-image: url(/typo3/gfx/flags/ru.gif);
}

#l3 a {
	background-image: url(/typo3/gfx/flags/fr.gif);
}

#l4 a {
	background-image: url(/typo3/gfx/flags/de.gif);
}

#l5 a {
	background-image: url(/typo3/gfx/flags/es.gif);
}

#l6 a {
	background-image: url(/typo3/gfx/flags/it.gif);
}

#l7 a {
	background-image: url(/typo3/gfx/flags/pt.gif);
}

#top-links-about, #top-links-login {
	border-left: 1px solid #a0a0a0;
	padding-left: 13px;
}

#top-links-about {
	background: url(../images/button-about-us.gif) no-repeat right;
	float: right;
}

#top-links-login {
	background: url(../images/button-login.gif) no-repeat right;
	float: right;
}

#top-links-worldwide {
	background: url(../images/button-worldwide.gif) no-repeat right;
}

/* Top menu */

#top-menu {
	background: url(../images/menu-background-top.png) repeat-x;
	height: 30px;
	left: 36px;
	position: absolute;
	top: 140px;
	width: 862px;
	z-index: 100;
}

#top-menu-subpage {
	background: url(../images/menu-background-top-act-sub.png) repeat-x;
	clear: left;
	left: 36px;
	position: absolute;
	top: 170px;
	width: 959px;
}

#top-menu-items {
	background: url(../images/menu-background-top-left.png) no-repeat;
	clear: left;
	height: 30px;
}

li.top-menu-item {
	color: white;
	float: left;
	/*height: 30px;*/
	position: relative;
}

li.top-menu-item-current, li.top-menu-item-selected {
	background: url(../images/menu-background-top-sel.png) repeat-x;
}

.top-menu-item-level-1 {
	color: white;
	display: block;
	height: 22px;
	text-decoration: none;
	white-space: nowrap;
}

#top-menu-subpage li {
	color: white;
	display: block;
	float: left;
	height: 22px;
	overflow: visible;
	text-decoration: none;
	white-space: nowrap;
}

#top-menu-subpage li {
	padding: 9px 4px 0 16px;
}

#top-menu-subpage li a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#top-menu-subpage li a:hover, #top-menu-subpage li a.top-menu-subpage-current {
	color: white;
}

.top-menu-item-level-1 {
	background: url(../images/menu-background-top-item.gif) no-repeat right;
	font-size: 14px;
	padding: 7px 30px 0 16px;
}

a.top-menu-item-level-1-hover, li.top-menu-item-selected a.top-menu-item-level-1 {
	background: url(../images/menu-background-top-item-sel.png) no-repeat right;
	display: block;
	height: 23px;
}

.top-menu-sub {
	border: 1px solid #d9d9d9;
	border-top: none;
	color: black;
	display: none;
	left: 0;
	position: absolute;
	top: 30px;
	width: 280px;
	z-index: 10;
}

.top-menu-sub-current {
	display: block;
}

.top-menu-desc {
	background: #86d1f0 url(../images/menu-background-top-sub-text-back.gif) repeat-x;
	color: white;
	font-size: 11px;
	line-height: 120%;
	padding: 20px 20px;
}

.top-menu-sub ul {
	background: #dde0e0 url(../images/menu-background-top-sub-list-back.gif) repeat-x;
	padding: 20px 15px;
}

.top-menu-sub ul li {
	height: 20px;
}

.top-menu-sub ul li a {
	color: black;
	display: block;
	font-weight: bold;
	height: 20px;
	padding-left: 18px;
	text-decoration: none;
}

.top-menu-sub ul li a:hover {
	background: url(../images/menu-selection-top-sub.gif) no-repeat 0 1px;
	color: #00b1e6;
}

/* tt_news search */

#news-search-form {
	background: url(../images/news-search-background.png);
	height: 40px;
	margin: 0 auto 45px auto;
	padding-top: 20px;
	text-align: center;
	width: 660px;
}

#news-search-form label {
	margin-right: 5px;
}

#news-search-field {
	width: 250px;
}

#news-search-button {
	margin-left: 5px;
	vertical-align: top;
}

/* tt_news single */

.single-news-backlink a {
	background: url(../images/news-back-link.gif) no-repeat 0 2px;
	padding-left: 10px;
}

/* tt_news list */
#wrap-sub #main-content ol#news-items {
	list-style: none inside none;
}

ol#news-items li {
	clear: left;
	margin-bottom: 15px;
	overflow: hidden;
}

#news-items .news-date {
	float: left;
	width: 150px;
}

#news-items .news-text {
	float: left;
	width: 480px;
}

#wrap-sub #main-content #news-items .news-text a {
	color: #3c3c3c;
	font-weight: bold;
}

#wrap-sub #main-content #news-items .news-text a:hover {
	color: #00b1e6;
}

/* Login */

#login-form fieldset div {
	clear: left;
	overflow: hidden;
	margin-bottom: 5px;
}

#login-form label {
	float: left;
	width: 125px;
}

#user, #pass {
	float: left;
	width: 200px;
}

#login-submit {
	margin-left: 125px;
}

#login-status div {
	border: 1px solid #3c3c3c;
	margin-bottom: 20px;
	padding: 10px 10px;
}

#logout-form label {
	display: inline;
	padding-right: 0.5em;
}

/* Mailform */
.csc-mailform-field {
	clear: left;
	margin-bottom: 9px;
	overflow: hidden;
}

.csc-mailform-field label {
	display: block;
	float: left;
	padding-top: 4px;
	width: 150px;
}

.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {
	float: left;
	width: 250px;
}

input.csc-mailform-submit {
	margin-left: 150px;
	width: auto;
}

/* Search results */
#wrap-sub #main-content .search-result a {
	color: #3c3c3c;
}

#wrap-sub #main-content .search-result a:hover {
	color: #00b1e6;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color: #3c3c3c;
}

.tx-indexedsearch-descr {
	color: #808080;
}

.search-meta-info .date {
	color: #3c3c3c;
	font-weight: bold;	
}

#wrap-sub #main-content .search-result .search-meta-info a {
	color: #808080;
}

#wrap-sub #main-content .search-result .search-meta-info a:hover {
	color: #00b1e6;
}

.tx-indexedsearch-browsebox {
	margin-top: 45px;
}

.tx-indexedsearch-res {
	margin-top: 15px;
}

.search-result {
	margin: 30px 0 55px;
}

#wrap-sub #main-content .search-result p {
	margin-bottom: 7px;
}

.pagebrowser-wrap {
	clear: both;
	overflow: hidden;
}

.pagebrowser-info {
	float: left;
	width: 49%;
}

.tx-pagebrowse-pi1 {
	color: #808080;
}

.tx-pagebrowse-pi1 .tx-pagebrowse {
	float: right;
	width: 49%;
	text-align: right;
}

.tx-pagebrowse-pi1 .tx-pagebrowse-pages li {
	border-right: 1px solid #3c3c3c;
	padding-left: 5px;
}

#wrap-sub #main-content .tx-pagebrowse li a {
	color: #3c3c3c;
}

#wrap-sub #main-content .tx-pagebrowse li a:hover {
	color: #00b1e6;
}

.tx-pagebrowse-pages li.last {
	border-right: none;
}

.tx-pagebrowse .tx-pagebrowse-prev {
	background: url(../images/search-previous.png) no-repeat left center;
	padding-left: 10px;
}

.tx-pagebrowse .tx-pagebrowse-next {
	background: url(../images/search-next.png) no-repeat right center;
	padding-right: 10px;
}

.tx-pagebrowse li.tx-pagebrowse-pages ol {
	padding: 0;
}

.tx-pagebrowse li.tx-pagebrowse-pages {
	padding: 0;
}