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

body {
font-family: 'Calibri', 'Trebuchet MS';
font-size: 15px;
color: #808080;
background: #000 url('../images/theme/back_html.png') 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;
}

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;
background: url('../images/theme/back_wrap.png') repeat-y top center;
}

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

div.top {
width: 940px;
margin: 0px auto;
text-align: right;
color: #fff;
padding: 3px 0px 0px 0px;
font-size: 0.8em;
}

div.top a {
color: #fff;
}

div.top a:hover {
text-decoration: underline;
}

div.top input {
border: solid 1px #6b6b6b;
background: #484848;
color: #fff;
font-size: 0.8em;
width: 130px;
}

div.top input.submit {
width: 60px;
}

div.header {
width: 1004px;
height: 207px;
padding: 0px;
margin: 0px auto;
position: relative;
}

div.header div.header-image {
width: 1004px;
height: 207px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
z-index: 5;
}


div.header div.header-overlay {
position: absolute;
top: 0px;
bottom: 0px;
width: 1004px;
height: 207px;
z-index: 10;
}

div.header div.header-overlay a {
position: absolute;
top: 0px;
bottom: 0px;
width: 1004px;
height: 207px;
z-index: 20;
}

/* het hoofdmenu */
div.menu-wrap {
width: 100%;
}

div.menu {
width: 1004px;
height: 93px;
margin: 0px auto;
}

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

div.menu ul li {
display: block;
float: left;
}

div.menu ul li a {
display: block;
height: 93px;
text-indent: -9999px;
overflow: hidden;
}

div.menu ul li a#sales {
width: 209px;
background: url('../images/theme/back_menu_sales.png') no-repeat;
}

div.menu ul li a:hover#sales {
background: url('../images/theme/back_menu_sales_hover.png') no-repeat;
}

div.menu ul li a#sales.active {
background: url('../images/theme/back_menu_sales_hover.png') no-repeat;
}

div.menu ul li a#rental {
width: 194px;
background: url('../images/theme/back_menu_rental.png') no-repeat;
}

div.menu ul li a:hover#rental {
background: url('../images/theme/back_menu_rental_hover.png') no-repeat;
}

div.menu ul li a#rental.active {
background: url('../images/theme/back_menu_rental_hover.png') no-repeat;
}

div.menu ul li a#studio {
width: 194px;
background: url('../images/theme/back_menu_studio.png') no-repeat;
}

div.menu ul li a:hover#studio {
background: url('../images/theme/back_menu_studio_hover.png') no-repeat;
}

div.menu ul li a#studio.active {
background: url('../images/theme/back_menu_studio_hover.png') no-repeat;
}

div.menu ul li a#events {
width: 194px;
background: url('../images/theme/back_menu_events.png') no-repeat;
}

div.menu ul li a:hover#events {
background: url('../images/theme/back_menu_events_hover.png') no-repeat;
}

div.menu ul li a#events.active {
background: url('../images/theme/back_menu_events_hover.png') no-repeat;
}

div.menu ul li a#webshop {
width: 213px;
background: url('../images/theme/back_menu_webshop.png') no-repeat;
}

div.menu ul li a:hover#webshop {
background: url('../images/theme/back_menu_webshop_hover.png') no-repeat;
}

div.menu ul li a#webshop.active {
background: url('../images/theme/back_menu_webshop_hover.png') no-repeat;
}

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

.main {
width: 1004px;
padding: 10px 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;
}

/* linker submenu*/
div.submenu-left {
width: 185px;
float: left;
padding: 26px 0px 0px 15px;
position: relative;
}

div.submenu-left ul {
list-style-type: none;
padding: 0px;
margin: 10px 0px 0px 10px;
border-top: solid 1px #353535;
}

div.submenu-left ul li {
border-bottom: solid 1px #353535;
}

div.submenu-left ul li a {
display: block;
padding: 4px 8px;
color: #b6b6b6;
font-variant: small-caps;
font-size: 1.4em;
font-weight: bold;
}

div.submenu-left ul li a:hover {
color: #fff;
}

div.submenu-left ul li a span {
color: #717171;
}

div.submenu-left ul li a:hover span {
color: #b6b6b6;
}

div.submenu-left a.verhuurlijst {
padding: 0px 0px 0px 5px;
display: block;
}

div.submenu-left img.bose {
margin: 100px 0px 0px 0px;
}

/*de pagina zelf*/
div.text {
padding: 4px 16px 50px 16px;
width: 371px;
float: left;
}

body.no-submenu-right div.text {
width: 755px;
}

/* rechter submenu*/
div.submenu-right {
width: 371px;
float: left;
padding: 6px 0px 0px 3px;
}

div.submenu-right h3 {
font-size: 25px;
}

div.submenu-right ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 0px;
border-top: solid 1px #353535;
}

div.submenu-right ul li {
border-bottom: solid 1px #353535;
}

div.submenu-right ul li a {
display: block;
padding: 4px 0px;
color: #b6b6b6;
}

div.submenu-right ul li a:hover {
color: #fff;
}

div.submenu-right ul li a h4 {
font-variant: small-caps;
font-size: 1.4em;
}

div.submenu-right ul li a span.more {
text-align: right;
display: block;
}

div.submenu-right ul li a span.more span.raquo {
color: #717171;
}

div.submenu-right ul li a:hover span.more span.raquo {
color: #b6b6b6;
}

/*de footer*/
.footer {
width: 1004px;
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;
}

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;
}

/*EINDE ALGEMEEN*/

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

.content h2 {
font-size: 25px;
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 {

}

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

.content a:hover , a:hover.content{
text-decoration: underline;

}

.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;
}

/*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;
}