/************************************************
*                                               *
*  Copyright    :       (c) 2008								*
*                                               *
*  Website by   :       Stukje Design           *
*                       www.stukjedesign.nl     *
*                                               *
*  Contact name :       B. Kreleger             *
*                                               *
*************************************************/

/**************
*  HTML TAGS  *
**************/

body {
	background: url("/imgs/content/background.gif") #2089b4 top center repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	text-align: center;
}

a {
	color: #da3434;
}

h1 {
	font-size: 1.4em;
	color: #e38f03;
}

table {
	font-size: 0.9em;
}

input , select {
	font-family: Verdana, Arial, Helvetica;
	font-size: 1.0em;
}

/**************
*  		ID'S    *
**************/

#container {
	background: #ffffff;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: left;
}

#content {
	padding: 10px 20px 10px 20px;
	min-height: 400px;
	height:auto !important;
}

#logo {
	float: left;
	padding: 0 20px 0 25px;
	height: 123px;
}

a img {
	border: 0px;
}

/* COLUMNS */

#content_left {
	float: left;
	width: 610px;
}

#content_right {
	float: right;
	width: 280px;
	font-size: 0.8em;
}

#content_left2 {
	float: left;
	width: 710px;
}

#content_right2 {
	float: right;
	width: 180px;
	font-size: 0.8em;
}

/* GADGETS */

#hosting_manager, #webmail, #plesk {
	float: left;
	margin-right: 10px;
	padding: 6px 0 0 55px;
	width: 148px;
	height: 96px;
	line-height: 1.3em;
	font-size: 0.9em;
	color: #949494;
}

#hosting_manager a, #webmail a, #plesk a {
	font-weight: bold;
}

#hosting_manager {
	background: url("/imgs/gadgets/24manager.gif") no-repeat;
}

#webmail {
	background: url("/imgs/gadgets/webmail.gif") no-repeat;
}

#plesk {
	background: url("/imgs/gadgets/plesk.gif") no-repeat;
}

/* MENU */

#menu {
	clear: both;
	background: url("/imgs/header/background.gif") no-repeat;
	width: 960px;
	height: 112px;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu li {
		float: left;
		margin-right: 3px;
}

.home, .hosting, .reseller, .support, .over_24hosted, .contact, .domeinnamen , .home_active, .hosting_active, .reseller_active, .support_active, .over_24hosted_active, .contact_active , .domeinnamen_active {
	padding: 4px 0 0 9px;
	height: 23px;
}

.home a, .hosting a, .reseller a, .support a, .over_24hosted a, .contact a, .domeinnamen a , .home_active a, .hosting_active a, .reseller_active a, .support_active a, .over_24hosted_active a, .contact_active a , .domeinnamen_active a {
	color: #ffffff;
	text-decoration: none;
}

.home {
	padding-left: 11px;
	width: 50px;
	width: 50px;
	background: url("/imgs/menu/home-inactive.gif");
}

.home_active {
	padding-left: 11px;
	width: 50px;
	background: url("/imgs/menu/home.gif");
}

.hosting {
	width: 58px;
	background: url("/imgs/menu/hosting-inactive.gif");
}

.hosting_active {
	width: 58px;
	background: url("/imgs/menu/hosting.gif");
}

.reseller {
	width: 58px;
	background: url("/imgs/menu/reseller-inactive.gif");
}

.reseller_active {
	width: 58px;
	background: url("/imgs/menu/reseller.gif");
}

.support {
	width: 61px;
	background: url("/imgs/menu/support-inactive.gif");
}

.support_active {
	width: 61px;
	background: url("/imgs/menu/support.gif");
}

.over_24hosted {
	width: 111px;
	background: url("/imgs/menu/over-24hosted-inactive.gif");
}

.over_24hosted_active {
	width: 111px;
	background: url("/imgs/menu/over-24hosted.gif");
}

.contact {
	padding-left: 6px;
	width: 60px;
	background: url("/imgs/menu/contact-inactive.gif");
}

.contact_active {
	padding-left: 6px;
	width: 60px;
	background: url("/imgs/menu/contact.gif");
}

