/*********** BODY ***********/
html, form, p, a {
 margin: 0;
 padding: 0;
}

body {
 margin: 0;
 padding: 0;
 color: #4e5148;
 font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Verdana, "Lucida Grande", sans-serif;
 font-size: 13px;
 line-height: 20px;
}

h1,h2,h3,h4,h5 {
 padding: 0;
 margin: 0;
}

ol, ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

img {
 border: none;
 margin:0;
 padding:0;
}

hr {
 clear:both;
 height:0;
 visibility: hidden;
 margin: 0;
 padding: 0;
}

div.clearfix {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}

.hideme {
 display: none;
}

/*---------------------------------------------------------------- ALGEMENE LINKS */
a:active,a:link,a:visited {  
 color: #fff;
 text-decoration: none;	 
 font-weight: normal;
 padding: 0 2px;
}

a:hover {
 color: #383b35;
 text-decoration: none;
}

/*---------------------------------------------------------------- SUPER WRAP */

body {
  background: #a3ac9d url(../img/acoustics/bg_shadow.jpg) center repeat-y;
}

div#superwrap {
 width: 985px;
 margin: 0 auto;
}

/*--------------------------------------------------------------------- TOPBAR FOR LANGUAGE SELECT */

div#topbar {
 padding: 3px 0;
 margin-bottom: 5px;
}

div#topbar a {
 margin-left: 5px;
 padding: 0 3px;
}

div#topbar a.lngact {
 color: #fff;
 background: #383b35;
 border: 1px solid #ddd;
 text-decoration: none;
}


/*--------------------------------------------------------------------- HEATHER */

div#headwrap {
 height: 320px;
 width: 985px;
}

div#headone {

}

div#headtwo {
 display: none;
}

h1 {
 font-size: 30px;
 text-indent: -9999px;
}

h2 {
 font-size: 18px;
}

/*--------------------------------------------------------------------- SIDEMENU */

div#sidewrap {
 display: block;
 width: 190px;
 min-height: 500px;
 float: left;
 padding-top: 15px;
}

ul.smenu {
 width: 190px;
}

ul.smenu li {
 margin: 5px 0 12px 0;
}

ul.smenu li li {
 margin: 2px 0 0 0;
}

ul.smenu li a:link, ul.smenu li a:visited, ul.smenu li a:active { 
 display: block;
 color: #383b35;
 padding: 0 0 0 15px;

 font-size: 16px;
 font-weight: bold;
 
 height: auto !important;
 height: 1%; /*For IE*/
}

ul.smenu li li a:link, ul.smenu li li a:visited, ul.smenu li li a:active {
 display: block;
 padding: 0 0 0 30px;
 font-size: 14px;
}

ul.smenu li ul {
 margin-bottom: 10px;
}

ul.smenu li a:hover, ul.smenu li li a:hover {
 color: #708936;
}

ul.smenu li a.act:link, ul.smenu li a.act:visited, ul.smenu li a.act:active,
ul.smenu li li a.act:link, ul.smenu li li a.act:visited, ul.smenu li li a.act:active,
ul.smenu li a.act:hover, ul.smenu li li a.act:hover {
 color: #fff;
}


/*--------------------------------------------------------------------- COLUM SETUP */

div.midwrap {
 width: 985px;
 float: left;
 padding-bottom: 35px;
 background: url(../img/acoustics/footer.gif) bottom no-repeat;
}

div.col, div.col_r {
 display: block;
 min-height: 500px;
 padding-top: 15px;
}

div.col {
 width: 495px;
 float: left;
 margin-left: 25px;
}

div.small {
 width: 235px;
}

div.col_r {
 width: 235px;
 float: right;
 margin-right: 10px;
}

/*--------------------------------------------------------------------- RIGHT COLUM */

div.wdg_wrap {
 margin-bottom: 30px;
}

div.col_r h2 {
 font-size: 16px;
 margin-bottom: 10px;
 padding: 0 0 0 3px;
 
 background-color: #708936;
 color: #fff;
}

div.col_r h3 {
 font-size: 13px;
 line-height: 1.3em;
 margin-bottom: 6px;
 
 color: #383b35;
}

