/* Vormgeving: LeSouffleur */
* {
   margin:0;
   padding:0;
}

body {
   font-family: Verdana, Georgia, Trebuchet MS, Times New Roman, Geneva, Serif;
   font-size: 14px;
   line-height: 1em;
   background-color:#fff;
   color: #666;
   margin:0;
   scrollbar-arrow-color:000;
   scrollbar-track-color:#fff;
   scrollbar-shadow-color:#fff;
   scrollbar-face-color:#eee;
   scrollbar-highlight-color:#fff;
   scrollbar-darkshadow-color:#fff;
   scrollbar-3dlight-color:#fff;
/*   overflow: hidden;*/
}

p {
   line-height: 1em;
}

a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; /* from parent element */
   color: #666;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #666;
}

a:hover {
   text-decoration: none;
   color: #666;
}

div#pagewrapper {
   margin: 0;
   border: 1px none #ccc;
   padding: 0;
   background-color: #fff;
   /*\*/
   position: absolute;
   top: 30px;
   left: 0;
   right: 0;
   bottom: 15px;
   overflow: auto;
   /* Exclude all previous props for Mac IE5 */
}

div#main {
   margin: 0;
   border: 1px none #ccc;
   padding: 0;
   background-color: #fff;
   color: #666;
   text-align: justify;
   height: 100%;
   /*\*/
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   overflow: auto;
   /* Exclude all previous props for Mac IE5 */
}

div#centeredimage {
   margin: 0;
   border: 1px none #ccc;
   padding: 0;
   background-color: #fff;
   color: #666;
   /*\*/
   position: absolute;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: auto;
   /* Exclude all previous props for Mac IE5 */
}

div#tableimage1 {
   position: absolute;
   top: 50%;
   left: 50%;
}

div#tableimage2 {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -213px;
   margin-left: -320px;
}

div#tableimage3 {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -250px;
   margin-left: -300px;
}

div#table {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   /*line-height: 1em;*/
   text-align: justify;
   /*\*/
   position: absolute;
   top: 8.5%;
   left: 8.5%;
   width: 84%;
   overflow: hidden;
   /* Exclude all previous props for Mac IE5 */
}

div#ttable {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 1em;
   text-align: justify;
   /*\*/
   position: relative;
   top: 0; /*60%*/
   left: 0;
   width: 49%x;
   /* Exclude all previous props for Mac IE5 */
}

div#btable {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   /*\*/
   position: relative;
   top: 20px;
   left: 0;
   /* Exclude all previous props for Mac IE5 */
}

div#ltable {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 1em;
   text-align: justify;
   /*\*/
   float: left;
   top: 20px; /*60%*/
   left: 0;
   width: 59%;
   height: 300px;
   /* Exclude all previous props for Mac IE5 */
}

div#rtable {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 1.4em;
   text-align: justify;
   /*\*/
   float: right;
   top: 20px; /*60%*/
   right: 0;
   width: 39%;
   height: 300px;
   /* Exclude all previous props for Mac IE5 */
}

div#table2 {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 1em;
   text-align: justify;
   /*\*/
   position: absolute;
   top: 8.5%;
   left: 8.5%;
   width: 84%;
   /* Exclude all previous props for Mac IE5 */
}

div#ltable2 {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   /*line-height: 1em;*/
   text-align: justify;
   /*\*/
   position: absolute;
   top: 0;
   left: 0;
   width: 79%;
   /* Exclude all previous props for Mac IE5 */
}

div#rtable2 {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   /*line-height: 1em;*/
   text-align: right;
   /*\*/
   position: absolute;
   top: 0;
   right: 10px;
   width: 19%;
   /* Exclude all previous props for Mac IE5 */
}

#title {
   font-size: 16px;
}

#indratitle {
   font-size: 13px;
}

table#indra {
   margin: 0;
   padding: 0;
   background-color: #fff;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1em;
   text-align: justify;
}

.copyright {
   font-size: 0.8em;
}

div#topbar {
   position: fixed;
   top: 0;
   right: 0;
   height: 30px;
   width: 100%;
   display: inline;
   margin: 0;
   background-color: #fff;
   z-index: 10;
   border: 1px none #ccc;
}

div#text {
   font-family: Verdana, Georgia, Trebuchet MS, Times New Roman, Geneva, Serif;
   font-size: 0.8em;
   text-align: justify;
   line-height: 21px;
   /*\*/
   position: absolute;
   top: 8.5%;
   left: 8.5%;
   width: 83%;
   /* Exclude all previous props for Mac IE5 */
}

div#text2 {
   margin: 0;
   padding: 0;
   border: 1px none #ccc;
   background-color: #fff;
   color: #666;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 10px;
   text-align: justify;
   /*\*/
   position: relative;
   top: 8.5%;
   left: 8.5%;
   width: 83%;
   overflow: hidden;
   /* Exclude all previous props for Mac IE5 */
}

