/* CSS Document */
a:link,a:active,a:visited {color:#003300;}

html, body{ 
 margin:0 auto; width: 780px; padding:0; font-family: times new roman, verdana; font-size: 11px; line-height: 16px;
}

tr, td { font-family:times new roman, verdana; font-size:10pt; }

td.lijnlr { border-left: 1px black solid; border-right:1px solid black } 
#pagewidth{ 
 width:780px;  	
} 
 
#header{
 position: relative; width:780px; padding: 20px 0px 20px 0px;
}

.footer { text-align:center; font-family:times new roman, verdana; font-size:8pt; border:1px solid black }
 
.header a{
	border-top: 1px solid #cccccc;	border-right: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;	border-left: 1px solid #cccccc;
	padding: 10px;	background-color: #F0F0F0;	text-decoration: none;	color: #000000;	font-weight: bold;
} 

#leftcol{
 width:390px; float:left; padding: 0px;
}
 
#maincol{
 float: right; display:block; width:380px; padding: 0px 0px 0px 10px;
}
 
#footer{
 padding-left: 100px; height:70px; clear:both;
}
 
.kop {
	padding: 5px;	font-weight: bold;	color: #ffffff;
}

.content	a{
	color: #0099CC;	font-weight: bold;
}

.content	{
  text-align: left;  padding:0px;	margin-bottom: 10px;
}

a.tabblad {
  color: #ffffff;
  text-decoration: none;
}
a.tabblad:visited {
  color: #ffffff;
  text-decoration: none;
}

.tabbladactief {
  color: #005500;
  text-align: center;
}

.content h1 {
	margin: 0px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}


.content .border {
	padding: 10px 4px 10px 4px;
	border-top: 0px;
	border-right: 1px solid #009966;
	border-bottom: 1px solid #009966;
	border-left: 1px solid #009966;
	margin: 0px 0px 10px 0px;
}

