/* ----------------------------------------------------------------------------
Body
-----------------------------------------------------------------------------*/
tbody.on  { display:table-row-group; }
tbody.off { display:none; }


body {
  margin: 0;
	padding: 0;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 10px;
  background: #756049;
  margin-top: 30px;
  text-align: center;

}


p {
  margin: 0 0 15px 0;
  padding: 0;

}

h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0 10px 0;
  color: #800000; /* #a56620;*/
}

h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0 10px 0;
  color: #800000; /* #a56620;*/
}

h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0 10px 0;
  color: #800000; /* #a56620;*/
}

h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0 10px 0;
}

h5 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0 10px 0;
  color: #800000; /* #a56620;*/
}

a {
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
}


a:hover {
  text-decoration: none;
}

#error {
  border: 1px solid #aa0000;
  background: #ffeeee;
  width: 800px;
  color: #AA0000;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 10px;
}


/* ----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/

#header-container {
  margin: 0 auto;
  height: 125px;
  width: 900px;
  background:  url(images/banner.png) no-repeat;

}


/*#header-logo {
  background:  url(images/logo.png) no-repeat;
  width: 209px;
  height: 125px;
  float: left;
}
*/
/*


#header-name {
  background:  url(images/logo-naam.png) no-repeat;
  width: 227px;
  height: 56px;
  float: right;
  clear:right;
}
*/

/* ----------------------------------------------------------------------------
Menu 1
-----------------------------------------------------------------------------*/

#menu1 {
  float: right; clear:right;
	padding: 0;
	margin: 71px 0 0 0;
	height: 17px;
	width: 650px;

}

#menu1 ul{
	padding: 0;
	margin: 0;
	height: 17px;
	font-size: 12px;
}


#menu1 li {
	float: right;
	list-style-type: none;
	width: 93px;
	height: 17px;
	margin-right: 10px;

}

#menu1 li a  {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}


#menu1 .inactive a:hover {
	background-position: -93px 0;
}

#menu1 .inactiveopvallend a:hover {
	background-position: -93px 0;
}

#menu1 .inactive a {
	background: url(images/menurond-inactive.png) no-repeat;
	width: 93px;
	height: 17px;
	text-align: center;
	padding-top: 1px;
	display: block;
	
}

#menu1 .inactiveopvallend a {
	background: url(images/menurond-inactive-opvallend.png) no-repeat;
	text-align: center;
	padding-top: 1px;
	width: 93px;
	height: 17px;
	display: block;
}


#menu1 .active  {
	background: url(images/menurond-active.png) no-repeat;
	color: #a56620;
	text-align: center;
	font-weight: bold;
	width: 93px;
	height: 17px;
	padding-top: 1px;
	display: block;
}


/* ----------------------------------------------------------------------------
Menu 2
-----------------------------------------------------------------------------*/



#menu2 {
  float: right; clear:right;
	padding: 0;
	margin: 20px 0 0 0;
	height: 17px;
	width: 650px;
}

#menu2 ul{
	padding: 0;
	margin: 0;
	height: 17px;
	font-size: 12px;
}


#menu2 li {
	float: right;
	list-style-type: none;
	width: 93px;
	height: 17px;
	margin-right: 10px;

}

#menu2 li a  {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}


#menu2 .inactive a:hover {
	background-position: -93px 0;
}

#menu2 .inactiveopvallend a:hover {
	background-position: -93px 0;
}

#menu2 .inactive a {
	background: url(images/menu-inactive.png) no-repeat;
	width: 93px;
	height: 17px;
	text-align: center;
	padding-top: 2px;
	display: block;
}

#menu2 .inactiveopvallend a {
	background: url(images/menu-inactive-opvallend.png) no-repeat;
	text-align: center;
	padding-top: 2px;
	width: 93px;
	height: 17px;
	display: block;
}


#menu2 .active  {
	background: url(images/menu-active.png) no-repeat;
	color: #a56620;
	text-align: center;
	font-weight: bold;
	width: 93px;
	height: 17px;
	padding-top: 2px;
	display: block;
}

/* ----------------------------------------------------------------------------
Main
-----------------------------------------------------------------------------*/



#main-container {
  background: #ffffff url(images/left-1.gif) repeat-y;
  
  width: 899px;
  margin: 0 auto;
  padding: 0;
  min-height: 300px;
  clear: both;
}

