@charset "utf-8";
/* CSS Document */

body {
	background: #dbdadb url(../images/bg-all-gradient.jpg) repeat-x;
	margin: 0px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #ef4c00;
}

h1, h1 a {
	font-size: 12px;
	color: #ef4c00;
	font-weight: bold;
}

h2, h2 a {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#container {
	margin: 0px auto;
	width: 956px;
	padding: 2px;
	background: #fff;
	border: 1px solid #000;
}

.global {
	height: 35px;
	background: #f5f5f5;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #000;
	margin-bottom: 2px;
}
.globallink {
	color: #a1a1a1;
	position: relative;
	top: 11px;
}
.globallink a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.globallink a:hover, .globallink a:active {
	color: #ef4c00;
}

#search {
	width: 300px;
	position:relative;
	top: -6px;
	text-align: right;
	float: right;
}

#search img {
	position:relative;
	top: 2px;
}
.txtsearch {
	position:relative;
	top: -2px;
}

.field {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	height: 14px;
	width: 200px;
	position: relative;
	top: -1px;
	#top: 0px;
}

#navi {
	background: #000000;
	height: 33px;
	width: 956px;
}
#navi table {
	width: 100%;
}

 /* common styling menu */
.menu {
	width:920px;
	font-size:11px;
	position: relative;
	left: 35px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul li {
	float:left; 
	position:relative;
}
.menu ul li a, .menu ul li a:visited {
	float:left; 
	display:block; 
	text-decoration:none;
	color:#f5f5f5; 
	padding:0px 16px; 
	line-height:30px; 
	height:33px; 
}
.menu ul li:hover {
	width:auto;
}
.menu ul li:hover a.menuone {
	color:#ef4c00;
}
.menu ul li ul {
	display: none;
}
.menu table {
	margin:0;  
	font-size:10px; 
	position:absolute; 
	top:0; 
	left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:32px;
	margin-top:1px; 
	left:0;
	width:197px;
	border-bottom:1px solid #000;
}
.menu ul li:hover ul.endstop {
	left:-69px;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	background:#f5f5f5;
	color:#000;
	height:auto;
	line-height:15px;
	padding:4px 16px; 
	width:163px; 
	border:1px solid #000; 
	border-bottom:0;
}
.menu ul li:hover ul li a.drop {
	background:#f5f5f5 url(../images/menu-drop.gif) no-repeat 184px 9px;
}
.menu ul li:hover ul li a:hover {
	color:#ef4c00;
	background: #fff url(../images/menu-over.gif) no-repeat 6px 8px;
}
.menu ul li:hover ul li a:hover.drop {
	background: #fff url(../images/menu-over.gif) no-repeat 6px 8px;
}
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:196px; 
	top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
	left:-185px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:30px; 
	#top:33px; 
	background:#fff;
	left:0; 
	border-bottom:1px solid #000;
}
.menu ul li a:hover ul.endstop {
	left: -92px;
}
.menu ul li a:hover ul li a {
	display:block;
	background:#fff;
	color:#000; 
	height:1px; 
	line-height:15px; 
	padding:4px 16px; 
	width:155px; 
	#width:120px; 
	border:1px solid #000; 
	border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
	background:#ccd; 
	padding-bottom:4px;
}
.menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}
.menu ul li a:hover ul li a:hover {
	color:#000; 
	background: #ccd;
}
.menu ul li a:hover ul li a:hover.drop {
	background: #ccd;
}
.menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:0;
	color:#000; 
	left:153px;
}
.menu ul li a:hover ul li a:hover ul.left {
	left:-153px;
}

