/* --------------------------------------------------------------------------------------------------------
html en body
---------------------------------------------------------------------------------------------------------*/
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
}

body {
	background: #9e0001 url(/images/bg.gif) repeat-x scroll 0px 0px;
	text-align: center; /* voor het centreren van de pagewrapper tov de achtergrond */
	height: 100%;
	margin: 3px 0 0 0;
	font: normal 0.8em Trebuchet MS, Arial, Verdana, Tahoma;
}

/* --------------------------------------------------------------------------------------------------------
pagewrapper (de ruimte waarin alle onderdelen komen binnen de achtergrond)
---------------------------------------------------------------------------------------------------------*/
div, p, td, th {
	text-align: 			left;
}

div.container {
	width:					954px;
	margin:					0 auto;
	border:					0;
	text-align:				left;
}

select, input, textarea {
	font: 					normal 100% Trebuchet MS, Arial, Verdana, Tahoma;
}

/* --------------------------------------------------------------------------------------------------------
basis, onderstaande geldt voor alle benoemde tags in het html document
---------------------------------------------------------------------------------------------------------*/
table {
	border:					0;
	border-collapse:		collapse;
	margin:					10px 0;
	padding:				0;
}

td {
	vertical-align:			top;
}

form {
	margin:					0;
	padding:				0;
	display:				inline;
}

a, a:visited {
	color:					#c2131e;
	font-weight: 			bold;
	text-decoration:		underline;
}

a:hover, a:active {
	text-decoration:		underline;
}

a.btn, a.btn:visited {
	color:					#c2131e;
	background:				transparent url("../images/pijl_link.gif") scroll no-repeat 0 1px;
	font-weight: 			bold;
	text-decoration:		none;
	padding:				0 0 0 15px;
	display:				block;
}

a.btn:hover, a.btn:active {
	text-decoration:		underline;
}

a.anchor {
	text-decoration:		none;
}

img {
	border:					0;
}

ul, ol {
	/* dit zorgt ervoor dat de lijst in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	margin:					0 0 0 15px;
	padding:				0;
}

/* --------------------------------------------------------------------------------------------------------
basis layout hulpmiddelen   HIER NIETS AAN VERANDEREN!!!
---------------------------------------------------------------------------------------------------------*/
.left {
	float:					left;
}

.right {
	float:					right;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}

.relative {
	position: 				relative;
}

.absolute {
	position: 				absolute;
}


/* --------------------------------------------------------------------------------------------------------
headings
---------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:					#c2131e;
	line-height:			110%;
	margin:					0 0 5px 0;
}

h1 {
	font-size:				1.4em;
	text-transform: 		uppercase;
	margin:					0 0 10px 0;
}

h2 {
	font-size:				1.2em;
}

h3 {
	font-size:				1.1em;
}

h4, h5 {
	font-size:				1em;
}

/* --------------------------------------------------------------------------------------------------------
page elements
---------------------------------------------------------------------------------------------------------*/
.bg {
	background:				transparent url("../images/bg_nav.jpg") scroll no-repeat 0px 0;
}

div.nav {
	width:					186px;
	margin:					0;
	padding:				0 0 0 10px;
}

div.nav ul {
	margin:					0;
	padding:				0;
	list-style-type:		none;
}

div.nav ul li {
	line-height:			100%;
}

div.nav a, div.nav a:visited {
	color:					#c2131e;
	font-weight:			bold;
	text-decoration:		none;
	line-height:			25px;
}

div.nav a:hover, div.nav a:active {
	text-decoration:		underline;
}

div.nav a.true, div.nav a.true:visited {
	background:				transparent url("../images/pijl_nav.gif") scroll no-repeat 0 1px;
	padding:				0 0 0 25px;
}

div.main {
	padding:				0 15px 0 15px;
	width:					728px;
}

div.content {
	width:					494px;
	padding:				10px 0 0 0;
}

hr {
	border:					1px solid #c2131e;
}

/* --------------------------------------------------------------------------------------------------------
tabellen met data
---------------------------------------------------------------------------------------------------------*/
table td  {
	border:					solid 1px #c2131e;
	background-color:		#FFF;
	padding:				2px 5px;
	vertical-align:			top;
}

table th  {
	border:					solid 1px #c2131e;
	background-color:		#ffcccc;
	font-weight:			bold;
	color:					#000;
	padding:				2px 5px;
}

table td.noborder
{
	border:					0;
	padding:				0px;
}

/* --------------------------------------------------------------------------------------------------------
formulieren
---------------------------------------------------------------------------------------------------------*/
fieldset {
	margin:					20px 0;
	border:					solid 1px #c2131e;
}

legend {
	color:					#000;
}

fieldset table td {
	border:					none;
}

textarea.tekstveld, input.tekstveld {
	width:					90%;
	border:					solid 1px #c2131e;
}

/* --------------------------------------------------------------------------------------------------------
Afbeeldingen
---------------------------------------------------------------------------------------------------------*/
.imagebox {
	border:					solid 2px #c2131e;
}

.textbox {
	width:					196px;
	height:					25px;
	text-align:				center;
	vertical-align:			middle;
	font-weight:			bold;
	line-height:			25px;
	background-color:		#c2131e;
	color:					#fff;
}

.textbox a {
	color:					#fff;
	text-decoration:		none;
}

/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/
.footer {
	background-color:		#9e0001;
	color:					#fff;
	height:					25px;
	width:					100%;
	text-align:				right;
	padding:				5px 0 5px 0;
	font-weight:			bold;
}

div.footer a, div.footer a:visited {
	color:					#fff;
}


.priceright {
	float:					right;
	width:					245px;
}