/* ============================== */
/* Voor algemene site constructie */
/* ============================== */

.body { width: 930px; }

#titlebar { width: 930px; height: 100px; padding: 0px; 
border: #FF9900; border-style: solid; border-top-width: 1px; 
background-image:url('titlebar.jpg'); background-repeat: no-repeat;
border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px }

#copyright { height: 25px; width: 930px; color: #ffffff; text-decoration: none;  font-weight: 600; 
font-family: verdana, arial, sans-serif; font-size: 8pt; text-align: center; 
border: #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px; background-color: #000000 }

.navigation, .navigation-nobg  
{ width: 165px; color: #ffffff; text-decoration: none; padding: 0px;
font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt; 
border: #FF9900; border-style: solid; border-top-width: 0px; background-color: #28282C;
border-bottom-width: 0px; border-right-width: 0px; border-left-width: 1px; }

.navigation-right, .navigation-right-nobg 
{ width: 165px; color: #ffffff; text-decoration: none; padding: 0px;
font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt; 
border: #FF9900; border-style: solid; border-top-width: 0px; background-color: #28282C;
border-bottom-width: 0px; border-right-width: 1px; border-left-width: 0px; }

.navigation-right, .navigation
{ background-image:url('nav-bg.jpg'); background-repeat: no-repeat; background-position: 100% 100%}

#content {width: 600px; padding: 5px; color: #ffffff; text-decoration: none; font-weight: 300; background-color: #28282C;
font-family: verdana, arial, sans-serif; font-size: 10pt; border: #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px}

#content-offline {width: 765px; padding: 5px; color: #ffffff; text-decoration: none; font-weight: 300; background-color: #28282C;
font-family: verdana, arial, sans-serif; font-size: 10pt; border: #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px}

