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

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

.showme {
 display: block;
}

.dontshow {
 visibility: hidden;
 background-color: yellow;
}

.doshow {
visibility: visible;
}

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

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

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

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


/*--------------------------------------------------------------------- HEATHER */
div#headwrap{
 width: 952px;
 overflow: hidden;
 background: url(../img/dive/loader_big.gif) center no-repeat;
}

ul#headers {
 height: 385px;
 overflow: hidden;
 border-bottom: 10px solid #dbdbdb;
}

div#headwrap h1 {
 display: none;
 text-indent: -9999px;
 background: url(../img/dive/header_.jpg) no-repeat;
}

div#topbar {
 padding: 8px 5px;
 background: #dbdbdb;
}

div#topbar a {
 color: #777;
 margin-right: 5px;
}

div#topbar a.lngact {
 font-weight: bold;
 color: #333;
 border-bottom: 1px dotted #333;
}
/*--------------------------------------------------------------------- SIDEMENU */

div#menuwrap {
 clear: both;
}

ul.menu {
 display: block;
 width: 952px;
 height: 66px
 float: left;
 margin: 0;
 background: url(../img/dive/mnu_bg.gif) repeat-x;
 overflow: hidden;
}

ul.menu li {
 display: block;
 width: 185px;
 height: 66px;
 float: left;
 border-right: 6px solid #fff;
 background: url(../img/dive/mnu_bg.gif) repeat-x;
}

ul.menu li.last,ul.menu li#lastli {
 border: none;
}

ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
 display: block;
 height: 49px;
 width: 142px;
 padding: 17px 0 0 44px;
 float: left;
 
 font-size: 12px;
 color: #888;
}

ul.menu li a.mnu_01 {
 background: url(../img/dive/mnu_arrow1.gif) 0 0 no-repeat;
}

ul.menu li a.mnu_02 {
 background: url(../img/dive/mnu_arrow2.gif) 0 0 no-repeat;
}

ul.menu li a.mnu_03 {
 background: url(../img/dive/mnu_arrow3.gif) 0 0 no-repeat;
}

ul.menu li a.mnu_04 {
 background: url(../img/dive/mnu_arrow4.gif) 0 0 no-repeat;
}

ul.menu li a.mnu_05 {
 background: url(../img/dive/mnu_arrow5.gif) 0 0 no-repeat;
}

ul.menu li a:hover, ul.menu li a.act {
 color: #666;
 background-position: 0 -65px;
}

ul.menu li a b {
 font-size: 24px;
 font-weight:normal;
}



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

div.contentwrap {
 width: 952px;
 float: left;
 padding-bottom: 20px;
}

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

div.col {
 width: 520px;
 float: left;
 padding-left: 40px;
}

div.wide {
 width: 952px;
 padding-left:0;
}

div.smaller {
 width: 333px;
}

div.small {
 width: 235px;
}

div.col_r {
 width: 334px;
 float: right;
 margin-right: 14px;
}

div.col_r_wide {
 width: 525px;
 float: right;
 margin-right: 14px;
}

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

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

div.col_r h2 {
 font-size: 18px;
 margin-bottom: 6px;
 
 color: #cbd300;
}

div.col_r h3 {
 font-size: 14px;
 line-height: 1.3em;
 margin-bottom: 3px;
 
 color: #666;
}

div.col_r p {
 line-height: 1.3em;
 margin-bottom: 12px;
 color: #888;
}

.shortdate {
 display:block;
 float: left;
 color: #cbd300;
 width: 45px;
 margin: 0 6px 0 0;
 }
 
.shortdate i { 
 font-style: normal;
}
 
.shortdate em {
 display:block;
 font-size: 28px;
 padding-top: 7px;
 text-align: center;
 background: url(../img/dive/datequote.gif) 1px 2px no-repeat;
}

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

div#voetje {
 clear: both;
 display: block;
 width: 952px;
 float: left;
 padding: 8px 0;
 margin-bottom: 20px;

 font-size: 11px; 
 text-align: center;
 color: #777;
 
 border-top: 1px solid #e8e8e8;
}

div#voetje span.leftfoot {
 display: block;
 width: 410px;
 float: left;
 text-align: left;
}

div#voetje span.rightfoot {
 display: block;
 width: 450px;
 float: right;
 text-align: right;
 padding-top: 4px;
}

