body {
	background-image	: url(/images/base/bg-body.gif);
	margin			: 0; 
	padding			: 0;
}

* {
	padding			: 0; 
	margin			: 0;
}

img {	
	border			: none;
}
a {
  	outline			: none;
}

.hidden {
	display			: none;
}


/* Basisboxen ------------------------------------------------*/
    
#main {
	background		: none;
	position		: relative;
	width			: 1000px;
	margin			: 0 auto;
	padding-top		: 30px;
}

/* Basisitems pagina -----------------------------------------*/

#header {
	float			: left;
	width			: 1000px;
}

#header-top {
	float			: left;
	width			: 1000px;
	height			: 92px;
	background		: url(/images/base/bg-head-top.png) no-repeat;
}

#header-black {
	float			: left;
	width			: 956px;
	height			: 100px;
	padding-left		: 44px;
	padding-top		: 40px;
}

#menu {
	float			: left;
	width			: 1000px;
	background		: none;
}

#menu-main {
	float			: left;
	width			: 950px;
	height			: 30px;
	background		: url(/images/base/bg-menu-main.png) no-repeat;
	padding-left		: 50px;
}

#mid {
	float			: left;
	width			: 1000px;
	background		: url(/images/base/bg-mid.png) repeat-y;
	padding-top		: 20px;
	padding-bottom		: 30px;
}

#content {
	float			: left;
	width			: 650px;
	margin-left		: 50px;
	padding-top		: 30px;
	padding-bottom		: 30px;
}

#context {
	float			: left;
	width			: 200px;
	margin-left		: 50px;
}

#footer {
	float			: left;
	width			: 1000px;
	height			: 80px;
	background		: url(/images/base/bg-footer.png) no-repeat;
}

/* Items header ----------------------------------------------*/

#metanav {
	float			: left;
	width			: 300px;
	height			: 20px;
	margin-left		: 50px;
	margin-top		: 53px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	color			: #cccccc;
}

#metanav a {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	font-weight		: bold;
	color			: #000000;
	text-decoration		: none;
}

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

#logo {
	float			: left;
	width			: 151px;
	height			: 30px;
	margin-left		: 484px;
	margin-top		: 40px;
}


#header-black h1 {
	font-family		: Georgia, Times New Roman, sans-serif;
	font-size		: 35pt;
	font-weight		: normal;
	color			: #ffffff;
}

/* Zwarte balk achtergrond classes ---------------------------*/

.bg-home {
	background		: url(/images/base/bg-head-black.png) no-repeat;
}

.bg-ccc {
	background		: url(/images/base/bg-head-black-ccc.png) no-repeat;
}

/* Items menubalk --------------------------------------------*/

#menu-homelogo {
	float			: left;
	height			: 23px;
	padding-top		: 7px;
	margin-right		: 20px;
}

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

#menu-main li {
	float			: left;
	height			: 30px;
	margin-right		: 10px;
	text-align		: center;
	display			: block;
}

#menu-main li a {
	height			: 22px;
	padding-top		: 8px;
	padding-right		: 10px;
	padding-left		: 10px;
	background-color	: none;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 9pt;
	font-weight		: normal;
	text-transform		: uppercase;
	text-decoration		: none;
	letter-spacing		: 2px;
	color			: #ffffff;
	display			: block;
}

#menu-main li a:hover {
	background		: url(/images/base/bg-menu-hover.png) no-repeat;
	background-position	: 0px 3px;
	color			: #000000;
	display			: block;
}

#menu-main li a.actief {
	background		: url(/images/base/bg-menu-hover.png) no-repeat;
	background-position	: 0px 3px;
	color			: #000000;
	display			: block;
}
	

/* Items content ---------------------------------------------*/

#content p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	font-weight		: normal;
	color			: #000000;
	margin-bottom		: 13pt;
}

#content p a {
	color			: #c02a7b;
}

#content p a:hover {
	color			: #e63896;
}

