@charset "utf-8";
/* CSS Document */

@import url("reset.css");

@font-face {
    font-family: 'AharoniBold';
    src: url('../fonts/ahronbd-webfont.eot');
    src: url('../fonts/ahronbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ahronbd-webfont.woff') format('woff'),
         url('../fonts/ahronbd-webfont.ttf') format('truetype'),
         url('../fonts/ahronbd-webfont.svg#AharoniBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {background-color: #c3c3c3; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color: #444858;}
body {background-image: url(../images/style/bodyBg.gif); background-repeat: repeat-y; background-position: top center;}

#container {width: 980px; margin: 0px auto; }
#header {width: 980px; height: 158px; background-image: url(../images/style/headerBg.gif); background-repeat: no-repeat; background-position: top left;}
.headerLeft {float: left; width: 740px; height: 128px; margin: 0px 28px 0px 0px;}
.headerRight {float: left; width: 212px; height: 128px; background-image: url(../images/style/headerRightBg.gif);background-repeat: no-repeat; background-position: top left;}

#logo {float: left; margin: 10px 0px 0px 10px;}

#tagLine {float: left; height: 15px; margin: 5px 0px 0px 10px; width: 530px; color: #151a2e; font-size: 14pt; font-family: 'AharoniBold';}
#tagLine span {color: #ff6c00; text-transform: uppercase;}

#navCat {float: left; width: 540px; overflow: hidden; margin: 10px 0px 0px 0px;}
#navCat li a {float: left; display: block; width: 75px; height: 80px; background-color: #bbbaba; margin: 0px 0px 0px 13px; background-image: url(../images/style/navIcons.gif); background-position: top left; background-repeat: no-repeat; text-indent: -999px;}

#navCat li a.navCatTekst {background-position: 0px 0px;}
#navCat li a.navCatTekst:hover {background-position: 0px -75px;}
#navCat li a.navCatBeeld {background-position: -75px 0px;}
#navCat li a.navCatBeeld:hover {background-position: -75px -75px;}
#navCat li a.navCatGeluid {background-position: -150px 0px;}
#navCat li a.navCatGeluid:hover {background-position: -150px -75px;}
#navCat li a.navCatGevoel {background-position: -225px 0px;}
#navCat li a.navCatGevoel:hover {background-position: -225px -75px;}
#navCat li a.navCatMensen {background-position: -300px 0px;}
#navCat li a.navCatMensen:hover {background-position: -300px -75px;}
#navCat li a.navCatOverig {background-position: -375px 0px;}
#navCat li a.navCatOverig:hover {background-position: -375px -75px;}

/* SubMenu */
ul#navCat li ul {position: absolute; top: 47px; margin: 20px 0px 0px -174px; width: 690px; padding: 5px; display: none; background-color: #151a2e; margin-top: 63px; -moz-border-radius: 12px; border-radius: 12px;}
ul#navCat li ul li a {font-size: 11pt; color: #ffffff; background-color: #151a2e; padding: 5px 10px; width: auto; height: auto; text-indent: 0; background-image: none; -moz-border-radius: 6px; border-radius: 6px; font-weight: bold; font-family: 'AharoniBold'; background-color: transparent;}
ul#navCat li:hover ul {display: block;}
ul#navCat li ul li {float: left;}
ul#navCat li ul li a:hover {background-color: #ff6c00; }



.sideNav {margin: 5px 10px 0px 0px;}
.sideNav li {float: right; margin: 0px 10px 0px 0px;}
.sideNav li a {color: #ffffff; font-size: 8pt;}
.sideNav li a:hover {text-decoration: underline;}

#quickLinks {float: left; margin: 15px 0px 0px 0px; }
#quickLinks li a {color: #bbbaba; background-color: #efefef; -moz-border-radius: 6px; border-radius: 6px; padding: 7px 10px; display: block; width: 190px; background-image: url(../images/style/arrowButtonDown.gif); background-repeat: no-repeat; background-position: top right;}
ul#quickLinks li ul {position: absolute; display: none; width: 100px; -moz-border-radius: 12px; border-radius: 12px; }
ul#quickLinks li ul li a {color: #151A2E; background-color: #ffffff; background-image: none; border-bottom: 1px #eeeeee solid;}
ul#quickLinks li ul li a:hover {color: #ffffff; background-color: #ff6c00; background-image: url(../images/style/arrowDropdown.gif); border-bottom: 1px #7b7b7b solid;background-position: 190px 9px;}
ul#quickLinks li:hover ul {display: block;}

#search {float: left;  margin: 30px 0px 0px 0px; background-color: #efefef; -moz-border-radius: 6px; border-radius: 6px; padding: 0px; display: block; width: 210px; }
#search input.search {margin: 0px; float: left; height: 16px; width: 158px; padding: 7px 10px; background-color: transparent; border: 0px; }
#search input.find {margin: 0px; float: left; width: 30px; height: 30px; border: none; background-image: url(../images/style/arrowButton.gif); background-repeat: no-repeat; background-position: 0px -30px;}

.contentLeft {float: left; width: 740px; margin: 0px 28px 0px 0px;}
.contentLeft1b {float: left; width: 220px;}
.contentLeft2b {float: left; width: 470px; margin: 0px 10px 0px 0px;}
.contentRight {float: left; width: 180px; padding: 10px 16px 10px 16px; background-color: #bbbaba;}

.content h1, h2, h3, h5 {text-shadow: 0 3px 10px #c1c1c1; font-family: 'AharoniBold';}

.content a {color: #0023a9; text-decoration: underline;}
.content a:hover {color: #ff6c00;}
h1 {font-size: 20pt; }
.content h1 {font-size: 16pt; color: #ff6c00; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 2px #bbbbbb solid;}
h2 {font-size: 16pt; color: #151a2e; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 2px #bbbbbb solid;}
h2 span {float: right; font-size: 12pt; margin: 10px 0px 0px 10px;}

h3 {}

h4 {color: #ffffff; background-color: #c4c4c4; padding: 7px 10px 3px 10px; margin: 0px 0px 10px 0px; font-weight: bold; -moz-box-shadow: 0px 3px 5px #bbbbbb; -webkit-box-shadow: 0px 3px 5px #bbbbbb; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 0 3px 10px #a1a1a1; clear: both;}
h4 span {color: #e0e0e0; float: right;}

h5 {color: #ffffff;}

p {line-height: 22px; margin: 0px 0px 10px 0px;}
strong {font-weight: bold;}

ul.navList {float: left; width: 200px;}

ul.imgList {float: left; margin: 0px 0px 20px 0px;}
ul.imgList li {float: left; margin: 0px 12px 0px 10px;}

/* Advertenties */
ul.advertenties li {margin: 16px 0px 0px 0px;} 
ul.advertenties li a {display: block; -moz-box-shadow: 0px 0px 10px #a6a6a6; -webkit-box-shadow: 0px 3px 10px #a6a6a6;}

/* Blokken */
.b1, .b2 { float: left; margin: 0px 10px 20px 0px; padding: 0px 10px 0px 10px;} 
.b1 {width: 220px;  }
.b2 {width: 470px;}
.b3 {width: 740px;}
.lt {margin-right: 0px!important;}

/*

div.intro {float: left; width: 450px; padding: 20px;}
div.introBig {width: 600px;}
div.introSmall {width: 300px;}




*/

/* BLOCKS */
.block {float: left; width: 398px; padding: 20px; margin: 10px 20px; -moz-border-radius: 12px; border-radius: 12px; margin-bottom: 20px; min-height: 140px;}
div.contentLeft .block  {margin-left: 0px;}
div.contentRight .block  {}

.blockPink {background: #c3c3c3; -moz-box-shadow: 0px 0px 5px #fefefe; -webkit-box-shadow: 0px 0px 5px #fefefe; }
.blockPink hr {}

.blockBlog {padding-bottom: 0px;}
.blockBlog h2 {float: left; width: 260px;  font-family: 'AharoniBold'; border: none; margin: 0px;}
.blockBlog h2 a {text-shadow: 0 3px 10px #c1c1c1; color: #151a2e; text-decoration: none;}
.blockBlog img {margin-top: 5px; width: 120px;}
.blockBlog p {margin-bottom: 0px; float: left; width: 260px; padding: 0px 0px 20px 0px;}

.content img {-moz-border-radius: 6px; border-radius: 6px; float: right; }
.block h2 a {text-shadow: 0 3px 10px #c1c1c1!important; font-family: 'AharoniBold';}