div#footer {
   clear: both;
   color: #ccc;
   background: transparent; 
   height: 30px;
   width: 40%;
   margin: 0 auto 0 7.3em;
   /*\*/
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 10;
   /* exclude these from Mac IE5 */
}

div#footer p {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   line-height: 1em;
   padding-top: 2px;
   text-align: left;
   margin: 0;
   position: fixed;
   bottom: 2px;
}

div#footer p a {
   color: #ccc;
}

div#nav {
   clear: both;
   color: #fcc;
   background: transparent; 
   height: 15px;
   width: 80px;
   margin: 0;
   position: fixed;
   bottom: 0;
   right: 0;
   z-index: 10;
}

div#nav a {
   text-decoration: none;
   background-color: inherit;
   color: #666;
}

div#main h1 {
   color: #666; 
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}

div#main h2 {
   color: #666; 
   font-size: 1.5em; 
   text-align: left; 
   padding-left: 0.5em;
   padding-bottom: 1px;
   border-bottom: 1px solid #000; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

div#main h3 {
   color: #666; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

div#main h4 {
   color: #666; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

div#main h5 {
   color: #666; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h6 {
   color: #666; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {
   font-weight: bold;
}

em, i {
   font-style:italic;
}

.button {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #666;
   background: #fff;
   border: 0
}

.lijn {
   border-left: #000 1px solid;  /*bc8433*/
   text-align: justify;
   width: 90%;
   padding: 0.5em 0.5em 1em;
   margin: 0 0.5em 1em 0.5em;
}

.zonderlijn {
   text-align: justify;
   width: 90%;
   padding: 0.5em 0.5em 1em;
   margin: 0 0.5em 1em 0.5em;
}

.titel {
   font-weight: bold;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   text-align: justify;
   width: 90%;
   color: #000;
}

code, pre {
   white-space: pre-wrap; /* css-3 */
   white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
   white-space: -pre-wrap; /* Opera 4-6 */
   white-space: -o-pre-wrap; /* Opera 7 */
   word-wrap: break-word; /* Internet Explorer 5.5+ */
   font-family: "Courier New", Courier, monospace;
   font-size: 1em;
}

pre {
   border: 1px solid #000;
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

div.templatecode {
   margin: 0 0 2.5em; /* top right bottom left */
}

div#main ul,div#main ol,div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
   margin-bottom: 2em;
   padding-bottom: 1em;
   border-bottom: 1px solid #c0c0c0;
}
.image {
   background-image:url('images/affentheater.jpg'); 
   background-repeat: no-repeat;
}
/* Einde van Vormgeving: LeSouffleur */

/* Nieuws */
div#news {
  position: absolute;
  left: 10px;
  bottom: 70px;
  max-width: 270px;
  margin: 2em 0 1em 1em;
  border: 0px solid #000; 
  background: #fefeea;
  color: #999999;
  z-index: 12;
}

div#NewsSummary a,
div#NewsSummary a:link 
div#NewsSummary a:active {
   text-decoration: none;
   background-color: inherit; /* from parent element */
   color: #eeeeee;
}

div#NewsSummary a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #eeeeee;
}

div#NewsSummary a:hover {
   text-decoration: underline;
   color: #eeeeee;
}

div#news h2 {
   line-height: 2em;
   border: 0px solid #000; 
   background: #fefeea;
    z-index: 2;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em;
    margin: 0 0.5em 1em 0.5em;
    border-bottom: 1px none #ccc; 
    z-index: 2;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 15px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px none #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 5px;
  line-height: 140%;
  text-align: justify;
  width: 90%;
}

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}

#NewsPostDetailTitle {
  font-weight: bold;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  text-align: justify;
  width: 90%;
  color: #cc9933;
}

#NewsPostDetailHorizRule {
display: none
}

#NewsPostDetailPrintLink {
}

#NewsPostDetailReturnLink {
}

/* Einde van Nieuws */

/* Navigatie: LeSouffleur */
/* Menu */

#menuwrapper {
   position: absolute;
   right: 30px;
   width: 440px;
   height: 30px;
   display: block;
   z-index: 1;
}
.SM {
   position: absolute;
   height: auto;
   max-height: 600px;
   overflow: auto;
}

#menu li a:hover { 
  background-color: #ddd;
  color: #000;
}
/* Einde van Navigatie: LeSouffleur */

/* Gereedschappen */
/* menu links accesskeys */
span.accesskey {
   text-decoration:none;
}

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* hidden definition tags for menu links */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

a.external {
padding: 0 12px 0 0; /* top right bottom left */
}
a.external:link {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}
a.external:hover {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}

.clearfix:after 
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* Einde van Gereedschappen */