/* BEGIN ALGEMENE DEFINITIES */
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #423538;
	line-height: 1.8em;
	vertical-align:top;
	background: url(../img/background_footer.png) repeat-x;
}

a, a:hover, h2, h3 {
	color: #6B3646;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
.datum:hover {
	background-color: gray;
}

h1,h2,h3,p,table,hr {
clear: both;
}

h1 {
	font-size: 2.2em;
	color: #BCCF00;
	padding: 0 0 0.5em 0;
}

h2 {
	font-size: 1.1em;
	padding: 0.5em 0 0 0;
}

h3 {
	font-size: 1.2em;
	padding: 0 0 0.3em 0;
}
/*
h3.homewelkom {
padding-left:1em;
}
*/

p, table {
	padding: 0.5em 0;
}

hr {
	height: 1px;
	border-style: none;
	margin: 0.8em 0;
	background: #DCD7D9;
	color: #DCD7D8;
	width: 100%;
}

td {
	vertical-align:top;
}

fieldset {
	border: none;
}

ul {
	list-style-type: none;
}

img {
	display: block;
	border: none;
}
/* EINDE ALGEMENE DEFINITIES */


/* BEGIN LAYOUT */
.breedte {
	width: 70em;
	margin: 0 auto;
}

.logobackground {
	/*background: url(../img/logobackground.jpg) no-repeat top center;*/
}

#logo, #provides, #titel, #linkerdeel, #rechterdeel, #footer, #homepagetitel {
	text-align: left;
	float: left;
}
#logo {
	/* Breedte is 50 em */
	width: 48em;
	padding: 1.5em 1em;
}

#homepagetop {
	height: 23em;
	overflow: hidden;
	background: url(../img/homepage.jpg) no-repeat;
	width: 68em;
	margin: 0 auto;
}

#provides {
	/* Breedte is 20 em */
	text-align:right;
	padding: 3.8em 1em 0 1em;
	width: 18em;
}

#provides img {
	float: right;
}

#titel, #homepagetitel {
	width: 100%;
	min-width: 70em;
}
#titel {
	margin: 0 0 2em 0;
	background-color: #6B3645;
	padding: 0.5em 0;
	background: url(../img/background_hoofdmenu.png) repeat-x;
}
#homepagetitel {
	background: url(../img/homepage_background_original.jpg) repeat-x;
	height: 23em;
}

#linkerdeel {
	width: 46em;
	padding: 0 3em 0 1em;
	overflow: hidden;
}

#rechterdeel {
	padding: 0 1em;
	width: 18em;
	overflow:hidden;
	/*background: url(../img/background_rechtermenu.png) repeat-x;*/
}

#footer {
	width: 100%;
	min-width: 70em;
	margin-top: 2em;
	border-top: 1px solid #6B3646;
	background: url(../img/background_footer.png) repeat-x;
	color:#6B3646;
}
#footer p {
	padding: 1em;
	font-size: 0.9em;
}

/* EINDE LAYOUT */

/* BEGIN DIVERSE ALGEMENE CLASSES */
.bold {
	font-weight:bold;
}

.nounderline, .nounderline:hover {
	color: #6B3646;
}

.nounderline {
	text-decoration: none;
}

.nounderline:hover {
	text-decoration: underline;
}

.centreren {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.aanbieding {
	font-weight:bold;
	color: #CC0000;
}

.tekstlinks, .tekstrechts {
	width:50%;
	text-align: left;
	float: left;
}


ul.puntsgewijs {
	padding: 0.5em 0;
}

ul.puntsgewijs li, ul.puntsgewijs li.inkomend, ul.puntsgewijs li.uitgaand, ul.puntsgewijs li.totaal {
	padding-left: 2.5em;
}

ul.puntsgewijs li {
	background: url("../img/stip.png") no-repeat;
}

ul.puntsgewijs li.inkomend {
	background: url("../img/trafficlegenda_inkomend.gif") no-repeat;
}
ul.puntsgewijs li.uitgaand {
	background: url("../img/trafficlegenda_uitgaand.gif") no-repeat;
}
ul.puntsgewijs li.totaal {
	background: url("../img/trafficlegenda_totaal.gif") no-repeat;
}

.blokje {
	border: 1px solid #6B3646;
	padding: 1.5em;
	background-color: #BCCF01;
	margin: 0.5em 0 1em 0;
}

.blokjeaanbieding {
	border: 1px solid #CC0000;
	padding: 1.5em;
	background-color: #FFEEFF;
	margin: 0.5em 0 1em 0;
	color: #CC0000;
	font-weight:bold;
}

/* Uitzondering op de homepage */
.homepageblokje {
	border-color:#FFFFFF;
	padding: 1em 1.5em;
	margin: 2.3em 0 0 0;
	background: url(../img/background_blokje.png) repeat-x;
}

.labellink {
	color: #6B3646;
	text-decoration: none;
}
.labellink:hover {
	text-decoration: underline;
}

.fout, .fout a {
	color: #AA0000;
}

.rss { background: url("../../img/logo_rss.png") no-repeat left center; padding-left: 2.5em; }
.pdf { background: url("../../img/logo_pdf.gif") no-repeat left center; padding-left: 2.5em; }

.nieuwshomepage {
	font-size:0.9em;
	margin-top:-1em;
}

/* EINDE DIVERSE ALGEMENE CLASSES */



/* BEGIN STANDAARD FORMULIERDEFINTIES */

label {
	width:50%;
	float: left;
	overflow:hidden;
}

input, select, textarea {
	padding: 0.1em 0 0.1em 0.2em;
	margin: 0.2em 0;
	color: #423538;
	background-color: #FFFFFF;
}
select {
	padding: 0;
}

textarea.voorwaarden {
	width:100%;
	height:7em;
	margin-top:0.4em;
}

input {margin-right:0.3em;}

input.submit:hover {
	cursor:pointer;
	background-color: #ECF1D6;
}
/* submitimage wordt gebruikt op loginpagina's*/
.submitimage {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: none;
}

.checkbox, .radio {
	border: none;
	background: none;
}
.checkbox {
	margin-right: 0.5em;
}

/* EINDE STANDAARD FORMULIERDEFINTIES */




/* BEGIN INVULFORMULIER */

/*
#invulformulier label {

 OUD
	width:50%;
	text-align: left;
	float: left;
	margin: 0.2em 0;
	height: 1.6em;


 	NIEUW
	width:50%;
	float: left;
	overflow:hidden;

}

#invulformulier input, #invulformulier select, #invulformulier textarea, #invulformulier img {
	float: left;
}

#invulformulier input {
	margin-right: 0.3em;
}
*/

/* EINDE INVULFORMULIER */




/* BEGIN DOMEINBOX */
#domeinbox input {
	padding: 0.2em 0 0.2em 0.5em;
	margin-right: 0.3em;
}
#domeinbox input.submit {
	padding: 0.1em 0;
	margin: 0 0 0.2em 0;
}

