/* ====== 		  */
/*  Main areas  */
/* ====== 		  */

#container
{
	top: 0px;
	width:932px;
	left:50%;
	margin-left:-466px;
	height:auto;
	position:absolute;
}

#header
{
}



/* ====== */
/*  Login */
/* ====== */

.login .loginHeader {
  color: #cc1010;
  font-weight: bold;
  text-align: center;
}

.login .loginLabel {
   font-family: Verdana;
   font-size: 8pt;
   width: 150px;
   padding-right: 5px;
}

.login .loginTextBox {
  width: 272px;
  margin-bottom: 5px;
}

.login .loginButton {
    font-size:11px;
   font-family:Arial,sans-serif;
   height:23px;
   width:90px;
   color:#394350;
   background-image:url(../images/btn-zoek.gif);
   border:0;
   cursor:pointer;
   margin-right: 5px;
}

.login .loginCheckBox {
  font-family: Verdana;
  font-size: 8pt;
  padding-left: 153px;
}

.loggedInUser {
  color: White;
  font-weight: bold;
}


#headerLeft
{
  padding: 0px 0px 0px 0px;
  background-position: 0px 0px;
  height: 86px;
  z-index:auto;
}


#headerLeftpreview
{
  padding: 0px 0px 0px 0px;
  background-position: 0px 0px;
  height: 120px;
  z-index:auto;
}

#headerRight
{
  padding: 0px 0px 0px 10px;
  top: 6px;
  right: 0px;
}


#LeftMenu
{
  height: 800px;
  width: 130px;
  background-repeat: no-repeat;
  padding-top: 20px;
  
  
}

#MainArea
{
  background-position: right bottom;
  background-attachment: fixed;
}

.introArea
{
  background-position: right bottom;
  background-attachment: fixed;  
  width: 800px;
  padding-left : 10px;
 }


.introAreapreview
{
  background-image:url(../images/blok.gif); 
  background-repeat: no-repeat; 
  background-position: left bottom;
  padding-left : 10px;
  width: 800px;
 }


/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.noQueries
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica;
  font-size: small;
  font-weight: bold;
  color: Red;
  text-decoration: none;
  text-transform: none;
}

.requiredFieldError
{
  color: Red;
}

/* ====== 				      */
/*  Global formatting  	*/
/* ====== 				      */

body
{
  margin: 0px;
  padding: 0px;
  font-family: "Avant Garde", Verdana, Arial, Helvetica;
  font-size: small;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  color:#394350;
 }

TD
{
  font-size: 11.0px; 
}

.external_document
{
  font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: normal;
  text-decoration: none;
  color: #cc3300;
}

.lightLabel a, .button a
{
font-family: Arial, Helvetica; 
font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #394350;
}

.lightLabel a:hover, .button a:hover
{
font-family: Arial, Helvetica;  
font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #333399;

}

a
{
  font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: normal;
  text-decoration: none;
  color: #cc3300;
}

a:hover
{
  font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: normal;
  text-decoration: none;
  color: #000000;
}

H1
{
  font-family: Arial, Helvetica; /*  font-size: 1em; */
  font-size: 1.3em;
  font-weight: bold;
  color:#394350;
  text-decoration: none;
}

H2
{
  padding-top: 3px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
  color:#394350;
  font-family: "Verdana", Arial, Helvetica;
  text-decoration: none;
}

UL
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #cc3300;
}

.highlight
{
  font-weight: bold;
  color: #cc3300;
}

/* Special Area's */

#languageFlags
{
  position: absolute;
  top: 25px;
  right: 0px;
}

#innerFlags
{
  background-color: #eeeeee;
  padding-right: 0px;
  padding-left: 5px;
}

.flag
{
  position: relative;
  top: 2px;
}

/* ====== */
/*  TABS  */
/* ====== */

.tabUnderlay
{
  
  border-bottom: 1px solid maroon;
}

#tabRightSpacer
{
  height: 21px;
  border-bottom: 1px solid maroon;
}

* > #tabRightSpacer
{
  height: 20px;

}


#tabLeftSpacer
{
  
  border-bottom: 1px solid maroon;
}


.tab, .activetab
{
  position: relative;
  float: left;
  top: 0;
  left: 5px; /* controls the horizontal position of the tabs */
  height: 20px;
  width: 40px;
  min-width: 40px;
  margin: 0px -5px 0px -5px; /* adjust these left and right margin values to change how much the tabs overlap or are seperated */
  border-collapse: collapse;
  padding: 0px 16px 0px 16px; /* these paddings need to be the same width as the tab end images */
  text-align: center;
  z-index: 2;
}