.content ul{
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
.content table{
	padding: 0px;
	margin: 0px;
}
 
 .content td	{
	vertical-align: top;
}
 
/* kleurtjes van de koppen */
.kleur1 {
background-color: #009966;
}
.kleur2 {
background-color: #0099CC;
}
.kleur3 {
background-color: #996699;
}
.kleur4 {
background-color: #97B911;
}
.kleur5 {
background-color: #FC9E1F;
}
.kleur6 {
background-color: #F42424;
}
.kleur7 {
background-color: #993300;
}

.kleuroranje {
background-color: #FF6600;
}


.hand {
	cursor: pointer;
}


/* stappenplan */

.stappen	{
	height: 20px;
}



.block	{
	text-align: right;
	display: block;
	padding: 2px;
}

.actief {
	display: inline;
	/* background-color: #F42424; 
	font-weight: bold;
	color: white;*/
	padding: 5px;
}

.nonactief {
	font-weight: normal;
	display: inline;
	padding: 5px;
}

.nonactief a, .actief a{
 font-family: times new roman, verdana;
 font-size: 11px;
 line-height: 16px;
 color: #000000;
 text-decoration: underline;
 /*
 font-weight: bold;
 */
}

/* Hoofdmenu 
.tabblad	{
	display: block;
	padding-top: 10px;
	padding-bottom: 38px;
}
*/

.tab_logo	{
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.tab_language	{
	float: left;
	padding: 4px 10px 4px 10px;
}
.language_select	{
	font-size: 10px;
}



.tab_start	{
	border-left: 1px solid #333333;
}
.tablinks_uit a, .tablinks_aan a, .tab_aan a, .tab_uit a	{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.tablinks_aan	{
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 0px;
	border-left: 1px solid #333333;
}

.tablinks_uit	{
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000000;
	background-color: #F0F0F0;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #333333;
}


.tab_aan	{
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 0px;
	border-left: 0px;
}

.tab_uit	{
	float: left;
	padding: 5px 10px 5px 10px;
	color: #000000;
	background-color: #F0F0F0;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-left: 0px;
}


.hoofdmenu {
	margin-top: 10px;
	background-color: #DDDDDD;
	display: block;
	height: 35px;
}
.hoofdmenu a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.hmenu	{
	display: inline;
	background-color: #DDDDDD;
	padding: 5px 5px 5px 10px;	
	float: left;
}

.hmenuon	{
	display: inline;
	background-color: #DDDDDD;
	padding: 5px 5px 5px 10px;	
	float: left;
}

.hmenuon	a{
	text-decoration: underline;
}

.hmenulogo {
	display: inline;
	text-align: right;
	float: right;
	padding: 7px 10px 5px 10px;	

}

.ifreem {
	border: 0px;
	width: 380px;
	height: 436px;
}
.ifreem2 {
	border: 0px;
	width: 380px;
	height: 600px;
	padding: 0px;
	margin: 0px;
}

/* invoer domeinnaam stap 1*/

.domeininput_kado {
	width: 128px;
}


.extensieinput_kado {
	width: 223px;
}


.domeininput {
	width: 223px;
}

/* invoer domeinnaam rechterkant*/
.domeininputrechts {
	width: 230px;
	
}

.domeinsubmit {
	margin-left: 34px;
	width: 228px;
}

/* pakketkeuze selectbox stap 2*/
.pakketkeuze	{
	font-size: 11px;
	font-family: times new roman, verdana, arial;
	width: 150px;
}

/* stap 3 text boxen*/
.invoerafrekenen {
	width: 180px;
	padding: 0px;
	margin: 0px;
}

.invoerafrekenen_select {
	width: 184px;
	padding: 0px;
	margin: 0px;
}

.invoerstraat {
	width: 145px;
	padding: 0px;
	margin: 0px;
}

.invoerhuisnr {
	width: 27px;
	padding: 0px;
	margin: 0px;
}

.invoereu {
	width: 140px;
	padding: 0px;
	margin: 0px;
}

.invoereuextensie {
	width: 40px;
	padding: 0px;
	margin: 0px;
}

.invoertextarea	{
	width: 120px;
	height: 30px;
}


.faqgroep  {
	font-family: times new roman, verdana;
 	font-size: 11px;
 	font-weight: bold;
	cursor: pointer;
	color: grey;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 10px 0px 10px;
}


.faqkop  {
	font-family: times new roman, verdana;
 	font-size: 11px;
 	font-weight: bold;
	cursor: pointer;
	color: #CC6600;
	color: #0099CC;
	padding: 0px 10px 0px 20px;
}

.faqtekst {
	padding: 0px 10px 0px 40px;
}

.foutmelding	{
	border: 1px solid #000000;
	color: #F42424;
	padding: 5px;
	margin: 5px;
	font-weight: bold;
}

.goedmelding	{
	border: 1px solid #000000;
	color: #33CC66;
	padding: 5px;
	margin: 5px;
	font-weight: bold;
}


.wrongdata {
	color: white;
	background-color: red;
	font-weight: bold;
}

/* forum styles */

.forum_titel_left	{
	display: block;
	vertical-align: middle;
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
	background-color: #99CCFF;
}

.forum_titel_right	{
	display: block;
	text-align: right;
	padding: 4px;
	border-bottom: 1px  solid #cccccc;

}

.forum_titel_right a	{
	text-decoration: none;
	color: #CC6600;
}

.forum_content	{
	padding: 4px;
	border-bottom: 1px  solid #cccccc;
	background-color: #ffffff;
}


.forum_reply_titel_left	{
	float: left;
	vertical-align: middle;
	padding: 3px;
	font-weight: bold;
	background-color: #E1aeae;
	
}

.forum_reply_titel_right	{
	text-align: right;
	padding: 4px;
	border-bottom: 1px  solid #bbbbbb;
	background-color: #DEF1FB;

}

.forum_reply_content	{
	padding: 4px;
	border-bottom: 1px  solid #cccccc;
	background-color: #ffffff;
}


.forum_reply_titel_right a	{
	text-decoration: none;
	color: #CC6600;
}


.bezet {
	color: #CCCCCC;
}

.bezet_groot_melding	{
	padding-right: 5px;
	display: inline;
	color: red;
	font-weight: bold;
}

.bezet_domein {
	color: silver;
}

.col_bedrijf	{
	display: block;
	border-bottom: 1px  solid #cccccc;
	padding: 1px;
	text-align: right
}

.col_l_kado
{	float: left;
	width: 110px;
}




/* tabel layout */

/*
.col_l	{
	float: left;
	width: 200px;
	vertical-align: middle;
	padding: 3px;
}

.col_r	{
	text-align: right;
	padding: 4px;
	border-bottom: 1px  solid #cccccc;
}
*/


.col_lkorting
{	float: left;
	width: 200px;
	color: #0099CC;
}

.col_rkorting	{
	text-align: right;
	display: block;
	border-bottom: 1px  solid #cccccc;
	padding: 1px;
	color: #0099CC;
	font-weight: bold;
}








/* colum voor in forms die alleen tekst tonen en geen input velden */
.col_r_text	{

	text-align: left;
	display: block;
	border-bottom: 1px  solid #cccccc;
	padding: 1px;
	color: #666666

}


.col_button
{
	text-align: center;
	padding: 4px;
	border-bottom: 0px  solid #cccccc;

}


.col_l
{	float: left;
	width: 190px;
}

.col_r	{
	text-align: right;
	display: block;
	border-bottom: 1px  solid #cccccc;
	padding: 1px;
}



.col_l_tot	{
	font-weight: bold;
	float: left;
	width: 200px;
	vertical-align: middle;

}

.col_r_tot	{
	font-weight: bold;
	color: red;
	text-align: right;
	padding: 1px;
	border-bottom: 1px  solid #cccccc;
}


.col_l_avw
{	float: left;
	width: 190px;
	font-weight: bold;
}

.col_r_avw	{
	text-align: left;
	display: block;
	border-bottom: 1px  solid #cccccc;
	padding: 1px;
}

.col_r_avw	input{
	width: 20px;
}

/* geen padding om checkboxes voor de mooiigheid */ 
.check_nopad	{
	margin: 0px;
	padding: 0px
}

form {
	margin: 0px;
	padding: 0px;
}

input, select, textarea {
	font-family: times new roman, verdana;
	font-size:11px;
	border:1px solid black;
}



.red {
	color: red;
}

/* */
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}