/* Stylesheet: bitency_v2 Modified On 2013-04-08 19:15:25 */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol,  li,
fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 

body { background: #e5e5e5 url("/images/backgrounds/body.jpg") repeat-x center top; color: #73726e; font: normal 10pt Arial, Arial, Tahoma; font-size: 13px; line-height: 22px;}


div#wrapper { margin: 0 auto; overflow: hidden; display: block; width: 1280px; }

  div#header { margin: 0 auto; width: 1280px; padding: 30px 0px 0px 15px; background: url("/images/backgrounds/header.png") no-repeat; height: 150px; display: block; overflow: hidden; }
  
    div.headertop { width: auto; display: block; height: 93px; padding: 0px 130px 0px 115px; }
    
      h1.logo { width: 212px; height: 81px; float: left; background: url("/images/logos/bitency.png") no-repeat; }
      div.icons { margin: 60px 16px 0px 0px; float: right; height: 16px; overflow: hidden; }
    
        div.icons a { float: left; padding: 1px 0px 0px 0px; margin: 0px 5px 0px 0px; display: block; width: 16px; height: 16px; }
        div.icons a.twitter { padding: 0px; margin: 0px 10px 0px 0px; display: block; float: left; background: url("/images/icons/twitter.png") no-repeat center right; }
		div.icons a.flickr { padding: 0px; margin: 0px 10px 0px 0px; display: block; float: left; background: url("/images/icons/flickr.png") no-repeat center right; }
        div.icons a.linkedin { padding: 0px; margin: 0px 10px 0px 0px; display: block; float: left; background: url("/images/icons/linkedin.png") no-repeat center right; }
	 div.icons a.fb { padding: 0px; margin: 0px 10px 0px 0px; display: block; float: left; background: url("/images/icons/fb.gif") no-repeat center right; }
	    div.icons a.seperator { border-left: 1px solid #aaaaaa; margin: 1px 10px 0px 5px; height: 16px; float: left; width: 1px; display: block; }

		div.menu { overflow: hidden; height: 57px; display: block; width:1029px; padding: 0px 136px 0px 115px; }
		
			div.menu ul { list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; float: left; display: block;  }
			div.menu ul li { margin: 0px; padding: 0px; float: left; }
			
			div.menu ul li a { text-decoration: none; color: #444444; font: normal 12pt Arial, Arial, Tahoma; padding: 20px 30px 15px 0px; display: block; float: left; }
			div.menu ul li a:hover { color: #000000; border-bottom: 4px solid #f79634; }
			
			div.search { overflow: visible; float: right; display: block; margin: 17px 8px 0px 0px; }
			
				div.search input { height: 25px; float: left; display: block; border: none; }
				div.search input[type=submit] { width: 23px; background: url("/images/backgrounds/searchsubmit.png") no-repeat; }
				div.search input[type=text] { padding: 2px 10px 0px 10px; width: 118px; background: url("/images/backgrounds/searchinput.png") no-repeat; }

div.search select[id=selecttaal] { padding: 2px 10px 0px 10px; width: 118px; }
div.search select {  height: 25px; float: left; display: block; border: none; }
				
				div.search input:focus { outline: none; }
				
		div#content {	background: url("/images/backgrounds/content.png") repeat-y; width: 970px; display: block; margin: 0 auto; padding: 20px 40px 0px 40px; overflow: hidden; }
		
			div.left { width: 620px; float: left; display: block; overflow: hidden; }
			div.right { width: 305px; float: right; display: block; overflow: hidden;  }
			
			h1.slogan { color: #000000; font: normal 26pt Arial; display: block; margin: 0px 0px 5px 0px; }
			h1.title { color: #fe7f00; font: normal 15pt fe7f00 Arial, Arial, Tahoma; display: block; margin: 0px 0px 15px 0px; }
			h1.service { height: 20px; color: #fe7f00; font: normal 13pt fe7f00 Arial, Arial, Tahoma; display: block; margin: 0px 0px 15px 0px; padding: 3px 0px 0px 0px; }
			h1.kopje { height: 5px; color: #fe7f00; font: normal 13pt fe7f00 Arial, Arial, Tahoma; display: block; margin: 0px 0px 15px 0px; padding: 3px 0px 0px 0px; }

			.domains { background: url("/images/icons/label.png") no-repeat center right; }
			.hosting { background: url("/images/icons/globe.png") no-repeat center right; }
			.servers { background: url("/images/icons/labels.png") no-repeat center right; }
			.vps { background: url("/images/icons/vps.png") no-repeat center right; }
			.dedicated { background: url("/images/icons/dedicated.png") no-repeat center right; }
			.colocatie { background: url("/images/icons/colocatie.png") no-repeat center right; }
			.racks { background: url("/images/icons/rack.png") no-repeat center right; }
			
			p.slogan { color: #73726e; font: normal 10pt Arial "Arial Black", Gadget, sans-serif; line-height: 25px; letter-spacing: 0px; margin: 0px 0px 25px 0px; }
			p.slogan a { color: #fa9b05; text-decoration: none; }
			
			div.right fieldset { display: block; overflow: hidden; margin: 0px 0px 15px 0px; }
			
			div.right label { font: normal 9pt Arial, Arial, Tahoma; color: #777777; padding: 7px 0px 0px 0px; float: left; width: 100px; display: block; }
			div.right span { height: 40px; display: block; }
			div.right input { padding: 7px; float: left; width: 161px; height: 15px; background: url("/images/backgrounds/logininput.png") no-repeat; display: block; border: none; }
			div.right input:focus { outline: none; }
			
			div.right a.register { float: right; text-decoration: none; padding: 3px 0px 3px 0px; margin: 0px 5px 0px 0px; border-bottom: 2px solid #e3e5e7; color: #9499a1; }
			div.right a.login { float: right; text-decoration: none; width: 77px; height: 29px; display: block; background: url("/images/others/buttonlogin.png") no-repeat; margin: 0px 15px 0px 0px; } 
			
			div.right div.login { padding: 0px 0px 0px 20px; display: block; overflow: hidden; margin: 0px 0px 20px 0px; }
			div.right div.support { padding: 0px 0px 0px 20px; display: block; no-repeat top left; }
			
			div.right div.support p { color: #777777; line-height: 25px; margin: 0px 0px 10px 0px; }
			div.right div.support a.chat { width: 141px; height: 31px; display: block; background: url("/images/others/livechat.png") no-repeat; margin: 10px 0px 10px 0px; }
			
			div.right a.openticket { text-decoration: none; font: bold 8pt Arial, Arial, Tahoma; padding: 0px 0px 3px 0px; border-bottom: 2px solid #e3e5e7; color: #9499a1; }
			div.right a.contactus { text-decoration: none; font: bold 8pt Arial, Arial, Tahoma; padding: 0px 0px 3px 0px; border-bottom: 2px solid #e3e5e7; color: #9499a1; }
			
			div.services { width: 630px; display: block; overflow: hidden; }
				
				div.service { width: 200px; display: block; overflow: hidden; float:left; margin: 0px 10px 0px 0px; }
				
					div.service .top { height: 4px; background: url("/images/backgrounds/servicetop.png") no-repeat; }
					div.service .con { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; width: 168px; padding: 7px 15px 10px 15px; } 
					div.service .bot { height: 4px; background: url("/images/backgrounds/servicebot.png") no-repeat; }
					
					div.service ul { list-style-type: none; padding: 0px; margin: 0px 0px 20px 0px; display: block; }
					div.service ul li { color: #777777; display: block; padding: 0px 0px 5px 0px; }
					
					div.service ul2 { list-style-type: none; vertical-align: middle; font-size: 12px;}
					div.service ul2 li { color: #777777; display: block; background-image: url(/images/icons/arrow-liststyle.png); background-position: left center; background-repeat: no-repeat; margin-bottom: 0px;	padding-left: 25px;	}
					
					div.service small { float: left; padding: 0px; margin: 0px; }
					div.service small strong { font-weight: bold; padding: 0px; margin: 0px; }
					
					div.service a.view { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 62px; background: url("/images/others/buttonview.png") no-repeat; display: block; }
					div.service a.order { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 77px; background: url("/images/icons/bestellen.png") no-repeat; display: block; }
					div.service input.order { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 77px; background: url("/images/icons/bestellen.png") no-repeat; display: block; }
					
			div.footer { height: 179px; background: url("/images/backgrounds/footer.png") repeat-x; display: block; overflow: hidden; width: 970px; margin: 0px 0px 0px -25px; padding: 25px; }
			
				div.footer-left { width: 647px; display: block; float: left; overflow: hidden; }
				div.footer-right { width: 283px; display: block; float: right; overflow: hidden; }
				
				h1.footer { font: bold 11pt Arial, Arial, Tahoma; color: #000000; display: block; margin: 0px 0px 10px 0px; }
				
				div.list { margin: 0px 0px 0px 0px; width: 160px; float: left; display: block; }
				div.list ul { list-style-type: none; padding: 0px; margin: 0px 0px 20px 0px; }
				div.list ul li { padding: 3px 0px 3px 0px; display: block; }
				
				div.list ul li a { color: #666666; text-decoration: none; font: normal 8pt Arial, Arial, Tahoma; }
				
				div.footer img { margin: 0px 5px 10px 0px; }
				
				p.copyright { margin: 11px 0px 0px 0px; float: left; }
				p.copyright a { color: #fe7f00; text-decoration: none; font-weight: bold; }
				
				p.credit { margin: 11px 0px 0px 0px; float: right; }
				p.credit a { color: #fe7f00; text-decoration: none; font-weight: bold; }
				
				div.footer-bottom { width: 970px; margin: auto; padding: 0px 40px 8px 40px; background: url("/images/backgrounds/footerbottom.png") repeat-y; overflow: hidden; }


.punten-lijst-overons{
	list-style-type: none;
	margin-left:-40px;
	margin-top: -10px;	
	float:left;
}

.punten-lijst-overons li {
	background: url("/images/icons/tick-groot.png") no-repeat;
	padding: 0px 0 0px 45px;
	margin-left: 0;
}			
				
				
.punten-lijst-left{
	list-style-type: none;
	margin-left:-40px;
	margin-top: -10px;	
	float:left;
}

.punten-lijst-left li {
	background: url("/images/icons/tick-groot.png") no-repeat;
	padding: 0px 0 0px 45px;
	margin-left: 0;
}

.punten-lijst-right{
	list-style-type: none;
	margin-left:-40px;	
	margin-top: -10px;	
	float:right;
}

.punten-lijst-right li {
	background: url("/images/icons/tick-groot.png") no-repeat;
	padding: 0px 0 0px 45px;
	margin-left: 0;
}

/**
* Gallery
*/
ul.gallery {
	width: 620px;
	clear: both;
	margin: 0 auto;
	margin-left: -10px;	
}

ul.gallery li {
	display: block;
	float: left;
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;	
	margin-bottom: 15px;
	margin-left: 15px;
	width: 160px;
	height: 140px;	
}

ul.gallery li img {	
	vertical-align: middle;
	border: none;
	width: 120px;
	height: 140px;
}


			
div.product table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	background: #fff;
	padding: 0;
	margin: 0;
	align: center;
	valign: center;
}

div.product table th{
	background: transparent url('/images/tabel_back.png') repeat-x 0 -1px;
	border-bottom: 1px solid #ddd;
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	line-height: 2em;	
	padding: 4px 10px;
	align: center;
	valign: center;        
}

div.product table td {
	padding: 6px 4px;
	font-size: 85%;
	vertical-align: top;
	border-top: 1px solid #ddd;
	align: center;
	valign: center;        
}

div.product table tr.wissel {
	background: #eef3fa;
        align: center;
	valign: middle;        
}

div.product table tr.highlight{
	background: #26bb12;
        align: center;
	valign: middle;        
}

div.product table tr.meerinfo {
	background: #f6f7f7;        
}

div.product tr+tr th {
	border-top: 1px solid #808080;
	align: center;
	valign: center;
}

div.product td+td {
	border-left: 1px solid #ccc;
	align: center;
	valign: middle;
}

div.product th+th {
	border-left: 1px solid #ccc;
	align: center;
	valign: center;
}

.product-specs{
	list-style-type: none;		
	vertical-align: middle;
	color: #73726e;
	font-size: 12px;
	float: left;
	margin-left: -20px;	
}

.product-specs li {
	background-image: url(/images/icons/arrow-liststyle.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-left: 25px;	
}

ul.productimage {
	clear: both;
	margin: 0 0 0 -10px;
	padding: 0;
	position: relative;
	padding: left;
}

ul.productimage li {
	display: block;
	float: left;
	border: 1px solid #e5e5e5;
	width: 80px;
	height: 100px;
	padding: 5px;
	text-align: center;		
	margin-bottom: 0px;
	margin-left: 15px;
}

ul.productimage li img {
	width: 80px;
	height: 100px;
	vertical-align: middle;
	border: none;
}

.specs-price {
	float: left;
	color: #3c3c3c;
	font-size: 15px;
        margin-right: 40px;
        margin-left: -40px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
        width: 150px;
}

.whois {
	border: 1px solid #999;
	padding: 5px;
	color: #f58b40;
	float: left;
	width: 250px;
	margin-right: 25px;
}

.whois2 {
	width: 500px;
	background-color: #0F6;
}

div.stap {
	vertical-align: middle;
	text-align: center;
	color: #73726e;
	font-size: 16px;
	float: right;
	height: 15px;	
}

.samenstellen{
	height: 190px;
	width: 620px;
	background-image: url(/images/backgrounds/slider-specs.png);		
}

.samenstellen select {
   background-color: #aa714c;
   width: 26px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
}

.samenstellen table {		
	padding: 0;
	padding-top: 15px;
	margin-left: 20px;	
}

.samenstellen label {
	color: #4e5054;
	font-weight: bold;
	font-size: 15px;
	display: block;
	width: 150px;
	float: left;
}

.sliderexta{	
	width: 620px;
	background-image: url(/images/backgrounds/slider-extra.png);		
}

.sliderexta table {		
	padding: 0;
	padding-top: 15px;
	margin-left: 20px;
	padding-bottom: 15px;	
}

.sliderexta label {
	color: #4e5054;
	font-weight: bold;
	font-size: 15px;
	display: block;	
	float: left;
}

a:link {
COLOR: #fe7f00;
}
a:visited {
COLOR: #fe7f00;
}
a:hover {
COLOR: #fe7f00;
}
a:active {
COLOR: #fe7f00;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;	
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button {
	color: #339;
	text-decoration: none;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orange:link {
COLOR: #ffffff;
}
.orange:visited {
COLOR: #ffffff;
}
.orange:hover {
COLOR: #ffffff;
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


div.itemHome{
   text-align: center;
   vertical-align: middle
}

div.itemHome img {
   float: left;
   margin: 1em;
}

#content_left_menu {
line-height:20px;margin:0;padding:0;text-align:left;min-height:150px;
}
#content_left_menu ul{
list-style:none;margin:0;padding:0;
width: 00px;
}
#content_left_menu ul li {
float:left;margin:0;padding:0;
width: 200px;border-bottom: 0px solid #CCC;
background-image: url(../../images/icons/arrow-liststyle.png); background-position: left center; background-repeat: no-repeat; margin-bottom: 0px; padding-left: 25px;
height: 30px;
}
#content_left_menu ul li a:hover {
color: #f79634;
}
#content_left_menu ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	min-width: 30px;
	color: #777777;
	white-space: nowrap;
	background-color: transparent;
}

div.services2 { width: 630px; display: block; overflow: hidden; }
				
				div.service2 { width: 300px; display: block; overflow: hidden; float:left; margin: 0px 10px 0px 0px; }
				
					div.service2 .top { height: 4px; background: url("../../images/backgrounds/servicetop2.png") no-repeat; }
					div.service2 .con { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; width: 268px; padding: 7px 15px 10px 15px; min-height: 440px;} 
					div.service2 .bot { height: 4px; background: url("../../images/backgrounds/servicebot2.png") no-repeat; }
					
					div.service2 ul { list-style-type: none; padding: 0px; margin: 0px 0px 20px 0px; display: block; }
					div.service2 ul li { color: #777777; display: block; padding: 0px 0px 5px 0px; }
					
					div.service2 ul2 { list-style-type: none; vertical-align: middle; font-size: 12px;}
					div.service2 ul2 li { color: #777777; display: block; background-image: url(../../images/icons/arrow-liststyle.png); background-position: left center; background-repeat: no-repeat; margin-bottom: 0px;	padding-left: 25px;	}
					
					div.service2 small { float: left; padding: 0px; margin: 0px; }
					div.service2 small strong { font-weight: bold; padding: 0px; margin: 0px; }
					
					div.service2 a.view { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 62px; background: url("../../images/others/buttonview.png") no-repeat; display: block; }
					div.service2 a.order { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 77px; background: url("../../images/icons/bestellen.png") no-repeat; display: block; }
					div.service2 input.order { padding: 0px; margin: -10px 0px 0px 0px; float: right; height: 29px; width: 77px; background: url("../../images/icons/bestellen.png") no-repeat; display: block; }


#inputArea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;   
    padding: 10px;
}

#inputArea input[type="text"], #inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #f4860a;
    width: 400px;
}


/** Progress bar (on the top) **/
.progress{display:block; position:relative; width:95%; margin:0 auto; border-top:2px solid #f4860a;}
.progress ol{width:100%; list-style:none; margin:0; padding:0;}
.progress ol li{position:absolute; width:12px; height:12px; margin:-11px 0 0 -10px; padding:0; text-indent:-4000px; border-radius:10px; border:4px solid #f4860a; background:#ffffff;}
.progress ol li.active{width:20px; height:20px; margin:-15px 0 0 -14px; border-radius:14px; background:#f4860a;}
.progress ol li:first-child + li{left:33%;}
.progress ol li:first-child + li + li{left:66%;}
.progress ol li:first-child + li + li + li{left:100%;}

.error_message{border-radius:5px; border:1px solid #c02e19; margin-bottom:10px; padding:7px 21px 7px 7px; background-color:#f9ebeb; line-height:18px;}
.warning_message{border-radius:5px; border:1px solid #dad28d; margin-bottom:10px; padding:7px 21px 7px 7px; background-color:#fffbd4; line-height:18px;}

.o_form label{display:inline-block; width:150px;}
.o_form label.no_width{width:auto;}
.o_form input[type=text], .o_form input[type=password]{width:290px; padding:5px; border:1px solid #cccccc; border-radius:3px; margin-bottom:1px;}
.o_form input[type=text].large{width:80%; padding:5px; font-size:14px;}
.o_form input[type=text].small{width:60px;}
.o_form input[type=text].small_fill{width:213px;}
.o_form input[type=text].contactperson{width:137px;}
.o_form select{width:300px; padding:4px 5px; border:1px solid #cccccc; border-radius:3px; margin-bottom:1px;}
.o_form select.contactperson{width:72px;}
.o_form textarea.comment{width:90%; height:125px; resize:none; border:1px solid #cccccc; border-radius:3px;}

.o_form table.cart{width:100%;}
.o_form table.cart .noborder{border:0 !important; background:#ffffff !important;}
.o_form table.cart .bordertop{border-top:1px solid #e6e6e6 !important;}
.o_form table.cart th{padding:10px 0px 10px 5px; text-align:left; font-weight:bold; border:0px;  border-bottom:1px solid #e6e6e6;}
.o_form table.cart td{padding:10px 0px 10px 5px; border:0px; border-bottom:1px solid #e6e6e6; vertical-align:top;}
.o_form table.cart tr.addition{background:#f2f2f2; line-height:24px;}
.o_form table.cart tr.italic td{font-style:italic;}
.o_form table.cart .auth_key{margin-top:8px; color:#666666; padding-left:15px;}