/*
      Theme Name: Leo Music & Audio
      Author: Michael van Eijden
*/

* { margin:0; padding:0; }
img { border: none; }
ul { list-style: none; }
body {
      background: url(images/main-bg-pattern.png) repeat;
      font-family: Tahoma;
      font-size: 13px;
}
.bgcontainer {
      background: url(images/main-bg-gradient.png) repeat-x;
}



/***** wrapper *****/
#wrap {
      width: 985px;
      margin: 0 auto;
}
.wraptop {
      width: 985px;
      height: 6px;
      background: url(images/wrap-bg-top.png) no-repeat;
}
.wrapcontainer {
      width: 985px;
      background: url(images/wrap-bg-mid.png) repeat-y;
}
.wrapcontainer2 {
      width: 961px;
      background: url(rotate/rotator.php) no-repeat 12px bottom;
      overflow: hidden;
      padding: 0 12px;
}
.wrapbottom {
      width: 985px;
      height: 9px;
      background: url(images/wrap-bg-bottom.png) no-repeat;
}

/* 
in wrapcontainer2 
images/wrap-bg-container2.png
vervangen door rotate/rotator.php

*/

/***** header *****/
#header {
      width: 959px;
      height: 46px;
      text-align: center;
      background: url(images/header-bg.png) no-repeat;
      padding: 300px 0 3px 0;
}
#header .nav{
      width:959px;
      height:46px;
      background:url(images/nav-bg.png) repeat-x;
      position:relative;
}
#header .nav ul li{
      float:left;
}
#header .nav ul li a{
      display:block;
      height:35px;
      font:20px Times New Roman;
      color:#fff;
      float:left;
      text-decoration:none;
      padding:11px 20px 0 20px;
}
#header .nav ul li a:hover, #header .nav ul li a.hover{background:url(images/nav-hover.png) repeat-x;}
#header .nav ul li ul li{float:none;}
#header .nav ul li ul{
      display:none;
      position:absolute;
      top:46px;
}
#header .nav ul li ul li a{
      font:12px Tahoma;
      font-weight:bold;
      color:#fff;
      width:180px;
      height:20px;
      background:#ad4040;
      border:1px solid #822b2b;
      text-align:left;
      padding:6px 0 0 20px;
      float:none;
}
#header .nav ul li ul li a:hover{background:#822b2b}
#header .nav ul li ul li ul{
      display:none;
      position:absolute;
      top:0;
      left:180px;
}



/***** left content *****/
#left {
      float: left;
      width: 738px;
      min-height:300px;
      height:auto !important;
      height:300px;
      padding: 0 0 150px 6px;
}
.entry {
      width: 744px;
      margin: 0 0 11px 0;
}

.entry .heading {
      width: 702px;
      height: 42px;
      background: url(images/entry-bg-top.png) no-repeat;
      padding: 1px 30px 0 12px;
}
.entry .heading h1 {
      float: left;
      line-height: 42px;
      font-family: Tahoma;
      font-weight: normal;
      font-size: 22px;
      color: #4b0000;
}
.entry .heading ul { float: right; }
.entry .heading li img { float: left; display: block; }
.entry .heading li span { float: left; display: block; padding: 0 0 0 6px; }
.entry .heading li {
      float: left;
      height: 15px;
      line-height: 15px;
      font-family: Arial;
      font-size: 12px;
      color: #5d5d5d;
      list-style: none;
      padding: 4px 0 0 0;
      margin: 0 0 0 15px;
}

.entry .content {
      width: 722px;
      overflow: hidden;
      background: url(images/entry-bg-mid.png) repeat-y;
      padding: 6px 11px 4px 11px
}
/* positie afbeelding float niet gedefinieerd zelf kiezen per plaatje ab
was .entry .content img { float: left; margin: 0 10px 0 0; }*/

.entry .content img { /*float: left; */margin: 10 10px 0 0; }
.entry .content p {
      line-height: 16px;
      color: #444;
      margin-bottom:10px;
}
.entry a {
      color: #520101;
      text-decoration: none;
}

.entry .anchors {
      width: 613px;
      background: url(images/entry-bg-mid.png) repeat-y;
      overflow: hidden;
      padding: 0 120px 0 11px;
}
.entry .anchors .left { float: left; }
.entry .anchors .right { float: right; }
.entry .anchors a { text-decoration: underline; }
.entry .anchors .right a { padding: 0 2px; }

.entry .bottom {
      width: 744px;
      height: 5px;
      background: url(images/entry-bg-bottom.png) no-repeat;
}

/* Begin Images*** Zit hier nog een fout in IE ?Dit werkte nog niet 
alfbeelding ideal rechts krimpt hierdoor
p img {
	padding: 0;
	max-width: 100%;
	}*/

p img {
	padding: 0;
	max-width: 725pt;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}


/* End Images */


/***** right content *****/
#right {
      float: right;
      width: 200px;
      font-family: Arial;
      font-size: 14px;
      background: url(images/right-bg-mid.png) repeat-y;
      padding:0 6px 0 0;
}
#right h2.first { background: url(images/right-heading-first.png) no-repeat; margin:0 !important; }
#right h2 {
      width: 192px;
      height: 33px;
      line-height: 28px;
      font-family: Georgia;
      font-weight: normal;
      font-size: 18px;
      text-align: right;
      color: #4f0000;
      background: url(images/right-heading.png) no-repeat;
      padding: 0 8px 0 0;
      margin-top:5px;
}
#right ul {
      width: 198px;
      list-style: none;
      padding: 0 1px 4px 1px;
}
#right li {
      width: 198px;
      height: 20px;
}
#right li a {
      display: block;
      width: 193px;
      height: 20px;
      line-height: 20px;
      text-decoration: none;
      color: #333;
      padding: 0 0 0 5px;
}
#right li a:hover {
      color: #999;
      background: #fff9f9;
}
#right p { padding: 0 0 20px 6px; }
#right p span.left { float: left; width: 36px; }
#right p span.right { float: left; }

