/* Photofacts beheeromgeving — 1-op-1 overgenomen van de oude admin
   (fotografie/admin/includes/stylesheet.css), image-paden aangepast. */
body
{
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: 000000;
  font-family: Verdana, sans-serif, small Arial, Helvetica;
  font-size: 11px;
}
A
{
  color: #3d677c;
  text-decoration: underline;
}
A:hover
{
  color: #022333;
  text-decoration: none;
}

#message            {border-radius: 3px; padding: 10px; width: 700px; margin-bottom: 10px;}
.message-error      {color: #880000;}
.message-note       {background-color: #d5e8d5; border: 1px solid #c5e6c8;}

#menuback           {background-color: #cad4d9; position: fixed; left: 0px; width: 194px; height: 100%; z-index: -100;}

TD
{
  font-family: Verdana, sans-serif, small Arial, Helvetica;
  font-size: 11px;
}
TR.roweven
{
  background-color: #efefef;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #fefefe;
}
.errortext
{
  color: #880000;
}
.content
{
  padding: 10px;
}
.tblHeader
{
  border-bottom: solid 1px #dddddd;
  color: #666666;
}
TEXTAREA
{
  font-family: Verdana, sans-serif, small Arial, Helvetica;
  font-size: 11px;
}

#menucontent {
  background-image: url('/images/menucontent-bg.gif');
  background-repeat: repeat-y;
  padding-top: 10px;
  padding-left: 14px;
  padding-bottom: 10px;
  margin: 0px;
  font-size: 10pt;
}
#menuheader {
  background-image: url('/images/menu-header.gif');
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  height: 10px;
}
.spanheader {
  background-image: url('/images/spanheader-bg.gif');
  background-repeat: no-repeat;
  color: white;
  width: 142px;
  height: 38px;
  display: block;
  vertical-align: middle;
  line-height: 38px;
  font-size: 17px;
  text-align: left;
  padding-left: 38px;
  padding-bottom: 20px;
  cursor: pointer;
}
#menu
{
  width: 194px;
  line-height: 15px;
  background-color: #cad4d9;
  float: left;
  height: 100%;
}

a.btn-link          {background-color: #a3c202; padding: 6px 15px 6px 15px; border-radius: 3px; color: #fff; text-decoration: none; font-size: 1.3em;}
a.btn-link:hover    {background-color: #8aa501;}

.welcome-block      {background-color: #e2e7ea; border-radius: 3px; padding: 10px; width: 700px; height: 30px;}

.tables             {background-color: #e2e7ea; border-radius: 3px; padding: 10px; width: 700px;}
.oddrow             {background-color: #e9eff2;}
.evenrow            {background-color: #e2e7ea;}

.oddrow:hover       {background-color: #f8f9fb;}
.evenrow:hover      {background-color: #f8f9fb;}

/* new tables */
.table-header       {background-color: #6f88a8; border-radius: 3px 3px 0px 0px; padding: 7px 10px 7px 10px; font-weight: bold; width: 700px; color: #fff;}
.table-footer       {background-color: #6f88a8; border-radius: 0px 0px 3px 3px; padding: 3px 10px 0px 10px; width: 700px; margin-bottom: 15px;}
.tabel              {width: 720px;}
.tabel TABLE        {width: 100%; border: 1px solid #6f88a8;}
.tabel TH           {border-bottom: 1px solid #fff; background-color: #e2e7ea; padding: 5px 2px 5px 2px; color: #555; font-size: 11px; text-align: left;}
.tabel TD           {border-bottom: 1px solid #e2e7ea; padding: 5px 2px 5px 2px;}
.tabel a            {text-decoration: none;}
.tabel a:hover      {text-decoration: underline;}

.default            {width: 698px; background-color: #e2e7ea; padding: 10px; border: 1px solid #6f88a8;}

a.btn               {background-color: #c3c5c9; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; text-decoration: none;}
a.btn:hover         {background-color: #8aa501;}
a.btn-lrg           {background-color: #c3c5c9; padding: 8px 12px 8px 12px; border-radius: 3px; color: #fff; text-decoration: none; font-size: 13px;}
a.btn-lrg:hover     {background-color: #8aa501;}

a.btn-act           {background-color: #a3c202; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; text-decoration: none;}
a.btn-act:hover     {background-color: #8aa501;}
a.btn-act-lrg       {background-color: #a3c202; padding: 8px 12px 8px 12px; border-radius: 3px; color: #fff; text-decoration: none; font-size: 13px;}
a.btn-act-lrg:hover {background-color: #8aa501;}

a.btn-error         {background-color: #dab0bd; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; text-decoration: none;}
a.btn-error:hover   {background-color: #8aa501;}

a.btn-blue         {background-color: #6f88a8; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; text-decoration: none;}
a.btn-blue:hover   {background-color: #8aa501; text-decoration: none; cursor: pointer;}

.evenrij            {background-color: #fff;}
.onevenrij          {background-color: #f6f7f9;}
.evenrij:hover      {background-color: #e2eae2; cursor: pointer;}
.onevenrij:hover    {background-color: #e2eae2; cursor: pointer;}
.lastarticle        {background-color: #e2eae2;}
.lastarticle:hover  {background-color: #e2eae2; cursor: pointer;}

.button             {font-family: Verdana;font-size: 14px; color: #ffffff; padding: 5px 16px; background-color: #a2c202; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0px solid #a2c202; cursor: pointer;}
.button:hover       {background-color: #8aa501;}

/* Knop-varianten als echte buttons (voor formulieren zonder javascript-links) */
button.btn-act      {background-color: #a3c202; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; border: 0; font-family: Verdana; font-size: 11px; cursor: pointer;}
button.btn-act:hover{background-color: #8aa501;}
button.btn          {background-color: #c3c5c9; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; border: 0; font-family: Verdana; font-size: 11px; cursor: pointer;}
button.btn:hover    {background-color: #8aa501;}
button.btn-error    {background-color: #dab0bd; padding: 2px 5px 2px 5px; border-radius: 3px; color: #fff; border: 0; font-family: Verdana; font-size: 11px; cursor: pointer;}
button.btn-error:hover {background-color: #8aa501;}

/* Live preview (overgenomen uit artikel_edit.asp van de oude admin) */
#artikel-preview {
  height: 900px;
  overflow-y: auto;
  padding: 15px 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ccc;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #363636;
  text-align: justify;
}
#form-preview-col {
  flex: 1 1 320px;
  min-width: 320px;
  min-height: 0;
  overflow: hidden;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
#artikel-preview img {
  max-width: 100%;
  height: auto;
}
#artikel-preview img.image {
  border: 2px solid #4b78b6;
  max-width: 100%;
}
#artikel-preview .preview-imgbox {
  margin: 10px 0;
  text-align: center;
}
#artikel-preview .preview-imgbox img {
  max-width: 100%;
  height: auto;
}
#artikel-preview center img {
  max-width: 100%;
}
#artikel-preview a {
  color: #446da3;
  text-decoration: underline;
}
#artikel-preview a:hover {
  text-decoration: none;
}
#artikel-preview .preview-youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 10px 0;
}
#artikel-preview .preview-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}