/* clearfixer */
.infoblock:after,
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.infoblock,
.clearfix {
   display:inline-block;
}

/* Hides from IE-mac \*/
.infoblock,
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Clearfixer */


* {
   padding: 0;
   margin: 0;
}

body {
   font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
   background-color: #fff;
   background-color: #ecf0f2;
   color: #000000;
}

table, td, th, input, option, textarea {
   font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
   padding: 2px;
}

form {
   display: inline;
}

a img {
   border: 0;
}

a {
/*   color: #990000;   
   background-color: #fff; */
   color: #1E2089;
}

h1 {
   padding: 0.3em 0 0.3em 0;
   margin: 5px 0px 10px 0px;
   line-height: 110%;
}

h1, h2, h3 {
   color: #990000;
   color: #333;
}

h3.mtop {
   margin-top: 20px;
}

table {
   border-collapse: collapse;
/*   margin: 5px 0px 5px 0px; */
}

th, td {
   padding: 2px;
   vertical-align: top;
}

td.nowrap {
   white-space: nowrap;
}

td.price {
   text-align: right;
   width: 100px;
}

td.package {
   width: 120px;
}

#container {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	padding: 0px;
/*	background-color: #E7E7ED; */
	padding-bottom: 30px;
}

#header {
   padding: 1em;
	background: #fff url('/images/applications.jpg') top right no-repeat;
}

#middle {
   padding-top: 10px;
   background: transparent url('/images/bg_sidebar.png') top left repeat-y ;
   padding-bottom: 10px;
}

#rightcolbg {
   padding:0;
   margin:0;
   background: transparent url('/images/bg_rightcol.png') top left repeat-y;
}

#bgwrap {
   background: transparent url('/images/logo_trans.png') 98% 98% no-repeat;
}

#content p {
   margin-bottom: 10px;
   margin-top: 10px;
}

#title {
   margin: 0;
/*   background-color: #3F77BA;
   color: #fff; */
   font-size: 1.2em;
   padding: 0.3em 0 0.3em 1em;
   background: #d9d9d9 url('/images/th_zebra_background.png') bottom left repeat-x;
   color: #1f1f1f;
}

#sidebar {
	float: left;
	width: 180px;
	padding-left: 10px;
}

#menu {
   margin-top: 10px;
   width: 170px;
}

#menu,
#menu ul {
	list-style: none;
}

#menu li {
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

#menu li a {
   text-decoration: none;
   color: #000;
}

#menu li a.head:hover {
   text-decoration: underline;
}

#menu li ul {
   border-top: 1px solid #eee;
   margin-top: 12px;
   margin-bottom: 15px;
/*   padding-left: 10px; */
   border-left: 5px solid #3F77BA;
   
}

#menu li ul li {
   font-size: 12px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   border-bottom: 1px solid #eee;
}

#menu li ul li a {
   display: block;
   padding: 4px;
   text-decoration: none;
   color: #1E2089;
   background-color: #fff;
}

#menu li ul li a:hover {
   text-decoration: none;
   background-color: #F5F5F5;
}

#content {
   float: left;
   width: 540px;
   padding: 0 10px 10px 10px;
}

#map {
   width: 520px;
   margin-bottom: 5px;
}

#directions {
   width: 520px;
}

#direction_form {
   padding-top: 5px;
   padding-bottom: 5px;  
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
}

#direction_form input#to {
   width: 400px;
}

#content ul, #content ol {
   margin-left: 20px;
}

#content ol li {
   margin-bottom: 10px;
}

#content ol li li {
   margin-bottom: 4px;
}

#footer {
   border-top: 1px solid #3F77BA;
/*   border-top: 1px solid #eee; */
/*   border-top: 1px solid #3F77BA; */
/*   background-color: #fff; */
   padding: 4px;
   text-align: right;
   font-size: 85%;
}

#footer a {
   color: #000;
   font-weight: bold;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

div.message,
div.error {
   padding: 0.5em;
   margin: 1em 0 1em 0;
   cursor:  pointer;
}


div.message {
   background-color: #ECF3E1;
   border: 1px solid #C5DEA1;
}

div.error {
   border: 1px solid #b80000;
   background-color: #ebcacb;
}

td.error {
   background-color: #ebcacb;   
   color:  #b80000;
}

div.error h3 {
	color:  #b80000;
}

div.error a {
	color: #b80000;
	background-color: #f7f7f7;
	padding: 3px;
	font-weight: bold;
}

div.error ul {
	list-style: none;
}

div.error ul li {

}

div.error ul li a {
	border: 1px solid #333;
   background-color: #f7f7f7;
   cursor: pointer; 
   padding: 0.3em; 
   margin: 0.5em; 
   display: block;
   text-decoration:  none;
   color: #000;
}

div.error ul li a:hover {
	text-decoration:  none;
	color: #fff;
	background-color: #333;
}