.domeinnamen {
	padding-left: 13px;
	width: 106px;
	background: url("/imgs/menu/over-24hosted-inactive.gif");
}

.domeinnamen_active {
	padding-left: 13px;
	width: 106px;
	background: url("/imgs/menu/over-24hosted.gif");
}


/* DOMEINNAAM ZOEKEN */

#domeinnaam {
	float: right;
	clear: both;
	background: url("/imgs/domeinnaam/background.gif") no-repeat;
	width: 312px;
	height: 58px;
	padding: 8px;
	margin: 12px 88px;
}

#domeinnaam form, #domeinnaam p {
	padding: 0;
	margin: 0;
}

#domeinnaam input, #domeinnaam select {
	font-size: 1.2em;
}

#domeinnaam_twee {
	clear: both;
	background: url("/imgs/domeinnaam/background.gif") no-repeat;
	width: 312px;
	padding: 8px;
}

#domeinnaam_twee form, #domeinnaam_twee p {
	padding: 0;
	margin: 0;
}

#domeinnaam_twee input, #domeinnaam_twee select {
	font-size: 1.2em;
}

.domeinnaam {
	width: 200px;
}

/**************
*   CLASSES   *
**************/

.legenda, .breaker {
	padding-top: 10px;
	clear: both;
}

/* HOSTING PAKKETTEN */

.webhosting {
	float: left;
	margin-right: 5px;
}
.hosting_pakket {
	background: url("/imgs/hosting-pakketten/hosting-pakket-top.gif");
	width: 167px;
	height: 39px;
	color: #ffffff;
	padding: 9px 0 0 55px;
	font-size: 1.2em;
	font-weight: bold;
}
.hosting_inhoud {
	width: 200px;
	background: url("/imgs/hosting-pakketten/background.gif");
	color: #545454;
	padding: 0 2px 0 20px;
	font-size: 0.9em;
}
.hosting_inhoud p {
	padding: 0;
	margin: 0;
}

.hosting_inhoud ul {
	margin: 0;
	padding: 15px 0 15px 23px;
	list-style-image: url("/imgs/content/icon/vink.gif");
}

.hosting_footer {
	background: url("/imgs/hosting-pakketten/hosting-pakket-bottom.gif");
	width: 222px;
	height: 12px;
}

.prijs {
	text-align: center;
	font-size: 1.8em;
	line-height: 1.6em;
}

.prijs_small {
	font-size: 0.5em;
}

.legenda {
	text-align: right;
	color: #8f8f8f;
	font-size: 0.8em;
}

/* SUPPORT */

h2 {
	background: url("/imgs/content/icon/faq.gif") left no-repeat;
	padding-left: 22px;
	color: #da3434;
	font-size: 1.2em;
}

h3 {

	padding-left: 22px;
	color: #da3434;
	font-size: 1.0em;
}


.hosting_support {
	background: url("/imgs/content/hosting-support.gif") top right no-repeat;
	padding-right: 80px;
	min-height: 65px;
}

.grey_background {
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
}

.support_antwoord {
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
}

.hosting_pakketten {
	border-collapse: collapse;
	width: 100%;
}
.hosting_pakketten tr {
	height: 20px;
}
.hosting_pakketten th {
	text-align: center;
}

.hosting_pakketten td {
	padding: 2px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	width: 100px;
}

