/*standaard html onderdelen*/
body,html {
margin: 0px;
padding: 0px;
}

body {
font-family: 'Calibri', 'Trebuchet MS';
font-size: 14px;
color: #3f3931;
background: #e6e5d9 url('../images/theme/vd/back_body_small.jpg') top center;
-webkit-text-size-adjust: none;
}

@media screen and (min-width: 1025px) {
	body {
	background: url('../images/theme/vd/back_body_large.jpg') top center;
	}
}

input, select, textarea {
padding-left: 2px;
padding-right: 2px;
}

select {
font-size: 11px;
}

img {
border: 0px;
}

table {
border-collapse: collapse;
width: 100%;
}

table img {
margin: 0px;
}

table a {
background: none;
}

td{
padding: 2px;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}

h1, h2, h3, h4, p, form {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
}

hr {
border: 0;
color: #f1a328;
background-color: #f1a328;
height: 1px;
width: 80%;
margin: 0px auto;
padding: 0px;
clear: both;
text-align: center;
}

blockquote {
padding: 0px 10px;
margin: 10px;
}

ul {
list-style-type: square;
}

/*onderhoudsmededeling*/
.maintenance-text {
background: #ffffe1;
font-size: 1.1em;
text-align: center;
padding: 4px 0px;
border-bottom: solid 1px #000;
color: #000;
}

.maintenance-text a {
color: #ff6000;
}

/*de positioning en opmaak van de onderdelen site*/
.wrap {
width: 100%;
padding: 0px;
margin: 0px;
}

div.top {
width: 100%;
height: 12px;
background: #43165e;
}

.header-wrap {
width: 100%;
height: 210px;
}

.header {
width: 960px;
height: 210px;
padding: 0 10px;
margin: 0px auto;
background: url('../images/theme/back_header.png') no-repeat left top;

}

.header a.home {
height: 141px;
width: 960px;
display: block;
}

div.header div.menu-wrap div.menu-toplevel {
background: #43165e;
font-family: 'Garamond', 'Times new Roman', 'serif';
text-transform: uppercase;
font-size: 16px;
}

div.header div.menu-wrap div.menu-toplevel ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div.header div.menu-wrap div.menu-toplevel ul li {
float: left;
display: block;
}

div.header div.menu-wrap div.menu-toplevel ul li a {
padding: 7px 15px;
color: #fff;
font-weight: bold;
display: inline-block;
}

div.header div.menu-wrap div.menu-toplevel ul li a:hover {
color: #bca77d;
}

div.header div.menu-wrap div.menu-sublevel {
background: rgba(255, 255, 255, 0.7);
font-family: 'Garamond', 'Times new Roman', 'serif';
text-transform: uppercase;
}

div.header div.menu-wrap div.menu-sublevel ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div.header div.menu-wrap div.menu-sublevel ul li {
float: left;
display: block;
}

div.header div.menu-wrap div.menu-sublevel ul li a {
padding: 5px 10px;
color: #7f7460;
font-weight: bold;
display: inline-block;
}

div.header div.menu-wrap div.menu-sublevel ul li a:hover {
color: #c6af39;
}

/* 

/*de rest van het frame*/
.main-wrap {
width: 100%;
}

.main {
width: 960px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
}

/*general waarschuwingen*/
.general-error {
display: block;
padding: 3px 0px 3px 30px;
background: #fab9a0;
border: solid 1px #cf3d04;
margin: 0px 0px 2px 0px;
color: #3d3d3d;
}

.general-error a {
color: #cf3d04;
}

.general-warning {
display: block;
padding: 3px 0px 3px 30px;
background: #fff8b1;
border: solid 1px #f79d00;
margin: 0px 0px 2px 0px;
color: #3d3d3d;
}

.general-warning a {
color: #f79d00;
}

.general-info {
display: block;
padding: 3px 0px 3px 30px;
background: #e2eaf5;
border: solid 1px #88a3c9;
margin: 0px 0px 2px 0px;
color: #3d3d3d;
}

.general-info a {
color: #88a3c9;
}