.hdr {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	width: 946px;
	margin-left: 10px;
}
.alignright {
	float: right;
}
#contactinfo {
	vertical-align: bottom;
	width: 175px;
}
#contactinfo img {
	padding-top: 6px;
	padding-bottom: 6px;
}
.dividerblack {
	background: #000;
	height: 15px;
	width: 956px;
	margin-bottom: 2px;
	margin-top: 2px;
	color: #ef4c00;
}
.dividerblack a {
	color: #fff;
	text-decoration: none;
	padding-right: 10px;
}
.dividerblack a:hover {
	text-decoration: underline;
}
#etalage {
	margin-bottom: 2px;
}
#headlines {
	width: 954px;
	border: 1px solid #000;
	padding-top: 5px;
	padding-bottom: 15px;
	background: #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #000;
}
#headlines table td {
	width: 33%;
	vertical-align: top;
}
#headlines .promo {
	background: url(../images/bg-promotion.jpg) no-repeat 0px 15px;
}
#headlines .promo a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#headlines .promo a:hover {
	text-decoration: underline;
}
.orange {
	color: #ef4c00;
	font-size: 9px;
}
.more, .price {
	font-weight: bold;
	text-align: right;
	font-size: 10px;
	margin-top: 15px;
	position: relative;
	bottom: 0px;
}
.more a {
	text-decoration: none;
}
.price {
	font-size: 11px;
	color: #000;
	background: #E5E5E5;
	padding:3px;
}
#headlines .dobest {
	background: url(../images/bg-what-we-do-best.jpg) no-repeat 80px 0px;
}
#headlines .testimonials {
	background: url(../images/bg-testimonials.jpg) no-repeat 0px 0px;
}
#content {
	width: 956px;
	background: #f5f5f5;
	font-size: 11px;
	font-weight: normal;
}
#content .submenu {
	background: #f8f8f8;
	width: 273px;
	#width: 271px;
	vertical-align: top;
	padding-right: 2px;
}
#content .submenuhdr {
	background: #f5f5f5;
	border: 1px solid #000;
	width: 273px;
	#width: 271px;
}
#content .submenubg {
	background: #f5f5f5 url(../images/box-sub-menu-bg.jpg) repeat-x;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding-left: 5px;
	padding-top: 5px;
}
#content .submenu h1 a, #content .submenuhdr h1 a {
	position: relative;
	top: 0px;
	text-decoration: none;
	left: 5px;
	#left: 10px;
	#top: 8px;
}
#content .submenu ul li {
	list-style-type:none;
	position: relative;
	top: -10px;
	#top: 0px;
	left: -35px;
	line-height:14px;
}
#content .submenu ul li a {	
	font-weight: bold;
	text-decoration: none;
}
#content .submenu ul li ul li {
	top: 0px;
	position: relative;
	left: -20px;
	#left: -30px;
}
#content .submenu ul li ul li a {
	font-weight: normal;
	font-size: 9px;
}
#content .sitemap {
	border: 1px solid #000;
	width: 680px;
	vertical-align: top;
	padding: 5px 10px;
	#padding: 9px 10px;
	color: #000;
}
#content .sitemap li {
	list-style: none;
}

#content .maincontent {
	border: 1px solid #000;
	width: 680px;
	vertical-align: top;
	padding: 5px 10px;
	#padding: 9px 10px;
	color: #000;
}

