/*
Kleurenpallet EPOC.nl
=====================
Donkergroen : #008000
Lichtgroen  : #40FF40
Donkerblauw : #363478
Midblauw    : #393B8B
Lichtblauw  : #8DA0BF
Grijsblauw  : #EADEE5
Wit		    : #FFFFFF

*/

/* style van epoc.nl */
body {
  background-image : url('../img/bodybackground.gif');
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9pt;
  letter-spacing:0.1mm;
  line-height: 1.3em; 
}

TD {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9pt;
  letter-spacing:0.1mm;
  line-height: 1.3em; 
}

H1 {
	width: 100%;
	background-color: #40FF40;
	color: #363478;
	font: bold italic small-caps 18px Arial, Helvetica, sans-serif;
}

H2  {
	font: bold small-caps 11pt Arial, Helvetica, sans-serif;
	color: white;
	width: 100%;
	margin-top: 2px;
	margin-bottom: -1px;
}

H3  {
	font: bold small-caps 11pt Arial, Helvetica, sans-serif;
	color: white;
	width: 100%;
	margin-top: 2px;
	margin-bottom: -1px;
}

H4  {
	font: bold small-caps 9pt Arial, Helvetica, sans-serif;
	color: white;
	width: 100%;
	margin-top: 2px;
	margin-bottom: -1px;
}

a {
	text-decoration:none;
	color:white;
	font-weight:bold;
}

a.blok {
	text-decoration:none;
	font-weight:normal;
}

a.green {
	color:#40FF40;
}

a.blue {
	color:#363478;
}

a.blok:hover {
	text-decoration:none;
}