.tab a, .activetab a
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.tab a:hover, .activetab a:hover
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #cc3300;
}

* > .tab, * > .activetab
{
  width: auto;
}

.activetab
{
  z-index: 3;
}

.tab, .tab a
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #394350;
}

.activetab, .activetab a 
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #cc3300;
}

.activebutton a
{
  font-family: Arial, Verdana, Helvetica;   
  font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #cc3300;
}

.activebutton a:hover
{
  font-family: Arial, Verdana, Helvetica; 
  font-size: 11px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;
  color: #cc3300;
}

.tab a:hover
{
  color: #000000;
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
}

.button a:hover
{
  color: #000000;
  font-size: 11.0px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
}

.tabCenter
{
  height: 21px;
  border-top: 1px solid maroon;
  padding: 0px 3px 0px 3px;
  background: #ffffff;
  border-bottom: 1px solid maroon;

}

* > .tabCenter
{
  height: 19px;
  
}

.activetab .tabCenter
{
  background: #eeeeee;
  border-bottom: 0px solid #eeeeee;
 
 

}


.tabEndLeft, .tabEndRight
{
  position: absolute;
  top: 0;
  height: 21px;
  width: 16px;
  margin: 0;
  border-bottom: 1px solid maroon;
  
}

* > .tabEndLeft, * > .tabEndRight
{
  height: 20px;
}

.activetab .tabEndLeft, .activeTab .tabEndRight
{
  border-bottom: 0px solid #eeeeee;
}


.tabEndLeft
{
  left: 0px;
  background-image: url(../images/tabEndLeft.gif);
}

.tabEndRight
{
  right: 0px;
  background-image: url(../images/tabEndRight.gif);
}

.activetab .tabEndLeft
{
  background-image:url(../images/activeTabEndLeft.gif);
}

.activetab .tabEndRight
{
  
  background-image: url(../images/activeTabEndRight.gif);
}

/* ======           */
/* Leftnav Buttons  */
/* ======           */

.button
{
  text-align: center;
  background-image:url(../images/bgsearchbutton.gif);
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: none;
  border-left-style: none;
  border-right-color: #999999;
  border-left-color: #FFFFFF;
width: 100%;
}



.activebutton
{

  text-align: center;
  background-image:url(../images/bgsearchbutton.gif);
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: none;
  border-left-style: none;
  border-right-color: #FFFFFF;
  border-left-color: #999999;

width: 100%;
}

.checkBox
{
  border: 0px;
  padding-top: 2px;
}

.dark
{
  background: #cccccc;
  vertical-align: top;
}

.light
{
  vertical-align: top;
}

/* ------------ */
/* Search form  */
/* ------------ */

.darkLabel
{
  background: #cccccc;
  vertical-align: middle;
  padding-left: 5px;
  height: 25px;
}

.lightLabel
{
  padding-right: 10px;
  padding-left: 5px;
  background: #dddddd;
  vertical-align: middle;
  height: 25px;
}

.searchFormDropdown, .searchFormTextbox, .listButton
{
  padding-left: 5px;
  padding-right: 10px;
 }

.dualPanelSeparator
{
  text-align: center;
}

.checkBoxCol
{
  padding-left: 1px;
  padding-right: 5px;
  width: 0px;
}

/* =============== */
/* Brief results   */
/* =============== */

.briefResultsTable
{
  width: 600px;
  border-collapse: collapse;
}

.briefResultsTable td
{
  padding: 5px;
  vertical-align: top;
}

.briefThumbnailCell
{
  text-align: right;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px;
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
  border-collapse: collapse;
}

.ArchiveResultsTable td
{
  padding: 0px;
}

.ArchiveThumbnailCell
{
  text-align: right;
}

.active, .active a
{
  background: #cccccc;
  font-weight: bold;
  color: #cc3300;
}

/* ---------------- */
/* Detail display   */
/* ---------------- */

#detailNav
{
  margin-bottom: 20px;
}

#detailNav span
{
  vertical-align: top;
}

.detailTable
{
  width: 100%;
  border: none;
  border-collapse: collapse;
  background: none;
  text-align: left;
  
 
}

.detailTable th
{
  padding-left: 50px;
  background: #cccccc;
  text-align: left;
  color: #000000;
  font-size: 1em;
}

