/* Basic elements */

html, body
{
	padding:0px;
	margin:0px;
}
body
{
	background-color:#EDEDEE;
	background-image:url(/femmemetaal.website/gfx/bg_body.gif);
	background-position:center top;
	background-repeat:repeat-y;
}
input, body
{
	font-family:Arial;
	font-size:12px;
}

table td
{
	vertical-align:top;
}
table th
{
	text-align:left;
}

table.Shade
{
	border-collapse:collapse;
	/*background-color:#E3E4E5;*/
	background-color:#BAC306;
}
table.Shade td:first-child, table.Shade th:first-child
{
	background-color:#D2005B;
}
table.Shade td
{
	padding:3px 6px 3px 6px;
	height:12px;
}
table.Shade th.Highlight
{
	/*background-color:#870039;*/
	background-color:#9A151F;
	font-size:12px;
	
}
table.Shade td.Highlight 
{
	/*background-color:#D2005B;*/
	background-color:#9A151F;
	color:White;
	font-weight:bold;
	text-align:center;
}
table.Shade th
{
	/*background-color:#929290;*/
	color:#D2005B;
	/*color:White;*/
	font-weight:bold;
	padding:5px 6px 5px 6px;
	font-size:14px;
}

ul, ol
{
	margin:-10px 0px 10px 0px;
	padding:0px 0px 0px 17px;
}
ol
{
	padding-left:19px;
}
* html ul
{
	padding-left:17px;
}
* html ol 
{
	padding-left:23px;
}
	
p
{
	padding:0px;
	margin:0px 0px 10px 0px;
}

h1, h2, h3
{
	color:#D2005B;
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:normal;
}
h1
{
	font-size:18px;	
}
h2
{
	font-size:12px;
	margin-bottom:0px;
}
h3
{
	font-size:11px;
	margin-bottom:0px;
}
h4
{
	margin:0px;
	padding:0px;
	font-size:11px;
}

a
{
	text-decoration:none;
	color:#A4A3A0;
}
a:hover
{
	color:#D2005B;
}
a img
{
	border:0px;
}

font.PinkNormal, font.PinkSmall
{
	color:#D2005B;
}
font.PinkSmall
{
	font-size:11px;
}

/* Structural elements */

	.Header, .Footer, .Content
	{
		clear:both;
		padding: 0px 25px 0px 25px;
		width:920px; /*970*/
		margin: 0px auto 0px auto;
		position:relative;
	}

	.Header
	{
		padding-top:15px;
	}
		
		.Logo
		{
			color:#D2005B;
		}
		.Logo a 
		{
			color:#D2005B;
			font-weight:bold;
			font-size:11px;
			line-height:110%;
		}
		.Logo a span
		{
			display:block;
			padding-top:5px;
		}
		.Logo img
		{
			float:left;
			padding-right:5px;
			margin-right:5px;
			border-right:2px solid #D2005B;
		}
	
		.Menu
		{
			clear:both;
			float:right;
			height:40px; /* IE bugs when the shade is applied if it the width/height is set to auto; the height is set in script*/
		}
		.Menu ul
		{

			margin:0px;
			padding:0px;
			list-style-type:none;
		}
		
		.Menu ul li
		{
			float:left;
			margin:0px;
			padding:0px;
		}
		.Menu ul li.Separator
		{
			width:1px;
			height:40px;
			background-image:url(/femmemetaal.website/gfx/bg_menuitem.gif);
			background-position:112px 0px;
		}
		.Menu ul li a
		{
			display:block;
			width:100px; /*110*/
			height:30px; /*40*/
			padding:6px 4px 4px 6px;
			background-image:url(/femmemetaal.website/gfx/bg_menuitem.gif);
			background-position:0px 0px;
			color:White;
			font-size:11px;
			font-weight:bold;
			text-transform:lowercase;
			line-height:110%;
			position:relative;
		}
		.Menu ul li.Active a
		{
			background-position:0px -80px;
		}
		.Menu ul li a:hover
		{
			color:white;
			background-position:0px -40px;
		}
	
	.Content
	{
		padding-top:25px;
	}
		.Column
		{
			position:relative;
			line-height:140%;
		}
	
	.Footer
	{
		padding-top:15px;
	}
		.Footer .ExtraMenu
		{
			border-top:1px solid #AFAEAC;
			padding-top:5px;
		}
		
		.Footer .Logos
		{
			position:absolute;
			margin-top:8px;
		}
		
		.Footer .Logos a
		{
			margin-right:20px;
		}
		* html .Footer .Logos a img
		{
			width:100%;
			height:100%;
			background-color:white;
		}

