/*
tekstkleur 1:  #999     grijs
tekstkleur 2:  #fff     wit
tekstkleur 3:  #bbb     wit
tekstkleur H1: #444f54
tekstkleur H2: #acb7c0
basiskleur 1:  #000     zwart
basiskleur 2:  #ed7703  oranje
basiskleur 3:  #584638  bruin
aanvullend 3a:  #7e6148  afgezwakt bruin
aanvullend 3b:  #ac917b  licht bruin
aanvullend 3c:  #dcd1c8  extralicht bruin, achtergrondmarkering
*/	


body { behavior: url("http://www.pno-products.nl/css/csshover3.htc");}
* { margin:0;padding:0;font-family: verdana,arial,helvetica,sans-serif; }
img {border:0;}
h1,h2 {width:360px;font-family: Garamond,times,times new roman;font-variant:small-caps;}
h1 {color:#fff;line-height:0.9em;}
h2 {color:#ac917b;font-size:1.4em;line-height:1em;}
h3 {color:#ac917b;font-size:1em;font-weight:600;}
h4 {color:#fff;}
p {padding-bottom:1em;font-size:0.9em;}
p a {color:#ed7703;}
p a:hover {color:#fff;}
p a:visited {color:#ed7703;}


/* hoofdindeling */
#pagina         {position:relative;height:100%;overflow:hidden;}
#headerbox,
  #breadcrumbsbox,
  #menubox,
  #presbox,
	#infobox,
	#footerbox    {width:100%;}
#headerbox      {height:130px;}
#breadcrumbsbox {position:absolute;height:16px;top:83px;border-top:1px solid #ccc;background:#dcd1c8;}
#menubox        {z-index:998;position:absolute;top:100px;height:30px;width:100%;
                 background:#584638 url(http://www.pno-products.nl/css/pno_v3/menu_back3.jpg) repeat-x;}
#presbox        {height:300px;
                 background:url(http://www.pno-products.nl/css/pno_v3/pres_back3.jpg) repeat-x;
							   color:#fff;font-size:0.9em;}
#infobox        {position:relative;padding-bottom:2em;border-top:1px solid #fff;overflow:hidden;
                 background:#584638 url(http://www.pno-products.nl/css/pno_v3/descr_back3.jpg) repeat-x;}
#footerbox      {z-index:999;margin-top:-29px;background:url(http://www.pno-products.nl/css/pno_v3/dock_back.gif) repeat-x;}


/* hoofdwerkruimte resolutie 800x600 */
#header,
  #breadcrumbs,
	#menu,
	#presentatiegebied,
	#titel,
	#kenmerken,
	#toelichting,
	#links  {position:absolute;width:740px;left:50%;margin-left:-370px;}
/* uitzondering footer ivm verspringing dock */
	#dock,
	#footer  {position:absolute;width:800px;left:50%;margin-left:-370px;}

	
/* basisinstellingen id elementen */
#header {height:80px;top:0px;}
#logo {position:absolute;top:13px;}
#naw,#bel {position:absolute;bottom:6px;}
#naw {right:0;margin-left:20px;font-size:0.7em;color:#666;}
#bel {left:370px;font-size:0.95em;font-weight:bold;}
#bel span {color:#ed7703;}
#breadcrumbs {color:#666;font-size:0.7em;}
#breadcrumbs a {text-decoration:none;color:#584638;}
#breadcrumbs a:last-child {color:#000;}
#breadcrumbs a:hover {color:#ed7703;}
#presentatiegebied {}
#presentatie {position:absolute;top:0px;right:0px;cursor:url(/css/pno_v3/vergroot32.cur),default;}
#pres {position:absolute;top:0;right:0;}
#gallery {position:absolute;width:105px;height:300px;right:-105px;}
#gallery a {float:left;padding:15px 0 0 0;}
#gallery a img {width:90px;height:80px;}
#titel {top:280px;width:420px;z-index:100;}
#kenmerken {top:340px;width:360px;z-index:101;color:#fff;font-size:0.8em;}

#toelichting,#mogelijkheden {margin-top:1em;color:#fff;font-size:0.9em;}
#toelichting {position:relative;}
#toelichting p {margin-bottom:1em;width:360px;border-bottom:1px solid #7e6148;}
#mogelijkheden{position:absolute;left:50%;width:280px;top:430px;margin-left:90px;color:#ac917b;}
#mogelijkheden p {margin-bottom:1em;font-size:0.8em;}
#links,#footer {position:relative;width:100%;}

#dock {position:relative;height:100px;}
.rek {clear:both;}

/* menu - begin */
#menuback{position:absolute;margin-left:-1130px;width:3000px;margin-top:30px;height:300px;
          background:url(http://www.pno-products.nl/css/pno_v3/menu_back3.jpg) 0 -30px;repeat-x;}
.m_niv1{position:absolute;left:50%;width:180px;height:30px;overflow:hidden;color:#000;}
.m_niv1:hover{color:#ff0;height:300px;overflow:visible;}
#mt_1 {margin-left:-378px;}
#mt_2 {margin-left:-198px;}

.m_niv1 a {height:26px;width:172px;display:block;color:#fff;text-decoration:none;padding:4px 0 0 8px;}
.m_niv1 a:hover{background:#ffae4a;color:#000;border-left:1px solid #fff;border-right:1px solid #fff;}
.m_sub1_box {position:absolute;width:832px;height:270px;
             padding:15px;background:url(http://www.pno-products.nl/css/pno_v3/menu_back3.jpg) 0 -30px repeat-x;}
.m_sub1_box a {}
#m_1{}
#m_2{margin-left:-300px;}

.m_niv1 ul {float:left;height:270px;margin-right:16px;list-style:none;}
.m_niv1 ul li a,m_link  {height:auto;width:220px;padding:2px 0;border:0;border-bottom:1px solid #ffbb66;font-size:0.75em;color:#242f34;}
.m_niv1 ul li a:hover,m_link:hover{color:#fff;background:#ffae4a;border-left:0;border-right:0;}
.m_niv1 ul li.m_cat{text-transform:uppercase;font-size:1.1em;color:#242f34;}

a#preview{position:relative;display:block;left:740px;height:270px;border-left:1px solid #ffbb66;padding:15px;font-size:0.8em;color:#242f34;}
/* menu - eind */

/* decoratie - begin */
#grijpgat {position:absolute;top:480px;left:50%;margin-left:-630px;}
#grijpgat2 {position:absolute;top:480px;left:50%;margin-left:525px;}
.naad1,.naad2,.naad3,.naad4 {z-index:950;position:absolute;top:0;left:50%;width:15px;height:100%;background:url(http://www.pno-products.nl/css/pno_v3/pno_ribbel.gif) repeat-y;}
.naad_boven {z-index:951;position:absolute;width:15px;height:546px;background:#fff url(http://www.pno-products.nl/css/pno_v3/pno_ribbel_boven.gif) 0 83px no-repeat;}
.naad1 {margin-left:-680px;}
.naad2 {margin-left:-488px;}
.naad3 {margin-left:473px;}
.naad4 {margin-left:665px;}

/* decoratie - eind */