#content .maincontent td {
	width: 340px;
	vertical-align: top;
	text-align: justify;
}
#content .maincontent .second {
	padding-top: 30px;
	padding-left: 20px;
}
#content .maincontent .secondbestel {
	padding-top: 30px;
	padding-left: 20px;
	width:280px;
}
#content .maincontent .second .links, #content .maincontent .second .linkstop, #content .maincontent .linkonlinestore, #content .maincontent .linkcms, #content .maincontent .linkcustom, #content .maincontent .linkwebdesign, #content .maincontent .linkprojectmanagement, #content .maincontent .linktestimonials, #content .maincontent .linkqualityassurance, #content .maincontent .linkdirectorysubmission, #content .maincontent .linksupportcentre, #content .maincontent .linkdomainname, #content .maincontent .linksearchreg, #content .maincontent .linkadwords, #content .maincontent .linkreputation, #content .maincontent .linkusability, #content .maincontent .linkupdates, #content .maincontent .linklogodesign, #content .maincontent .linkbranding, #content .maincontent .linkflashpres, #content .maincontent .second .linkmodules {
	margin-top: 30px;
	padding-top: 10px;
	#padding-top: 15px;
	background: url(../images/bg-links.jpg) no-repeat;
	height: 132px;
}
#content .maincontent .second .linkstop {
	margin-top: 4px;
	#margin-top: 7px;
}
#content .maincontent .linkonlinestore, #content .maincontent .linkcms, #content .maincontent .linkcustom, #content .maincontent .linktestimonials, #content .maincontent .linkqualityassurance, #content .maincontent .linkdomainname, #content .maincontent .linkadwords, #content .maincontent .linkreputation, #content .maincontent .linkusability, #content .maincontent .linklogodesign, #content .maincontent .linkflashpres, #content .maincontent .linkprojectmanagement {
	margin-top: 10px;
	#margin-top: 30px;
}
#content .maincontent .second .linkmodules {
	background: url(../images/bg-modules.jpg) no-repeat;
}
#content .maincontent .linkonlinestore {
	background: url(../images/bg-online-store.jpg) no-repeat;
	#margin-top: 10px;
}
#content .maincontent .linkreputation {
	background: url(../images/bg-reputation.jpg) no-repeat;
	#margin-top: 10px;
}
#content .maincontent .linkprojectmanagement {
	background: url(../images/bg-projectmanagement.jpg) no-repeat;
	#margin-top: 13px;
}
#content .maincontent .linksupportcentre {
	margin-top: 20px;
	#margin-top: 28px;
	background: url(../images/bg-hosting-support.jpg) no-repeat;
}
#content .maincontent .linkcms {
	background: url(../images/bg-cms.jpg) no-repeat;
}
#content .maincontent .linklogodesign {
	background: url(../images/bg-logo-design.jpg) no-repeat;
	height:195px;
}
#content .maincontent .linkflashpres {
	background: url(../images/bg-flash-presentations.jpg) no-repeat;
	height:150px;
}
#content .maincontent .linkusability {
	background: url(../images/bg-usability-testing.jpg) no-repeat;
}
#content .maincontent .linksearchreg {
	margin-top: 14px;
	#margin-top: 33px;
	background: url(../images/bg-search-engine-reg.jpg) no-repeat;
}
#content .maincontent .linkqualityassurance {
	background: url(../images/bg-quality-assurance.jpg) no-repeat;
	#margin-top: 36px;
}
#content .maincontent .linkcustom {
	background: url(../images/bg-custom-api.jpg) no-repeat;
	#margin-top: 10px;
}
#content .maincontent .linkadwords {
	background: url(../images/bg-adwords.jpg) no-repeat;
	#margin-top: 10px;
}
#content .maincontent .linktestimonials {
	background: url(../images/bg-testimonials-small.jpg) no-repeat;
	#margin-top: 13px;
}
#content .maincontent .linkdomainname {
	background: url(../images/bg-domain-registration.jpg) no-repeat;
	margin-top: 12px;
	#margin-top: 31px;
}
#content .maincontent .linkwebdesign, #content .maincontent .linkupdates {
	background: url(../images/bg-web-design.jpg) no-repeat;
	margin-top: 25px;
	#margin-top: 33px;
}
#content .maincontent .linkbranding {
	background: url(../images/bg-internet-branding.jpg) no-repeat;
	margin-top: 36px;
	#margin-top: 44px;
	height:145px;
}
#content .maincontent .linkdirectorysubmission {
	background: url(../images/bg-directory-blogs.jpg) no-repeat;
	margin-top: 29px;
	#margin-top: 36px;
}
#content .maincontent .linkupdates {
	background: url(../images/bg-updates.jpg) no-repeat;
}
#content .maincontent .second .linkcart, #content .maincontent .linkflash, #content .maincontent .linkexpertise, #content .maincontent .linkhosting, #content .maincontent .linkseo, #content .maincontent .linkusertracking, #content .maincontent .linkhostingspecs, .maincontent .second .linkweb-design, #content .maincontent .linkflashani, #content .maincontent .linkhostingpakketten, #content .maincontent .linkhostingpakketlite {
	background: url(../images/bg-shopping-cart.jpg) no-repeat 215px 8px;
	height: 110px;
	position: relative;
	top: -8px;
	#top: 2px;
}
#content .maincontent .second .linkjusttxt, #content .maincontent .second .linkjusttxtexpertise, #content .maincontent .second .linkjusttxtadwords, #content .maincontent .second .linkjusttxtanalytics {
	height: 40px;
	position: relative;
	top: 0px;
	#top: 10px;
}
#content .maincontent .second .linkjusttxtadwords {
	height: 160px;
	#top: 3px;
}
#content .maincontent .second .linkjusttxtexpertise {
	height: 180px;
	}
#content .maincontent .second .linkjusttxtanalytics {
	height:105px;
	#top: 3px;
}