.ExtraMenu
{
}
.ExtraMenu ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:right;
}
.ExtraMenu li
{
	float:left;
	padding: 0px 3px 0px 3px;
}
.ExtraMenu li, .ExtraMenu li a
{
	color:#AFAEAC;
	font-size:12px;
	text-transform:lowercase;
}
.ExtraMenu li.Active a
{
	color:#820037;
}
.ExtraMenu li a:hover
{
	color:#D2005B;
}

/* Qios.DynamicWeb controls */

.QMailFormPart fieldset
{
	border:0px;
	padding:0px;
	margin:0px;
	position:relative;
	line-height:normal;	
	/*
	background-color:#E3E4E5;
	background-image:url(/femmemetaal.website/gfx/bg_mailform.gif);
	background-repeat:no-repeat;
	background-position:top right;
	*/
	background-color:#BAC306;
	
	font-size:11px;
}
.QMailFormPart fieldset h1
{
	color:black;
	padding:22px 0px 0px 20px;
}
.QMailFormPart fieldset h2
{
	padding:3px 0px 3px 20px;
	color:white;
	background-color:#9A151F;
}
.QMailFormPart fieldset h3
{
	padding:3px 0px 3px 20px;
	margin: 10px 0px 5px 0px;
	color:white;
	background-color:#9A151F;
}
.QMailFormPart fieldset span
{
	padding:0px 0px 10px 20px;
	display:block;
}
.QMailFormPart fieldset sub
{
	display:block;
	color:darkred;
}
.QMailFormPart fieldset p, .InvalidMessage
{
	margin-bottom:0px;
	padding-left:20px;
	position:relative;
}
.QMailFormPart .InvalidMessage
{
	position:relative;
	padding-bottom:10px;
	width:230px;
	color:darkred;
	font-weight:bold;
}
.QMailFormPart fieldset label 
{
	display:block;
}
.QMailFormPart fieldset input.TextBox
{
	border:0px;
	width:230px;
	font-size:11px;
	margin-left:-3px;
}
.QMailFormPart fieldset label.FieldNameCheckBox
{
	padding-left:15px;
}

.QMailFormPart fieldset input.CheckBox
{
	position:absolute;
	left:15px;
	top:-2px;
}
* html .QMailFormPart fieldset input.CheckBox
{
	left:-21px;
	top:-4px;
}
.QMailFormPart label.RadioButton
{
	margin-left:-5px;
}
.QMailFormPart label.RadioButton input
{
	position:relative;
	top:1px;
}
.QMailFormPart .SubmitLinkContainer
{
	/*
	background-color:#929290;
	margin-top:25px;
	margin-bottom:0px;
	*/
	margin-top:10px;
	padding-left:0px;
	padding-bottom:5px;
}
.QMailFormPart .SubmitLink
{
	display:block;
	height:39px;
	width:172px;
	color:White;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-top:22px;
	margin-left:8px;
	background-image:url(/femmemetaal.website/gfx/btn_submit2.png);
	
	width:100px;
	padding-left:15px;
	padding-right:15px;
	padding-top:14px;
	padding-bottom:8px;
}
.QMailFormPart .SubmitLink:hover
{
	color:White;
}
* html .QMailFormPart .SubmitLink
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/femmemetaal.website/gfx/btn_submit.png', sizingMethod='scale');
	cursor:pointer;
}

.GalleryThumbnailsPart
{
}
.GalleryThumbnailsPart ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.GalleryThumbnailsPart ul li
{
	padding:0px;
	background-image:none;
	background-position:0px 0px;
	margin-bottom:20px;
	width:120px;
	height:160px;

	background-repeat:no-repeat;
	background-position:center center;
	background-color:Black;
	
	float:left;
	margin-right:17px;
}
.GalleryThumbnailsPart ul li a
{
	display:block;
	width:120px;
	height:160px;
	background-image:url(/femmemetaal.website/gfx/pic_blank.gif);
}
.GalleryThumbnailsPart ul li a:hover, .GalleryThumbnailsPart ul li.Active a
{
	background-image:url(/femmemetaal.website/gfx/bg_overlay.png);
}
* html .GalleryThumbnailsPart ul li a:hover, * html .GalleryThumbnailsPart ul li.Active a
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/femmemetaal.website/gfx/bg_overlay.png', sizingMethod='scale')!important;
	cursor:pointer;
}