.hosting_pakketten .optie_naam {
	border-left: 7px solid #dcdcdc;
	width: 160px;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.reseller_pakketten td {
	width: 150px;
}

.contact_formulier {
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
	width: 100%;
}

.contact_formulier th {
	width: 200px;
	vertical-align: top;
}

.contact_formulier thead td {
	color: #da3434;
	font-weight: bold;
	
}

.contact_formulier tfoot td {
	text-align: right;
}

.contact_formulier textarea {
	width: 100%;
	height: 150px;
}

.foutveld {
	background-color: #da3434;
}

select.foutveld { color: #FFF; }

.melding {
	color: #da3434;
	font-weight: bold;
}

.omhoog { 
  float: right;
  font-size: 0.8em; 
}

.domeincheck , .tablestyled {
	width: 100%;
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
	border-collapse: collapse;
}

.tablestyled .first {
	padding-left: 8px;
}

.tablestyled tr {
}
.tablestyled th {
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
}

.tablestyled td {
	padding: 2px;
	border-bottom: 1px solid #dcdcdc;
	text-align: left;
}

.right {
	text-align: right;
}

.domeincheck .domein {
	width: 200px;
}

.domeincheck .beschikbaar {
	width: 200px;
}

.onbekend {
	color: orange;
}

.vrij {
	color: green;
}

.bezet {
	color: red;
}

.domein_prijslijst {
	width: 100%;
	font-size: 1.0em;
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
}

.domein_prijslijst .extensie {
	width: 60px;
}


#bestellen_left {
	float: left;
	width: 450px;
	padding-right: 20px;
}

#bestellen_right {
	float: left;
	width: 450px;
}

fieldset {
	margin-bottom: 10px;
	border: 1px solid #000;
	background-color: #f1f1f1;
	padding: 6px;
}

fieldset p {
	color: #696969;
}

legend {
	color: #da3434;
	font-weight: bold;
}

.huisnummer {
	width: 60px;
}

.postcode_a { width: 50px; }

.postcode_b { width: 30px; }

span.gegevens { color: #000; }

#bestellen_prijzen {
	float: right;
	margin: 10px;
	width: 400px;
}

#bestellen_prijzen table {
	width: 100%;
	border-collapse: collapse;
}

#bestellen_prijzen table td {
	border-bottom: 1px solid #dcdcdc;
}

.totaal { font-weight: bold; }
.omschrijving {
	border-left: 7px solid #dcdcdc;
	padding-left: 7px;
}

.manager {
	border-collapse: collapse;
	width: 100%;
}
.manager tr {
	height: 20px;
}
.manager th {
	text-align: center;
}

.manager .kopje {
	border-left: 7px solid #dcdcdc;
  color: #da3434;
	background-color: #f1f1f1;
  padding: 5px;
  text-align: left;
  font-weight: bold;
}

.manager td {
  padding: 2px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	width: 100px;
}

.manager .optie_naam {
	border-left: 7px solid #dcdcdc;
	width: 40%;
  text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.manager .inhoud {
	padding: 2px;
	width: 60%;
  text-align: left;
}

.mededelingen p { padding: 0; margin: 0; }
.datum { float: right; }

.footertext {
  clear: both;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  background-color: #2089b4;
  color: #f2f2f2;
	font-size: 8pt;
}

.footertext a {
 	font-weight: normal;
  color: #f2f2f2;
}

.footer_links {
  float: right;
}

#winkelwagen .verwijderen {
	width: 150px;
}

.divstyled {
	background-color: #f1f1f1;
	border-left: 7px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 8px 8px 15px;
}

.divstyled .titel {
	border-bottom: 1px solid #dcdcdc;
	font-size: 1.4em;
	color: #da3434;
	margin: 0;
}

.divstyled .titel img {
	float: right;
}

.wijzig_klant .long {
	width: 200px;
}

.wijzig_klant .short {
	width: 80px;
}
.wijzig_klant .fout {
	
	background-color: #da3434;
}

.invisible {
	display: none;
}

.png {
	behavior: url(/imgs/iepngfix.htc);
}

#winkelwagen_menu {
	position: relative;
	z-index: 2;
}

#testeffect {
	z-index: 1;
}

.winkelwagen_toevoegen {
	border: 1px solid #A0A0A0;
	position: absolute;
}

.domein_toevoegen {
}

#sidn_voorwaarden,
#voorwaarden_24hosted {
	display: none;
}

.bestelling_knop {
	border-top: 1px solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #003300;
  border-bottom: 1px solid #003300;
  
	background-color: #da3434;
	padding: 3px;
	text-align: center;
	color: #FFF;
	
	width: 100%;
	
	cursor: pointer;
}

.captcha {
	border: 1px solid #000;
}