/* Site specific CSS */
.error, .form-error, .form-control-error {
	color: red;
}

body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #454545;
	width: 957px;
	margin: 1em auto;
	background-color: #ffffff;
}

#mainwrapper {
	border: 1px solid #bcbcbc;
	border-bottom: none;
}
a img {
	border: none;
}
a {
	color: #454545;
}

#headertop a, #header-nav a {
	text-decoration: none;
}
p {
	margin: 1em 0;
}

.bigger {
	font-size: 1.2em;
}

.hidden {
	display: none;
}

.message {
	color: red;
	font-weight: bold;
}

input.button-image {
	vertical-align: bottom;
}
label.form-control {
	display: block;
	float: left;
	width: 120px;
}
div.form-control {
	overflow: auto;
}

label.choice {
	display: block;
	clear: both;
	padding-left: 60px;
}

.inline label.choice {
	display: inline;
	padding: 0 30px 0 0;
	background: none;
	border: none;
}

.captcha-image-text {
	margin-left: 135px;
}
/*
fieldset {
	background: #f2f2f2;
	border: 2px solid #dadada;
	padding-top: 1em;
}

legend {
	font-weight: bold;
}
*/

.aanbieding {
	font-size: large;
	color: orange;
}

.oudeprijs {
	color: #e1363a;
	text-decoration: line-through;
}
.nieuweprijs {
	color: #83ae12;
}

/* ===== Header ===== */
#header-link-login {
	height: 30px;
	background-image: url(/images/header-grijs.png);
	padding-left: 10px;
}
input.default-value {
	color: #888888;
}

#header-home, #header-contact, #header-news {
	float: left;
	margin-left: 20px;
	font-weight: bold;
	line-height: 30px;
}
#header-login {
	float: right;
	background-image: url(/images/header-groen.png);
	height: 20px;
	font-weight: bold;
	padding: 5px 10px 5px 20px;
	vertical-align: bottom;
}
#header-login input {
	font-size: 10px;
}

#headertop {
	height: 83px;
}
#headertop1 {
	float: left;
	width: 252px;
	border-top: 7px solid #9ed105;
	padding-top: 22px;
	padding-left: 25px;
}
#headertop2 {
	float: left;
	width: 678px;
	border-top: 7px solid #393939;
	padding-top: 22px;
}

#tagline {
	float: left;
	font-weight: bold;
	margin: 0;
	border-left: 1px solid #bcbcbc;
	padding: 1ex 2em;
}

#alert {
	margin-left: 30px;
	width: 249px;
	height: 23px;
	padding: 8px 32px 8px 10px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	color: #ff6600;
	background-image: url(/images/wolk-mededeling.png);
	background-repeat: no-repeat;
	float: left;
}
#alert p {
	margin: 0; padding: 0;
}

#nav-banner {
	height: 185px;
	border-bottom: 1px solid #373737;
}
#nav-banner img { display: block; }

#header-nav {
	float: left;
	width: 277px;
}

#header-nav a {
	display: block;
}

/* ===== Content ===== */
table#maincontent {
	border-collapse: collapse;
	margin-top: 25px;
	width: 100%;
	min-height: 150px;
}
table#maincontent td.maincontent {
	vertical-align: top;
	border-left: 1px solid #bcbcbc;
	padding: 0 2em;
}

table#maincontent td#subnav {
	vertical-align: top;
	border-left: none;
	padding: 0 25px;
	width: 227px;
}

table.contenttable {
	margin-top: 10px;
	border-collapse: collapse;
	border-top: 1px solid #b8b8b8;
}
.contenttable.wide {
	width: 100%;
}

.contenttable thead tr,
.contenttable tr.header {
	border-top: 1px solid #b8b8b8;
	background-image: url(/images/tabel-shade-donker-lang.png);
	height: 20px;
}
.contenttable tr {
	border-top: 1px solid white;
	background-image: url(/images/tabel-shade-lichter-lang.png);
	background-repeat: repeat-y;
}
.contenttable tr.domeinprijs {
	border-top: none;
}
.contenttable .nobg {
	background-image: none;
}
.contenttable th, .contenttable td {
	padding: 2px;
	vertical-align: top
}
#prijslijst.contenttable th, #prijslijst.contenttable td {
	padding: 2px 1ex;
	text-align: right;
}

