/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 70%;
	color: #000;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

/*h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
}

h1 {
	font-size: 1.7em;
	margin-bottom: 0.5em;
	margin-bottom: 0.3em;
	color: #fd8fd7;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size: 1em;
	color: #fd8fd7;
	font-weight: bold;
	margin: 0.5em;
}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 {
	font-size: 0.8em;
}
*/
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

/*p           { margin: 0 0 1.5em; }*/
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 0.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/*table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 8px 4px 8px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
*/

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* CUSTOM VOOR REALHAIR EXCLUSIVE
-------------------------------------------------------------- */

BODY {
	background-image: url('../images/back_site.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #333;
}
INPUT {
	margin-bottom:0.5em;
	}
.site {
  	width: 990px;
  	margin: 0 auto;

}
#header {
	height:121px;
}
#menubalk {
	height:24px;
}
#slogan {
	text-align: right;
	/*margin-top:10px;*/
}
#footer {
	margin: 10px 0px;
}

#shopmenu {
	text-align: right;
	margin-top:15px;
}
#taalmenu {
	text-align: right;
	padding-top:5px;
}
.flaglabel {

}
#submenu {
	padding: 35px 0px;
}
#submenu img {
	display: block;
}
#content2 .innertube {
	overflow:hidden;
	padding: 35px 20px 20px 0px;

	}
#content {
	padding: 20px 0px 10px 0px;
	min-height:330px;
	height:auto!important;
	height:330px; 
}
#content .innertube{
	margin-right:60px;
}
#content .innertube td{
	padding-right:10px;
	padding-top:2px;
}
#content .innertube2{
	margin-left:20px;
}
#animatie_klant_product{
	margin: 25px 0px 12px 0px;
}
.retail {
	float: left;
	width: 300px;
}
.retail img {
	display: block;
}

div.animatie2 {
	border:1px solid #000;
	overflow:hidden;
	background-color:#000000;
	line-height:0.8em;
	}
.order {
	float: right;
	width: 330px;
}

.knop, .itemtable .button {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(../images/back_button.gif);
	background-repeat: repeat-x;
	border: 1px solid #000000;
	padding:3px 5px;      
	cursor: pointer;
	text-decoration:none;
}
A:HOVER.knop , .itemtable A:HOVER.button {
	color: #000;
}

/******************** ARTIKEL THUMB ********************/
.home1 {
	margin: 0px 10px;
	float: left;
}

.home2 {
	float: right;
	}

.artikel {
	width:150px;
	border: 1px solid #000;
	cursor: pointer;
	background-color:#000000;
	}
.artikel IMG{
	display: block;		
	}
.home1 .artikel .home_kop, .home2 .artikel .home_kop {
	position: relative;
	margin-top: -25px;
	text-align:center;
	height:25px;
}
.home1 .artikel .home_kop A, .home2 .artikel .home_kop A{
	color: #fd8fd7;
	display: block;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: -1px;
/*line-height: 1em;*/

}
.kop {
	position: relative;
	margin-top: -35px;
	text-align:center;
	min-height:30px;
	padding:2px 2px;
}
.kop A{
	font-size: 0.9em;
	line-height:1.2em;
	color: #FFFFFF;
	display: block;
	text-decoration:none;
}
.thumb {
	/*position: relative;*/
	} 
.trans {
	border-top: 1px solid #000000;
	position: relative;
	margin-top: -30px;
	} 

.link {
	height:30px;
	text-align:right;
	position: relative;
	margin-top: -30px;
	white-space: nowrap; 
}
.link A{
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding: 7px 40px 0px 0px;
	text-decoration:none;
}
.link A:hover{
	color: #fd8fd7;
	text-decoration:none;
}
/******************** Typografie ********************/

h1  {
	font-size: 1.7em;
	/*color: #fd8fd7;*/
	color:#a61f7d;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2, h3{
	font-size: 1.2em;
	color:#a61f7d;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h6 {
	font-size: 0.8em;
}


.retail h1, .order h1 {
	color: #A61F7D;
}
.order h1 {
	text-align:center;
}
.retail A{
	font-size:0.9em;
}

#content h1 {
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: 0.5em;
}
#content {
	font-size: 1.2em;
	line-height: 1.6em;
	padding-top: 30px;
}
a {
	color:#222;
	}