dl { margin:0px; margin-left:17px; }
.searchwords { color:#363478; background-color:#363478; font-size:0px; margin:0px; padding:0px; letter-spacing: 0px; line-height: 0pt; }

.topbanner {
  background-image : url('../img/topbanner.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 100px;
  width: 800px;
}

.topbanner_international {
  background-image : url('../img/topbanner_international.png');
  background-repeat: no-repeat;
  background-position: left top;
  height: 100px;
  width: 800px;
}

div.topmenu {
	position: relative;
	color:#363478;
	top:41px;
	left: 165px;
	width:629px;
	text-align:right;
}

a.topmenu {
	text-decoration:none;
	font-size:8pt;
	color:#363478;
	letter-spacing:0.3mm 
	font-weight:normal;
}

.menu {
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #40FF40;
  height: 475px;
  width:  160px;
  padding: 5px;
}

.menuarea1 {
  position:relative;
  top:5px;
  left:5px;
  height:113px;
  width:155px;
  font-size:9pt;
  line-height: 1.85em; 
}

.menuarea2 {
  position:relative;
  top:5px;
  left:5px;
  height:250px;
  width:155px;
  font-style: xitalic;
  font-size:9pt;
  line-height: 1.8em; 
}

.menuarea3 {
  position:relative;
  color:white;
  top:5px;
  left:5px;
  height:100px;
  width:155px;
  font-style: italic;
  font-weight:bold;
  font-size:9pt;
  line-height: 2.00em; 
  letter-spacing: .04em;
}

.contentarea {
  background-color: #363478;
  color: white;
  width:610px;
  padding: 10px;
}

a:hover {
	text-decoration:underline;
}

.bandnaam {
	font: bold 10pt Arial, Helvetica, sans-serif;
}

.opacity {
  opacity: .5;
  filter: alpha(opacity=50);
}

TD.header1 {
	color: white;
	font: bold  small-caps 12pt Arial, Helvetica, sans-serif;
}

.small {
font-size: 8pt;
}

.international {
	font-size: 11pt;
	font-weight:bold;
	width:100%;
	background-color:#363478;
	padding:2px;
	text-align:center;
	border: 1px solid white;
}

.epoc {
	color:#40FF40;
	font-weight:bold;
}

TD.buttonselected {
	font: small-caps 9pt Arial, Helvetica, sans-serif; 
	color: #EADEE5;	
	border: solid 2px #40FF40;
	background-color: #434596;
	vertical-align: middle;
	}

TD.button {
	font: small-caps 9pt Arial, Helvetica, sans-serif; 
	color: #EADEE5;
	border: outset 1px #EADEE5;
	background-color: #434596;	
	vertical-align: middle;
}

TD.button A {
	font: small-caps 9pt Arial, Helvetica, sans-serif; 
	color: #EADEE5;
}

TABLE.siteborder {
	border: 2px solid #434596;	
}

INPUT.largebutt {
	font: 10pt Arial, Helvetica, sans-serif; 
	height: 20px;
	width: 150px;
	color: #EADEE5;
	background-color: #434596; 
	border: 1px outset #EADEE5;
}

INPUT.largebuttdisabled {
	font: 10pt Arial, Helvetica, sans-serif; 
	color: white;
	height: 20px;
	width: 150px;
	color: #EADEE5;
	background: #EADEE5; 
	border: 1px outset #EADEE5;
}

INPUT.smallbutt { 
	font: 10pt Arial, Helvetica, sans-serif; 
	height: 20px;
	width: 75px;
	color: #EADEE5;
	background: #434596; 
	border: 1px outset #EADEE5;
}

INPUT.smallbuttdisabled { 
	font: 10pt Arial, Helvetica, sans-serif; 
	height: 20px;
	width: 75px;
	color: #EADEE5;
	background: #EADEE5; 
	border: 1px outset #EADEE5;
}

INPUT.tinybutt {
	font: 10pt Arial, Helvetica, sans-serif; 
	color: #363478;
	height: 20px;
	width: 30px;
	border: 1px outset #40FF40;
	background: #40FF40; 
}

INPUT.tinybuttdisabled {
	font: 10pt Arial, Helvetica, sans-serif; 
	height: 20px;
	width: 30px;
	color: #EADEE5;
	background: #EADEE5; 
	border: 1px outset #EADEE5;
}

.boxed {
	border: 2px solid #EADEE5;
	background-color:#393B8B;
	color:white;
}

.boxed_right {
	border: 2px solid #EADEE5;
	background-color:#393B8B;
	color:white;
	width:525px;
	padding-left:0px;
}

.boxed_left {
	position:relative;
	top:130px;
	z-index:99;
	border: 2px solid #40FF40;
	background-color:#363478;
	color:white;
	width:185px;
	height:185px;
	padding:0px;
}

.boxed__small_right {
	position:relative;
	z-index:1;
	top:-81px;
	left:0px;
	background-image : url('../img/box_right.png');
	background-repeat: no-repeat;
	font-size:8pt;
	color:white;
	width:261px;
	height:179px;
	padding-left:5px;
	padding-right:40px; 
	padding-top:5px;
	padding-bottom:5px;
	cursor: hand;
}

.boxed__small_left {
	position:relative;
	top:-81px;
	left:0px;
	z-index:1;
	background-image : url('../img/box_left.png');
	background-repeat: no-repeat;
	font-size:8pt;
	color:white;
	width:261px;
	height:179px;
	padding-left:40px;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px;
	cursor: hand;
}

.boxed_wide_right {
	position:relative;
	z-index:1;
	top:-81px;
	left:0px;
	background-image : url('../img/box_right_wide.png');
	background-repeat: no-repeat;
	font-size:8pt;
	color:white;
	width:550px;
	height:179px;
	padding-left:5px;
	padding-right:40px; 
	padding-top:5px;
	padding-bottom:5px;
	cursor: hand;
}

.boxed_wide_left {
	position:relative;
	left:0px;
	z-index:1;
	background-image : url('../img/box_left_wide.png');
	background-repeat: no-repeat;
	font-size:8pt;
	color:white;
	width:550px;
	height:210px;
	padding-left:160px;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px;
	cursor: hand;
}

.boxed__small_wide {
	border: 1px solid white;
	color:white;
	font-size:8pt;
	width:502px;
	height:132px;
	padding-left:5px;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px;
	cursor: hand;
}

DIV.image_right {
	position:relative;
	top:50px;
	left:-1px;
	height:81px;
	width:81px;
	z-index:2;
}

DIV.image_left {
	position:relative;
	top:50px;
	left:1px;
	height:81px;
	width:81px;
	z-index:2;
}

DIV.image_right_wide {
	position:relative;
	top:48px;
	left:-1px;
	height:81px;
	width:81px;
	z-index:2;
}

DIV.image_left_wide {
	position:absolute;
	top:30px;
	left:3px;
	height:81px;
	width:81px;
	z-index:2;
}

DIV.text_right_wide {
	position:relative;
	top:0px;
	left:0px;
	z-index:2;
}


DIV.image_wide {
	position:relative;
	top:50px;
	left:-37px;
	height:81px;
	width:160px;
	z-index:2;
}

.bottomrow {
	position:relative;
	top:-70px;
}

.weekartiest {
	position:relative;
	top:-135px;
	left:38px;
}

.boxed_weekartiest {
	background-color:#393B8B;
	position:relative;
	left:0px;
	z-index:1;
	background-repeat: no-repeat;
	font-size:8pt;
	color:white;
	width:472px;
	padding-left:5px;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid white;
	cursor: hand;
}

A.linkbutton { padding:5px; vertical-align:center; height:25px;margin-bottom:3px; background-color:#008000; color:white; border:1px solid #40FF40; }