/*-----------------------------------------------------------------------------
version:   1.0
author:    Marcel Wauters (All Directions)
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Class for clearing floats */
.clear {
	clear:both;
}

/* hide blocks (e.g. skipnavigation) */

.hide {
    display: none;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* ----------------------------------------------------------------------------- */

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif; */
	font-size : 13px;
	margin: 0;
	padding: 0;
	line-height:1.5;
	background:#75766f url(../Images/General/MauquoyBackgroundBody.gif) repeat-y left top;
	color:#fff;
}

form {
	padding:0; margin:0;
}

.alert{color: #990621; font-weight : bold;}
img.type1{border:solid 1px #ccc;margin:12px;}

/*  Stylen link algemeen 
-----------------------------------------------------------------------------*/

a:link,a:visited,a:active
{
    background-image: none;
    background-repeat: repeat;
	color : #ccc;
    text-decoration: underline;
}
a:hover
{
    background-image: none;
    background-repeat: repeat;
	color : #ccc;
    text-decoration: none;
}


/* lay-out type 2: 2 kolom lay-out, fix width links
-----------------------------------------------------------------------------*/

#layout2contentcolumnwrapper{
	float: left;
	width: 100%;
	background: url(../Images/General/MauquoyBackgroundContent.gif) no-repeat 265px top;
}

#layout2contentcolumn{
	margin-left: 265px; /* breedte linker kolom */
	min-height: 570px;
}

#layout2leftcolumn{
	float: left;
	width: 265px; /* breedte linker kolom */
	margin-left: -100%; /* spring voor contentcolumn */
}


/* Header
-----------------------------------------------------------------------------*/
#header
{
	margin: 0;
	padding: 20px 23px 38px 0;
	height: 27px;
	text-align:right;
}

#header img{
	padding: 0 0 0 24px;
}
#menusub{
	float:right;
    height: 40px;
	padding: 17px 25px 0 15px;
	font-size: 12px;
	text-align:right;
	font-weight:bold;
    color: #fff;
}

#breadcrump{
	float:left;
	padding: 17px 23px 0 0;
	text-align:right;
}

#breadcrump a, #menusub a{
	text-decoration:none;
	color: #fff;
}

#breadcrump a:hover, #menusub a:hover{
	/* text-decoration: underline;  geen underline, geeft problemen in IE6  */ 
}

h1{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

h2{
	font-size:14px;
	font-weight:bold;
}

h3{
	font-size:12px;
	font-weight:bold;
}

/* content
-----------------------------------------------------------------------------*/

#contentwrapper{
	background:	#585952 url(../Images/General/MauquoyBackgroundContentDark.gif) no-repeat 0 -142px;
	border-right:solid 30px #585952;
}

.contenttitle{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

#content{
	padding:15px;
	color:#ccc;
}


#contentfooter{
	height: 400px; /* nodig om in IE6 de min-height beperking te omzeilen */
	padding: 15px;
	font-size: 10px;
	color: #fff;
}

#contentfooter a{
	color:#fff;
	text-decoration: underline;
}

#contentfooter a:hover{
	color:#fff;
	text-decoration: none;
}

/* Product info */

#productinfo{
	background:#4b4d45;
	padding:15px;
}

#productinfothumbs{
	background:#4b4d45;
	padding:15px;
}

#productinfo h1{
	padding:6px 0;
}

#productinfo img{
	/* Eric: border:solid 5px #4b4d45; */
	border:solid 1px #75766f;
	margin-right: 10px;
	margin-bottom: 10px;
	/* Eric */
	width: 65px;
}

#productinfodescription{
	padding: 36px 0 12px 0;
}

#productinfodescription h1{
	padding:0;
	margin:0;
}

#productinfodescription img{
	float:left;
	/* Eric: border:solid 5px #75766f; */
	border:solid 1px #75766f; 
	margin:0 12px 8px 0;
	/* Eric */
	width: 266px;
}

/* Eric 
#productinfodescription a{
	color: #d1262c;
}
*/

/* Logo
-----------------------------------------------------------------------------*/

#logoengraving,#logomedal,#logomonumunt{
	float:left;
	margin:0;
	padding:0;
	height:142px;
	width:265px;
	background: url(../Images/General/LogoEngraving.gif) no-repeat left top;
	text-indent:-5000px;
}

#logoengraving{
	background: url(../Images/General/LogoEngraving.gif) no-repeat left top;
}

#logomedal{
	background: url(../Images/General/LogoMedal.gif) no-repeat left top;
}

#logomonumunt{
	background: url(../Images/General/LogoMonumunt.gif) no-repeat left top;
}

#logoengraving:hover,#logomedal:hover,#logomonumunt:hover{
	cursor:pointer;  /* in #logo staat een onclick event -> toon hand */
}

/* Taalkeuze
-----------------------------------------------------------------------------*/

.colorengraving{
	background: #437abc;
}