.GalleryImagePart .GalleryImageInfo
{
	background-color:#D2005B;
	color:White;
	width:200px;
	position:absolute;
	padding:10px;
	bottom:10px;
	left:10px;
}
.GalleryImagePart .GalleryImageInfo div
{
}
.GalleryImagePart .GalleryImageInfo .Name
{
	font-weight:bold;
}
.GalleryImagePart .GalleryImageInfo .Company
{
	font-style:italic;
}
.GalleryImagePart .GalleryImageInfo .Quote
{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

a.NingBanner
{
	display:block;
	position:relative;
	visibility:visible;
}
a.NingBanner:hover img
{
	visibility:hidden;
}

.GoogleMaps
{
	border:1px solid #AFAEAC;
}
.GoogleMaps iframe
{
	width:100%;
	height:100%;
}

.PanelPart>.PanelPart:first-child
{
	margin-top:-10px;
}
.PanelPart
{
	padding:10px 10px 1px 10px; /*dont set the bottompadding to 0 or IE will ignore the bottompadding of the paragraphs*/
	position:relative;
}
.PanelPart .PanelPart
{
	margin-left:-10px;
	margin-right:-10px;
}

.PanelGray
{
	background-color:#E3E4E5;
}
.PanelPink
{
	background-color:#D2005B;
	color:White;
}
.PanelRed
{
	background-color:#820037;
	background-color:#9A151F;
	color:White;
}
.PanelGreen
{
	background-color:#BAC306;
}
.PanelGray h1, .PanelGray h2, .PanelGray h3
{
	color:Black;
}
.PanelPink h1, .PanelPink h2, .PanelPink h3, .PanelPink a, .PanelPink a:hover, .PanelRed h1, .PanelRed h2, .PanelRed h3, .PanelRed a, .PanelRed a:hover
{
	color:White;
}
/*
.PanelPart h1, .PanelPart h2, .PanelPart h3
{
	margin-bottom:0px;
}
*/

.PanelLogo
{
	padding: 10px 10px 10px 175px;
	background-image:url(/femmemetaal.website/gfx/bg_panel_femme.gif);
	background-repeat:no-repeat;
	min-height:140px;
}
* html .PanelLogo
{
	height:140px;
	overflow-y:visible;
}
	.PanelLogo h2
	{
		color:Black;
	}


/* Shade divs */

.Shade, .LightShade
{
    position:relative;
}
.ShadeTop,.ShadeBottom,.ShadeLeft,.ShadeRight,.ShadeTopLeft,.ShadeTopRight,.ShadeBottomLeft,.ShadeBottomRight
{
    position:absolute;
    overflow:hidden;
}
.ShadeTopLeft,.ShadeTopRight,.ShadeBottomLeft,.ShadeBottomRight
{
    width:20px;
    height:20px;
    background-image:url(/femmemetaal.website/gfx/shade_corners.gif);
}
.LightShade .ShadeTopLeft, .LightShade .ShadeTopRight, .LightShade .ShadeBottomLeft, .LightShade .ShadeBottomRight
{
    background-image:url(/femmemetaal.website/gfx/lightshade_corners.gif);
}
.ShadeTopLeft
{
    top:-10px;
    left:-10px;
}
.ShadeTopRight
{
    top:-10px;
    right:-10px;
    background-position:20px 0px;
}
.ShadeBottomLeft
{
    bottom:-10px;
    left:-10px;
    background-position:0px 20px;
}
.ShadeBottomRight
{
    bottom:-10px;
    right:-10px;
    background-position:20px 20px;
}
.ShadeTop, .ShadeBottom
{
    width:100%;
    height:10px;
    background-image:url(/femmemetaal.website/gfx/shade_horizontal.gif);
}
.LightShade .ShadeTop, .LightShade .ShadeBottom
{
    background-image:url(/femmemetaal.website/gfx/lightshade_horizontal.gif);
}
.ShadeLeft, .ShadeRight
{
    height:100%;
    width:10px;
    background-image:url(/femmemetaal.website/gfx/shade_vertical.gif);
}
.LightShade .ShadeLeft, .LightShade .ShadeRight
{
    background-image:url(/femmemetaal.website/gfx/lightshade_vertical.gif);
}
.ShadeTop
{
    top:-10px;
}
.ShadeBottom
{
    bottom:-10px;
    background-position:0px -10px;
}
.ShadeLeft
{
    left:-10px;
}
.ShadeRight
{
    right:-10px;
    background-position:-10px 0px;
}

/* Template specific styles */

.TemplateThree #QCP_COLUMN_LEFT		{ width:350px; float:left; }
.TemplateThree #QCP_COLUMN_CENTER	{ width:160px; margin-left:auto; margin-right:auto;line-height:normal; }
.TemplateThree #QCP_COLUMN_RIGHT	{ width:350px; float:right;}

.TemplateTwo #QCP_COLUMN_LEFT		{ width:447px; float:left;}
.TemplateTwo #QCP_COLUMN_RIGHT		{ width:447px; float:right;}

.TemplateOne #QCP_COLUMN_LEFT		{ width:920px; }