/* ===== Footer ===== */

#footer-help-support h3 {
	color: #ffffff;
	margin-top: 0;
}

#footer-domeincheck-help {
	height: 160px
}

#footer-domeincheck {
	float: left;
	width: 277px;
	height: 141px;
	font-size: 9px;
	background-repeat: no-repeat;
}
#footer-domeincheck.check{
	background-image: url(/images/tab-controleer.png);
}
#footer-domeincheck.move{
	background-image: url(/images/tab-verhuizen.png);
}
#footer-domeincheck.whois{
	background-image: url(/images/tab-whois.png);
}
#tab-check { display: none;}
#tab-move { display: none;}
#tab-whois { display: none;}
.check #tab-check { display: block; }
.move #tab-move { display: block; }
.whois #tab-whois { display: block; }

#footer-domeincheck-tab {
	margin-left: 15px;
	height: 15px;
}
.domeincheck-tab-button {
	float: left;
	cursor: pointer;
	height: 15px;
	margin-left: 0px;
	margin-right: 5px;
}
#domeincheck-tab-button-check { width: 62px }
#domeincheck-tab-button-move { width: 58px }
#domeincheck-tab-button-whois { width: 35px }

#footer-domeincheck h3 {
	border-bottom: none;
}
#footer-domeincheck form {
	padding: 10px 20px 15px 40px;
}

#footer-domeincheck input.input-text {
	width: 155px;
}

#footer-help-support {
	position: relative;
	float: left;
	color: #ffffff;
	width: 643px;
	height: 124px;
	margin: 15px 10px 0 25px;
	background-image: url(/images/news-table.png);
	background-repeat: no-repeat;
}
#footer-help-support p {
	color: #aab1b9;
}

#footer-help-support .phone {
	font-size: 1.5em;
}

#footer-login h3 {
	color: #6b6b6b;
	border-bottom: 1px dotted #dddddd;
}

#footer-help {
	position: absolute;
	left: 65px;
	top: 15px;
	width: 230px
}

#footer-help a {
	display: block;
	text-decoration: none;
}

#footer-help .leesverder {
	color: #ffffff;
}

#footer-support {
	position: absolute;
	left: 400px;
	top: 15px;
	width: 230px
}

#footer-support a {
	color: #ffffff;
	text-decoration: underline;
}

#footer-bar {
	margin: 20px 0;
	height: 4px;
}
#footer-bar-left {
	width: 277px;
	float: left;
	height: 4px;
	background-color: #393939;
}
#footer-bar-right {
	float: left;
	width: 678px;
	height: 4px;
	background-color: #9ed105;
}

#footer-nav {
	text-align: right;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #6c6c6c;
	margin: 2em 0;
}
#footer-nav a {
	color: #6c6c6c;
}

/* ===== Aanmeld formulier ===== */

table#maincontent td#subnav.mandje {
	padding: 0;
	width: 277px;
}

#mandje .mandje-header {
	margin-bottom: 1.5em;
	border-top: 1px solid #b8b8b8;
	border-bottom: 2px solid #393939;
	padding-left: 50px;
	background: url(/images/tabel-shade-groen-vert.png);
	background-repeat: repeat-x;
	height: 30px;
	line-height: 30px;
}
#mandje .mandje-header img {
	vertical-align: middle;
	margin-left: 50px;
}

#mandje h4 {
	margin-top: 1em;
	border-top: 1px solid #b8b8b8;
	padding: 2px;
	padding-left: 50px;
	background: url(/images/tabel-shade-groen.png);
	background-repeat: repeat-y;
}
#mandje h4 a {
	text-decoration: none;
}
#mandje .mandje-row {
	position: relative;
	margin-top: 1px;
	padding: 2px 10px 2px 50px;
}
#mandje .mandje-actions {
	margin-top: 20px;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	background: #e4f0b7;
}
#mandje .action {
	position: absolute;
	top: 2px;
	left: 20px;
}
#mandje .mandje-del {
	position: relative;
	margin-top: 1px;
	padding: 2px 0 2px 50px;
}

div#domeinform {
	width: 586px;
	height: 49px;
	margin: 10px 0;
	padding: 20px 5px;
	background: url(/images/domeinform-bg.png);
}