/* Start Zebra Table ------------------------------------------------------- */

table.zebra {
	margin: 10px 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

table.zebra td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
   padding: 3px 3px 3px 6px;
}


table.zebra th a {
   color: #1E2089;
   background-color: transparent;
   text-decoration: none;
}

table.zebra th a:hover {
   text-decoration: underline;
}

tr.even,
tr.even td {
   background-color: #f0f5fa;
}

tr.uneven,
tr.uneven td {
	background-color: #fff;

}

tr.hover,
tr.hover td {
   background-color: #F5F5F5 !important;
}

table.zebra th {
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
   font-weight: bold;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-align: left;
   text-shadow: #444 3px 3px 4px;
   padding: 2px 4px 2px 6px;
   border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	background: #d9d9d9 url('/images/th_zebra_background.png') bottom left repeat-x;
   color: #1f1f1f;
}

table.zebra th.th_first {
   border-left: 1px solid #ccc;
}

table.zebra th.th_last {
   border-right: 1px solid #ccc !important;
}

table.zebra td.even_first {
   border-left: 1px solid #ccc !important;        
}

table.zebra td.uneven_first {
   border-left: 1px solid #ccc !important;      
}

/* End Zebra Table ------------------------------------------------------- */

/* Start Global styles */
.right {	text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.fleft {	float: left; }
.fright { float: right; }
.none { display: none; }
.bold { font-weight: bold;}
.italic { font-style: italic;}
/* End Global styles */


/* article styles */
div.paragraph {
/*   background-color: #fff; */
}

div.paragraph h1.article_title {
   margin-top: 10px;
   font-size: 1.6em;
}

div.paragraph div.alinea {
   margin-bottom: 5px;
}

div.paragraph img {
   border: 1px solid #eee;
}

div.paragraph img.image_right {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   
}

div.paragraph img.image_left {
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
}

#service_and_news {
   width: 245px;
   float: right;
   padding: 0px;
}


div.infoblock {
   margin: 0px 0px 20px 4px;
   border: 1px solid #3F77BA;
   padding: 0px;
   width: 233px;
/*   background-color: #eee; */
   border: 1px solid #ddd;
   background-color: #eee;
   
}

div.infoblock h3 {
   padding: 4px 3px;
   font-size: 14px;
   line-height: 100%;
   margin-bottom: 5px;
   background-color: #3F77BA;
   color: white;
   background: #d9d9d9 url('/images/th_zebra_background.png') bottom left repeat-x;
   color: #1f1f1f;
   
}

div.infoblock p {
   padding: 5px;
}

div.infoblock ul {
   margin-left: 20px;
}

#webmail_table,
#domain_table,
#mailadmin_table,
.login_table {
   width: 228px !important;
   margin: 5px 0px;
   border-collapse: collapse;
}

#domain_table td {
   vertical-align: bottom;
}

#mailadmin_table td.prop,
#webmail_table td.prop,
.login_table td.prop {
   width: 100px;
}

#mailadmin_table td.textfield,
#webmail_table td.textfield,
.login_table td.textfield {
   width: 120px !important;
}


.contact_form {
   padding: 10px 5px;
   background-color: #F5F5F5; 
   margin-top: 25px;
   border: 1px solid #ddd;   
}

.contact_form .submit {
   text-align: right;
}

.contact_form .form_row {
   width: 90%;
}

.form_row {
   margin-left: 10px;
   margin-bottom: 10px;
}

.form_row label {
   display: block;
   font-weight: bold;
   margin-bottom: 10px;
}


.form_row .textfield {
   width: 100%;
   display: block;
}

.form_row input.textfield,
.form_row textarea.textfield,
.form_row select.textfield option {
   padding: 2px;
}

.form_row textarea.textfield {
   height: 200px;
}

#tld_list {
   width: 80px;
}

#dc_result {
   padding: 0px 5px;
}

/* prijzen */
div.price_block {   
   margin-bottom: 10px;
   margin-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ccc;
}

div.price_block h2 {
   margin: 3px 0px 11px 0px;
   padding: 4px 0px;
   line-height: 100%;   
}

div.price_block p {
   margin-bottom: 10px;
}

div.price_block table {
   margin-top: 10px;
}

div.price_block ol li {
   font-size: 11px;
   line-height: 100%;
}


ul.list_menu {
   list-style-type: square;
   border-top: 1px solid #eee;
   margin-left: 20px;
   margin-bottom: 20px;
}

ul.list_menu li {
   font-size: 12px;
   font-weight: normal;
   margin: 0px 0px 0px 10px;
   border-bottom: 1px solid #eee;}

ul.list_menu li a {
   display: block;
   padding: 4px;
   text-decoration: none;
   color: #1E2089;
   background-color: #fff;
}

ul.list_menu li a:hover {
   text-decoration: none;
   background-color: #F5F5F5;
}