#content h2 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 13pt;
	line-height		: 13pt;
	font-weight		: bold;
	color			: #000000;
	margin-bottom		: 13pt;
}

#content h1 {
	font-family		: Georgia, Arial, Helvetica, sans-serif;
	font-size		: 13pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	margin-bottom		: 13pt;
	border-bottom		: 1px dotted #666666;
	padding-bottom		: 3px;
	
}	

#content ul {
	margin-left		: 15px;
	margin-bottom		: 14pt;
}

#content li {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	font-weight		: normal;
	color			: #000000;
}

/* CCC items en boxen ----------------------------------------*/

#ccc-boxcontainer {
	float			: left;
	width			: 900px;
	margin-left		: 50px;
}

.ccc-greybox {
	float			: left;
	width			: 195px;
	background		: #eeeeee;
	margin-right		: 40px;
	margin-bottom		: 20px;
	padding-bottom		: 15px;
}

.ccc-greybox h2 {
	width			: 185px;
	padding-left		: 10px;
	padding-top		: 6px;
	padding-bottom		: 7px;
	margin-bottom		: 10px;
	background		: #737373;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	font-weight		: normal;
	text-transform		: uppercase;
	letter-spacing		: 2px;
	color			: #ffffff;
}

.ccc-greybox ul {
	list-style		: square;
	margin-left		: 23px;
}

.greybox-fixedheight {
	height			: 150px;
}

.ccc-greybox li {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
	margin-bottom		: 5px;
}

.ccc-gaverderknop-175 {
	width			: 175px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	margin-left		: 10px;
	margin-top		: 10px;
	padding-top		: 4px;
}

.ccc-gaverderknop-175 a {
	width			: 175px;
	height			: 24px;
	padding-top		: 6px;
	background		: url(/images/base/ccc-knop-gaverder-175.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 14px;
	text-decoration		: none;
	display			: block;
}

.ccc-gaverderknop-175 a:hover {
	background		: url(/images/base/ccc-knop-gaverder-175-hover.png) no-repeat;
}

.ccc-blackbox {
	float			: left;
	width			: 195px;
	background		: #eeeeee;
	margin-bottom		: 20px;
	padding-bottom		: 15px;
}

.ccc-blackbox h2 {
	width			: 185px;
	padding-left		: 10px;
	padding-top		: 6px;
	padding-bottom		: 7px;
	margin-bottom		: 10px;
	background		: #000000;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	font-weight		: normal;
	text-transform		: uppercase;
	letter-spacing		: 2px;
	color			: #ffffff;
}

.ccc-blackbox p {
	padding-left		: 10px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	color			: #000000;
}

.ccc-blackbox p a {
	color			: #c02a7b;
}

.ccc-blackbox p a:hover {
	color			: #e63896;
}

.ccc-actieknop-175 {
	float			: left;
	width			: 175px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	margin-right		: 20px;
	padding-top		: 4px;
}

.ccc-actieknop-175 a {
	width			: 175px;
	height			: 24px;
	padding-top		: 6px;
	background		: url(/images/base/ccc-knop-gaverder-175.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 14px;
	text-decoration		: none;
	display			: block;
}

.ccc-gaverderknop-175 a:hover {
	background		: url(/images/base/ccc-knop-gaverder-175-hover.png) no-repeat;
}

#content input.ccc-formbutton {
	float			: left;
	width			: 175px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	margin-right		: 20px;
	background		: url(/images/base/ccc-knop-gaverder-175.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 14px;
	text-decoration		: none;
	display			: block;
	border			: none;
	cursor			: pointer;
}

#content input.ccc-formbutton:hover {
	background		: url(/images/base/ccc-knop-gaverder-175-hover.png) no-repeat;
}


/* CCC tabellen ----------------------------------------------*/

#content table {
	margin-bottom		: 30px;
}

#content td {
	padding-left		: 10px;
	padding-right		: 10px;
	padding-top		: 3px;
	padding-bottom		: 3px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	text-align		: left;
}