#domeinform label#domein_label {
	display: block;
	float: left;
	width: 75px;
	margin-left: 10px;
}

#domeinform label#tld_group_label {
	margin: 0 10px 0 10px;
}
#domeinform input#domein {
	width: 160px;
}

#domeinform .button-submit {
	margin-top: 10px;
	margin-left: 85px;
}

table.domeincheck {
	width: 596px;
}

tr.domeincheck {
	height: 20px;
	cursor: pointer;
}

tr.domeincheck.selected {
	background: url(/images/tabel-shade-groen-lang.png);
	background-repeat: repeat-y;
}

.domeincheck th {
	text-align: left;
}

.checking, .available, .unavailable, .owned, .sedo,
.show-checking .domeincheckbox {
	display: none;
}

.show-checking div.checking,
.show-available div.available,
.show-unavailable div.unavailable,
.show-owned div.owned,
.show-sedo div.sedo {
	display: block;
}

.show-checking span.checking,
.show-available span.available,
.show-unavailable span.unavailable,
.show-owned span.owned,
.show-sedo span.sedo {
	display: inline;
}

.text-available {
	color: #83ae12;
	font-weight: bold;
}
.text-unavailable, .text-unavailable a {
	color: #e1363a;
	font-weight: bold;
}
.text-sedo {
	color: #FF7307;
	font-weight: bold;
}

hr.hairline {
	border: none;
	border-top: 1px solid #393939;
	margin: 0;
	padding: 0;
}

div.openclosebox {
	position: relative;
	height: 0px;
	overflow: hidden;
	padding-left: 20px !important;
	border: none !important;
}
div.openclosebox.opened {
	height: auto;
}

/* Marge tussen fieldsets */
.form-option-group {
	border-bottom: 5px solid white;
}

/* Option group header */
.form-option-group-label {
	display: block;
	float: none;
	width: auto;
	border-top: 1px solid #b8b8b8;
	padding: 2px 15px;
	background: url(/images/tabel-shade-donker-lang.png);
	background-repeat: repeat-y;
	font-weight: bold;
}

/* Normale form elementen */
div.form-control,
label.choice {
	position: relative;
	border-top: 2px solid white;
	background: url(/images/tabel-shade-lichter-lang.png);
	background-repeat: repeat-y;
	padding-left: 0;
}
/* Marge aan de rechterkant van content tabellen / formulieren */
label.form-control,
label.choice,
label.checkbox,
.contenttable.text td,
.contenttable.text th,
.form-description-control {
	padding-left: 15px;
}

div.form-control textarea {
	margin-left: 15px;
}

/* extra marge tussen label en input voor radio buttons en checkboxes */
label.choice input {
	margin-right: 7px;
}

/* Disabled form controls */
label.disabled,
div.form-control.disabled {
	color: graytext;
}

#mailinglist-kader div.form-control,
#mailinglist-kader label.choice,
#rechtsvormen div.form-control {
	border: none;
	background: none;
}
#rechtsvormen label.form-control {
	padding: 0;
}
fieldset {
	margin: 0.5em 0;
	border: none;
	padding: 0;
}
/* Submit buttons krijgen geen achtergrond verloop */
fieldset.submit div.form-control {
	border: none;
	background: transparent;
	padding: 0;
}

fieldset.submit input.button-image {
	vertical-align: baseline;
}

#form-pakketwizard .info,
#form-extrawizard .info {
	position: absolute;
	right: 0px;
	top: 0px;
}
#klant-login-tabel {
	background: url(/images/domeinform-bg.png);
	height: 89px;
	width: 596px;
}
#klant-login-tabel td {
	padding: 5px 2ex;
}
#klant-login-tabel #nieuweklant {
	width: 50%;
	border-left: 2px solid #dadada;
}
#klant-login-tabel .form-control {
	background: none !important;
	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
}
#klant-login-tabel h4 {
	margin: 0;
}
#klant-login-tabel label {
	width: 80px;
}

#form-klantwizard #rechtsvormen {
	height: 19px;
	width: 566px;
	margin-bottom: 1em;
	padding: 7px 15px;
	background: url(/images/bg-rechtsvorm.png);
}

#form-voorwaardenwizard label.form-control {
	display: inline;
	float: none;
}

