td, body {
  font-family: arial, sans;
  color: #333;
  font-size: 12px;
}

a {
	color: #0241C2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body{
	margin: 0px;
  	padding: 0px;
  	border: 0px;
  }

td	{
	vertical-align: top;
}

table.layout{
	width: 100%;
	height: 100%;
	margin: 0px;
}

td.col-links{
	width: 85px;
	background-color: #f5f5f5;
	border-right: 1px solid #0241C2;
}


div.artistpic{
	width: 75px;
	height:75px;
	border: 1px solid gray;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
}

div#artinfo {
	position: absolute;
	border: #555;
	width: 200px !important;
	padding: 5px;
	width: 190px;
	background-color: #eee;
	display: none;
	z-index: 50;
	border-top: 1px solid darkblue;
	border-right: 1px solid darkblue;
	font-size: 11px;
}

div.artistpic img{
	width: 75px;
	height: 75px;
	cursor: pointer;
}


td.col-midden{
	width: 600px;
}

td.col-rechts{
	width: 170px;
/*	border-left: 1px solid #0241C2;*/
}


div.content {
	position: relative;
	padding: 10px;
	margin: 10px;
	padding-top: 0px;
	margin-top: 40px;
	overflow: auto;
}

div.logo{
  position: relative;
  top: 0px;
  right: 0px;
  margin-left: -60px;
  width: 275px;
  height: 180px;
  background-image: url('images/logo.gif');
    
}

div.koptekst {
	z-index: 10;
	padding: 0px;
	width: 300px;
	font-size: 24px;
	color: #44a;
	font-variant: small-caps;
	font-family: arial, helvetica, sans;
	font-weight: bold;
}

div.nav {
	position: absolute;
	z-index: 10;
	padding: 5px;
	font-size: 16px;
	color: #44a;
	font-variant: small-caps;
	font-family: arial, helvetica, sans;
	font-weight: bold;
}

div.voettekst{
	position: relative;
	color: #888;
	font-size: 10px;
	text-align: right;
	border-top: 1px solid #aaa;
}

div.adres{
	padding: 5px;
	padding-bottom: 100px;
	margin-top: 90px;
	position: relative;
	color: #888;
	font-size: 10px;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;

}


input.veld {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

input {
  width: 200px;
}

.labeldiv{
	margin-bottom: 5px;
}

h2 {
  font-weight: normal;
  color: black;
  font-size: 18px;
  border-left: 5px solid #0941B2;
  border-top: 1px dotted #aaa;
  width: 500px;
  padding-left: 5px;
  font-family: arial, helvetica, sans;
  font-style: italic;
  font-weight: bold;
}

h3 {
	font-size: 16px;
	color: #0941B2;
	margin-bottom: 3px;
}

h4 {
	font-size: 12px;
	margin-bottom: 3px;
}


div.menubar {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: 3px;
	z-index: 10;
}

div.menuitem {
	border-top: 1px solid #ccccdd;
	border-left: 1px solid #ccccdd;
	border-bottom: 1px solid #555577;
	border-right: 1px solid #555577;
	background-color: #cccccc;
	color: #225;
	font-size: 12px;
	line-height: 20px;
	width: 115px !important;
	width: 119px;
	float: left;
	padding-left: 3px;
	cursor: pointer;
}

div.menudash {
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	background-color: #aaa;
	color: #225;
	height: 2px;
	width: 115px;
	float: left;
	padding-left: 3px;
}

div.menuitem.menuon{
	background-color: #99a;
	color: #eef;
	}

div.menuitem.menuin {
	border-bottom: 1px solid #ccccdd;
	border-right: 1px solid #ccccdd;
	border-top: 1px solid #555577;
	border-left: 1px solid #555577;
	}
	
div.submenu {
	width: 120px;
/*	opacity: .9;
	filter: alpha(opacity=90);*/
	float: left;
	height: 22px;
	overflow: hidden;
	}

div.submenu.subdown {
	height: auto;
	}

div.bio_title {
	margin-top:15px;
	cursor: pointer;
	clear: left;
}
div.bio_title:hover {
	background-color: #dde;
}

input.invoerveld{
	border: 1px solid silver;
}

.invoerveld2{
	border: 1px solid black;
	background-color: lightyellow;
}


div.save, div.unfold, div.fold{
	width: 32px;
	height: 32px;
	background-image: url('images/icons/icon_edit.gif') ;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

div.unfold{
	background-image: url('images/icons/icon_ok.gif') ;
}

div.save{
	background-image: url('images/icons/icon_save.gif') ;
}

div.shade {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity: 50);
	display: none;
	z-index: 20;
	background-color: #432;
}

div.fotodiv {
	display: none;
	position: absolute;
	top: 50px;
	left: 200px;
	z-index: 40;
	border-top: 1px  solid silver;
	border-left: 1px  solid silver;
	border-right: 1px  solid gray;
	border-bottom: 1px  solid gray;
	background-color: white;
}

div.prevfoto{
	position: absolute;
	left: 700px;
	top: 50px;
}

div.prevprev{
	position: relative;
}

div.prevprev img{
	border: 2px solid white;
}

div.prevprev div.snede{
	border: 2px solid red;
	position: absolute;
	
}

div.arrow {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	width: 15px;
	margin-right: 5px;
	text-align: center;
	color: red;
	background-color: white;
	border: 1px solid darkred;
	padding: 4px;
	margin: 4px;
	float: left;
}

div.topbar {
	background-color: gray;
	color: white;
	font-weight: bold;
	padding: 4px;
}

div.fotodiv iframe{
	border-width: 0px; 
	height: 400px;
	width: 400px;
	padding: 10px;
}

div.verborgen {
	display: none;
}

div.barbutton{
	border: 1px outset gray;
	position:absolute;
	right: 2px;
	top: 2px;
	line-height: 12px;
	padding: 2px;
	background-color: silver;
	color: black;
	cursor: pointer;
	font-weight: bold;
}

div.vaklab {
	color: black;
	font-size: 14px;
	margin-bottom: 5px;
	cursor: pointer;
}

div.fout{
  border: 1px solid black;
  padding: 2px;
  width: 400px;
  background-color: #ffe;
  font-size: 12px;
  color: red;
  font-weight: bold;
  }

div.debug{
	position: absolute;
	bottom: 20px;
	height: 100px;
	width: 500px;
	right: 0px;
	border: 1px solid red;
	background-color: lightyellow;
	padding: 5px;
	font-family: arial, sans;
	font-size: 12px;
	z-index: 50;
	}

.w50 {
	width: 50px;
}

.w150 {
	width: 150px;
}


textarea {
}

div.lang {
	margin-top: 30px;
	margin-left: 5px; 
}

.lang_off, .lang_on {
	text-decoration: none;
	color: #444;
}
.lang_off a:hover, .lang_on a:hover{
	text-decoration: none;
	color: black;
}

font.tiny {
	color: #aaa;
	size: 12px;
}

.lang_on {
	background-color: #cce;
}

.order {
	color: darkblue;
	text-decoration: none;
}

.order:hover {
	background-color: darkblue;
	color: white;
	text-decoration: none;
}

.norder {
	text-decoration: none;
	color: gray;
	text-decoration: none;
}

input.check {
	width: 15px;
}