#content .maincontent .linkhosting {
	background: url(../images/bg-hosting.jpg) no-repeat 140px 3px;
	top: 0px;
	#top: -2px;
}
#content .maincontent .linkhostingpakketten {
	top: 0px;
	#top: -2px;
	background: url(none);
}
#content .maincontent .linkhostingpakketnl {
	height: 165px;
}
#content .maincontent .linkflash, #content .maincontent .linkflashani {
	background: url(../images/bg-flash-design.jpg) no-repeat 235px 3px;
}
#content .maincontent .linkflashani {
	height:135px;
}
#content .maincontent .linkweb-design {
	background: url(../images/bg-webdesign.jpg) no-repeat 220px 5px;
	height: 160px;
}
#content .maincontent .linkusertracking {
	background: url(../images/bg-user-tracking.jpg) no-repeat 150px 3px;
}
#content .maincontent .linkseo {
	background: url(../images/bg-seo.jpg) no-repeat 235px 6px;
}
#content .maincontent .linkexpertise {
	#height: 130px;
	background: url(../images/bg-expertise-small.jpg) no-repeat 138px 6px;
}
#content .maincontent .linkhostingspecs {
	background: url(../images/bg-hosting-specs.jpg) no-repeat 230px 0px;
}
#content .maincontent .linkportfolio, #content .maincontent .linkportfolio2, #content .maincontent .linkportfolio3, #content .maincontent .linkcartvlexo, #content .maincontent .linkcartstandard, #content .maincontent .portfoliobox {
	position: relative;
	top: -19px;
	#top: -17px;
	padding-top: 10px;
	height: 155px;
	text-align:left;
}
#content .maincontent .linkportfolio3 {
	height: 164px;
	#height: 165px;
}
#content .maincontent .linkportfolio2 {
	position: relative;
	top: 30px;
	background: url(../images/divider-dots.gif) no-repeat;
	height: 230px;
}
#content .maincontent .portfoliobox {
	height: auto;
	width: 650px;
}
#content .maincontent .linkcartstandard {
	#top: -7px;
	text-align:justify;
}
#content .maincontent .linkwebsitebasis, #content .maincontent .linkseo1, #content .maincontent .linkseoreg1, #content .maincontent .linkseodir1, #content .maincontent .linkhostingpakketstandard {
	position: relative;
	top: -19px;
	#top: -7px;
	padding-top: 10px;
	height: 202px;
	#height: 206px;
}

#content .maincontent .linkhostingpakketstandard {
	height: 160px;
	#height: 165px;
}
#content .maincontent .linkseo1 {
	height: 110px;
	#height: 120px;
}
#content .maincontent .linkseoreg1 {
	height: 94px;
	#height: 102px;
}
#content .maincontent .linkseodir1 {
	height: 144px;
	#height: 155px;
}