#main-sintbaard {
  background: #ffffff url(images/sint-baard.png) no-repeat;
  width: 91px;
  height: 34px;
  float: left;
  margin-left: 18px;
  padding: 0;

}

/* for Internet Explorer - die verstaat min-height niet */
/*\*/
* html #main-container {
height: 300px;
}
/**/


#header-logo-tail {
  background:  url(images/logo-tail.png) no-repeat;
  width: 27px;
  height: 116px;
  float: left;
  margin: 0;
  padding: 0;
}

#header-logo-shadow {
  background:  url(images/logo-shadow.png) no-repeat;
  width: 180px;
  height: 9px;
  float: left;
  margin: 0;
  padding: 0;

}


#main {
  width: 830px;
  padding: 20px 0 20px 0px;

  margin: 0 0 0 50px;
  font-size: 11px;
  text-align: left;

}

#main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}





/* ----------------------------------------------------------------------------
Kadertjes
-----------------------------------------------------------------------------*/

#hosting {
  clear: both;
  float: left;
  width: 830px;

}

#hosting .packets {
  margin: 0 0 20px 20px;
}

#hosting .kader-top {
  text-align: center;
  font-size:12px;
  height: 40px;
  background:  url(images/kader_top.gif) no-repeat;
}

#hosting .kader-midden {
  padding-left: 22px;
  background:  url(images/kader_midden.gif) repeat-y;

}

#hosting .kader-bottom {
  height: 5px;
  background:  url(images/kader_bottom.gif) no-repeat;
}


#hosting .prijs {
  color: #119911;
}


#hosting .bestelbutton a:hover {
  color: #ffffff;
}
#hosting .bestelbutton a {
  color: #ffffff;
}

#hosting .bestelbutton {
  height: 20px;
  background:  url(images/bestel.png) no-repeat;
  background-position: center;
  color: #ffffff;
}


#hosting table {
  font-size: 10px;
}

#hosting .packetdetails  {
  margin-left: 20px;
}

#hosting .tablerow1{
  background: #f5e3b5;
  color: #000000;
}

#hosting .tablerow2{
  background: #f9edd0;
  color: #000000;
}


/* ----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

#footer-container {
  background: #ffffff url(images/left-1.gif) repeat-y left;
  font-size: 10px;
  margin: 0 auto;
  height: 18px;
  width: 899px;
  clear: both;
}


#footer-container .line_gray {
	height: 1px;
	width: 864px;
	margin: 1px;
	padding: 0;
	font-size: 0;
	border-bottom: 1px solid #aaaaaa;
}


#footer-links {
  margin-top: 6px;
  background:  url(images/hoek-linksonder.gif) no-repeat;
  width: 20px;
  height: 12px;
  float: left;
  clear:left;
}

#footer-inhoud {
  width: 866px;  /* 899 - 20 - 13 */
  float:left;
  color: #aaaaaa;
  background: #ffffff;
}

#footer-inhoud a {
  color: #aaaaaa;
  font-weight: normal;
}

#footer-rechts {
  margin-top: 6px;
  background:  url(images/hoek-rechtsonder.gif) no-repeat;
  width: 13px;
  height: 12px;
  float: left;
}


/* ----------------------------------------------------------------------------
Domains
-----------------------------------------------------------------------------*/

#domains {
  float: left;
  width: 65%;
  padding-top: 0;
}

#domains table{
 font-size: 12px;
}

#domains li {
  padding-bottom: 10px;
  color: #a56620;
  font-weight: bold;
}

#domains .normal{
  font-weight: normal;
  color: #000000;
}

#domains .bestelbutton a:hover {
  color: #ffffff;
}
#domains .bestelbutton a {
  color: #ffffff;
}

#domains .bestelbutton {
  width: 95px;
  height: 20px;
  background:  url(images/bestel.png) no-repeat;
  background-position: center;
  text-align: center;
  color: #ffffff;
}

/*#domains .bestelbutton {
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 95px;
  background:  url(images/bestel.png) no-repeat;
  background-position: center;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
*/
/* ----------------------------------------------------------------------------
Prijzen
-----------------------------------------------------------------------------*/

#domeinprijzen {
  float: right;
  width: 30%;
  border-left: 1px solid #a56620;
  padding-left: 10px;
}