a:hover {
	color: #a61f7d;
}
          


/******************** Gallery ********************/

DIV.galleryintro {
	background-color:#000000;
	margin:0px 100px 20px 100px;
	color: #fd8fd7;
	padding:30px 50px;
	text-align:justify;
	/*font-weight: bold;*/

}

DIV.gallery {
  text-align: center; 
}
DIV.gallerynav {
  text-align: center; 
  margin-bottom: 5px;
}
DIV.gallery IMG.photo {
  border: 1px solid #000;
}
DIV.gallerynav IMG.thumb, DIV.gallerynav IMG.activethumb {
  border: 4px solid #000;
}
DIV.gallerynav IMG.activethumb {
  border-color: #FD8FD7;
}
DIV.gallery IMG.arrow {
  margin: 0 5px;
}
DIV.gallery_product {
  float: right;
  width: 150px;
  margin-left: 20px;
}


/******************** Shop ********************/
TABLE.itemlist, TABLE.extraphotos {
  width: auto;
}
TABLE.itemlist TD {
  padding: 0 0 20px 0;
}
TABLE.itemlist TD.spacer IMG {
  width: 20px;
}
DIV.shopcontent {
  display: float;
  float: left;
  width: 480px;
  overflow: auto;
  margin-right: 20px;
}
DIV.shopsidebar {
  display: float;
  float: left;
  width: 152px;
  overflow: hidden;
  line-height: 100%;
}
DIV.shopsidebar DIV.artikel, DIV.shopsidebar DIV.chartbutton {
  margin-bottom: 15px;
}   
TABLE.extraphotos TD {
  padding: 0;
}
TABLE.extraphotos TD.spacer IMG {
  width: 12px;
}
TABLE.gallerylinks TD {
  padding: 0 0 8px 0;
}
TABLE.gallerylinks IMG {
  border: 1px solid black;
}
TABLE.gallerylinks TD.spacer IMG {
  width: 10px;     
  border: 0;
}

TABLE.itemtable {
	margin:15px 0px 20px 0px;
}
.itemtable TD {
	padding:4px 10px 2px 0px;
}
.itemtable TH {
	color: #fd8fd7;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	background-image: url(../images/back_button_zwart.gif);
	background-repeat:repeat-x;

}
DIV.photonr {
  position: relative;
  font-size: 12pt;
  color:#a61f7d;
}


/******************** Account / Shop ********************/
DIV.loginform {
  line-height: 2em;
  padding: 1.5em 0 1.5em 4em;
  /*margin: 3em 0;
  text-align: right;*/
} 
DIV.loginform A{
  font-size:0.9em;
}           
DIV.loginform table {
  /*margin: 1.5em 0 1.5em 4em;*/
  margin-bottom:1.5em;

}
TD.pad {
	padding-right: .6em;
	vertical-align: top;  
}
.error {
  font-weight: bold;
  color: #FFF;
  background-color: #C00;
  padding: .5em;      
  margin: .5em 0;
}
  /*HR {
border-top: 3px dotted #FD8FD7;
  background-color: transparent;
  margin: 1em 0;
}*/
.nobr {
  white-space: nowrap;
}
TABLE.paymethod TD, TABLE.shippingmethod TD {
  vertical-align: top;
  padding: 0 .4em 1em 0;
}
TR.even {
  background-color: #CCC;
}
TR.odd {
  background-color: #AAA;
}
TABLE.data, TABLE.cart {
  border-spacing: 3px 0;
}
TABLE.data TH, TABLE.cart TH {
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  background-color: #D91C76;
  color: #FFF;    
  padding: 0 .2em;    
}
TABLE.data TD, TABLE.cart TD {
  padding: 0 .4em;    
  vertical-align: top;
}                 
TD.amt {
  text-align: right;
  white-space: nowrap;
}
TD.grandtotal {
  font-size: 150%;
}
TABLE.orderinfo {
  border: 2px solid #D91C76;
  background-color: #FFF;
}
TABLE.orderinfo TD {
  font-size: 1.25em;
  padding: 1em;
}
.googlemap {
	width: 295px;
	float: left;
}
.winkelfotos {
	width: 300px;
	float: right;
}
.winkelfotos2 {
}
.container_map_fotos {
	margin-top: 20px;
}