#right .search { overflow: hidden; padding: 0 0 10px 6px; }
#right .search .text {
      display: block;
      float: left;
      width: 127px;
      height: 15px;
      font-family: Arial;
      font-size: 14px;
      color: #400000;
      background: url(images/right-search-text.png) no-repeat;
      border: none;
      padding: 5px;
      margin: 0 5px 0 0;
}
#right .search .submit {
      display: block;
      float: left;
      width: 48px;
      height: 26px;
      font-family: Arial;
      font-size: 14px;
      color: #400000;
      background: url(images/right-search-submit.png) no-repeat;
      border: none;
      cursor: pointer;
}

#right .bottom {
      width: 200px;
      height: 6px;
      background: url(images/right-bg-bottom.png) no-repeat;
}
div.textwidget{
      padding:0 0 0 6px;
}
form#searchform{
      padding:0 0 0 6px;
}
#searchform input{margin:3px 0 3px 0;}


/***** footer *****/
#footer {
      clear: both;
      width: 959px;
      height: 40px;
      font-family: Arial;
      font-size: 12px;
      color: #bcbcbc;
      background: url(images/footer-bg.png) no-repeat right top;
}
#footer ul { float: left; height: 16px; line-height: 16px; padding: 24px 0 0 105px; }
#footer li { float: left; list-style: none; padding: 0 20px; }
#footer li a { color: #bcbcbc; text-decoration: none; }
#footer p { float: right; text-align: right; padding: 8px 105px 0 0; }
#footer p a { color: #fff5f5; text-decoration: none; }

div#respond{
clear:both;
float:left;
margin-top:5px;
}
div#respond h1{
font-family:Tahoma;
font-weight:normal;
font-size:22px;
background:#efe5e5;
color:#4b0000;
padding:3px;
width:726px;
}
ul.commentlist li{
width:722px;
clear:left;
float:left;
background:#f5ebeb;
margin-bottom:10px;
padding:5px;
}
ul.commentlist li p{
margin-top:5px;
}
#commentform{margin-top:10px;}
#commentform input{padding:3px;}
#commentform #comment{width:450px;}
#commentform #submit{cursor:pointer;}
#commentform p{
margin-top:5px;
clear:left;
}

/*Occasionlijst*/
.occasionGroepRow {
  font-weight: bold;
  font-size: 9pt;
}

.occasionRow {
  opacity: .80;
  filter: alpha(opacity = 80);
}

.occasionRow_even {
  opacity: .80;
  filter: alpha(opacity = 80);
  background-color: #f1d3d3;
}

.occasionRow_highlight {
  background-color: #ffff00;
}

.document_pic {
  border: 0px;
  cursor: pointer;
}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
  /*position: relative;*/
	font-size: 8pt;
  font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: red;
}
.control:hover {
	color: black !important;
}
.highslide-move {
  cursor: move;
}

.bannerPic {
  width: 280px;
  height: 100px;
  margin-right: 10px;
  border: 0;
}
/*Muzikantenbank*/
#nwestijl {
  display: none;
}

#nweinstrument {
  display: none;
}

#vacOverzichtHead {
  width: 722px;
  background: #990000;
  color: white;
  font-weight: bold;
  margin-bottom: 1px;
  opacity: .80;
  filter: alpha(opacity = 80);
}

#vacOverzichtHead_left {
  float: left;
  width: 128px;
  padding-left: 2px;
}

#vacOverzichtHead_middle {
  float: left;
  width: 326px;
  padding-left: 5px;
}

#vacOverzichtHead_right {
  float: left;
  width: 256px;
  padding-left: 5px;
}

.vacOverzichtRegel {
  width: 722px;
  background-color: #e6b3b3;
  margin-bottom: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  opacity: .80;
  filter: alpha(opacity = 80);
  min-height: 15px;
}

.vacOverzichtRegel:hover {
  background-color: #f1d3d3;
  cursor: pointer;
}

.vacOverzichtRegel_even {
  width: 722px;
  background-color: #dfcbcb;
  margin-bottom: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 15px;
}

.vacOverzichtRegel_even:hover {
  background-color: #e8e3e3;
  cursor: pointer;
  
}

.vacOverzichtRegel_left {
  float: left;
  width: 128px;
  padding-left: 2px;
}

.vacOverzichtRegel_middle {
  float: left;
  width: 326px;
  padding-left: 5px;
}

.vacOverzichtRegel_right {
  float: left;
  width: 256px;
  padding-left: 5px;
}

#specificatieContainer {
  border: 2px solid #990000;
}

#specificatieHead {
  background: #f1d3d3;
  padding: 3px;
  border-bottom: 2px solid #990000;
  opacity: .80;
  filter: alpha(opacity = 80);
}

#specificatieContent {
  padding: 5px;
}

#specificatieContainer label {
  float: left;
  display: block;
  width: 120px;
  padding-right: 5px;
  font-weight: bold;
}

.hidden {
  display: none;
}

/*Breedte selectboxes*/
.sel_width {
  min-width: 250px;
}

.formfield {
  opacity: .80;
  filter: alpha(opacity = 80);
}

/* 
* breadcrumb navigation
* added by Ruben Marissen (Webstylerz)
*/
div.breadcrumb{
	padding: 10px 0;
}

/* 
* Kader op plaatje bij text
* added by Albert Boddema
*/
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 0px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}