/***** algemeen *****/

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #cccccc; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#bckgr {
	background-image: url(/pics/background.gif);
  	background-repeat: repeat-y;
  	background-position: 50% 0; 
	margin: 0;
	padding: 0;
	}

#container {
	background: #000000;
	margin: 0 auto;
	width: 750px;
	border: solid 2px #000000;
	text-align: justify;
	}

#main {
	background-color: #ffffff; 
	padding: 10px 20px 5px 20px;
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 1.4em;
	line-height: 1.8em;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 1.1em; 
	line-height: 1.3em;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	}

p	{
	font-size: 0.8em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a:link {
  color: blue }

a:visited {
  color: purple }

.xx-large { font-size: 2em; }
.x-large  { font-size: 1.5em; }
.large    { font-size: 1.15em; }
.medium   { font-size: 1em; }
.small    { font-size: 0.89em; }
.x-small  { font-size: 0.78em;
			line-height: 1.3em;}
.xx-small { font-size: 0.6em; }

.red { font-size: 1em; color: #FF0000; }

.hid { 
	font-size: 0.2em; 
	color: #D3D3D3;  
	font-family: Times New Roman, Times, serif;
	}

/***** header *****/

.top {
	background-image: url(pics/rdsm.jpg);
	height: 104px;
	}

.topwit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.80em;
	}

a.topwit:link {
	font-family:arial;
	font-size:0.8em;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	}
	
a.topwit:visited {
	font-family:arial;
	font-size:0.80em;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	}
	
a.topwit:hover {
	font-family:arial;
	font-size: 0.80em;
	color:#ffffff;
	text-decoration:underline;
	font-weight: bold;
	}

a.white:link {
	font-family:arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	}
	
a.white:visited {
	font-family:arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	}
	
a.white:hover {
	color:#ffffff;
	text-decoration:underline;
	font: 16px bold;
	}

/***** navigatie *****/

ul#navlist{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	background-color: #000000;
	font-family: arial;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#navlist li {
	display: inline;
	list-style-type: none;
	}

#navlist a { 
	padding: 0px 15px;
	margin: 0px 15px; 
	}

#navlist a:link, #navlist a:visited {
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	}

#navlist a:hover {
	color: #fff;
	background-color: #666666;
	text-decoration: none;
	}


/***** content *****/

.news {
	font-size: 0.9em;
	color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 0.8em;
	}
		
#nievs {
	border: 2px groove #000000;
	clear: both;
	margin: 0 0px 8px 20px;
	width: 285px;
	float: right;
	text-align: justify;
	padding: 0px 10px 5px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}

#nieuws {	
	border: 1px solid #000000;
	clear: both;
	margin: 30px auto;
	width: 95%;
	text-align: center;
	padding: 10px; 
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height: 1.2em;
	}

#niewskader {	
	border: 1px solid #000000;
	clear: both;
	margin: 0 0px 8px 20px;
	width: 210px;
	float: right;
	text-align: justify;
	padding: 0px 10px 5px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.promo {
	border: 2px groove #000000;
	clear: both;
	margin: 10px auto;
	text-align: center;
	padding: 10px; 
	float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height: 1.2em;
	}

.blue {
	color: #336699;
	}

.nb {
	margin: 10px 25px;}
	
.quote {
	font-size: 0.85em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 25px;
	}
	
#prodnav {
	float: left;
	clear: right;
	width: 110px;
	padding: 5px 2px 10px 10px;
	margin: 0 0 10px -8px;
	background: #F6F5F5;
	}
	
#prodnav h1 {
	font: 1em bold Verdana, Arial, Helvetica, sans-serif;
	color:  #24486B;
	}	

#prodnav h2 {
	font: 0.8em bolder Verdana, Arial, Helvetica, sans-serif;
	}	

#prodnav h2 a {
	color:  #24486B;
	}

#prodnav p {
	font: 0.65em Arial, Helvetica, sans-serif;
	color:  #24486B;
	margin-left: 8px;
	}	

#prodnav p a {
	color:#666;
	text-decoration: none;
	}
#prodnav p a:hover {
	color:#666;
	text-decoration: underline;
	}

#prodcontent {
	float: right;
	width: 580px;
	text-align: justify;
	background-color: #FFFFFF;
	}

.prodpic {
	float: left;
	clear: left;
	width: 235px;
	margin: 20px 0;
	padding: 30px 0;
	}

.proddesc {
	float: right;
	clear: right;
	width: 345px;
	margin: 10px 0;
	}
	
.newline {
	clear: both;
	}

.imed {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	margin: 10px 20px;
	clear: both;
	}
	
/***** footer *****/

.bottom { 
	clear: both;
	font-size: 0.8em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.bottom:link, a.bottom:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
  
a.bottom:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	}

#disc {
  	background-image: url(/pics/disc.gif);
  	background-repeat: no-repeat;
  	background-position: 50% 0; 
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.6em;
	padding: 10px;}

#disc a {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

