/*------------------------------------------------------------------
 COLOUR RULES
-------------------------------------------------------------------- */

html, body {
	background-color: #D4D4D4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: grey;
}

/* CONTAINER COLOURS
-------------------------------------------------------------------- */
#container {
	background: url(../images/top_verloop.gif);
}

#site{
	background: url(../images/balk_content.png) repeat-y;
}

#site2{
	background: url(../images/balk_content2.png) repeat-y;
}

table, tr, td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: black;
		font-size: 11px;
		line-height: 18px;
}

#header{

}

.footer {
	background-color: black;
	font-style: italic; 
	color: white;
	font-size: 10px;
	padding-bottom: 5px;
	text-align: center;
}

#footerhome {
	font-style: italic; 
	font-weight: bold;
	color: #be000d;
	font-size: 11px;
	text-align: center;
}

#footerdemo {
	background: url(../images/balk_content.png) repeat-y;
	font-style: italic; 
	color: #be000d;
	font-size: 10px;
	padding-bottom: 15px;
	padding-left: 375px;
}

#logo {
	background: url(../images/vgmtopleft.jpg) no-repeat 0px 100%;
}

#menu {
	background-color: #AAA;
}

#lftimg{
	background: url(../images/zwart_rood_links.jpg) no-repeat 0px 100%;
}
#rghtimg{
	background: url(../images/zwart_rood_rechts.jpg) no-repeat 0px 100%;
}

#leftcontent{
	background-color: #FFF;
}
#rightcontent{
	background-color: #C0C0C0;
}

#totaltcontent{
	background-color: #FFF;
}

#lftimgcon, #rghtimgcon {
	
}


#content {
	/*background: url(../images/balk_content.png) repeat-y;*/
}

h1{
	color: #be000d; 
	font-size: 14px; 
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

h1.vgron{
	color: #be000d; 
	font-size: 14px; 
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 50px;
}

h1.home{
	font-weight: bold;
	color: black;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 16px;
	text-align: center;
}

h1.mailkaart{
	color: black; 
	font-size: 15px; 
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
}
h1.mailkaart1{
	color: black; 
	font-size: 15px; 
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

.prijs{
	color: #be000d; 
	font-size: 20px; 
	font-weight: bold
	padding-top: 10px;
	padding-bottom: 2px;
}

h1.voordelen{
	color: #be000d; 
	font-size: 14px; 
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.demoh1{
	color: #be000d; 
	font-size: 14px; 
	margin-top: 8px;
	font-weight: bold;
	float:left;
}

.demoh2{
	color: #be000d; 
	font-size: 14px; 
	font-weight: bold;
	padding-right: 100px;
	float:right;
}

.demop{
	width: 300px;
}

p { 
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;	
}

p.nieuw { 
	color: white; 
	font-size: 9px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;	
}

.plvw { 
	color: #000; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

.mailk { 
	color: #000; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	text-align: center;	
}

p.haak { 
	color: #000; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-bottom: 30px;	
}

h2 { 
	color: #be000d;
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin:0;
} 

.klant { 
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding:0;
	margin:0;
} 

h2.maat { 
	color: #be000d;
	font-size: 14px;
	font-weight: bold;
	padding:0;
	margin:0;
	margin-top: 10px;
} 

h2.mkaart { 
	color: black;
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin:0;
	text-align: center;
} 

h3 { 
	color: #be000d;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin:0;
} 

a:link , a:visited {
	font-size: 11px;
	color: #000;
}
a:hover , a:active {
	font-size: 11px;
	color: #c30d17;
}

a.foot:link , a.foot:visited {
	font-size: 11px;
	color: white;
}
a.foot:hover , a.foot:active {
	font-size: 11px;
	color: #c30d17;
}

.slideshow { color: #adadad; font-size: 9px; font-style: italic; text-align: center; }

#navigation{
	background-color: #AAA;
}	

ul#nav li {
	border-right: 1px solid #FFF;
}

ul#nav li#brdright {
	border-right: 1px solid #AAA;
}

ul#nav li a {
	color: #000;
	background-color: #AAA;
	font-weight: bold;
}

ul#nav li.active a,
ul#nav li.active a:hover {
	background: #8B8989;
	color: #FFF;
}

ul#nav li.meho a {
	background: #be000d;
	color: #FFF;
}

ul#nav li a:hover {
	background: #8B8989;
	color: #FFF;
}

.tdrondomkrap { 
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #999 
}

.tdbovenonder   { 
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: 3px; border-top: 1px solid #999; 
	border-bottom: 1px solid #999 
}

p.lijst {
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;	
}

ul.opsomming	{
	line-height: 18px;
	padding: 0;
	margin: 0;
}

li.tekens	{
	line-height: 18px;
	padding-bottom: 0px;
	color: #be000d;
	margin-left: 18px;
	list-style-type: square;
}

SPAN.tekst {
	color: black;
}

li	{
	color: #000; font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; text-transform: none; white-space: normal;
 	margin-left: 25px 
}
ol	{
	color: white;
	font-size: 11px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.vraag	{
	line-height: 18px;
	color: #be000d;
	font-weight: bold;
	font-size: 11px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#txt_1_ingeklapt, #txt_2_ingeklapt	{
	color: #be000d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bezoeker	{
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.smallitalic	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: italic;
} 
.verplicht	{ 
	color: red; 
}

#voordeel	{
	color: white;
	font-weight: bold;
	font-size: 11px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#voordelen	{
	color: red;
	font-size: 11px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.mkaart	{
	color: red;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	} 
	
#webbanner {
	float: left;
	margin-top: 200px;
	padding-left: 200px;
}

.banonw {
	margin-right: 45px;
}

.banov {
	margin-left: 45px;
}

.butver {
	margin-bottom: 75px;
	margin-right: 45px;
}

div#ronv{ 
margin: 0;
width: 200px;
background: #be000d;
float: right;
}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #be000d}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.topban {
	float: right;
}

.textvak {
	font-family: Arial;
	font-size: 11;
	background-color: rgb(255,255,255);
	padding-left: 3px;
}


.login {
	background-color: yellow;
	width: 340px;
	height: 200px;
}