.colormedal{
	background: #d1262c;
}

.colormonumunt{
	background: #aca79c;
}

#languageselection{
	float:left;
	font-size: 11px;
	margin:0;
	padding:0 0 0 30px;
	height:17px;
	width:235px;
	list-style-type:none;
}

#languageselection li{
	float:left;
}

#languageselection a.lsnormal, a.lsselected{
	display:block;
	float:left;
	height:17px;
	line-height:17px;
	margin: 0 5px 0 0;
	padding: 0 9px;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:0;
}

#languageselection a.lsnormal{
	color:#fff;
}

#languageselection a.lsnormal:hover, a.lsselected{
	color:#000;
	background: #fff;
}

/* Menu
-----------------------------------------------------------------------------*/


#menumain{
	margin:29px 0 0 0;
	padding:0;
	list-style-type:none;
	border-top:solid 1px #aeafa8;
}

#menumain li{
	display:inline; /* Fix voor IE -> verwijderd extra ruimte boven en onder items */
}

#menumain ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menumain a.mmnormal, a.mmselected{
	display:block;
	/* height:20px;  afzetten, anders worden menuitems die over meerdere regels gaan niet correct getoond */ 
	line-height:20px;
	border-bottom:solid 1px #aeafa8;
	text-decoration:none;
	text-indent:17px;
	font-size:10px;
}

#menumain a.mmnormal{
	color:#fff;
}

#menumain a.mmnormal:hover, a.mmselected{
	color:#fff;
}

/* verberg subniveaus */

#menumain ul {
	display:none;
}

/* niveau 1 */

#menumain li a.mmnormal,
#menumain li a.mmselected{
	width:225px;
	padding-left:40px;
}

#menumain li a.mmnormal{
	background: url(../Images/General/MenuMainBullet.gif) no-repeat 45px 2px;
}

#menumain li a.mmnormal:hover,
#menumain li a.mmselected{
	background: #5a5b54 url(../Images/General/MenuMainBullet2.gif) no-repeat 45px 2px;
}

/* niveau 2 */

#menumain li ul li a.mmnormal,
#menumain li ul li a.mmselected{
	width:210px;
	padding-left:55px;
}

#menumain li ul li a.mmnormal{
	background: url(../Images/General/MenuMainBullet.gif) no-repeat 60px 2px;
}

#menumain li ul li a.mmnormal:hover,
#menumain li ul li a.mmselected{
	background: #5a5b54 url(../Images/General/MenuMainBullet2.gif) no-repeat 60px 2px;
}

/* niveau 3 */

#menumain li ul li ul li a.mmnormal,
#menumain li ul li ul li a.mmselected{
	width:195px;
	padding-left:70px;
}

#menumain li ul li ul li a.mmnormal{
	color:#000;
	background: url(../Images/General/MenuMainBullet.gif) no-repeat 75px 2px;
}

#menumain li ul li ul li a.mmnormal:hover,
#menumain li ul li ul li a.mmselected{
	color:#000;
	background:#93958b url(../Images/General/MenuMainBullet.gif) no-repeat 75px 2px;
}




/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formitem
{
	background-color : #ccc;
	color : #000000;
	border: 1px solid #fff;
	width: 100%;
}

.formbutton
{
	font-weight:bold;
	background-color : #ccc;
	color : #000;
	border: 1px solid #fff;
}


/*
##############################
Pagina specifiek eigenschappen
##############################
*/


/*  Stijlelementen Eric 
-----------------------------------------------------------------------------*/

p.bestelengraving a
{
    background-color: #437abc;
    color: #fff;
    text-decoration: underline;
    padding: 6px;
}
p.bestelengraving a:hover
{
    text-decoration: none;
}

.requiredfieldsengraving
{
    color: #437abc;
    font-weight: bold;
}

.requiredfieldsmedal
{
    color: #d1262c;
    font-weight: bold;
}

.requiredfieldsmonumunt
{
    font-weight: bold;
}
.shop_stamps{ background-color: #111; margin: 20px; padding: 0 10px 15px 10px; border: solid 1px #ccc; text-align: center; vertical-align: top; }
.shop_stamps a{	font-size: 1em;	text-decoration: none;	margin-top: -20px; }
.shop_stamps a:hover{ text-decoration: underline; }
.shop_stamps p { margin: 0; padding: 0; }
.shop_stamps ul{ list-style-type: none;	margin: 12px 0 0 0; padding: 0; }
.shop_stamps .cart a { display: block; margin: 10px 0 0 0; padding: 42px 0 0 0; background: url('../images/general/cart.png') no-repeat top center; font-size: 1.3em; }
.shop_stamps .photo{ margin-left: 27px; margin-top: 30px; height: 150px; }
.shop_stamps .photo img{ border: solid 1px #75766F; }

.memberof { background-color: #111; margin: 20px; padding: 20px 0; border: solid 1px #ccc; text-align: center; }