#content .maincontent .linkcartvlexo, #content .maincontent .linkwebsitestarters, #content .maincontent .linkseo2, #content .maincontent .linkseodir2, #content .maincontent .linkpackseo2 {
	position: relative;
	top: 21px;
	#top: 23px;
	#padding-top: 14px;
	background: url(../images/divider-dots.gif) no-repeat;
	text-align:justify;
}
#content .maincontent .linkseo2, #content .maincontent .linkseodir2, #content .maincontent .linkpackseo2 {
	padding-top: 10px;
	#padding-top: 14px;
	height: 186px;
	#height: 172px;
}
#content .maincontent .linkpackseo2 {
	height: 152px;
	#height: 146px;
}
#content .maincontent .linkseodir2 {
	height: 157px;
	#height: 159px;
}
#content .maincontent .linkwebsitestarters {
	padding-top: 10px;
	#padding-top: 14px;
	height:230px;
} 
#content .maincontent .linkcartadvanced,  #content .maincontent .linkflashani2, #content .maincontent .linkwebsiteshowcase, #content .maincontent .linkwebdesigncms, #content .maincontent .linkblogs, #content .maincontent .linkhostingpremium, #content .maincontent .linkseopack3 {
	position: relative;
	top: 25px;
	#top: 30px;
	padding-top: 10px;
	#padding-top: 14px;
	background: url(../images/divider-dots.gif) no-repeat;
	height:230px;
	text-align:justify;
}
#content .maincontent .linkhostingpremium {
	height:220px;
}
#content .maincontent .linkseopack3 {
	height: 235px;
}
#content .maincontent .linkwebdesigncms {
	height:310px;
}
#content .maincontent .linkblogs {
	top: 32px;
	#top: 42px;
	height:310px;
}
#content .maincontent .linkwebsiteshowcase {
	top: 21px;
	#top: 25px;
	height:298px;
	#height:299px;
}
#content .maincontent .linkflashani2 {
	top: 12px;
	#top: 17px;
	height:220px;
}
#content .maincontent .imgleft {
	float:left;
	padding-right:10px;
}
#content .maincontent .linkportfolio img, #content .maincontent .linkportfolio2 img, #content .maincontent .portfoliobox img {
	border: 1px solid #cbcbcb;
}
.office img {
	float:left;
	border: 1px solid #cbcbcb;
	margin-bottom: 10px;
}
#content .maincontent .portfoliobox span img {
	border: none;
	padding-top: 20px;
}
#content .maincontent .portfoliobox .next {
	padding-top: 10px;
	text-align: center;
}
.footernav {
	font-size: 9px;
	color: #FFF;
	background: #000;
	width: 956px;
	text-align: center;
	font-weight: normal;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.footernav a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.footernav a:hover {
	color: #ef4c00;
}
.footer {
	font-size: 9px;
	color: #000;
	background: #f5f5f5;
	width: 954px;
	text-align: center;
	font-weight: normal;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 1px solid #000;
}
.comment {
	color: #999999;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
	width:957px;
	height:304px;
}
.balloon ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
.balloon ul li {
	float:left;
	width:319px;
	height:152px;
}
.balloon ul li a, .balloon ul li a:visited {
	display:block;
	width:319px;
	height:152px;
}

.balloon ul li dl {
	visibility:hidden;
	position:absolute;
}

.balloon table {
	margin:-2px;
	border:0;
	padding:0;
	border-collapse:collapse;
	font-size:10px;
}

.balloon dl {
	margin:0; 
	width:319px;
	height:auto;
}
.balloon dt {
	margin:0; 
	padding:10px; 
	text-align:center;
}
.balloon dd {
	margin:0;
	padding:5px 15px;
	color:#fff;
	font-size:1em;
	font-weight: normal;
}
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web1 {
	background: url(../images/box-web-design-dimm.jpg) no-repeat;
	height:152px;
}
.balloon dl#web2 {
	background: url(../images/box-ecommerce-dimm.jpg) no-repeat;
	height:152px;
}
.balloon dl#web3 {
	background:url(../images/box-maintenance-dimm.jpg) no-repeat;
	height:152px;
}
.balloon dl#web4 {
	background:url(../images/box-hosting-dimm.jpg) no-repeat;
	height:150px;
}
.balloon dl#web5 {
	background:url(../images/box-seo-dimm.jpg) no-repeat;
	height:150px;
}
.balloon dl#web6 {
	background:url(../images/box-portfolio-dimm.jpg) no-repeat;
	height:150px;
}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover, .balloon ul li a:hover {
color:#ef4c00; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl, .balloon ul li a:hover dl {
visibility:visible;
color:#ef4c00;
top:0px;
left:0px;
cursor:hand;
}

.balloon ul li:hover dl a, .balloon ul li a:hover dl a {
height:0.8em;
color:#fff;
background:transparent;
text-decoration:none;
display:inline;
}

.balloon ul li:hover dl a:hover, .balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}
.formfield {
	font-size:11px;
	width: 180px;
	border: solid 1px #cbcbcb;
}
.formfieldwide {
	font-size:11px;
	width: 200px;
	border: solid 1px #cbcbcb;
}
.formfieldsmall {
	font-size:11px;
	width: 50px;
	border: solid 1px #cbcbcb;
}
#content .maincontent .rightcolomn {
	position: relative;
	top: 0px;
	#top: 2px;
	text-align:left;
}
input[type="submit"]{
	background: url(../images/button-submit.png) no-repeat;
	width: 77px;
	height: 25px;
	font-size: 11px;
	border: medium none;
	cursor: pointer;
	padding-bottom: 3px;
	text-align:center;
}
#content .maincontent #tblhosting {
	width:640px;
}
#content .maincontent #tblhosting td {
	line-height: 22px;
	text-align:center;
}
#content .maincontent #tblhosting img {
	padding-top: 6px;
}
.tblhdrcontact, #content .maincontent #tblhosting .tblhdrhosting {
	background: #e1e1e1;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
}
#content .maincontent #tblhosting .tblhdrhosting {
	font-weight: normal;
	padding: 10px 0px 15px 0px;
}
#content .maincontent #tblhosting .tblhostingrow {
	background: url(../images/bg-cell.gif) repeat-x;
	height: 24px;
}
#content .maincontent #tblhosting .tblhostingcell {
	text-align:left;
}
#content .maincontent #tblhosting .divider {
	height: 4px;
	background: #000;
}
.error {
	padding-left: 15px;
	background:#fff;
	border: 1px dotted #FF0000;
}
#content .maincontent .bio {
	text-align:left;
}
#content .maincontent .bio img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border: 1px solid #cbcbcb;
}
#disclaimer {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 20px;
	width: 650px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: justify;
}