div.col_r p {
 font-size: 12px;
 line-height: 1.3em;
 margin-bottom: 12px;
 word-break: inherit;
}

/*--------------------------------------------------------------------- VOETJE */

div#voetje {
 clear: both;
 display: block;
 padding: 15px 0 20px 0;
 margin: 0;
 background: #6a802d url(../img/acoustics/bg_foot.gif);

 font-size: 11px; 
 text-align: center;
 color: #fff;
}

/*--------------------------------------------------------------------- CONTENT STUFF */

div.col h2 {
 clear: both;
 font-size: 18px;
 margin-bottom: 6px;
 
 color: #383b35;
}

div.col h3 {
 clear: both;
 font-size: 16px;
 font-style: italic;
 padding: 0 0 5px 0;
 margin-bottom: 3px;
}

div.col p {
 margin-bottom: 30px;
}

span.more {
 clear: both;
 display:block;
 border-top: 1px dotted #fff;
 margin-top: 8px;
 padding-top: 4px;
}

span.more a {
 float: right;
}

span.more strong {
 font-weight: normal;
 color: #fff;
 padding-left: 19px;
 background: url(../img/acoustics/comment.gif) 0 3px no-repeat;
}


/* --------- datum notatie --------- */

div.col span.date {
 font-weight: normal;
 font-size: 12px;
 float: left;
 margin-bottom: 3px;
 color: #fff;
}

div.col span.date img {
 float: left;
 padding-top: 1px;
 margin-right: 6px;
}

div.col span.date i {
 display: block;
 width: 200px;
}

/*----------------------------------------------------- PAGENAVIGATOR */

.pagenav {
 font-size: 12px;
 text-align: right;
 border-bottom: 1px dotted #fff;
 margin-bottom: 10px;
 padding-bottom: 5px;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active {
 padding: 0 4px;
 margin-right: 2px;
 
 background-color: #727c6b;
 border: 1px solid #fff;
 color: #ddd;
}

.pagenav a:hover {
 text-decoration: none;
 
 border: 1px solid #ddd;
 background-color: #383b35;;
 color: #ddd; 
}

.pagenav b {
 padding: 1px 5px;
 margin-right: 2px;

 border: 1px solid #fff;
 background-color: #708936;
 color: #fff;
}

/*----------------------------------------------------- THUMBLISTS */

img.frstimg {
 float: left;
 padding: 3px;
 margin: 3px 10px 1px 0;
 border: 1px solid #727c6b;
 background-color: #fff;
}

ol.thumbs {
 float: left;
 margin: -15px 0 15px 0;
}

ol.thumbs li {
 float: left;
}

ol.thumbs li img {
 display: block;
 padding: 3px;
 border: 1px solid #727c6b;
 background-color: #fff;
}

ol.thumbs li.no_r_marg {
 margin-right: 0;
}

ol.thumbs li a {
 padding: 0;
}

ol.thumbs li a:hover {
 background: none;
}


/*------------------------*/
ol.small li {
 margin: 0 7px 7px 0;
}

/*------------------------*/
ol.medium li img {
 display: block;
 width: 235px;
}

ol.medium li {
 margin: 0 9px 9px 0;
}

/*------------------------*/
ol.large li img {
 display: block;
 width: 487px;
 padding: 3px;
}

ol.large li {
 margin: 0 0 9px 0;
}


/*----------------------------------------------------- FILE LISTS */

h3.fls {
 display:block;
 line-height: 12px;
 margin: 0;
 border-bottom: 1px dotted #fff;
}

ol.files {
 padding: 3px 0;
 margin: 0 0 20px 0;
 border-bottom: 1px dotted #fff;
}

ol.files, ol.files li {
 display:block;
 float: left;
}

ol.files li a {
 display:block;
 width: 495px;
 float: left;
}

ol.files li a:hover {
 background: #939c8d;
}

ol.files li a i {
 display: block;
 width: 150px;
 float: right;
 text-align: right;
 padding-right: 2px;
}

/*----------------------------------------------------- ADDCOMMENT */

h3.cmm{
 display:block;
 line-height: 12px;
 margin-top: 40px;
 border-bottom: 1px dotted #fff;
}

h3.cmm a {
 float: right;
}

div#addcomment {
 border-bottom: 1px dotted #fff;
 margin-bottom: 10px;
}