.particulier-only {
	display: none;
}
.particulier .particulier-only {
	display: block;
}

.particulier .no-particulier {
	display: none;
}

.needs-kvk {
	display: none;
}
.kvk .needs-kvk {
	display: inline;
}

.password-strength-meter {
	float: left;
	margin: 1px 1ex 1px 0;
	padding: 1px;
	height: 10px;
	width: 100px;
	border: 1px solid black;
}
.password-strength-meter div {
	background-color: black;
	height: 100%;
}

#stappenplan-wrapper {
	height: 40px;
}
#stappenplan {
	float: left;
	background-image: url(/images/stappenplan_koppellijn.jpg);
	height: 21px;
}
#stappenplan.noline {
	background-image: none;
}
#stappenplan .stap {
	float: left;
	height: 21px;
	line-height: 18px;
	margin-left: 5px;
	color: #999999;
	background-image: url(/images/stappenplan_scale-nonactive.jpg);
}
#stappenplan .stap:first-child {
	margin-left: 0;
}
#stappenplan .stap.active {
	color: #ffffff;
	background-image: url(/images/stappenplan_scale-active.jpg);
}
#stappenplan .stap .before {
	float: left;
	width: 8px;
	height: 21px;
	background-image: url(/images/stappenplan_links-nonactive.jpg);
}
#stappenplan .stap.active .before {
	background-image: url(/images/stappenplan_links-active.jpg);
}
#stappenplan .stap .after {
	float: right;
	width: 8px;
	height: 21px;
	background-image: url(/images/stappenplan_rechts-nonactive.png);
}
#stappenplan .stap.active .after {
	background-image: url(/images/stappenplan_rechts-active.jpg);
}

.meerprijsberekening {
	font-size: large;
	font-weight: bold;
	text-align: right;
}

/* ===== Producten ===== */

table#maincontent.categoriepagina td.maincontent {
	padding: 0;
	border-left: none;
}
#categorie {
	margin: -15px 0 10px;
	border-left: 1px solid #bcbcbc;
	padding: 15px 40px 15px 20px;
}

.green h1, .green h2, .green h3, .green #producten .tabbutton.active .tab-button-middle {
	color: #6a9502;
}
.blue h1, .blue h2, .blue h3, .blue #producten .tabbutton.active .tab-button-middle {
	color: #019dc4;
}
.orange h1, .orange h2, .orange h3, .orange #producten .tabbutton.active .tab-button-middle {
	color: #e28212;
}
.yellow h1, .yellow h2, .yellow h3, .yellow #producten .tabbutton.active .tab-button-middle {
	color: #c9ae1c;
}

#producten div.tabheader {
	margin: 0;
	padding: 0 9px;
	background-image: url(/images/tab-wit-hor-scaler.png);
	height: 20px;
	font-weight: bold;
}
#producten div.tabheader table {
	width: 100%;
	border-collapse: collapse;
}
#producten div.tabheader tr {
	margin: 0;
	padding: 0;
}
#producten div.tabheader td {
	cursor: pointer;
	text-align: center;
/*	padding: 0.5ex 0; */
	margin: 0 2px;
	padding: 0;
	height: 20px;
}

#producten .tabbutton .tab-button-left {
	float: left;
	height: 20px;
	width: 6px;
	margin-left: 2px;
}
.green .tabbutton .tab-button-left { background-image: url(/images/tab-groen-links.png); }
.blue .tabbutton .tab-button-left { background-image: url(/images/tab-blauw-links.png); }
.orange .tabbutton .tab-button-left { background-image: url(/images/tab-oranje-links.png); }
.yellow .tabbutton .tab-button-left { background-image: url(/images/tab-geel-links.png); }

#producten .tabbutton .tab-button-right {
	float: right;
	height: 20px;
	width: 6px;
	margin-right: 2px;
}
.green .tabbutton .tab-button-right { background-image: url(/images/tab-groen-rechts.png); }
.blue .tabbutton .tab-button-right { background-image: url(/images/tab-blauw-rechts.png); }
.orange .tabbutton .tab-button-right { background-image: url(/images/tab-oranje-rechts.png); }
.yellow .tabbutton .tab-button-right { background-image: url(/images/tab-geel-rechts.png); }

