html>body  {
	font-family: Verdana;
	font-size: 0.8em;	
	background: #f0eeec url(http://www.olonprogrammabank.nl/gfx/contentback.jpg) no-repeat; /* /gfx/ is de gfx map in de root van de webserver: dus www.olonprogrammabank.nl/gfx/ */
	text-align: left;
	margin: 0px;
	padding: 0px;
}

body  {
	font-family: Verdana;
	font-size: 0.8em;	
	background: #f0eeec url(http://www.olonprogrammabank.nl/gfx/contentback.jpg) repeat-x ; 
	text-align: left;
	margin: 0px;
	padding: 0px;
}


/* Body hyperlinks */
a {
text-decoration: none;
color: #cf3d43;
}


/* Body hyperlinks als je met de muis eroverheen gaat */
a:hover {
text-decoration: underline;
}

h2 {
font-size: 12px;
font-weight: bold;
}
/* de kop van de pagina */
#header {
	height: 80px;
	background: transparent url(http://www.olonprogrammabank.nl/gfx/olonlogo.gif) 5px 5px no-repeat;
	width: 860px;
  margin-left: 40px;
	z-index: 1;
}

/* kop organisatie van lokale omroepen */
#header h2 {
  display: block;
  font-size: 18px;
	margin: 0px;
  margin-left: 300px;
	margin-top: 15px;

}

#menu {
	display: block;
	float: left;
  margin: 0px;
  margin-left: 20px;
	width: 180px;
}

*html #menu 
{
	width: 180px;
}

#menu a { /* Kleur van de link in het linker menu */
color: #444;
}
#menu a:hover { /* Kleur van de link in het linker menu als je er met je muis overheen rolt */
color: #feee;
}

#content {

padding: 8px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #eee;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cf3d43; 
width: 90%;
margin-left: 10px;
z-index: 1; 
}

#logolink {
position: absolute;
z-index: 3;
left: 45px;
top: 5px;
}
#logolink #logotrans {
width: 120px;
height: 60px;
border: 0px;
}

/* horizontaal uitklapmenu */
#hmenu {
	margin: 0px;
  position: absolute;
	top: 40px;
	left: 225px;
	width: 770px;
	z-index: 2;
}

#hmenu a { /* Kleur van de link in het linker menu */
color: #000;
}

#hmenu a:hover { /* Kleur van de link in het linker menu als je er met je muis overheen rolt */
color: #444;
}

#subject1 h2, #subject2 h2,#subject3 h2, #subject4 h2, #subject5 h2, #subject6 h2 {
	font-size: 1.1em;	
  color: #cf3d43;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	z-index: 2;
	
}

#subject1, #subject2,#subject3, #subject4, #subject5, #subject6   {
width: 130px;
  margin: 0px;
  margin-left: 1px;
	padding: 4px;
	text-align: left;
	float: left;
background: url(gfx.gif);
	z-index: 2;
	
}
#sbjdetails1, #sbjdetails2,#sbjdetails3, #sbjdetails4,#sbjdetails5 {
margin: 0px;
display: none;
background: #CCC;
padding: 4px;
padding-top: 6px;
border: 1px solid #eee;
	z-index: 2;
}

/* Hoofdmenu items */
#sbjdetails1 ul, #sbjdetails2 ul,#sbjdetails3 ul, #sbjdetails4 ul,#sbjdetails5 ul {
margin: 0px;
padding: 0px;

list-style-type: none;
	z-index: 2;
}

#sbjdetails1 ul li, #sbjdetails2 ul li,#sbjdetails3 ul li, #sbjdetails4 ul li,#sbjdetails5 ul li {
  padding: 2px;
	z-index: 2;

}

#menu h2 {
	color: #000;
	font-size: 1em;
	margin: 0px;
	margin-bottom: 1px;
	padding:4px;
border-left-color: #eee;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #cf3d43;
border-top-style: solid;
border-top-width: 1px;
}

#topic1,#topic2,#topic3,#topic4,#topic5,#topic6   {								 
  display: none;
	font-size: 1em;	
  color: #000;
	z-index: 2;
}
#topic1 ul,#topic2 ul,#topic3 ul,#topic4 ul,#topic5 ul, #topic6 ul {
	margin: 3px;
	margin-left: 10px;
	padding: 0px;
	list-style-type: none;
}
#topic1 p,#topic2 p,#topic3 p,#topic4 p,#topic5 p, #topic6 p {
	margin: 3px;
	margin-left: 10px;
	
}

#nieuwsbriefkolom
{
float: left;
width: 160px;
height: 100%;
background: #CF3D43;
}
.nieuwsbriefkolom
{
font-family: Verdana;
font-weight: normal;
font-size: 17px;
margin-left: 20px;
color: #FFF;
}
.nieuwsbriefkop
{
margin-left: 30px;
font-family: Verdana;
font-size: 40px;
color: #eee;
}
.nieuwsbrieffooter
{
margin-left: 20px;
font-family: Verdana;
font-size: 10px;
color: #eee;
}

.nieuwsbrieftekst {
font-size: 14px; 
margin-left: 30px; 
color: #000; 
font-family: Verdana

}

.menutable {
width: 190px;
}
.contentable {
width: 100%;
}
.infoicoon {
border: 0px;
margin-bottom: -2px;
}
.infoicoon a {
border: 0px;
}

.bijeenkomstinspringen {
padding-left: 10px;
}

/* uit oude css WEERGAVE TABEL [CONTENT] */
table.cnt-tabelgewoon tr td {
	height: 20px;
	border-bottom: 1px solid #268BB7;
}

/* uit oude css WEERGAVE TABEL TBV FORMULIER */
table.cnt-tabelform {
	height: 20px;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	border-color: #268BB7 #268BB7 #268BB7 #268BB7;
}

/* uit oude css IMAGES RECHTS [CONTENT] */
img.cnt-imageright {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear: both;
}

/* uit oude css IMAGES LINKS [CONTENT] */
img.cnt-imageleft {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
}

.announcement {
padding: 20px;
color: #000;
background: #FFF;
border: 5px solid #CF3D43;
}