.detailTable td
{
  padding-left: 10px;
  vertical-align: top;
  background-color: #cccccc;
}

.detailSelectionRecordSeperator
{
  height: 2px;
  width: 100%;
  margin: 0;
  border: none;
  padding: 0;
  background: #aaaaaa;
  background-color: #aaaaaa;
  color: #aaaaaa;
}

* > .detailSelectionRecordSeperator
{
  margin: 10px 0 10px 0;
}

/* ------------- */
/* COPYINFO WINDOW  */
/* ------------- */
body#copyInfo
{
  background-color: #eeeeee;
  color: #000000;
  text-align: left;
  padding: 15px;
}

body#copyInfo td
{
  text-align: left;
  border: solid 1px black;
}

body#copyInfo .header
{
  font-weight: bold;
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}


/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  font-family: "Avant Garde", Verdana, Arial, Helvetica;
  font-size: 10.5px;
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}

.helpDiv
{
  border-left: 2px solid #cccccc;
  padding: 10px;
}

.perkament .tdTop
{
  background-image: url(../images/perkament-top.gif);
  width: 600px;
  height: 78px;
}

.perkament .tdMiddle
{
  background-image: url(../images/perkament-middle.gif);
  width: 400px;
  background-repeat: repeat-y;
  text-align: justify;
}

.perkament .tdBottom
{
  background-image: url(../images/perkament-bottom.gif);
  width: 600px;
  height: 202px;
}


/* ------------- */
/* CART WINDOW   */
/* ------------- */

.reserveButton a
{
  font-weight: bold;
  color: #cc3300;
}

.termsAndConditionsDownloadButton
{
  text-align: center;
  background-color: #EEEEEE;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #555555;
  border-left: 2px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}


/* ------------- */
/* zoekbutton    */
/* ------------- */

.zoekbutton
{
   font-size:11px;
   font-family:Arial,sans-serif;
   height:23px;
   width:90px;
   color:#394350;
   background-image:url(../images/btn-zoek.gif);
   border:0;
   cursor:pointer;
}

/* ------------- */
/* wisbutton    */
/* ------------- */

.wisbutton
{
   font-size:11px;
   font-family:Arial,sans-serif;
   height:23px;
   width:35px;
   color:#394350;
   background-image:url(../images/btn-wis.gif);
   border:0;
   cursor:pointer;
}

/* IP management */
#ipManagement #description {
  position: absolute;
  margin: 0px 0 0 25px;
  color: #c33030;
  font-weight: bold;
  font-size: large; 
}

#ipManagement #actionButton {
  position: absolute;
  margin: 30px 0 0 25px;
}

#ipManagement #operationSuccessFully {
  position: absolute;
  margin: 36px 0 0 170px;
}


/* ---------------- */
/* Comments   */
/* ---------------- */
.showLinkedData, .addComment {
  padding-top: 25px;
  width: 600px;
}

#detailComment {
  width: 600px;
}

.addComment td, #detailComment td {
  padding-left: 10px;
}

.showLinkedData table, .addComment table {  
  width: 100%;
}

.showLinkedData .detailCommentsTable {
  border: none;
  background: none;
  text-align: left;
}

.showLinkedData .detailCommentsTable th, .addComment .addCommentTable th, #detailComment th {
  padding-left: 10px;
  text-align: left;
  vertical-align: top;
  background-color: #CC1010;
  color: White;
  height: 25px;
}

.showLinkedData .detailCommentsTable .loginLogoutButton {
  position:absolute;
  width: 30px;
}

.showLinkedData .detailCommentsTable .header {
  position:absolute;
  margin: 3px 0 0 40px;
}

.showLinkedData .detailCommentsTable tr {
  vertical-align: top;
}

.showLinkedData .detailCommentsTable .evenRow {
  background-color: White;
}

.showLinkedData .detailCommentsTable tr .date {
  padding-left: 10px;
  width: 75px;
}

.showLinkedData .detailCommentsTable tr .name {
  width: 93px;
}

.showLinkedData .detailCommentsTable tr .comments {
}

.addComment #showFormImage {
  position: absolute;
}

.addComment #showFormLink {
  position: absolute;
  margin-left: 20px;
}

.addComment .addCommentTable td.label {
  vertical-align: top;
  text-align: left;
  width: 183px;
}

.addComment .addCommentTable input {
  width: 401px;
}

.addComment .addCommentTable textarea {
  width: 401px;
  height: 136px;
}