/* MAIN */
* {margin:0; padding:0;}
body {color:#221e1f ; background-color:#fff; font-family:Verdana, Arial; font-size:11px;}
a:link, a:visited, a:hover, a:active { color:#666;}
a:hover { color:#000;}
img{ border:0;}
tr { vertical-align:top }
html { overflow: -moz-scrollbars-vertical; }


/* HEADER */
div#wrapper1{background: #e3e3e3 url(../icon/background.gif) top left repeat; width:100%;}
#header { margin:0 auto; width:982px; height:133px;}
h1 span{display:none;}
/*#logo { background: transparent url(../icons/niovo.gif) no-repeat top left; width:140px; height: 55px; margin-top:28px; float:left; overflow:hidden}*/
#logo { display:block; background: transparent url(../icon/IDandS.gif) no-repeat top left; width:77px; height: 86px; margin-top:2px; float:left; overflow:hidden}
#logo span{ display:none;}
#contactinfo { width:250px; float:left; margin-top:38px; overflow:hidden; color:#fff; }

/* HEADER > NAVIATION */
#navigation { width:450
px; float:left; margin-top:34px; text-align:right; overflow:hidden}
#navigation a, #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active { padding:2px; background:transparent; font-family:Georgia; font-size:16px; color:#f8da78;  text-decoration:none;}
#navigation a.selected, #navigation a.selected:link, #navigation a.selected:visited, #navigation a.selected:active { background:#fff; color:#221e1f;}
#navigation a:hover, #navigation a.selected:hover  { background:#fff; color:#221e1f; cursor:pointer;}
#navigation li{font-weight:bold; display: inline;  margin-left:30px; list-style-type: none;}
.lang{ width:100px; margin-top:38px; float:right; text-align:right; margin-right:10px; }
.lang a, .lang a:link, .lang a:visited, .lang a:hover, .lang a:active { color:#36d000; }
.lang a:hover { color:#000; background-color:#221e1f;}

/* HEADER > SUBNAVIATION */
#subheader { background:#f8da78; width:100%; height:37px; overflow:hidden;}
#subnavigation {  width:982px; margin:0 auto; text-align:left; padding:9px; height:37px; }
* html #subnavigation {	height: 37px; h\eight: 21px; }
#subnavigation a, #subnavigation a:link, #subnavigation a:visited, #subnavigation a:hover, #subnavigation a:active { padding:2px; background:transparent; font-family:Georgia; font-size:16px; color:#989799; text-decoration:none;}
#subnavigation a.selected, #subnavigation a.selected:link, #subnavigation a.selected:visited, #subnavigation a.selected:active { background:#c7c8ca; color:#fff; }
#subnavigation a:hover, #subnavigation a.selected:hover { background:#c7c8ca; color:#fff; cursor:pointer;}
#subnavigation li{font-weight:bold; display: inline; margin-right:15px; list-style-type: none;}

/* CONTENT OVAERALL */
div#container{width:1000px; margin:0 auto; background:#fff; overflow:hidden; }
div#wrapper2{float:left; width: 100%;}
div#content{margin-right: 645px; width:355px; padding:30px 10px 10px 10px; background-color:#fff; }
* html div#content { width: 355px; w\idth: 335px; }
* html div#content_wide { width:730px; w\idth: 730px; }
div#images{float:left;width:355px;margin-left:-625px; padding:30px 10px 10px 10px; background-color:#fff; }
div#extra{float:left;width:230px; margin-left: -250px; padding:10px; padding-top:30px; }
* html div#extra { width: 230px; w\idth: 222px; }

/* index.html producteen*/
div#wrapper2main{float:left; overflow:hidden; width: 750px; }
div#content_wide{ margin-right: 375px; width:730px; float:left; overflow:hidden; padding:30px 10px 10px 10px; }
div#extramain{float:left; width:230px; margin-left: 0px; padding:10px; padding-top:30px; }
* html div#extramain { width: 230px; w\idth: 222px; }
div#footer{ clear:left; width:100%; padding:10px 0; }

/* MAIN */
.bs { color:#666; font-style:italic; font-size:10px;}
h2 { color:#373334; margin-bottom:20px; font-family:Verdane; font-size:40px; font-weight:bold;}
.overviewheader, h3 { color:#333; background-color:transparent; margin-top:20px; font-family:Georgia; font-size:18px; font-weight:bold; border-bottom: 1px dotted #c7c8ca; }
p.lead { color:#000; font-weight:bold; line-height:1.2em;}
p {margin-bottom:10px; text-align:justify; line-height:1.5em;}

/* IMAGE COL */
div.image { margin-bottom:20px;}
/* div.imagecol { margin-bottom:20px; width:335px; padding:9px; background-color:#f4f4f4; overflow:hidden; } */
div.imagecol { margin-bottom:20px; width:670px; padding:9px; background-color:#f4f4f4; overflow:hidden; }
div.imagecol_trans { margin-bottom:20px; width:335px; padding:9px; background-color:transparent; overflow:hidden; }

/* IMAGE GALLERY */
div.imagegallery { margin-bottom:20px; width:335px; padding:9px; background-color:#f4f4f4; overflow:hidden; border: 1px solid #f8da78; }
* html div.imagegallery { width: 355px; w\idth: 335px; }
div.imagegallery ul li{ float:left; margin-left:5px; list-style-type:none;}
div.imagegallery ul li img{ border: 1px solid #abadb3;}
div.imagegallery ul li.first{ float:left; margin-left:0; }

/* IMAGE INDEX */
div.imageindex { margin-bottom:20px; width:735px; padding:9px; background-color:#f4f4f4; overflow:hidden; border: 1px solid #f8da78; }
* html div.imageindex { width: 355px; w\idth: 335px; }
div.imageindexul li{ float:left; margin-left:5px; list-style-type:none;}
div.imageindex ul li img{ border: 1px solid #abadb3;}
div.imageindex ul li.first{ float:left; margin-left:0; }

/* IMAGE PLAYER */
.player { margin-bottom:20px; width:342px; padding:6px; background-color:#f4f4f4; overflow:hidden; border: 1px solid #f8da78; }
* html .player { width: 355px; w\idth: 335px; }

/* RIGHT COL*/
a.block { display:block; margin-bottom:20px; background: #666; padding:10px; font-family:Georgia; font-size:24px; color:#fff; font-weight:bold;}
a.block, a.block:link, a.block:visited, a.block:hover, a.block:active { color:#fff; text-decoration:none; }
a.block:hover { background: #999999; }
a#opdehoogte:hover { background: #c7c8ca; }
a#opdehoogte { margin-bottom:20px; background: #f8da78;}
a#binnenkort:hover { background: #333; }
a#binnenkort { margin-bottom:20px; background: #000;}

/* PRODUCTSOVERVIEW */
textarea {width:220px;}
input {width:220px;}
td.label{ width:90px; padding:5px; }

/* PRODUCTSOVERVIEW */
p#productoverview {width:480px;}
.readmore { display:block; cursor:pointer; float:left; width:230px; background-color:#f8da78; text-decoration:none; margin-right:20px; color:#fff; }
a.readmore:link, a.readmore:visited, a.readmore:hover, a.readmore:active { color:#fff;}
.readmore .overviewheader { padding:5px 5px 2px 5px;margin:0;color:#fff; }
.readmore .body { display:block; padding:5px; }
.readmore .link { text-decoration:underline; }
#last {margin-right:0px;}

/* FOOTER */
div#footer p{ color:#666; background-color:#fff; display:block; width:1000px; margin:0; padding:1px; border-top: 1px dotted #221e1f; }
div#footer a, a:link, div#footer a:visited, div#footer a:hover, div#footer a:active  { color:#666;}


/* CONTACTFORMULIEREN */

form { border-width: 1px; border-style: dashed; border-color: #cccccc; padding: 15px; width: 320px; }
* html form { width: 350px;  w/idth: 320px; }
label { float: left; width: 75px; text-align: right; margin-right: 15px; }
input { width: 150px; background-color: #f8f8f8; border-width: 1px; border-style: solid; margin-bottom: 10px; }
select { width: 150px; font-size: x-small; background-color: #f8f8f8; border-style: solid; border-width: 1px; margin-bottom: 10px; }
textarea { width: 250px; height: 75px; background-color: #f8f8f8; border-width: 1px; border-style: solid; margin-bottom: 10px; }
input:focus, select:focus , textarea:focus { background-color: #f8f8f8; border: 1px solid #f8da78; }
input.btn { float:right; background-color: #f8da78; color:#fff; width:100px;}
.alert{color:#a00; display:block; margin-bottom:20px; }