html
{
  height:100%;
  width:100%;
  overflow-y:scroll;
}

body
{
  background-color: #171717;
  margin: 0px;
  vertical-align:top;
  padding: 0px;
  font-size:12px;
  height:100%;
  background-image: url('../images/bgbody.gif');
  background-position:0% 0%;
  background-repeat:repeat;
  color:white;
  font-weight:normal;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
}

ul, ol, li
{
  margin-top: 0;
  margin-bottom: 0;
}

form, table, fieldset
{
  margin: 0px;
  padding: 0px;
  border:none;
  font-size:12px;
  color:black;
  font-weight:normal;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
}

a
{
  color:white;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
  outline: none;
}
a:link, a:active, a:visited, a:hover
{
  text-decoration: underline;
}

td
{
  vertical-align: top;
}

img
{
  border: none;
}

h1, h2, h3, h4, h5, h6
{
  color:white;
  margin:0px;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
}

h1
{
  font-size:22px;
  margin-bottom:5px;
  font-weight:bold;
}

h2
{
  margin-bottom:5px;
  font-size:16px;
  font-weight:bold;
}

h3
{
  font-size:12px;
  font-weight:bold;
}

h4
{
  font-size:12px;
  font-weight:normal;
}

h5
{
  font-size:11px;
}

h6
{
  font-size:10px;
}

.inhoud .omschrijving
{
  font-family: Arial,Helvetica,Verdana,Sans-serif;
  font-size: 10pt;
  color: rgb(204,204,204);
}

.klikbaar
{
  cursor: pointer;
}

/* Taal switch*/
#knop_nl
{
  position:absolute;
  top:75px;
  right:11px;
  width:107px;
  height:27px;
  display:block;
}

#knop_en
{
  position:absolute;
  top:75px;
  right:11px;
  width:82px;
  height:27px;
  display:block;
}

/* schakelen van google maps */
.zichtbaar
{
  position:relative;
  visibility:visible;
  display:block;
}

.verborgen
{
  position:absolute;
  visibility:hidden;
  display:none;
}


/* placeholder van waaruit elementen absoluut gepositioneerd worden */
#omhullende
{
  position:relative;
  top:0px;
  left:0px;
  height:100%;
  margin: 0px;
  background-image: url('../images/bgbody.jpg');
  background-position:1004px 0px;
  background-repeat:no-repeat;
}

#mainframe
{
  position:relative;
  top:0px;
  left:0px;
  background-color:#0a0a0a;
  width:1004px;
  height:666px;
  z-index:2000;
}

.mainframehome
{
  height:716px;
}

/* iconen */
#icons
{
  position:absolute;
  top:75px;
  right:11px;
  height:27px;
  display:block;
}