#domeinprijzen table {
  font-size: 12px;
  margin: 10px 0 10px 50px;
}

#domeinprijzen th {
  background: #a56620;
  color: #ffffff;
}

#domeinprijzen tr {
  background: #eecb77;
  color: #000000;
}



/* ----------------------------------------------------------------------------
Contact form
-----------------------------------------------------------------------------*/


#contact label, #contact input, #contact textarea {
	display: block;
	width: 400px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#contact input, #contact textarea {
	border: 1px solid #a56620;
	color: #a56620;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
  font-size: 11px;
}


#contact label {
	text-align: right;
	width: 130px;
	padding: 0 20px 0 0;
	margin: 0;

}

#contact br {
	clear: left;
}

#contact a {
    font-size: 11px;
}

/* ----------------------------------------------------------------------------
Home
-----------------------------------------------------------------------------*/

#home {
  float: left;
  width: 65%;
  padding-top: 0;
}


#home li {
  padding-bottom: 10px;

}

#home .prijs_opvallend {
  font-size: 15px;
  font-weight: bold;
  padding: 0 3px 0 3px;
  color: #ff0000;
}


/* ----------------------------------------------------------------------------
Home
-----------------------------------------------------------------------------*/

#faq {
  float: left;
  padding-top: 0;
}

#faq p{
  font-weight: normal;
  color: #000000;
}


#faq li{
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0 0px 0;
  color: #a56620; 
}

#faq li.inhoud  {
  list-style-type: none;
  padding-bottom: 5px;
}


#faq .line {
  border-bottom: 1px solid #a56620;
  height: 1px;
  margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------
Voorwaarden
-----------------------------------------------------------------------------*/

#voorwaarden li {
  list-style: lower-alpha;
}

#voorwaarden li.sub {
  list-style: decimal;

}


/* ----------------------------------------------------------------------------
Nieuws
-----------------------------------------------------------------------------*/

#news {
  float: right;
  width: 30%;
  border-left: 1px solid #a56620;
  padding-left: 10px;
}

#news .date {
  color: #a56620;
  font-weight: bold;
  font-size: 10px;

}

#news .opvallend {
	font-weight: bold;
}

/* ----------------------------------------------------------------------------
Ordered by
-----------------------------------------------------------------------------*/

#poweredby {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;

}

#poweredby img {
  margin: 0 20px 0 20px;
  vertical-align: middle;
}



/* ----------------------------------------------------------------------------
Bestel
-----------------------------------------------------------------------------*/
#bestel .formvelden {
	COLOR: #000000;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border:1px solid #CCCCCC;
}

#bestel form{
  margin: 0;
  padding: 0;

}

#bestel .ster {
  color: #dd0000;
}

#bestel table{
  font-size: 11px;
  margin: 0;
  padding: 0;
}

#bestel .prijs {
  text-align: right;
  font-weight: bold;
  color: #a56620;
}

#bestel .prijs2 {
  text-align: right;
  font-weight: bold;
  color: #a56620;
  font-size: 14px;
}

#bestel .lijn-grijs {
  border-bottom: 1px solid #bbbbbb;
  border-top: 0;
  border-left: 0;
  border-right: 0;

  height: 1px;
  padding: 0;
  margin: 10px 0 10px 0;
}

#bestel hr {
  border-bottom: 1px solid #d7b86c; /* #a56620; */
  border-top: 0;
  border-left: 0;
  border-right: 0;

  height: 1px;
  padding: 0;
  width: 660px;
  
}


#bestel .kader {
  margin: 0 20px 0 50px;
  padding: 0 0 10px 0;
  font-size: 0;
  width: 700px;

}

#bestel .kader-top {
  text-align: left;
  font-size:12px;
  height: 40px;
  padding-left: 20px;
  background:  url(images/kader_top_breed.gif) no-repeat;
}

#bestel .kader-midden p {
  padding-right: 10px;
}

#bestel .kader-midden  {
  padding: 0 10px 10px 20px;
  background:  url(images/kader_midden_breed.gif) repeat-y;
  font-size: 10px;
}

#bestel .kader-bottom {
  height: 5px;
  background:  url(images/kader_bottom_breed.gif) no-repeat;
}

#bestel .error {
  color: #dd0000;
  font-weight: bold;
}