div#voetje span.leftfoot strong {
 display: block;
 float: left;
 padding: 2px 10px 0 5px;
 font-weight: normal;
}

div#voetje span.leftfoot form input#email {
 width: 125px;
 margin-right: 10px;
}

div#voetje span.leftfoot span#loader {
 padding-top: 3px;
 display: none;
}

div#output {
 padding: 4px 0 0 5px;
}

span.loading {
 background: url(../img/loader.gif) center right no-repeat;
}

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

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

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;
 width: 100%;
 float: right;
 border-top: 1px dotted #999;
 margin: 8px 0 15px 0;
 padding-top: 4px;
}

span.more a {
 float: right;
}

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

div.col_r span.more a {
 color: #cbd300;
}

div.col_r span.more a:hover {
 color: #000;
}


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

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

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;
 display: block;
 margin-bottom: 8px;
}

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

form li input {
 background: url(../img/dive/frm_field_bg.gif) repeat-x;
}

form li textarea {
 background: url(../img/dive/frm_txt_bg.gif) repeat-x;
}

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

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

form li label.lb_right {
 display: block;
 padding-top: 3px;
}

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

#loader {
 float: right;
}

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

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

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

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

div#err {
 clear: both;
 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;
}

/*-------------------- BRANDS */

ul#brands {
 display: block;
 width: 950px;
 margin-left: 0;
 margin-top: 20px;
}

ul#brands li {
 display: block;
 padding: 10px;
 margin-bottom: 6px;
 background-color: #f2f2f2 ;
}

ul#brands li h3 {
 float: left;
 margin: 2px 30px 0 5px;
 font-style: normal;
 font-weight: normal;
}

ul#brands li h3 strong {
 display: block;
 font-size: 36px;
 font-weight: normal;
 margin-top: 8px;
}

ul#brands li img {
 float: left;
 margin-top: 7px;
}

ul#brands li p {
 margin:0 0 0 150px;
 padding:0;
}

ul#brands li a {
 display: block;
 text-align: right;
 margin-left: 150px;
}

#brandimages {
 margin-top: 40px;
}

#brandimages li {
 float: left;
}

#brandimages li.frst {
 margin-right: 20px;
}

#brandimages li img, #brandimages li a {
 display: block;
}

#brandimages li a {
 margin-top: 12px;
}

#brandimages li a strong {
 color: #000;
}

#brandimages li a:hover strong {
 color: #02ccd3;
}

#brandimages li.brimg img {
 margin-bottom: 10px;
}

/*-------------------------------*/

#resellers {
 display: block;
 width: 950px;
 float: left;
 margin: 15px 0 0 0;
}

#resellers .rslcol {
 display: block;
 width: 205px;
 float: left;
 margin: 0 0 20px 30px;
}

#resellers h3 {
 margin-bottom: 10px;
}

#resellers .dlrwrap {
 margin-bottom: 20px;
}

#resellers h5 {
 font-size: 14px;
}

br.break {
 clear: both;
 display: block;
 width: 100%;
}

/*-------------------- BRANDLIST NEW */
#brandlist {
 float: left;
 margin: 15px 0 0 -16px;
}
#brandlist li {
 display: block;
 width: 225px;
 height: 360px;
 float: left;
 margin: 0 0 15px 16px;
 position: relative;
}
#brandlist img {
 display: block;
 width: 225px;
}
#brandlist h3 {
 display: block;
 font-style: normal;
 color: #02ccd3;
 margin-top: 10px;
 padding-top: 5px;
 border-top: 1px solid #ccc;
}
#brandlist p {
 margin-bottom: 10px;
 padding-top: 5px;
 border-top: 1px solid #ccc;
}
#brandlist a.more {
 display: block;
 width: 100%;
 text-align: right;
 margin-top: -25px;
 padding-top: 5px;
 border-top: 1px solid #ccc;
 position: absolute;
 bottom: 0;
 right: 0;
}


.brandcol {
 display: block;
 width: 400px;
 float: left;
 margin-left: 40px;
}

.br-one {
 width: 235px;
 margin: 25px 0 0 20px;
}

.br-one ol.thumbs {
 margin: 0;
}

.br-one ol.thumbs li img {
 padding: 0;
 border: none;
}

.br-files a i {
 color: #000;
 font-style: normal;
}
.br-files a:hover i {
 color: #02ccd3;
 font-style: normal;
}