/* rood: #AD150A
geel: #FFEFC6
*/

html, body
{
    padding: 0px;
    margin: 0px;
    background-color: white;
    background-image: url(pics/background.gif);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 11px;
    white-space: normal;
    height: 100%;
}

/*ALGEMEEN start*/
table
{
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 0px;
}

td
{
    text-align: left;
    vertical-align: top;
    border: 0;
}
/*ALGEMEEN einde*/


/*MASTERPAGE start*/
#mastertable
{
    color: Black;
    height: 100%;
    width: 100%;
}

#mastertable td.menulogo
{
    color: #FFEFC6;
    background-color: #AD150A;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 150px;
}

#mastertable td.menuborder
{
    background-image: url(pics/menuborder.gif);
    background-position: left;
    background-repeat: repeat-y;
    width: 25px;
}

#mastertable td.menu
{
    color: #FFEFC6;
    background-color: #AD150A;
    white-space: nowrap;
}

#mastertable tr.menuTopRow
{
    height: 120px;
}

#mastertable tr.menuMainRow
{
    height: 99%;
}

#mastertable tr.menuFooterRow
{
    height: 50px;
}

#mastertable .IE8Fix
{
    z-index: 100;
}
/*MASTERPAGE Einde*/

/*FULLSIZE PICS Start*/
#fullsizepics, #fullsizeaffiche
{
    height: 100%;
    width: 100%;
    background-color: black;
}

#fullsizepics td.pic, #fullsizeaffiche td.pic
{
    text-align: center;
    width: 99%;
}

#fullsizepics td.exit, #fullsizeaffiche td.exit
{
    white-space: nowrap;
    text-align: right;
}
/*FULLSIZE PICS Einde*/


/* 
table
{
	margin: 0px; /* blijkbaar noodzakelijk voor de treeview?!*/


h1
{
    font-size: 20px;
}

H2, .TitleRed
{
    color: #AD150A;
    font-size: 18px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
}

/* 
td
{
	vertical-align: top;
	white-space: normal;
}
*/

tr.highlight:hover
{
    background-color: Orange;
    cursor: hand;
}

td.datalabel
{
    white-space: nowrap;
}

a.menu:link, a.menu:active, a.menu:visited
{
    color: #FFEFC6; /*background-color: #AD150A;*/
    text-decoration: none;
}

a.menu:hover
{
    background-color: orange;
    color: Black;
    text-decoration: none;
}

a:link, a:visited, a:active
{
    color: #AD150A;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

.biglink
{
    font-size: large;
    font-weight: bold;
}


.accordionHeader /*header pane voor een accordion*/
{
    background-color: Lime;
    font-size: 15px;
    font-weight: bold;
}

.accordionHeader:hover
{
    background-color: Yellow;
    cursor: hand;
}

.data
{
    font-weight: bold;
}

.numdata
{
    text-align: right;
    font-weight: bold;
}

.label
{
    font-style: italic;
}

td.dataentry
{
    text-align: left;
    width: 90%;
}

.dataentry /*textboxes*/
{
    width: 80%;
}

.messageSuccess
{
    color: Blue;
    font-weight: bold;
}

.messageFailure, .error
{
    color: red;
    font-weight: bold;
}

li
{
    list-style-position: inherit;
    list-style: square url(pics/bullet.gif);
}

.SavedAt
{
    color: #AD150A;
    font-size: 0.8em;
    font-style: italic;
}

.CurrentContent
{
    background-color: Lime;
}

a.WhiteLink
{
    color: White;
    font-weight: bold;
    font-size: large;
}


/*PICTURES Start*/

/*PICTURES Einde*/


/*#expandableHeader*/
#expandableHeader .panelHeader
{
    width: 100%;
    height: 20px;
    background-image: url(pics/panelheader.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    color: white;
    background-color: Orange;
}
#expandableHeader .expandText
{
    font-size: 8px;
    font-style: italic;
}

/*#expandableContent*/
#expandableContent .panelHeader:hover
{
    background-color: yellow;
    cursor: hand;
}

#expandableContent .metadata
{
    font-style: italic;
    font-size: 9px;
}

#expandableContent hr
{
    width: 80%;
    text-align: center;
}

/*#ModelPopUp*/
.ModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
    visibility: hidden;
}

.ModalBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*Stoelen Zaalplan START*/
.Verhoog0
{
    background-color: white;
}

.Verhoog1
{
    background-color: yellow;
}
.Verhoog2
{
    background-color: gold;
}
.Verhoog3
{
    background-color: orange;
}
.RowHeader
{
    font-weight: bold;
}
/*Stoelen Zaalplan EINDE*/

/*verwerking Reservatie START*/
.tabselected
{
    font-size: x-large;
    font-weight: bold;
    background-color: gold;
}
.tabnotselected
{
    font-size: large;
    font-weight: normal;
    background-color: Transparent;
}
/*verwerking Reservatie EINDE*/


/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url(pics/rating/filledstar.png);
}

.emptyRatingStar
{
    background-image: url(pics/rating/emptystar.png);
}

.savedRatingStar
{
    background-image: url(pics/rating/savedstar.png);
}