.centreer {
	text-align		: center;
}

.verttop {
	vertical-align		: top;
}

#content th {
	padding-left		: 10px;
	padding-right		: 10px;
	padding-top		: 3px;
	padding-bottom		: 3px;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 10pt;
	line-height		: 13pt;
	text-align		: left;
	background		: #737373;
	color			: #ffffff;
}

#content th.pakketten {
	background-color	: #000000;
	text-align		: center;
	padding			: 10px;
	font-size		: 9pt;
	text-transform		: uppercase;
	letter-spacing		: 10px;
	width			: 130px;
}

#content td a {
	color			: #c02a7b;
}

#content td a:hover {
	color			: #e63896;
}

#content td.lg {
	background-color	: #e8e8e8;
}


#content td.lg-edit {
	padding-left		: 3px;
	padding-right		: 3px;
	padding-top		: 3px;
	padding-bottom		: 3px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	text-align		: left;
	background-color	: #e8e8e8;
}

#content td.dg {
	background-color	: #cccccc;
}

#content td.cel-gaverder {
	width			: 26px;
	height			: 26px;
	padding			: 1px;
}

#content td.feature {
	font-family		: Georgia, Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	font-weight		: bold;
	line-height		: 13pt;
	text-align		: center;
	color			: #333333;
	padding			: 10px;
	vertical-align		: top;
	width			: 215px;
	height			: 90px;
}

#content td.feature p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	text-align		: center;
	color			: #555555;
	margin-bottom		: 1px;
	margin-top		: 3px;
}	

a.ccc-knop-gaverdergt {
	background		: url(/images/base/knop-gt.png) no-repeat;
	color			: #ffffff;
	display			: block;
	text-decoration		: none;
	width			: 24px;
	height			: 24px;
}	

.ccc-knop-gaverdergt:hover {
	background-position	: 0px -24px;
}	

a.ccc-knop-plus {
	background		: url(/images/base/knop-plus.png) no-repeat;
	color			: #ffffff;
	display			: block;
	text-decoration		: none;
	width			: 24px;
	height			: 24px;
}	

.ccc-knop-plus:hover {
	background-position	: 0px -24px;
}

a.ccc-knop-min {
	background		: url(/images/base/knop-min.png) no-repeat;
	color			: #ffffff;
	display			: block;
	text-decoration		: none;
	width			: 24px;
	height			: 24px;
}	

.ccc-knop-min:hover {
	background-position	: 0px -24px;
}

a.ccc-knop-info {
	background		: url(/images/base/knop-info.png) no-repeat;
	color			: #ffffff;
	text-decoration		: none;
	width			: 24px;
	height			: 24px;
	display			: block;
}	

.ccc-knop-info:hover {
	background-position	: 0px -24px;
}

#content td.rood {
	background-color	: #ff0000;
}

#content td.groen {
	background-color	: #007000;
}

#content td.oranje {
	background-color	: #e87810;
}


/* CCC login -------------------------------------------------*/

#logintable table, #keuzetable table {
	border-spacing		: 0px;
	padding			: 0px;
}

#logintable td.rechts, #keuzetable td.rechts {
	padding-right		: 6px;
	padding-left		: 0px;
	padding-top		: 3px;
	padding-bottom		: 3px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 13pt;
	font-weight		: normal;
	text-align		: left;
	color			: #000000;
	width			: 100px;
}

#logintable select.ccc-keuzetable-pulldown {
	margin-left		: 20px;
	margin-bottom		: 7px;
	width			: 177px;
}

#logintable input.ccc-inputbox {
	border			: 1px solid #555555;
	margin-left		: 20px;
	margin-bottom		: 5px;
	height			: 25px;
	width			: 170px;
	padding-left		: 3px;
}

#logintable input.ccc-loginbutton {
	width			: 175px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	margin-left		: 20px;
	background		: url(/images/base/ccc-knop-gaverder-175.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 15px;
	text-decoration		: none;
	display			: block;
	border			: none;
	cursor			: pointer;
	vertical-align		: top;
}