.small-tag {width: 225px; padding: 5px; color: #FF9900; text-decoration: none;  font-weight: 300; background-color: #3F0102;
font-family: verdana, arial, sans-serif; font-size: 8pt; border: #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 1px; border-right-width: 0px; border-left-width: 0px; float: right}

.sloganbar, .menubar { font-family: verdana, arial, sans-serif; font-size: 8pt; font-weight: 300; border: #FF9900; 
border-style: solid; height: 20px; color: white; background-image:url('sloganbar-bg.gif'); background-repeat: repeat-x }

.sloganbar { border-top-width: 1px; border-bottom-width: 0px; border-right-width: 1px; border-left-width: 0px; text-align: right }

.menubar { border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 1px; text-align: left;
text-indent: 5px; }

/* ======================================= */
/* Picture Galleries                       */
/* ======================================= */

/* Titelkopjes voor categorieën in de index */
.cattitle { color: #FF9900; text-decoration: none;  font-weight: 600; 
font-family: verdana, arial, sans-serif; font-size: 11pt; }

.catheader { border: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 1px; border-right-width: 0px; 
border-left-width: 0px; width: 100%; }

.gallheader { border: #9494A4; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 0px; text-indent: 3px;
border-left-width: 0px; background-color: #1F1F22; background-image:url('gallheader-bg.gif'); background-repeat: repeat-x; line-height: 19px;
font-size: 8pt; }

/* Wordt gebruikt voor de thumbnails van fotogallerijen */
.thumbnail, .thumbnail-admin 
{ width: 20%; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt; color: white; text-align: center; 
margin-left: 0px; margin-right: 0px; margin-bottom: 3px; margin-top: 3px; padding: 0px; float: left; }

.thumbnail-admin { height: 125px}

/* Wordt gebruikt voor de categorie-namen in de overzichtslijsten */
.cat-nameholder { width: 50%; margin-left: 0px; margin-right: 0px; margin-bottom: 1px; margin-top: 1px; padding: 0px; float: left; }

/* Gallerij cellen op overzichtslijsten */
.table-gallery { padding: 0px; float: left; width: 49%; border: #9494A4; border-style: solid; border-top-width: 0px; 
border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px; margin-right: 5px; margin-bottom: 5px;
background-color: #38383E; background-image:url('gallcell-bg.jpg'); background-repeat: no-repeat; background-position: 100% 100% }

/* ======================================= */
/* Algemene instellingen zoals links en al */
/* ======================================= */

body { background-color: black}

img { border: 0px }

.space { width: 100%; height: 30px; }


.quoteheader { color: #FF9900; text-decoration: none;  font-weight: 600; width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 0px;
margin-top: 10px; background-color: black; font-family: verdana, arial, sans-serif; font-size: 8pt; padding: 3px;
background-color: #44444B; border: #ffffff; border-style: dotted; border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px; 
border-top-width: 1px; background-image:url('gallheader-bg.gif'); background-repeat: repeat-x; } 
.quote { color: white; text-decoration: none;  font-weight: 300; width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 10px;
margin-top: 0px; background-color: black; font-family: verdana, arial, sans-serif; font-size: 8pt; padding: 3px;
background-color: #44444B; border: #ffffff; border-style: dotted; border-width: 1px; 
background-image:url('quote-bg.jpg'); background-repeat: no-repeat; background-position: 50% 50% } 


.edge-orange { border: #ff9900; border-style: solid; border-width: 1px } 
.edge-blue { border: #7D7D89; border-style: solid; border-width: 1px } 
.edge-red { border: #ff0000; border-style: solid; border-width: 1px } 
.edge-white { border: #ffffff; border-style: solid; border-width: 1px}

.divider { width: 85%; border: #FF9900; border-style: solid; border-top-width: 1px; border-bottom-width: 0px; 
border-right-width: 0px; border-left-width: 0px; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px }

a:link, a:visited, a:active 
{ color: #FF9900; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt }
a:hover { color: #ffffff; text-decoration: underline; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt }

a.nav:link, a.nav:visited, a.nav:active 
{ color: #FF9900; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt }
a.nav:hover { color: #ffffff; text-decoration: underline; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt }

a.link:link, a.link:visited, a.link:active 
{ color: #FF9900; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 10pt }
a.link:hover { color: #ffffff; text-decoration: underline; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 10pt }


.newsheader { background-color: #000000; border: #FF9900; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; 
border-right-width: 0px; border-left-width: 0px; background-image:url('h6-bg.gif'); background-repeat: repeat-x } 
/* background-image:url('h6-bg.gif'); background-repeat: repeat-x */

.news-linksbar { background-color: #44444B; color: #ffffff; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt}

.bg-grey { background-color: #44444B; }

.text-small, .cat-nameholder 
{ font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt; color: white; }
.text-normal { font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 10pt; color: white; }
.text-red-bold { font-weight: 600; font-family: verdana, arial, sans-serif; font-size: 10pt; color: red; }

.code { color: #FF9900; text-decoration: none;  font-weight: 300; width: 85%; margin-left: auto; margin-right: auto; margin-bottom: 10px;
margin-top: 10px; font-style: italic; background-color: black; font-family: verdana, arial, sans-serif; font-size: 8pt; padding: 3px}

.padding-three { padding: 3px;  }

/* Navigatiemenu lijsten met achtergrondplaatje; */
.nav-menu 
{ padding: 3px; background-image:url('nav-bg.jpg'); background-repeat: no-repeat; background-position: 100% 100%; }
.nav-menu-nobg 
{ padding: 3px; }

.paddingless { padding: 0px; }

.table-zero-all { padding: 0px; border: 0px;}
  
.faq-question { color: #FFB14D; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 10pt; }

.disclaimer { color: #ffffff; text-decoration: none; font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt;
background-color: #28282C; border: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; 
border-right-width: 1px; border-left-width: 1px; text-align: center  } 

.disclaimer-text { color: #ff9900; text-decoration: none; font-weight: 600; font-family: verdana, arial, sans-serif; font-size: 8pt; text-align: center} 

.h1 { color: #FF9900; text-decoration: none;  font-weight: 300; text-align: center; width: 85%;
font-family: verdana, arial, sans-serif; font-size: 14pt; border: #FF9900; margin-left: auto; margin-right: auto; margin-bottom: 30px;
border-style: solid; border-top-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-left-width: 0px }

.h2 { font-family: verdana, arial, sans-serif; font-size: 8pt; font-weight: 600; background-color: black; border: #FF9900; text-indent: 3px;
border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 0px; border-left-width: 0px; height: 15px; color: white;
background-image:url('h2-bg.gif'); background-repeat: repeat-x } 
/* background-image:url('h2-bg.gif'); background-repeat: repeat-x */

.h3 { color: #FF9900; text-decoration: none;  font-weight: 600; font-family: verdana, arial, sans-serif; font-size: 10pt;  }

.h4 { color: #FFFFFF; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; font-size: 8pt }

.h5 { color: #FF9900; text-decoration: none;  font-weight: 300; width: 99%; padding: 2px;
font-family: verdana, arial, sans-serif; font-size: 10pt; border: #FF9900; background-color: black; line-height: 20px;
background-image:url('h2-bg.gif'); background-repeat: repeat-x; border: #ff9900; border-style: solid; border-width: 1px }

.h6 { color: #FFFFFF; text-decoration: none;  font-weight: 600; width: 99%; padding: 3px; margin-top: 25px;
font-family: verdana, arial, sans-serif; font-size: 10pt; border: #FF9900; background-color: black; 
border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 0px; border-left-width: 0px; 
background-image:url('h6-bg.gif'); background-repeat: repeat-x } 
/* background-image:url('h6-bg.gif'); background-repeat: repeat-x */

.pagelinks-namelabel { color: #FFFFFF; text-decoration: none; font-weight: 600; font-family: verdana, arial, sans-serif; text-align: center;
font-size: 8pt; background-color: #000000; padding: 5px; border: 1px solid #FF9900; border-top-width: 1px; border-bottom-width: 1px; 
border-right-width: 0px; border-left-width: 1px; }

.pagelinks-numbers { color: #FFFFFF; text-decoration: none; font-weight: 600; font-family: verdana, arial, sans-serif; 
font-size: 8pt; background-color: #000000; padding: 5px; border: 1px solid #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px; background-image:url('h6-bg.gif'); 
background-repeat: repeat-x }

/* ========================================== */
/* Classes voor de Admin panel.               */
/* ========================================== */

.admin-invisible { background-color: #B60000; text-align: center; font-size: 10pt; font-weight: 300; font-family: verdana, arial, sans-serif; 
padding: 3px; width: 60%; border: #ffffff 1px dotted; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px }

#admin-content {width: 765px; padding: 5px; color: #ffffff; text-decoration: none; font-weight: 300; background-color: #28282C;
font-family: verdana, arial, sans-serif; font-size: 10pt; border: #FF9900; border-style: solid; border-top-width: 1px; 
border-bottom-width: 0px; border-right-width: 1px; border-left-width: 1px}

/* ========================================== */
/* Classes gedefineerd voor het reviewsysteem */
/* ========================================== */

.review-header { color: #FFFFFF; text-decoration: none; font-weight: 600; font-family: verdana, arial, sans-serif; 
font-size: 8pt; background-color: #000000; padding: 3px; border: 1px solid #FF9900; background-image:url('h6-bg.gif'); 
background-repeat: repeat-x }

.reviewlist { color: #FFFFFF; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; 
font-size: 10pt; padding: 3px; border-color: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; 
border-right-width: 1px; border-left-width: 1px}

.ratingframe { color: #ff9900; text-decoration: none;  font-weight: 300; font-family: verdana, arial, sans-serif; 
font-size: 16pt; padding: 3px; border-color: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 1px; 
border-right-width: 1px; border-left-width: 1px; background-color: #3F0102; text-align: center; width: 123px}

.score { color: #ffffff; text-decoration: none;  font-weight: 600; font-family: verdana, arial, sans-serif; 
font-size: 10pt; padding: 2px; border-color: #FF9900; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; 
border-right-width: 1px; border-left-width: 1px; background-color: #000000; text-align: center; width: 125px;
background-image:url('gallheader-bg.gif'); background-repeat: repeat-x; }

.tablecontent {color: #ffffff; text-decoration: none;  font-weight: 300; background-color: #28282C; font-family: verdana, arial, sans-serif; 
font-size: 10pt; border: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 1px; 
border-right-width: 1px; border-left-width: 1px;}

.table-border { border: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 0px; 
border-right-width: 1px; border-left-width: 0px;  }

/* ================================================== */
/* Invoervelden en Javascript-knoppen van formulieren */
/* ================================================== */

.field { background-color: #000000; border: 1px solid #FF9900; color: #FFFFFF; font-size: 10pt; font-family: verdana,sans-serif }
.buttontext { border: #FF9900 1px solid; font-size: 10px; background: #000000; text-decoration: none; color: #ffffff; height: 15px }
.buttontext-small { border: #FF9900 1px solid; font-size: 8pt; background: #000000; text-decoration: none; color: #ffffff; height: 15px }
.dropdown-small { font-size: 8pt; font-family: verdana,sans-serif; }

.tag-items { font-family: verdana, 'Times new Roman', arial; font-size: 8pt; color: #ffffff }

.tag-borderless { border-style: none}

.tag-menutable { background: #28282C; border-style: none }

.tag-inputtext { font-weight: 300; font-size: 12px; color: #ffffff; font-family: Verdana, 'Times new Roman', Arial; 
text-decoration: none; background-color: #000000; border: #FFB14D 1px solid }

.tag-button { border: #FFB14D 1px solid; font-size: 10px; background: #000000; text-decoration: none; color: #FFFFFF;
height: 20px; font-weight: 600 }

.tag-subtext	{ font-family: Verdana, 'Times new Roman', Arial; font-size: 8pt; color: #ffffff }

.tag-maintext	{ font-family: Verdana, 'Times new Roman', Arial; font-size: 8pt; color: #ffffff }

.tag-tagboard   { width:100%; height:200px; overflow:auto }

.window-head { font-family: verdana, sans-serif;  font-size: 14px; color: #FF9900; background-color:#000000; font-weight: 600;
padding: 3pt; border: #FF9900; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px;  }

.window-content { font-family: verdana, sans-serif;  font-size: 10pt; color: white; background-color:#28282C; font-weight: 300;
padding: 3pt; border: #FF9900; border-style: solid; border-top-width: 0px; border-bottom-width: 1px; border-right-width: 1px; border-left-width: 1px;  }