#producten .tabbutton .tab-button-middle {
	height: 20px;
	line-height: 20px;
	margin: 0 8px;
	padding: 0 3px;
	color: #ffffff;
	background-color: #000000;
}
.green .tabbutton .tab-button-middle { background-image: url(/images/tab-groen-spacer.png); }
.blue .tabbutton .tab-button-middle { background-image: url(/images/tab-blauw-spacer.png); }
.orange .tabbutton .tab-button-middle { background-image: url(/images/tab-oranje-spacer.png); }
.yellow .tabbutton .tab-button-middle { background-image: url(/images/tab-geel-spacer.png); }

#producten .tabbutton.active .tab-button-left {
	background-image: url(/images/tab-wit-links.png);
}

#producten .tabbutton.active .tab-button-right {
	background-image: url(/images/tab-wit-rechts.png);
}
#producten .tabbutton.active .tab-button-middle {
	background-color: #ffffff;
	background-image: url(/images/tab-wit-spacer.png);
}

.tab {
	display: none;
	border: 1px solid #bcbcbc;
	border-top: none;
	border-right: none;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	overflow: auto;
}
.tab.active {
	display: block;
}
.green .tab.active { background-image: url(/images/tab-veld-groen-spacer.png); }
.blue .tab.active { background-image: url(/images/tab-veld-blauw-spacer.png); }
.orange .tab.active { background-image: url(/images/tab-veld-oranje-spacer.png); }
.yellow .tab.active { background-image: url(/images/tab-veld-geel-spacer.png); }

.product-image {
	float: right;
}
.product-image img {
	display: block;
}
.product-text {
	padding: 1em 20px;
}

.besteldirect {
	float: right;
	padding-left: 52px;
	margin: 1em 20px;
	background-repeat: no-repeat;
}
.green .besteldirect { background-image: url(/images/pijl-prijslabels-groen.png); }
.blue .besteldirect { background-image: url(/images/pijl-prijslabels-blauw.png); }
.orange .besteldirect { background-image: url(/images/pijl-prijslabels-oranje.png); }
.yellow .besteldirect { background-image: url(/images/pijl-prijslabels-geel.png); }

/* ===== Tabbed infopagina's ===== */

#subsubnav {
	margin-bottom: 1em;
}

#subsubnav a {
	display: block;
	text-decoration: none;
	color: #6b6b6b;
}
#subsubnav a:hover {
	text-decoration: underline;
}
#subsubnav .active a {
	text-decoration: underline;
	font-weight: bold;
	color: #4b4b4b;
}

#subsubnav div.tabheader {
	margin: 0;
	padding: 0 5px;
	height: 18px;
}
#subsubnav div.tabheader table {
	width: 100%;
	border-collapse: collapse;
}
#subsubnav div.tabheader td {
	cursor: pointer;
	text-align: center;
	margin: 0 2px;
	height: 18px;
}

#subsubnav .tabbutton .tab-button-left {
	float: left;
	height: 17px;
	width: 8px;
	background-image: url(/images/sub-tabs-links-non-active.png);
}

#subsubnav .tabbutton .tab-button-right {
	float: right;
	height: 17px;
	width: 8px;
	background-image: url(/images/sub-tabs-rechts-non-active.png);
	background-repeat: no-repeat;
}

#subsubnav .tabbutton .tab-button-middle {
	height: 13px;
	margin: 0 8px;
	padding: 4px 3px 0;
	background-image: url(/images/sub-tabs-scaler-non-active.png);
}

#subsubnav .tabbutton.active .tab-button-left {
	background-image: url(/images/sub-tabs-links-active.png);
}

#subsubnav .tabbutton.active .tab-button-right {
	background-image: url(/images/sub-tabs-rechts-active.png);
}
#subsubnav .tabbutton.active .tab-button-middle {
	background-image: url(/images/sub-tabs-scaler-active.png);
}

/* ======== Mailinglist ========= */
.mailinglist label.choice {
	display: inline;
	padding: 0 20px 0 0;
}

#mailinglist-kader {
	background: url(/images/domeinform-bg.png);
	height: 69px;
	width: 556px;
	padding: 10px 20px;
}

/* ======= Nieuws ======= */
.news .introduction {
	font-weight: bold;
}
.news .thumbnail {
	float: right;
}