/* Stylesheet Pomme'l Babywear januari 2007 */
/* written by Rian Rietveld Web Design */
/* http://www.rrwd.nl */


/* blauw menu_product/ col_left #dee6f3 */
/* blauw tekst #284179 */
/* appeltjesgroen tekst #7f0 */


/* global */
body	{
  margin: 0;
  padding: 0;
  color: #284179;
  background-color: #fff;
}

img {
  border: 0;
}

/*lay-out intro */
#intro #wrapper {
  width: 950px;
  height: 590px;
  margin: 0 auto;
}
img.voorpagina { 
  width: 950px;
  height: 590px;
}

/*lay-out main */
#main {
  background-image: url('../layout/header.jpg');
  background-repeat: no-repeat;
  background-position: top center; 

}

#main #wrapper {  
  position: relative;
  width: 950px;
  margin: 0 auto;
}

h1.header {
  position: absolute;
  visibility: hidden;
}


/* hoofdmenu rechtsboven */
#menu_main {
  position: absolute;
  top: 110px;
  left: 658px;
  margin: 0;
  padding: 0;
}

#menu_main li {
  float: left;
  list-style: none;
}

#menu_main li a {
  display: block;
  text-decoration: none;
  padding-top: 40px;
  padding-bottom: 5px;
  width: 56px;
  color: #284179;
  background-color: transparant;
  background-image: url('../layout/blank.gif');
  text-align: center;
  font-size: 8pt;
}
#menu_main li a:hover {
  color: #f39;
  background-color: transparant;
}

#col_left {
  position: absolute;
  top: 119px;
  left: 0;
  width: 196px;
  color: #284179;
  background-color: #dee6f3;
  }

#e_card {
  width: 194px;
  height: 151px;
}

#content {
  position: absolute;
  border-left: 196px solid #dee6f3;
  top: 165px;
  left: 0px;
  width: 750px;
}

#content_inside_fixed {
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  height: 355px;
  overflow: auto;
}

#content_inside {
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 50px;
  min-height: 350px;
}

#menu_product img{
  border: 0;
  width: 196px;
  height: 64px;
}
      
#nav_bottom li.een{
  float: left;
  list-style: none;
  padding-left: 150px;
  }
#nav_bottom li.twee{
  float: right;
  list-style: none;
  padding-right: 150px;
}

#nav_button img {
  width: 125px;
  height: 41px;
}
/* footer */

#footer {
  border-top: #284179 1px dashed;
  background-image: url('../layout/footer.gif');
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 60px;
  width: 100%;
  margin-top: 10px;
}

#footer ul li{
  float: left;
  list-style: none; 
  padding-right: 20px;
}
#footer ul li a{
  font-size: 7pt;
  text-decoration: none;
}
 /*catalogus */
h2.header_cat {
  padding-left: 150px;
}
#show_cat {
  padding-left: 150px;
}
#show_cat td {
  border-top: #284179 1px dashed;
}
#show_cat td.plaatje{
  text-align: center;
 } 
  
#show_cat img{
   height: 50px;
 } 
  
/* tekstpresentatie */

*	{
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 8pt;
}
h1	{
	font-size: 120%;
}

h2 {
	font-size: 115%;
}

h2 {
	font-size: 110%;
}

span.groen {
  font-weight: bold;
  color: #3c0;
  background-color: #fff;
}
#menu_product ul a {
  font-size: 8pt;
}
p.error {
  font-size: 7pt;
  color: #f00;
  font-weight: bold;
}
/*winkelwagentje */
#winkelwagen td{
 padding: 2px;
}

#winkelwagen td {
  vertical-align:top;
}
#winkelwagen select.kleur {
  width: 230px;
}

img.stap {
  width: 51px;
  height: 28px;
  border: 0;
}

/*hoofdmenu bovenin*/

#e_card a{
  text-decoration: none; 
  color: #284179;
  background-color: transparent;
}

#content a {
  color: #284179;
  background-color: transparent;
  z-index: 4;
}
#content  a:hover {
  color: #f39;
  background-color: transparent;
  z-index: 4;
}
#menu_product {
	margin: 0;
   margin-top: 40px;
	padding: 0;
	list-style: none;
	width: 197px; /* Width of Menu Items */
	border: 0;
  z-index: 4;
	}
#menu_product ul {
   margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #fff;
  z-index: 4;
}
	
ul li {
	position: relative;
  z-index: 4;
	}
	
#menu_product li ul {
	position: absolute;
	left: 195px; /* Set 1px less than menu width */
	top: 2px;
	display: none;
  z-index: 4;
	}

/* Styles for Menu Items */
#menu_product ul li a {
	display: block;
	text-decoration: none;
	color: #284179;
	background: #eff0f5; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #fff; /* IE6 Bug */
	border-bottom: 0;
  z-index: 4;	
	}
	

* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

#select_kleur {
  width: 278px;
}
#menu_product li:hover ul, #menu_product li.over ul { display: block; z-index: 4; } /* The magic */

#bestelling {
  width: 700px;
}
#bestelling th {
  padding: 3px;
  text-align: left;
}
td.prijs {
  text-align: right;
}
#bestelling th.prijs {
  text-align: right;
  }
#bestelling td {
  border-top: #284179 1px dashed;
  padding: 3px;
}

#detail1_product {
  width: 105px; 
  height: 105px; 
  position: absolute; 
  top: 30px; 
  left: 310px; 
  z-index: 1;
}
#detail2_product {
  width: 105px; 
  height: 105px; 
  position: absolute; 
  top: 145px; 
  left: 310px;
  z-index: 1; 
}

#achtergrond_product{
  width: 430px; 
  height: 264px; 
  position: absolute; 
  top: 0px; 
  left: 0px;
  z-index: 2; 
}
#afbeelding_product {
  width: 295px; 
  height: 210px; 
  text-align: center; 
  position: absolute; 
  top: 35px; 
  left: 15px; 
  z-index: 3;
}


#maattabel {
  width: 400px;
}
#maattabel th {
  padding: 3px;
  text-align: left;
}
#maattabel td {
  border-top: #284179 1px dashed;
  padding: 3px;
}

div.alert {
  padding: 5px;
  width: 90%;
  text-align: center;
  font-size: 200%;
  border: #284179 1px dashed;  
}