#logintable input.ccc-loginbutton:hover {
	background		: url(/images/base/ccc-knop-gaverder-175-hover.png) no-repeat;
}

#logintable input.ccc-knop-spamfilter-radio {
	margin-left		: 20px;
	margin-right		: 15px;
	vertical-align		: middle;
}

#logintable input.ccc-knop-spamfilter-checkbox {
	margin-left		: 48px;
	margin-right		: 15px;
	vertical-align		: middle;
}

#logintable select.ccc-knop-spamfilter-scorepulldown {
	width			: 40px;
}

.ccc-spamfilter-info {
	vertical-align		: middle;
}

.ccc-spamfilter-uitleg {
	padding			: 10px;
	margin-top		: 3px;
	margin-bottom		: 4px;
	background-color	: #eeeeee;
	margin-left		: 45px;
	display			: none;
}	

.ccc-spamfilter-uitleg-li {
	margin-left		: 20px;
}

.ccc-account-editinput {
	width			: 413px;
	border			: 1px solid #cccccc;
	padding			: 2px;
}

/* Tooltips -----------------------------------------------------*/

.tip-top {
}
.tip {
	color			: #ffffff;
	width			: 480px;
	z-index			: 13000;
	padding-left		: 10px;
	padding-right		: 10px;
	padding-top		: 10px;
	background		: url(/images/base/bubble.png) top left;
}

.tip-title {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
}

.tip-text {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 22pt;
	background		: url(/images/base/bubble.png) bottom right;
}
.tip-text ul {
	margin-left		: 20px;
}
.tip-bottom {
	width			: 480px;
	padding-left		: 10px;
	padding-right		: 10px;
	background		: url(/images/base/bubble-eind.png) bottom right;
	height			: 10px;
}

#domeincheck .domeincheck-tld {
	width			: 40px;
	height			: 40px;
	padding			: 0px;
	margin			: 0px;
	background		: url(/images/base/bg-domeincheck-tld.png) #ffffff no-repeat;
	text-align		: center;
	vertical-align		: middle;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #ffffff;
}
#domeincheck .domeincheck-prijs {
	width			: 70px;
	height			: 40px;
	padding-left		: 10px;
	margin			: 0px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	color			: #000000;
}
#domeincheck .domeincheck-domein {
	width			: 380px;
	height			: 40px;
	padding-left		: 10px;
	margin			: 0px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10pt;
	color			: #000000;
	background-color	: #e8e8e8;
}
#domeincheck .domeincheck-koop {
	width			: 120px;
	height			: 40px;
	padding			: 0px;
	margin			: 0px;
	background-color	: #e8e8e8;
}

#domeincheck .bestel-tabelknop {
	width			: 100px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	margin-left		: 10px;
	margin-top		: 0px;
}

#domeincheck .bestel-tabelknop a {
	width			: 100px;
	height			: 24px;
	padding-top		: 6px;
	background		: url(/images/base/knop-100.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 14px;
	text-decoration		: none;
	display			: block;
}

#domeincheck .bestel-tabelknop a:hover {
	background		: url(/images/base/knop-100.png) no-repeat;
	background-position	: 0px -30px;
	color			: #ffffff;
}


.actieknop-100 {
	width			: 100px;
	height			: 30px;
	color			: #ffffff;
	text-align		: center;
	background		: url(/images/base/actieknop-100.png) no-repeat;
	color			: #ffffff;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 15px;
	text-decoration		: none;
	display			: block;
	border			: none;
	cursor			: pointer;
	vertical-align		: top;
	margin-left		: 15px;
}

.actieknop-100:hover {
	background		: url(/images/base/actieknop-100-hover.png) no-repeat;
}

#content td.pakketten-content {
	text-align		: right;
	height			: 28px;
}

#content td.pakketten-tussenheader {
	text-align		: left;
	font-weight		: bold;
	height			: 28px;
}