* {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; }

body {background: #fff; font-weight: normal; }
body, table, th, td, p, input, textarea, select, div {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#383838;}
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }

/* layout */
#container { position:relative; width: 961px; margin:0 auto; background: url('../img/logo.gif') 0 82px no-repeat; }
#containerhome { width: 960px; margin:0 auto; background: #fff; }
#funcmenu { height: 32px; background: #aaa; text-align:left; color: #fff; }

#funcmenu form.searchform { position:absolute; top:6px; left:800px; }
#funcmenu ul { position:absolute; top:0; left:420px; width: auto; }
#funcmenu form.searchform {width:150px; height: 18px; border: none; color: #fff; }
#funcmenu input.searchbox { height: 18px; background: #c8c8c8; border: 1px solid #c8c8c8; width:120px;}
fieldset { border:none; }

form input.text, form input.tekst { height: 18px; background: #dfdfe1; border: 1px solid #dfdfe1; width: 200px; margin: 0 0 .4em 0;}
form select { margin: 0 0 6px 0; }
form input.button { float:left;margin: 1em 0 0 0; background: #dfdfe1; border: 1px solid #000; width: auto; color: #000; padding: 4px 20px; }

#menu { height: 30px; }

#funcmenu div.lang { float:left; height:30px; line-height:30px; color: #333; margin-left:20px; font-size: 12px; }
#funcmenu ul { list-style-type: none; margin: 0; }
#funcmenu li { float:left; margin: 0 10px; line-height: 30px; }
#menu ul  { list-style-type: none; margin: 0; float:right; height:30px; }
#menu li { float:left; margin: 0 2px; line-height: 30px; }

#noscript { width: 960px; height: 30px; text-align:center; color: #f00; }

/* hidden funcdivs */
.funcdiv { position:absolute; width: 961px; height:400px; display:none; z-index:999; color: #383838; background: #b7b8bb url('../img/logo.inverse.gif') 10px 52px no-repeat; }
.close { width:20px; font-size:18px; float:right; color:#fff; font-weight: normal; margin: 4px 14px 0 0; }
.close:hover { cursor:pointer; }
.colL { position:absolute; top: 130px; left: 294px; }
.colR { position:absolute; top: 130px; left: 588px; }
.funccol { width: 270px; height: auto; float:left; font-size:13px; line-height: 18px; }
.funccol A, .funccol A:link, .funccol A:active, .funccol A:visited { color: #383838; text-decoration:underline; }
IMG.funcpagetitle { position:absolute; top: 86px; left: 278px; }

#wrapper { width:auto; background:transparent; margin: 20px 0 0 1px; border:none; }
#homediv { width:auto; margin-top: 82px; }
#footer { width:100%; height:2em; line-height:2em; text-align:right; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover { font-size:10px; color: #a1a1a1; text-decoration:none; }

/* koppen */
.h1 { color: #787878; font-size: 24px; position: absolute; top: 28px; left: 0; } 
span.h1 { display:block; left: 10px; }
.h2 { color: #787878; font-size: 18px; position: absolute; top: 28px; left: 0; } 
span.h2 { display:block; left: 10px; }

/** all boxes */
.box { position: relative; border: 1px solid #9da2a6; overflow: hidden; margin: -1px 0 0 -1px; }
.box A, .box A:link { display:block; width:100%; height: 100%; text-decoration: none; outline: none; }
.box IMG { z-index: 23; }
.box SPAN { z-index: 24; }

.box A:hover SPAN { color: #383838; text-decoration: none; }
.box IMG.h1 { width: auto; }

/* collection */
.box191, .firstbox191 { width: 191px; height: 190px; float:left;}
.firstbox191 { width: 190px; margin-left: 0px;}
.box191 SPAN, .firstbox191 SPAN { position: absolute; top: 24px; left:10px; }
.box191 IMG, .firstbox191 IMG { width:192px; position:absolute; bottom:0; right: 0; }

.box320title { width: 318px; height: 78px; float:left;}
.box159 { width: 159px; height: 159px; float:left; }
.box159 SPAN { position: absolute; top: 18px; left:10px; }
.box159 IMG { width:160px; position:absolute; bottom:0; right: 0; }

/* home */
.homebox { width: 292px; height:404px; float:left; }
.firsthomebox { width: 291px; height:404px; float:left; }
.prod_homecontainer { width:81px; height:404px; float:left; }
.prod_thumb { width: 80px; height: 80px; float:left;}
.prod_thumb SPAN { position: absolute; top: 2px; left:4px; display:none; }
.prod_thumb IMG { width:81px; position:absolute; bottom:0; right: 1px; }

.hometxtbox { display:none; width: 292px; height: 80px; position:absolute; top: 324px; left:0px; background: #fff; }
.hometxt_container { display:none; width: 292px; height: 70px; position:absolute; top: 324px; left:0; }
.hometxt_container SPAN { display: block; position: relative; top: 8px; left:10px; margin-bottom: 4px; color: #787878; }
.hometxt_title { font-size: 19px; }
.hometxt { font-size: 15px; }


/* products */
.prod_left_container { width:318px; height: 478px; float:left; }
.box158 { width: 158px; height: 158px; text-align: center; float:left;}
.box158semi { width: 158px; height: 80px; text-align: center; float:left;}
.box158 SPAN, .box158semi SPAN {  position: relative; top: 30px; left:4px; } 
.box158 IMG { width:159px; position:absolute; bottom:0; right: 0; }
.box162 { width: 162px; height: 162px; float:left;}
.box162 IMG { height:162px; position:absolute; bottom:0; right: 0; }
	
.product_box { width: 640px; height: 478px; float:left; }
.product_box SPAN { position: absolute; top:26px; left: 18px; color: #787878; font-size: 19px; font-weight: bold; z-index:30; }
.product_box IMG#loupe { position: absolute; bottom: 10px; right: 10px;}
#product_image { position: absolute; bottom:0; right:0; z-index:28px; }
#tech_image { position: absolute; top:158px; right:0; display:none; z-index:25; border:1px solid #9da2a6;  }

.prod_container { width:162px; height:404px; float:left; }
.product_title { position: absolute; width:320px; height: 78px; background: #fff; color: #787878; font-size: 20px; }
.product_info { position:absolute; top:78px; left:0; width:320px; height: 239px; background: #fff; margin-left: -1px; z-index: 26;}
.product_txt { position:absolute; top:78px; left:0px; width:320px; height: 239px; overflow: auto; z-index: 27;}
.product_txt A, .product_txt A:link, .product_txt A:active, .product_txt A:visited { display:inline; color: #383838; text-decoration:underline; }
.product_info, .product_txt { display: none; }

/** stuff for showing productimages */
#big_img_container { position: absolute; top:157px; left:-1px; background:#fff; display:none; z-index:899; border-right:1px solid #fff; }

#product_big_image { border: 1px solid #9da2a6; width: 959px; }
.shBigImg, #thumb_image { cursor: pointer; }
.img_controls { position: absolute; top: 220px; width: 640px; background: transparent; z-index: 26; height: 1px; }
a.next_image, a.prev_image { display:block; width:19px; font-size:40px; float:left; margin-left:10px; }
a.next_image { margin-left: 610px; }

a.next_bigimage, a.prev_bigimage { position: absolute; top: 322px; width:30px; display:block; font-size:40px; background: transparent; z-index: 26; }
a.next_bigimage { left: 920px; }
a.prev_bigimage { left: 10px; }

.box158thumb { width: 158px; height: 158px; float:left; text-align: center; }
.box158thumb DIV.thumb_controls { position: relative; top: 4px; left:44px; } 
.box158thumb IMG { width:159px; position:absolute; bottom:0; right: 0; }

.big_news_img {width:958px; height:500px; border: 1px solid #9da2a6; position: absolute; top:158px; left:-1px; background:#fff; display:none; z-index:899; border-right:1px solid #fff; }
.big_news_img IMG { margin: 30px 160px;}

.thumb_controls SPAN { display:block; width:auto; float:left; color: #787878; font-size:14px; }
.thumb_controls A, .thumb_controls A:link { float:left; width:10px; z-index: 26; top: -1px; font-size:16px; }

/* designers */
.box240 { width: 239px; height: 239px; float:left; }
.firstbox240 { width: 238px; height: 239px; float:left; margin-left: 0px; }
.box240 SPAN, .firstbox240 SPAN { position: absolute; top: 46px; left:4px; }
.box240 SPAN.hboxtitle, .firstbox240 SPAN.hboxtitle { position: absolute; top: 34px; left:14px; }
.box240 IMG, .firstbox240 IMG { width:240px; position:absolute; bottom:0; right: 0; }

.des_boxC { width: 479px; min-height: 485px; float:left; }
.pageC { width:447px; min-height:478px; float:left; }
.pageR { width:192px; min-height:478px; float:left; }
.pageR IMG { position:relative; display:inline; width: auto; }
.des_boxC P.txt, .pageC P.txt { margin: 10px 60px 10px 20px; }
.des_boxR { width: 160px; height: 485px; float:left; }

/* dealers */
.map { position: relative; border: 1px solid #9da2a6; width: 958px; height: 478px; background: #fff url('../img/map.world.gif') 0 80px no-repeat; }
.box314title { width: 313px; height: 78px; float:left;}
.box160drop { width: 160px; float:left; border-bottom: 1px solid #fff; }
.box160droplast { width: 160px; float:left; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.box160semi { width: 160px; height: 78px; }
.box160semi .h2 { top: 30px; } 
.box160list { width: 160px; height: auto; display:none; background: #fff; padding: 10px; border-bottom: 1px solid #9da2a6;}
.box160list ul { list-style-type: none; }
.box160list ul li { list-style-type: none; }
.box160list ul li a { color: #333; font-size:13px; line-height: 18px;}
.box160list ul li a:hover { color: #000; text-decoration: underline; }

.box160title { width: 160px; height: 78px; position: absolute; top:0; left:0; }
.box160sub { width: 160px; height: 400px; position: absolute; top:79px; left:0; border-top: none; border-bottom:none; }
.boxdealers { width: 548px; min-height:478px; height: auto; background: #fff; position: absolute; top:0; left:161px; overflow: auto; }
.dealertxt { margin: 28px 28px 10px 10px ; color: #787878; font-size:11px; line-height: 18px; }

ul.provinces { margin: 20px 10px 10px 10px; color: #787878; font-size:11px; line-height: 18px; list-style-type: none; }
ul.provinces li { float:none; height:18px; }
ul.provinces li a:hover { color: #000; text-decoration: underline; }

DIV.provs { display:none; }

/* news */
.box320container { width: 318px; min-height: 400px; float:left; position: relative; }
.firstbox320, .box320 { width: 318px; height: 80px; float:left; position: relative; border: 1px solid #9da2a6; margin: -1px 0 0 -1px; color: #787878;}
.firstbox320 { height:80px; }
.box640 { width: 640px; height: auto; float:left; }
.box213 { width: 213px; height: auto; float:left; }
.newslist { float:none; }
.newslist A, .newslist A:link, .newslist A:active { display:block; width:100%; height: 80px; text-decoration: none; outline: none; }
.newslist A:hover, .newslist A.selected { background: #e0e0e0; } 
SPAN.news { position:relative; top:22px; left: 30px; font-size: 11px; color: #787878; }
.newsimg { float:right; margin: 10px 0 10px 10px;  } 
.newstxt { margin:2px 30px 10px 30px; color: #383838; font-size:11px; line-height: 18px; }
.newstxt A, .newstxt A:link, .newstxt A:active, .newstxt A:visited { display:inline; color: #383838; text-decoration:underline; }

.agenda_div { float:left; width:120px; height:80px;border-right: 1px solid #9da2a6;margin-right:10px; }
.agenda_date { font-size: 24px;text-align:center; color: #787878;margin-top: 12px; }
.publist A, .publist A:link, .publist A:active, .publist A:hover { display:inline; width: auto; height: 18px; color:#000; text-decoration: underline; outline: none; }

/* search */
.search_box { position: relative; border: 1px solid #9da2a6; overflow: auto; margin: -1px 0 0 -1px; width: 640px; min-height: 478px; float:left; }
ol.searchlist  { list-style-type: decimal; margin-left: 20px; }
ol.searchlist li { margin: 12px; line-height: 18px; }
.hilite { background: yellow; }

/* pages */
.pageM { width:640px; min-height:478px; float:left; }
.column { width:320px; float:left; }

/* groottes/kleuren van teksten in boxen */
.h3 { color: #787878; font-size: 11px; }
.bold { font-weight: bold; }
.hboxtitle { color: #787878; font-size: 15px; }
.hboxtitlewhite { color: #fff; font-size: 15px; }

/* linkjes */
a, a:link, a:active, a:visited { text-decoration: none; color: #787878; outline: none;}
a:hover { text-decoration: none; color: #383838; outline: none; }

#funcmenu a, #funcmenu a:link { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; }
#funcmenu a:hover { color: #333; }

#menu a, #menu a:link { color: #808080; font-size: 11px; font-weight: normal; text-decoration: none; }
#menu a:hover { color: #000; }


/* general */
.clear { clear: both; line-height: 0; height: 0; }
IMG { border: 0; }
.trans { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.trans2 { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.borders { border: 1px solid #9da2a6; }
.dark { background: #c0c0c0; }
.nofloat { float: none; }
.txt { margin: 10px; color: #383838; font-size:11px; line-height: 18px; }
.pos { font-weight: normal; color: #383838; }
.neg { font-weight: bold; color: red; }
.floatl { float:left; }
.floatr { float:right; }