.general-error img, .general-warning img, .general-info img {
vertical-align: middle;
}

/* menu links */
div.submenu-left {
width: 220px;
padding: 10px 10px 0 10px;
margin: 0 10px 0 0;
background: rgba(255, 255, 255, 0.7);
float: left;
}

div.submenu-left a {
color: #43165e;
}

div.submenu-left ul {
margin: 0 0 10px 0;
padding: 10px;
list-style-type: none;
}

div.submenu-left div.item ul {
padding: 0;
}

div.submenu-left ul li {
padding: 3px 0;
border-bottom: solid 1px rgba(189, 176, 159, 0.7);
}

div.submenu-left ul li:last-child {
border: none;
}

div.submenu-left ul li a {
color: #43165e;
}

div.submenu-left ul li a:hover {
text-decoration: underline;
}

/*de pagina zelf*/
div.text {
width: 440px;
padding: 10px 10px 0 10px;
margin: 0 10px 0 0;
float: left;
background: rgba(255, 255, 255, 0.7);
float: left;
}

/* menu rechts */
div.submenu-right {
width: 220px;
padding: 10px 10px 0 10px;
margin: 0 0 0 0;
background: rgba(255, 255, 255, 0.7);
float: left;
}

div.submenu-right a.latest-album img {
width: 220px;
height: 220px;
margin: 0 0 0px 0;
}

div.submenu-right div.order-latest-album {
text-align: center;
margin: 0 0 10px 0;
}

div.submenu-right a.order-latest-album {
background: url('../images/theme/back_submenu_order.png');
color: #43165e;
display: inline-block;
text-transform: uppercase;
width: 173px;
height: 17px;
padding: 5px 10px 4px 14px;
text-align: left;
}

div.submenu-right ul.concerts {
margin: 0 0 10px 0;
padding: 0px;
list-style-type: none;
}

div.submenu-right ul.concerts li {
padding: 0 0;
margin: 0 0 2px 0;
border: none;
}

div.submenu-right ul.concerts li:last-child {
border: none;
}

div.submenu-right ul.concerts li span, div.submenu-right ul.concerts li a {
display: inline-block;
padding: 3px 5px;
}

div.submenu-right ul.concerts li span.date {
margin: 0 2px 0 0;
width: 40px;
text-align: center;
font-weight: bold;
background: rgba(189, 176, 159, 0.5);
}

div.submenu-right ul.concerts li span.special {
background: rgba(189, 176, 159, 0.8);
color: #fff;
}

div.submenu-right ul.concerts li a {
width: 158px;
color: #43165e;
background: rgba(189, 176, 159, 0.5) url('../images/theme/back_submenu_more.png') no-repeat 145px center;
}

div.submenu-right ul li a:hover {
text-decoration: underline;
}


div.submenu-right div.albums {
margin: 0 0 10px 0;
}

div.submenu-right ul.albums {
margin: 0;
padding: 0;
list-style-type: none;
}

div.submenu-right ul.albums li {
float: left;
margin: 0 5px 0 0;
height: 70px;
width: 70px;
}

div.submenu-right ul.albums li:last-child {
margin: 0;
}

div.submenu-right ul.albums li a img {
height: 70px;
width: 70px;
}

/* algemeen voor alle drie de kolommen */
h3.item-header {
font-family: 'Garamond', 'Times new Roman', 'serif';
text-transform: uppercase;
font-size: 18px;
padding: 8px 10px 6px 10px;
margin: 0 0 10px 0;
background-position: right top;
background-repeat: no-repeat;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}

h3.welkom-header {
background-image: url('../images/theme/vd/back_item_header_welkom.png');
}

h3.albums-header {
background-image: url('../images/theme/vd/back_item_header_albums.png');
}

h3.liederen-header {
background-image: url('../images/theme/vd/back_item_header_liederen.png');
}

h3.missie-header {
background-image: url('../images/theme/vd/back_item_header_missie.png');
}

h3.band-header {
background-image: url('../images/theme/vd/back_item_header_band.png');
}