/* zoek venster */
#zoekholder
{
  position:absolute;
  top:110px;
  right:4px;
  /*width:188px;*/
  width: 310px;
  height:30px;
  z-index:4500;
  background-color:#0a0a0a;
  background-image: url('../images/bgzoekvenster.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
}

#zoekvenster
{
  position:relative;
  width:170px;
  height:20px;
  top:0px;
  left:14px;
  background-image: url('../images/bgzoeken.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  overflow:hidden;
  float: left;
}

#zoekvenster input.zoekveld
{
  position:absolute;
  top:2px;
  left:5px;
  height:16px;
  background-color:transparent;
  border:none;
  width:145px;
  font-size:10px;
  line-height:16px;
  color:white;
}


#zoekvenster input.zoekknop
{
  position:absolute;
  width:19px;
  height:20px;
  top:0px;
  left:149px;
  border:none;
}

#taalvenster
{
  position:relative;
  width: 126px;
	float: right;
	font-size: 11px;
  margin-left: 5px;
  cursor: pointer;
}
#taalvenster .optieselected
{
	display: block;
  position:relative;
  height:20px;
  line-height: 20px;
  width: 126px;
  background-image: url('../images/bg_option.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}
#taalvenster .optie
{
	display: none;
  position:relative;
  height:20px;
  line-height: 20px;
  width: 126px;
  background-image: url('../images/bgzoeken.gif');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* content vlak */
#contentvlak
{
  z-index:5000;
  position:absolute;
  left:31px;
  top:365px;
  width:540px;
  margin-bottom:15px;
}

.showcontent
{
  visibility:visible;
  display:block;
}


.verbergcontent
{
  visibility:hidden;
  display:none;
}


#contentvlak th.contentinhoud
{
  background-color:#0a0a0a;
  background-image: url('../images/bgbanner.gif');
  background-position:0px 0px;
  background-repeat:no-repeat;
  color:white;
  text-align:left;
  width:540px;
  padding-bottom:4px;
}

#contentvlak th div.inhouddoc
{
  position:relative;
  top:0px;
  left:0px;
  margin:20px;
  width:505px;
  color:#cccccc;
  line-height:18px;
  font-weight:normal;
}

#contentvlak th div.inhouddoc img
{
  border-bottom:1px solid #515151;
  border-right:1px solid #515151;
}

#contentvlak th div.inhouddoc img.spacer
{
  border:none;
}


#contentvlak th div.inhouddoc span.datum
{
  color:white;
}


#contentvlak th div.inhoud
{
  position:relative;
  top:0px;
  left:0px;
  margin:5px 10px 5px 10px;
  width:520px;
  color:#cccccc;
  line-height:18px;
  font-weight:normal;
}

#contentvlak div.item
{
  font-size:22px;
  padding:10px 10px 6px 20px;
  background-image: url('../images/bgsubmenukop.gif');
  background-position:0% 100%;
  background-repeat:no-repeat;
}

#contentvlak div.scheiding
{
  background-image: url('../images/bgfirstsubmenu.gif');
  background-position:0% 0%;
  background-repeat:no-repeat;
  margin-bottom:4px;
  padding:0px;
}

img.fotodoc
{
  float:left;
  clear:left;
  margin:0px 10px 10px 0px;
}


/* hoofdmenu */
#mainmenu
{
  position:absolute;
  top:75px;
  left:10px;
}


/* submenu rechts */
#submenuholder
{
  z-index:3000;
  position:absolute;
  left:589px;
  top:148px;
  width:365px;
}

#submenu, #subsubmenu, #subsubsubmenu, #subsubsubsubmenu
{
  width:365px;
  margin-bottom:4px;
  opacity:1;
  -moz-opacity:1;
}

.submenufaded
{
  opacity:0.5;
  -moz-opacity:0.5;
}

.submenuhide
{
  opacity:0.0;
  -moz-opacity:0.0;
  visibility:hidden;
}

#submenu th, #subsubmenu th, #subsubsubmenu th, #subsubsubsubmenu th
{
  border-top:1px solid #575757;
  background-color:#0a0a0a;
  background-image: url('../images/bgbanner.gif');
  background-position:0px 0px;
  background-repeat:no-repeat;
  color:white;
  text-align:left;
  padding-bottom:4px;
}

#submenu div.item, #subsubmenu div.item, #subsubsubmenu div.item, #subsubsubsubmenu div.item
{
  font-size:16px;
  padding:10px 10px 6px 10px;
  background-image: url('../images/bgsubmenukop.gif');
  background-position:0% 0%;
  background-repeat:no-repeat;
}

#submenu div.scheiding, #subsubmenu div.scheiding, #subsubsubmenu div.scheiding, #subsubsubsubmenu div.scheiding
{
  background-image: url('../images/bgfirstsubmenu.gif');
  background-position:0% 0%;
  background-repeat:no-repeat;
  margin-bottom:4px;
}


div.theaterlocatie{
  margin:3px 0px 5px 10px;
}

#submenu a, #subsubmenu a, #subsubsubmenu a, #subsubsubsubmenu a
{
  display:block;
  margin:1px 4px 2px 3px;
  padding:2px 10px 3px 7px;
  font-size:12px;
  line-height:16px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:none;
  background-position:100% 0%;
  background-repeat:no-repeat;
  border-bottom: 1px solid #0a0a0a;
}

.CompressLevels #submenu a, .CompressLevels #subsubmenu a
{
  display:none;
}
.CompressLevels .Unfaded#submenu a, .CompressLevels .Unfaded#subsubmenu a
{
  display:block;
}

#submenu a:hover, #subsubmenu a:hover, #subsubsubmenu a:hover, #subsubsubsubmenu a:hover,
#submenu a.aktief, #subsubmenu a.aktief, #subsubsubmenu a.aktief, #subsubsubsubmenu a.aktief
{
  background-image: url('../images/bgmenu_hi.gif');
  background-position:100% 0%;
  background-repeat:no-repeat;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #777777;
}

#submenu a.theater, #subsubmenu a.theater, #subsubsubmenu a.theater, #subsubsubsubmenu a.theater
{
  font-weight:normal;
  padding:2px 10px 3px 10px;
}

#submenu td.bgbannerrechts, #subsubmenu td.bgbannerrechts, #subsubsubmenu td.bgbannerrechts, #subsubsubsubmenu td.bgbannerrechts
{
  background-image: url('../images/gradrechtsbanner.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  width:4px;
}
#submenu td.bgbanneronder, #subsubmenu td.bgbanneronder, #subsubsubmenu td.bgbanneronder, #subsubsubsubmenu td.bgbanneronder
{
  background-image: url('../images/gradonderbanner.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:4px;
}


/* de home banner links boven */
#homebanner
{
  position:absolute;
  z-index:3000;
  left:31px;
  top:148px;
}
#homebanner th
{
  background-color:#0a0a0a;
  background-image: url('../images/bgbanner.gif');
  background-position:0px 0px;
  background-repeat:no-repeat;
  color:white;
  text-align:left;
}

#homebanner div.item
{
  font-size:30px;
  padding:0px;
}

#homebanner a
{
  display:block;
  padding:3px 10px 3px 23px;
  font-size:12px;
  line-height:20px;
  color:white;
  text-decoration:none;
  background-image: url('../images/bgknopbanner.gif');
  background-position:0% 100%;
  background-repeat:no-repeat;
}

#homebanner a:hover
{
  background-image: url('../images/bgknopbanner_hi.gif');
  background-position:0% 100%;
  background-repeat:no-repeat;
  border-right: 1px solid #777777;
}

#homebanner div.item a, #homebanner div.item a:hover
{
  padding:0px;
  background-image: none;
  border-right:none;
}

#homebanner td.bgbannerrechts
{
  background-image: url('../images/gradrechtsbanner.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  width:4px;
}
#homebanner td.bgbanneronder
{
  background-image: url('../images/gradonderbanner.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:4px;
}

/* actueel onderaan home */
#actueelhome, #actueelhomeengels, #actueelhomeduits, #actueelhomeleeg{
  position:relative;
  left:0px;
  top:0px;
  min-height:130px;
  width:490px;
  background-color:#0a0a0a;
 /* overflow:hidden;*/
  background-position:0px 0px;
  background-repeat:no-repeat;
}

#actueelhome
{
  background-image: url('../images/bghomeactueel.gif');
  padding-top:34px;
}

#actueelhomeengels
{
  background-image: url('../images/bghomeactueel_en.gif');
  padding-top:34px;
}

#actueelhomeduits
{
  background-image: url('../images/bghomeactueel_de.gif');
  padding-top:34px;
}

#actueelhomeleeg
{
  background-image: url('../images/bghomeactueelleeg.gif');
  padding-top:34px;
}

#actueelhome table, #actueelhomeengels table, #actueelhomeduits table
{
  margin:0px 0px 0px 36px;
}

#actueelhome th, #actueelhomeengels th, #actueelhomeduits th,
#actueelhome span.title, #actueelhomeengels span.title, #actueelhomeduits span.title
{
  text-align:left;
  vertical-align:top;
  height:22px;
  color:white;
  font-weight: bold;
}

#actueelhome td img, #actueelhomeengels td img, #actueelhomeduits td img
{
  border-bottom:1px solid #797979;
  border-right:1px solid #797979;
  margin-top:2px;
}

#actueelhome td, #actueelhomeengels td, #actueelhomeduits td
{
  color:white;
  padding-bottom:7px;
}

#actueelhome td.datum, #actueelhomeengels td.datum, #actueelhomeduits td.datum,
#actueelhome span.datum, #actueelhomeengels span.datum, #actueelhomeduits span.datum
{
  color:#939393;
}

#actueelhome span.title, #actueelhome span.datum,
#actueelhomeduits span.title, #actueelhomeduits span.datum,
#actueelhomeengels span.title, #actueelhomeengels span.datum
{
	height: 22px;
	display: block;
}

/* terug knop */
#backknop
{
  position:relative;
  width:520px;
  height:1px;
}

a.terugknop
{
  position:absolute;
  z-index:2000;
  top:12px;
  right:0px;
  padding-left:15px;
  background-image: url('../images/bulletterug.gif');
  background-position:0px 0px;
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:12px;
  color:white;
  text-decoration:none;
}

a.terugknopxxx
{
  position:absolute;
  z-index:2000;
  top:-32px;
  right:0px;
  padding-left:15px;
  background-image: url('../images/bulletterug.gif');
  background-position:0px 2px;
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:12px;
  color:white;
  text-decoration:none;
}

a.terugknop:hover
{
  text-decoration:underline;
}

a.leesmeer
{
  display:block;
  padding-left:15px;
  background-image: url('../images/bulletleesmeer.gif');
  background-position:0px 0px;
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:12px;
  color:white;
  text-decoration:none;
}

a.leesmeer:hover
{
  text-decoration:underline;
}

/* achtergrond foto */
#achtergrondfotohome
{
  z-index:800;
  position:absolute;
  overflow: hidden;
  left:0px;
  top:110px;
  width:1000px;
  height:476px;
}

#achtergrondfoto
{
  position:absolute;
  overflow: hidden;
  left:0px;
  top:110px;
  width:1000px;
  height:555px;
}

#achtergrondfoto div
{
  z-index:800;
  position:relative;
  top:0px;
  left:0px;
  width:1000px;
  height:555px;
}

#sfeerfoto,#transsfeerfoto
{
  position:absolute;
  top:0px;
  left:0px;
}

#sfeerfoto
{
  opacity:1.0;
  -moz-opacity:1.0;
}

#transsfeerfoto
{
  opacity:0.0;
  -moz-opacity:0.0;
}

img.gradonderinfoto
{
  background-image: url('../images/gradonderfoto.png');
  background-position:0px 0px;
  background-repeat:no-repeat;
  position:absolute;
  left:0px;
  top:410px;
  width:1000px;
  height:146px;
  z-index:1000;
}

#achtergrondfotohome img.gradonderinfoto
{
  top:330px
}


/* logos  */

#logo
{
  position:absolute;
  top:0px;
  left:0px;
}

#muziekkwartier
{
  position:absolute;
  top:14px;
  left:867px;
}

#ringdesnibelungen
{
  position:absolute;
  top:14px;
  left:722px;
}


/* video template*/
.showvideo
{
  background-color:white;
  background-image:none;
  padding:10px;
}

/* YouTube film in document */
div.wordfilm
{
  display:block;
  margin:5px 0px;
  padding:0px 1px 1px 0px;
  text-align:center;
  background-color:#000;
  border-bottom:1px solid #797979;
  border-right:1px solid #797979;
}


/* banners op de home */

div.homeimgholdertop{
  margin:4px 0px 0px 8px;
  width:90px;
  overflow:hidden;
  border-bottom:1px solid #797979;
  border-right:1px solid #797979;
}


div.homeimgholder{
  margin:4px 0px 0px 8px;
  width:90px;
  overflow:hidden;
  border-bottom:1px solid #797979;
  border-right:1px solid #797979;
}

#homefooterwrapper
{
  display:block;
  top:586px;
  width:1004px;
  position:relative;
  border-collapse: collapse;
  padding:0px;
  margin:0;
  background-color:#0a0a0a;
}

#homebannertop
{
  position:relative;
  z-index:5000;
  left:0px;
  top:0px;/**/
  width:510px;
  background-color:#0a0a0a;
  border-left:1px solid #5c5c5c;
  border-top:1px solid #5c5c5c;
}

.homebannerbeneden
{
  position:relative;
  z-index:5000;
  left:0px;
  top:0px;
  width:513px;
  background-color:#0a0a0a;
  border-left:1px solid #5c5c5c;
  border-top:1px solid #5c5c5c;
}
#homebannertop td, #homebannertop th,
.homebannerbeneden td, .homebannerbeneden th
{
  padding-bottom:8px;
}
#homebannertop th, .homebannerbeneden th
{
  vertical-align:top;
  width:108px;
}

.homebannerbeneden th
{
  padding-top:4px;
}

#homebannertop th img, .homebannerbeneden th img
{
  margin-left:0px;
}

#homebannertop td, .homebannerbeneden td
{
  width:402px;
  color:white;
}

#homebannertop td div.omschrijving, .homebannerbeneden td div.omschrijving
{
  padding:4px 8px 8px 0px;
  color:white;
}

.homebannerbeneden td div.omschrijving
{
  padding-top:10px;
}


/* Speeldata overzicht */
#speeldataopsomming
{
  margin-bottom:15px;
}

#speeldataopsomming tr.aktief
{
  background-image: url('../images/bglinkspeeldata.gif');
  background-color:#0a0a0a;
  background-position:0% 0%;
  background-repeat:no-repeat;
}

#speeldataopsomming th
{
  vertical-align:top;
  padding:20px 10px 10px 10px;
  border-bottom:1px solid #cccccc;
}

#speeldataopsomming th a
{
  display:block;
  color:white;
  text-decoration:none;
  font-size:17px;
}

#speeldataopsomming td
{
  border-bottom:1px solid #333333;
}

#speeldataopsomming tr.aktief td
{
  border-bottom:1px solid #5c5c5c;
}

#speeldataopsomming td.laatstekol
{
  border-right:1px solid transparent;
}

#speeldataopsomming tr.aktief td.laatstekol
{
  border-right:1px solid #5c5c5c;
}


#speeldataopsomming td a
{
  display:block;  padding:5px 10px;
  color:#cccccc;
  text-decoration:none;
}

#speeldataopsomming tr.aktief td a
{
  color:white;
}

#speeldataopsomming td.eerstekol a
{
  color:white;
  text-decoration:none;
}


/* contentopsomming */
img.fotoopsomming
{
  margin:0px 0px 1px 1px;
  border-bottom:1px solid #515151;
  border-right:1px solid #515151;
}

#contentopsomming tr td
{
  border-bottom:1px solid transparent;
  border-right:1px solid transparent;
}

#contentopsomming tr th
{
  vertical-align:top;
  border-bottom:1px solid transparent;
}

#contentopsomming tr.aktief
{
  background-image: url('../images/bglinkopsomming.gif');
  background-position:100% 0%;
  background-repeat:no-repeat;
}

#contentopsomming tr.aktief td
{
  border-bottom:1px solid #575757;
  border-right:1px solid #575757;
}

#contentopsomming tr.aktief th
{
  border-bottom:1px solid #575757;
}

#contentopsomming td a, #contentopsomming th a
{
  padding:7px 0px 7px 10px;
  display:block;
  text-decoration: none;
}

#contentopsomming td{
  width:100%;
  color:#cccccc;
}

#contentopsomming td strong
{
  color:white;
  line-height:20px;
  font-size:13px;
}


/* pagina bladeren */
#bladerbottom
{
  position:relative;
  top:55px;
  height:40px;
}
#bladerbottom .lijntop
{
  position:absolute;
  left:-10px;
  top:-50px;
  width:540px;
  z-index:5000;
  border-bottom:1px solid #575757;
}
.bladerpaginas
{
  position:absolute;
  right:0px;
  top:-37px;
  z-index:5000;
}

.bladerpaginas td
{
  padding:0px;
  text-align:center;
  vertical-align:middle;
}

.bladerpaginas td a, .bladerpaginas td a:link, .bladerpaginas td a:active,
.bladerpaginas td a:visited, .bladerpaginas td a:hover, .bladerpaginas td div
{
  display:block;
  color:white;
  font-size:12px;
  line-height:20px;
  text-decoration:none;
  background-image: url('../images/knop_bg.gif');
  background-position:0% 0%;
  background-repeat:no-repeat;
  padding: 0px 5px;
  border:1px solid transparent;
  border-bottom:1px solid #0a0a0a;
  border-right:1px solid #0a0a0a;
}

.bladerpaginas td a:hover, .bladerpaginas td div.aktief
{
  background-image: url('../images/knop_bg_hi.gif');
  background-position:100% 100%;
  border:1px solid transparent;
  border-top:1px solid #0a0a0a;
  border-left:1px solid #0a0a0a;
}

.bladerpaginas td.nummer a, .bladerpaginas td.nummer div
{
  padding: 0px 8px;
}


/* Google maps*/
#gmapholder
{
  top:10px;
  left:20px;
  width:475px;
  height:250px;
  background-color:#0a0a0a;
  margin-bottom:20px;
  padding:0px 0px 1px 1px;
  border-bottom:solid 1px #737373;
  border-right:solid 1px #737373;
}

#gmapholder img.zoomin
{
  z-index:1000;
  position:absolute;
  top:0px;
  right:0px;
  width:26px;
  height:26px;
  cursor:pointer;
}

#gmapholder img.zoomout
{
  z-index:1000;
  position:absolute;
  top:0px;
  right:26px;
  width:26px;
  height:26px;
  cursor:pointer;
}

#mijngmap
{
  z-index:800;
  position:absolute;
  top:0px;
  left:0px;
  width:475px;
  height:250px;
}


/* sitemap */
div.sitemap
{
  padding: 0px;
}

div.folder
{
  padding: 1px 0px 0px 20px;
}

div.folderkop
{
  padding: 1px 0px 0px 40px;
}

div.bestand
{
  padding: 1px 0px 0px 60px;
}


/* footer */
#footer
{
  position:absolute;
  z-index:1000;
  top:666px;
  left:0px;
  width:1004px;
  height:93px;
  background-image: url('../images/bgfooter.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

/* footer */
#footerhome
{
  position:relative;
  z-index:1000;
  top:0px;
  left:0px;
  width:1004px;
  height:93px;
  background-image: url('../images/bgfooter.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


#menulogin
{
  position:absolute;
  display:block;
  left:498px;
  top:10px;
  width:90px;
  text-decoration: none;
  z-index:500;
  background-image: url('../images/login.gif');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left:15px;
  font-size:9px;
  line-height:15px;
  line-height:15px;
  color:#c2c2c2;
}
#menulogin:hover
{
  text-decoration: underline;
}

#menubeneden
{
  padding:10px 10px 5px 10px;
  font-size:9px;
  line-height:15px;
  text-align:right;
}
#menubeneden a
{
  text-decoration: none;
  font-size:10px;
  line-height:15px;
  color:#c2c2c2;
}
#menubeneden a:hover
{
  text-decoration: underline;
}

/* downloads */


div.downloadoverzicht
{
  margin:15px 0px;
  padding:10px;
  border-bottom:1px solid #515151;
}

div.downloadoverzicht div.download
{
  padding:0px 0px 5px 25px;
  margin-bottom:15px;
  background-position:top left;
  background-repeat:no-repeat;
}

.downloadthumb
{
  float:left;
  border-right:1px solid #515151;
  border-bottom:1px solid #515151;
  margin:0px 10px 10px 0px;
}

.downloadmeta
{
  color:#6c6c6c;
}

#nroviewport
{
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  z-index:10000;
}

#nroviewport img.bgviewport
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:black;
  opacity:0.8;
  -moz-opacity:0.8;
  z-index:500;
}


#nroviewport iframe
{
  position:relative;
  margin:10px auto;
  z-index:1000;
  overflow:hidden;
}

.openviewport
{
  display:block;
  visibility:visible;
}

.verbergviewport{
  display:none;
  visibility:hidden;
}

/* blog */
div.blogdatum
{
  padding-bottom:10px;
  font-weight: bold;
}

#blogoverzicht
{
  padding:0px 11px;
}

#blogoverzicht tr td
{
  border-bottom:1px solid transparent;
  border-right:1px solid transparent;
}

#blogoverzicht tr th
{
  vertical-align:top;
  border-bottom:1px solid transparent;
}

#blogoverzicht tr.aktief
{
  background-image: url('../images/bglinkopsomming.gif');
  background-position:100% 0%;
  background-repeat:no-repeat;
}

#blogoverzicht tr.aktief td
{
  border-bottom:1px solid #575757;
  border-right:1px solid #575757;
}

#blogoverzicht tr.aktief th
{
  border-bottom:1px solid #575757;
}

#blogoverzicht td a, #blogoverzicht th a
{
  padding:7px 0px 7px 10px;
  display:block;
  text-decoration: none;
}

#blogoverzicht td{
  width:100%;
  color:#cccccc;
}

#blogoverzicht td strong
{
  color:white;
  line-height:20px;
  font-size:13px;
}


/* blogreacties */

#blogreacties
{
  color:white;
  padding:0px 15px 15px 15px;
}
#blogreacties fieldset
{
  color:white;
}
.cwi-input-spamcode
{
  color:white;
}

#blogreacties .cwi-postings
{
  padding-top:35px;
  background-image: url('../images/blog_reacties.gif');
  background-position: 0px 15px;
  background-repeat: no-repeat;
}

.cwi-postingrow td
{
  padding:5px 0px 5px 0px;
}

#blogreacties .cwi-postinguser
{
  color:white;
  font-size: 13px;
  font-weight: bold;
}

#blogreacties .cwi-postings table
{
  margin:5px 0px 0px 0px;
  border-top:1px solid #515151;
}

#blogreacties td.cwi-postingcontent
{
  width:100%;
}

#blogreacties .cwi-postingcontent
{
  color:white;
  font-weight: normal;
}

#blogreacties .cwi-postmessage
{
  padding-top:35px;
  margin-top:15px;
  background-image: url('../images/blog_plaatseenreactie.gif');
  background-position: 0px 5px;
  background-repeat: no-repeat;
}

#blogreacties .cwi-postmessage label, #blogreacties .whwp-errors
{
  color:white;
  font-weight: bold;
 /*
  display:block;
  width:150px;
  float:left;
 */
}

#blogreacties .cwi-postmessage input, #blogreacties .cwi-postmessage textarea
{
  color:white;
  font-weight: normal;
  width:300px;
  border:none;
  line-height:19px;
  font-size:12px;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
  background-position: 100% 100%;
  background-repeat:no-repeat;
}

#blogreacties .cwi-postmessage input
{
  height:21px;
  background-color:#0a0a0a;
  background-image: url('../images/bginput.gif');

  padding:0px 5px;
}


#blogreacties .cwi-postmessage textarea
{
  background-color:#4c4c4f;
  background-image: url('../images/bgtextarea.gif');
  padding:1px 5px;
}

#blogreacties .cwi-postmessage p
{
  clear:both;
}

#blogreacties .cwi-postmessage .whwp-button
{
  margin-right:15px;
  width:100px;
  background-image: url('../images/bgsubmit.gif');
  background-position: 0 0;
  line-height:18px;
}

#blogreacties td.cwi-postinguser
{
  padding-right:10px;
  white-space: nowrap;
}

#blogreacties div.cwi-postingcontent
{
  padding-bottom:5px;
  color:#bbb;
}

#blogreacties div.cwi-postingheader
{
  text-align:right;
  font-size: 12px;
}

#blogreacties .cwi-formbuttons
{
  border-top:1px solid #515151;
}

#blogreacties .cwi-formbuttons .cwi-button
{
  display:block;
  text-align:center;
  text-decoration: none;
  margin:15px 0px;
  color:white;
  width:100px;
  border:none;
  height:21px;
  line-height:21px;
  background-position: 0% 0%;
  background-repeat:no-repeat;
  background-color:#0a0a0a;
  background-image: url('../images/bgsubmit.gif');
}

#blogreacties .cwi-postingreplylink
{
  display:none;
  color:black;
  visibility: hidden;
}

/* Fotoalbum */
div.fotolijst{display:none;}
#fotoboek .bladerpaginas
{
  top:-37px;
}
#fotoboek .omschrijving
{
  padding:0px 10px;
}
.fotoalbum
{
  margin:10px 0px 0px 10px;
  padding:0px;
}
.fotoalbum td
{
  width:170px;
  text-align:center;
  vertical-align:middle;
}
.fotoalbum td img
{
  margin-right:20px;
  margin-bottom:10px;
  border-bottom:1px solid #515151;
  border-right:1px solid #515151;
}

/* facebook like, tweet this*/
#deelpagina
{
  position:absolute;
  top:-53px;
  right:-10px;
  list-style-type: none;
  margin:0px;
  padding:0px;
  height:20px;
}
#deelpagina li
{
  display:inline;
  margin-left:2px;
}
#contentvlak th div.inhouddoc #deelpagina li a img
{
  border:none;
}

/* webshop */
#shoppingcart
{
  position:absolute;
  height:27px;
  right:122px;
  top:0px;
  cursor:pointer;
  background: transparent url('../images/shoppingcart.gif') 0 0 no-repeat;
  padding:0px 0px 0px 27px;
}
#cartcounter
{
  height:27px;
  background: transparent url('../images/shoppingcart.gif') 100% 100% no-repeat;
  padding:0px 5px 0px 0px;
  color:white;
  line-height:27px;
}

#addtocart
{
  float:right;
  margin:0px;
  padding:0px;
  height:26px;
}

#producttable, #cart
{
  clear:both;
  color:white;
}
#cart, table.formbestellen
{
  width:100%;
  border-bottom:1px solid #333333;
  margin-bottom:10px;
}
#cart td, #cart th, table.formbestellen td, table.formbestellen th
{
  padding:3px 5px 3px 0px;
  vertical-align:top;
}
#cart tr.cartgroup td, #cart tr.cartgroup th,
table.formbestellen tr.cartgroup td, table.formbestellen tr.cartgroup th
{
  border-top:1px solid #333333;
}
#producttable table, #cart table, table.formbestellen, #paymentform ,#ordertable
{
  color:white;
}
#cart select, #producttable select
{
  width:42px;
  height:21px;
  padding-left:5px;
  line-height:21px;
}

#cart select, .shopform select, #producttable select,
#cart input, .shopform input, input.ammount
{
  border:0px none;
  background:#484848 url(../images/bginput.gif) 100% 100% no-repeat;
  color:white;
}
input.ammount
{
  width:25px;
  height:21px;
  padding:0px 5px;
  line-height:21px;
}
.shopform input.inpbreed
{
  width:315px;
  height:21px;
  float:right;
  padding:0px 5px;
  line-height:21px;
}
.shopform input.inpmiddel
{
  width:225px;
  height:21px;
  float:right;
  padding:0px 5px;
  line-height:21px;
}
.shopform input.inpklein
{
  width:70px;
  height:21px;
  float:right;
  padding:0px 5px;
  line-height:21px;
}
#nawform th
{
  width:175px;
}
#nawform span.checkbox_text
{
  display:block;
  float:right;
  width:295px;
}
#nawform td
{
  width:315px;
}
.shopform textarea
{
  float:right;
  border:0px none;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
  padding:0px 5px;
  line-height:21px;
  background:#484848 url(../images/bgtextarea.gif) 100% 100% no-repeat;
  width:315px;
  height:84px;
  color:white;
  font-family: Arial,Verdana,Helvetica,Sans-serif;
  font-size: 12px;
  font-weight: normal;
}
#cart .imgbutton
{
  background:none;
  border:0px none;
}
div.payment strong
{
  color:white;
}
div.shopwrapper
{
  padding:10px 10px 0px 10px;
}

/* axis */
#axis
{
  padding:0px 10px 10px 10px;
  margin-left:800px;
  display:block;
  font-size:10px;
  line-height:15px;
  color:#6c6c6c;
  text-align:right;
}
#axis:link,#axis:active,#axis:visited,#axis:hover
{
  text-decoration: none;
}
#axis span
{
  text-decoration: underline;
}
#axis:hover span
{
  text-decoration: none;
}