div#addcomment div form {
 margin-top: 10px;
}

div#commentwrap ul {
 margin: 15px 0;
}

div#commentwrap ul li {
 padding: 8px;
 margin-bottom: 3px;
}

div#commentwrap ul li strong {
 display: block;
 border-bottom: 1px dotted #aeb6a9;
 margin-bottom: 3px;
}

div#commentwrap ul li strong i {
 float: right;
 font-size: 11px;
}

div#commentwrap ul li p {
 margin: 0;
}

div#commentwrap ul li.comm_list_0 {
 background: #b8bfb3;
}

div#commentwrap ul li.comm_list_1 {
 background: #cbd2c7;
}



/*--------------------------------------------------------------------- PHOTO MODULE IMAGE GALLERY */

ol.gallery {
 float:left;
}

ol.gallery li h2 {
 border-bottom: 1px dotted #fff;
}

ol.gallery li img#swap {
 width: 495px;
 margin-bottom: 8px;
 background: url(../img/imgloader.gif) center no-repeat;
}

ol.gallery li span {
 display: block;
 text-align: right;
}

ol.gallery li span a:hover {
 background: none;
}

ol.gallery ul {
 margin-top: 8px;
}

ol.gallery li li {
 float:left;
 margin: 0 6px 6px 0; 
}

ol.gallery li li img {
 display:block;
 cursor: pointer;
 padding: 3px;
}

img.thmbstd {
 border: 1px solid #727c6b;
 background-color: #fff;
 /* opacity:.75; -moz-opacity:.75;cursor: pointer; */
}

/* Hides from IE-mac \*/
* html img.thmbstd  {
/*	filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); */
}
/* End hide from IE-mac */


img.thmbact {
 border: 1px solid #fff;
 background-color: #727c6b;
}

ol.gallery li li.no_r_marg {
 margin-right: 0;
}


/*---------------------------------------------------------------- FORM STUFF */

form ol {

}

form.frmcomm {
 width: 485px;
}

form.frmcont {
 width: 350px;
}

form h3 {
 font-size: 12px;
 margin-bottom: 5px;
}

form li {
 clear: both;
 margin-bottom: 8px;
}

form li input, form li textarea {
 border: 1px solid #999;
 padding: 2px 4px;
}

form li input, form li select {
 width: 250px;
 height: 18px;
 float: left;
 margin-right: 4px;
}

form li select {
 width: 260px;
 margin-right: 4px;
}


form li input:focus, form li textarea:focus {
 background-color: yellow;
}

form li label.lb_right {


 margin-top: 3px;
}

form li textarea {
 width: 100%;
 height: 150px;
}

span#loader {
 visibility: hidden;
 float: right;
}

.submit a {
 float: left;
 font-weight: bold;
 padding: 3px 18px;
 cursor: pointer;
 margin-bottom: 15px;
 background-color: #727c6b;
}

.submit a:hover {
 color: #fff;
 background-color: #708936;
}

form#frm_cnt {
 display: block;
 float: left;
}

form#frm_cnt h2 {
 border-bottom: 1px none #666;
 margin-bottom: 15px;
}

div#err {
 clear: both;
 display: none;
 padding: 10px;
 text-align: center;
 color: #be0000;
 background: #ffe0e0;
 border: 1px solid #be0000;
}

div#err b {
 display:block;
 text-align: center;
 font-weight: normal;
}

/*-------------------- PHOTO WIDGET */

div.wdg_photo h3 {
 border-bottom: 1px dotted #fff; 
}

ol.wgdimg, ol.wgdimg li {
 float: left;
}

ol.wgdimg {
 display: block;
 margin: 0 0 8px 0;
}

ol.wgdimg li {
 margin-right: 3px;
}

ol.wgdimg li img {
 padding: 2px;
}

ol.wgdimg li a {
 padding: 0;
}

ol.wgdimg li a:hover {
 background: none;
}