/** CSS Document **/

table {

}
body {
	background: #ffffcc url(images/back.jpg);
	color: #332222;
}

h1 {
	text-align: center;
}

a {
	color: #332222;
}

a.menu {
	text-decoration: none;
	font-family: Courier New, Courier, mono;
	color: #332222;
}

a.menu:hover {
	text-decoration: underline;
}


table.tabel {
	margin: 0px 0px 15px 0px;
	border: solid #443322 2px;
	background-color: #ffffbb;
    box-shadow: 1px 1px 3px #666666;
}

td.titel {
	color: #ffffff;
	background: #88552f;
	padding: 1px 4px 1px 4px;
	font-weight: bold;
	text-align: center;

}

td.titel a {
	color: #FFFFFF;
	text-decoration: none;
	/* display: block; */
}

td.titel a:hover {
	text-decoration: underline;
}

td.inh, td.inhoud {
	padding: 2px 4px 2px 4px;
}

span.adminmenu {
	background-color: #ffb; 
	border: solid #322 2px; 
	padding: 1px 5px 1px 5px;
}

.inhoud a img {
    border: solid #855533 2px;
}

/** Agenda column / row styles **/

.agenda tr.subtitel {
    background-color: #ffee99;
    font-weight: bold;
}
.agenda tr.normal {
    background-color: transparent;
}
.agenda tr.alt {
    background-color: #ffee99;
}
.agenda tr td {
    border-right: solid #855533 1px; 
    vertical-align: top;
}
.agenda tr td.first {
    border-left: solid #855533 1px; 
    border-right: solid #855533 1px; 
}
.agenda tr.subtitel td {
    border-bottom: solid #855533 1px;
}
.agenda tr.last td {
    border-bottom: solid #855533 1px;
}


/** Agenda info popup styles **/
.agenda .popup {
    position: relative;
}
.agenda .popup table {
    position: absolute;
    visibility: hidden;
    background-color: #ffffcc; 
    border: solid #443322 2px;
    left: 0px;
    box-shadow: 1px 1px 3px #666666;
}
.agenda .popup table td {
    border-width: 0px;
    white-space: nowrap;    
}
.agenda .popup table td.content {    
    padding: 3px 5px;
}
.agenda .info { /* The letter i for the popup */
    font-weight: bold;
    font-style: italic;
}


/** Agenda content specifics **/

.agenda .date, .agenda .time, .agenda .price {
    text-align: center;
    white-space: nowrap;
}

.agenda .date {
    width: 56px;
}
.agenda .time {
    width: 38px;
}
.agenda .item {
    width: 150px;
}
.agenda .artist {
    width: 160px;
}
.agenda .location {
    width: 150px;
}
.agenda .place {
    width: 120px;
}
.agenda .price {
    width: 48px;
}

/** Agenda info attributes **/

.agenda .attribute {
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
    margin: 2px 0px;
}

.agenda div.flyer {
    background: transparent url(/images/pdf.gif) no-repeat 0% 50%;
}

.agenda div.phone {
    background: transparent url(/images/phone.png) no-repeat 0% 50%;
}
.agenda div.globe {
    background: transparent url(/images/globe_icon.gif) no-repeat 0% 50%;
}


/** Gastenboek styles **/

.gbleft {
    float: left;
}
.gbright {
    float: right;
}

/** Animated dancing image **/
#dancing {
    display: none;
}


/** Agenda **/
.agenda_afgelast {
    font-weight: bold;
    color: red;
}
.agenda_uitverkocht {
    font-weight: bold;
    color: red;
}

/** Admin agenda **/
.agenda_form div.checkboxes .item {
    display: inline-block;
    width: 150px;
    margin: 3px;
}

.agenda_form div.checkboxes .item label:hover {
    cursor: pointer;
}

.agenda_form div.checkboxes .item label span {
    width:  90px;
    display: inline-block;
}