h3.concerts-header {
background-image: url('../images/theme/vd/back_item_header_concerts.png');
}

h3.tourdata-header {
background-image: url('../images/theme/vd/back_item_header_tourdata.png');
}

.item {
background: rgba(189, 176, 159, 0.4);
padding: 10px;
margin: 0 0 10px 0;
}

/*de footer*/
.footer-wrap {
width: 100%;
height: 200px;
margin: 0px;
padding: 0px;
}

.footer {
width: 900px;
text-align: right;
font-size: 0.8em;
padding: 4px 10px 3px 0px;
margin: 0px auto;
color: #4a4a4a;
}

.footer a{
color: #808080;
}

.footer a:hover {
text-decoration: none;
color: #e3e27d;
}

.footer img {
vertical-align: middle;
}

/*EINDE POSITIONERING*/


/*algemene zaken*/
.clear {
clear: both;
line-height: 0px;
height: 0px;
overflow: hidden;
}

.mod-today{
font-weight: bold;
}

.frontpage-message {
background: #333333;
color: #fff;
text-align: center;
margin: 0px auto 10px auto;
padding: 5px 0px;
border-top: solid 1px #59a4f1;
border-bottom: solid 1px #59a4f1;
width: 400px;
}

.frontpage-message img {
vertical-align: bottom;
}

ul.check-list {
list-style-type: square;
list-style-image: url('../images/check.gif');
margin: 0px 0px 0px 20px;
padding: 0px;
}

.comment {
font-size: 0.9em;
font-style: italic;
}

span.browser-warning {
display: none;
}

div.overlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background: url('../images/theme/back_overlay.png');
text-align: center;
}

/*EINDE ALGEMEEN*/

/*de opmaak van de standaard pagina's*/
.content {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 18px;
}

div.content h1 {
font-family: 'Garamond', 'Times new Roman', 'serif';
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
color: #43165e;
margin: 0 0 15px 0;
}

.content h2 {
font-size: 30px;
letter-spacing: -1px;
padding: 0px 0px 3px 0px;
margin: 10px 0px 6px 0px;
font-weight: bold;
}

.content h3 {
font-size: 20px;
margin: 14px 0px 2px 0px;
font-weight: bold;
}

.content h4 {
font-size: 16px;
margin: 6px 0px 4px 0px;
font-weight: bold;
}

.content a , a.content {
color: #43165e;
}

.content a img {
vertical-align: bottom;
}

.content a:hover , a:hover.content{
text-decoration: underline;
color: #43165e;
}

.content ul, .content ol {
margin: 10px 0px 10px 20px;
}

.content p {

}

.content p.info {
font-size: 0.8em;
margin: 0px 0px 10px 0px;
display: block;
color: #7e7e7e;
}

/* sela- kopjes */
.themed-colors {
background: #c6b47b;
color: #fff;
}

a.true-link {
background: url('../images/theme/back_submenu_order.png');
color: #43165e;
display: inline-block;
text-transform: uppercase;
width: 173px;
height: 17px;
padding: 5px 10px 4px 14px;
text-align: left;
float: right;
}

a.true-link:hover {
color: #43165e;
text-decoration: underline;
}

span.true-link-sold-out {
background: url('../images/theme/back_submenu_order.png');
color: #43165e;
display: inline-block;
text-transform: uppercase;
width: 173px;
height: 17px;
padding: 5px 10px 4px 14px;
text-align: left;
float: right;
}

span.true-link-sold-out img {
vertical-align: middle;
}

/*tabellen*/
tbody tr th {
text-align: left;
}

tbody tr.year th {
font-size: 1.3em;
padding: 10px 0px 0px 0px;
}

tbody tr.month th {
font-size: 1.1em;
padding: 5px 0px 0px 0px;
}

.tr-even td, .tr-odd td, .tr-over td {
padding: 2px 3px;
font-size: 0.9em;

border-bottom: solid 1px #2b2b2b;
}

.tr-even td, .tr-odd td {

}

.tr-over td {
background: #ecf1f8;
}