#domeinbox .radio {
	float: left;
	overflow:hidden;
	margin:0;
	padding:0;
	margin-right:0.5em;
}

/* EINDE DOMEINBOX */

/* BEGIN MENU */
#menu, #menu ul {
	float: left;
}

#menu {
	padding-left: 1em;
}

#menu ul li ul {
	background: url(/img/background_keuzemenu.png) top repeat-x;
	background-color: #DFD8D9;
}

#menu h3 {
	font-size: 1.1em;
}

#menu a, #menu h3 {
	display: block;
	padding: 0.1em 0.3em;
	cursor: pointer;
}

#menu h3 {
	color: #FFFFFF;
	background: transparent;
}
#menu a:hover {
	color: #FFFFFF;
	background: #602B3E;
}

#menu a {
	color: #602B3D;
	text-decoration: none;
}

#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	width: 15em;
	border: 1px solid #602B3D;
	display: none;
}

#menu ul ul li, #menu ul ul li:hover {
line-height:2em;
}

#menu ul ul li:hover {
font-style:italic;
}

#menu ul li:hover ul {
	display: block;
}
/* EINDE MENU */

/* BEGIN KEUZEMENU */
ul.keuzemenu li {
	padding: 0.1em 0;
}

ul.keuzemenu li.pdf {
	background: url("../../img/logo_pdf.gif") no-repeat left center;
	padding-left: 25px;
}

ul.keuzemenu li a {
	padding:0;
	margin:0;
	cursor: pointer;
}
/*
ul.keuzemenu li a:hover {
	font-style:italic;
	text-decoration: none;
}*/
ul.keuzemenu li.selected {
	font-weight:bold;
	color: #6B3646;
}
/* EINDE KEUZEMENU */


/* BEGIN OVERZICHTSTABELLEN */
table.overzicht {
	border:1px solid #8D9C00;
	text-align:center;
	width:100%;
	margin: 1em 0;
	padding:0;
	background-color: #FAFBF4;
}

table.overzicht tr.header th {
	background: url(../img/background_klein.png) repeat-x;
	background-color: #BCCF01;
	padding: 0.4em 0;
	font-weight:bold;
	border-bottom: 1px solid #8D9C00;
	color: #FFFFFF;
}

table.overzicht tr th.links, table.overzicht tr td.links {
	text-align:left;
	padding-left: 1em;
	border-left: 0;
}

table.overzicht tr th.rechts, table.overzicht tr td.rechts {
	text-align:right;
	padding-right: 1em;
}

table.overzicht tr.padding td {
	padding: 0.4em 0;
	line-height: 0.2em;
}

table.overzicht td {
	border-left: 1px solid #E0E8B8;
}
/* EINDE OVERZICHTSTABELLEN */


/* BEGIN BESTELOVERZICHT TABEL */
table.besteloverzicht tr th {
font-size: 1.1em;
color:#6B3646;
}

table.besteloverzicht tr td {
padding:0.4em 0;
border-top:1px solid #DCD7D9;
}

table.besteloverzicht tr td.noborder {
border-top:none;
padding-top:0;
}

table.besteloverzicht tr th.rechts, table.besteloverzicht tr td.rechts {
	text-align:right;
}
/* EINDE BESTELOVERZICHT TABEL */



/* BEGIN OVERZICHT ABONNEMENTEN BIJ LOGIN */
table.login td {
	border-left: none;
}
/* EINDE OVERZICHT ABONNEMENTEN BIJ LOGIN */

/* BEGIN TOOLTIPS */
#dhtmltooltip {
	text-align:left;
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid #000000;
	padding: 0.5em;
	background-color: #FFFFE1;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
/* EINDE TOOLTIPS */

/* START TABS */
.tabs {
	margin-top: 1em;
	font-weight: bold;
}
.tabs li {
	display: inline;
}
.tabs li a {
	padding: 0.4em 0.8em;
	border: 1px solid #BCCF00;
	background-color: white;
	text-decoration: none;
}
.tabs li a:hover {
	color: #BCCF00;
}
.tabs li a.selected, .tabs li a.selected:hover {
	background: url(../img/background_klein.png) repeat-x;
	cursor:default;
	color: white;
	background-color: #BCCF00;
	border-bottom: 1px solid #BCCF00;
}


.tabscontent {
	padding: 1em;
	margin-bottom:0.5em;
	border: 1px solid #BCCF00;
	margin-top:1px;
}
.tabcontent{
	padding:0 1em;
	display:none;
}

@media print {
	.tabcontent {
	display:block !important;
	}
}

/* END TABS */