@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */


/*	-------------------------------------------------------------
	COLORS SCHEME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	

 
	Blue: #5381ac
	Light Gray: #909090
	Dark Gray: #484747
	Borders: #efefef 


*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {



/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 

 
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	


.main-content {
	position: relative;
	width:913px;
	margin:0 auto;
	padding:20px 0 0 0; }

.links, .rechts {
	float:left;
	width: 425px; }

.right {
	margin:0 0 0 50px; }

.sidebar {
	float:left;
	width: 200px;
	margin:0 35px 0 0; }

.col-left {
	float:left;
	width: 275px; }

.col-right {
	float:left;
	width: 675px; }
	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* QUICKNAV */
.quicknav {
	width: 100%;
	height: 0px;
	background: #fff;
	border-bottom: 1px solid #c8c8c8; }

.quicknav .clientlogin {
	position: absolute;
	top:0px;
	right:13px;
	width: 105px;
	height: 24px;
	padding:1px 0 0 0;
	text-align: center;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 1; 
	background: transparent url("../../images/bg_client_login.gif") no-repeat top left;	 }

.quicknav a { color:#9a9a9a; }
.quicknav a:hover {	color:#343434; }


/* HEADER */
.header h1 a {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#333;
	text-shadow: 1px 1px 0 #fff;
	position:absolute;
	top:43px;
	left:10px;
	margin:0;
	padding:0;
	height:41px; }

.header .nav {
	position:absolute;
	top:31px;
	right:25px;
	margin:0;
	padding:0; }

.header .nav li {
	position: relative;
	float:left;
	width:auto;
	padding:0 5px !important;
	background:transparent; }

.header .nav li a {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	position: relative;
	display:block;
	color:#7a7a7b;
	font-size:1.4em;
	padding:15px 10px 10px 10px;
	text-shadow: 0 1px 0 #fff;
	background:transparent; }

.header .nav li a:hover {
	color:#5381ac; }

.header .nav li a.selected {
	color:#5381ac; }


/* PROMOS */
.promo {
	position: relative;
	width:1009px;
	height:544px;
	background: url("../../images/bg_promo.png") no-repeat left bottom; }

.promo1 {
	width: 1009px;
	height: 508px;
	background:transparent url("../../images/bg_promo_visual_01.png") no-repeat top right; }

.promo2 {
	width: 1009px;
	height: 560px;
	background:transparent url("../../images/bg_promo_visual_02.png") no-repeat center right; }

.promo h1 {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#343434;
	font-size:45px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: -2px;
	padding:120px 0 0 68px;
	margin:0 0 10px 0; }

.promo p {
	font-family:"TitilliumText14L 400 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#6c6c6c;
	font-size:15px;
	padding:0 0 0 70px;
 	margin:0;
 	width: 375px; }

.promo ul {
	padding:10px 0 0 85px;
 	margin:0;
 	width: 375px; }

.promo ul li {
	font-family:"TitilliumText14L 400 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#6c6c6c;
	font-size:15px;
	padding:0 0 0 15px;
	background: transparent url("../../images/list_bullet.gif") no-repeat 0 8px; }

.promo .buttons {
	padding:35px 0 0 70px;}

.promo a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

.promo a:hover {
	color:#fff;
	text-shadow: 0 1px 0 #000;
	background:#343434; }

/* NEWSTICKER */
.news {
	position: absolute;
	bottom: 15px;
	left:15px;
	padding:0;
	margin:0;
	width:944px;
	height:37px;
	background: transparent url("../../images/bg_newsticker.png") no-repeat top left; }

.news p {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	float:left;
	width: 129px;
	line-height:39px;
	padding:0;
	margin:0;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #686868;
	color:#fff; }

.news ul {
	position: absolute;
	width:944px;
	height:37px;
	margin:0 0 0 130px;
	padding:0;
	list-style-type: none;
	list-style: none;
	background: none; }

.news ul li {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:12px;
	color:#656565;
	text-shadow: 0 1px 0 #fff;
	line-height:39px;
	margin:0;
	float:left;
	background: none; }

.news li a {
	padding:0;
	margin:0;
	background:none; }

/* MAIN CONTENT */
.main-content ul li {
	font-size:0.9em;
	padding:0 0 0 15px;
	background: transparent url("/images/bullet.gif") no-repeat 0 8px;
	width: 230px; }

.main-content .title  { 
	height: 128px;
	margin:0 0 20px 0; }

.main-content .title h1  {
	font-family:"TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:3em;
	color:#343434;
	letter-spacing: -2px;
	margin:0;
	padding:20px 0 0 0; }

.main-content .title h2  {
	font-family:"TitilliumText14L 250 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:16px;
	color:#5381ac;
	font-weight: lighter;
	letter-spacing: -1px;
	margin:0;
	padding:0; }

.webhosting  {
	background: transparent url("../../images/bg_title_webhosting.png") no-repeat top left; }

.dedicatedhosting  {
	background: transparent url("../../images/bg_title_dedicatedhosting.png") no-repeat top left; }

.managedservices  {
	background: transparent url("../../images/bg_title_managedservices.png") no-repeat top left; }

.main-content .postit {
	position: absolute;
	top:-30px;
	right:-40px;
	width: 206px;
	height: 203px;
	z-index: 1;
	background: transparent url("../../images/postit.png") no-repeat top right; }

/* OVERVIEW */
.overview  {
	margin:20px 0 0 0; }

.overview p {

	margin:0 0 25px 0; }
	
.overview p span {
	color:#333;
	display:block;
	font-weight: bold; }

.overview p.tools {
	background:transparent url("../../images/icons/tools.gif") no-repeat top left; }

.overview p.globe {
	background:transparent url("../../images/icons/globe.gif") no-repeat top left; }

.overview p.database {
	background:transparent url("../../images/icons/database.gif") no-repeat top left; }

.overview p.mailprotection {
	background:transparent url("../../images/icons/mail.gif") no-repeat top left; }

.overview p.pie {
	background:transparent url("../../images/icons/pie.gif") no-repeat top left; }

.overview p.question {
	background:transparent url("../../images/icons/question.gif") no-repeat top left; }

/*	-------------------------------------------------------------
	SHOWCASE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		

/* FEATURES BOX */
.feature {
	width: 100%;
	padding:20px;
	margin:20px 0;
	background:#f2f2f2;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

.feature img {
	float:left;
	margin:0 20px 0 0; }

.feature h1, .feature p {
	margin:0;
	padding:0;
	line-height: 1.7em; }


/* SIDEBAR */
ul.subnav {
	padding:0;
	margin:0 0 20px 0; }

ul.subnav li  {
	display:block;
	padding: 3px 0;
	background: none; }

ul.subnav li a {
	display:block;
	font-size: 1.1em;
	padding:12px 10px 3px 10px;
	text-align: left;
	border-top:1px solid #efefef;
	color: #919394 }

ul.subnav li a:hover, ul.subnav li a.selected {
	color: #484747 }


ul.subnav li:first-child a  {
	padding-top:0;
	display:block;
	border-top:0px solid #efefef; }

/*	-------------------------------------------------------------
	TABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#table-a {
	width: 713px;
	height: auto;
	margin:0 0 20px 0;
	float:left;
	border-collapse: separate;
	border-bottom:1px solid #cecece }

#table-a caption {
	font-family:"TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:20px;
	color: #333;
	margin:10px 0 20px 0;
	padding:0;
	text-align: left; }	
	
#table-a thead {
	width:100%;
	height:55px;
	line-height: 55px;
	background: #676767; }	/*url("/images/bg_table_thead.gif") no-repeat top right;*/

#table-a thead th {
	color:#fff;
	text-shadow: 0 1px 0 #383838;
	text-align: left;
	font-size: 14px;
	padding:0 0 0 10px; }	

#table-a tbody {
	font-size:0.9em;
	background:#fcfcfc; }	

#table-a tr.alt {
	background:#e9e9e9; }	

#table-a tr.alt td {
	border-left:1px solid #fff;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4; }	

#table-a tr.alt td.left {
	border-left:1px solid #cecece; }	

#table-a td {
	padding:10px;
	color:#666;
	font-weight: normal;
	border:none;
	border-left:1px solid #cecece;
	vertical-align: top;}	

#table-a td.left {
	width:150px;
	color:#333;
	font-weight: bold;
	padding:10px 10px 10px 15px;
	border-left:1px solid #cecece; }	

#table-a td.last {
	border-right:1px solid #cecece; }	

#table-a td.price {
	color:#5381ac;
	font-size:14px; }	

#table-a td.order {
	background:#fff;
	padding:20px 0 0 10px;
	border: none !important; }

#table-a td.order a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }