/*
	30.03.2007, mJ:	mainmenu highlighting instead of underline

	17.04.2007, mJ:	.inputli here
	
	18.04.2007, mJ:	.cover
	
	20.04.2007, mJ:	.highlight here

	25.04.2007, mJ:	reformatting; bigger main font

	31.05.2007, mJ: Fresh Digital links
	
	10.07.2007, mJ: mainnav an breitere Texte angepasst

	15.07.2007, mJ: #download-help-link
	
	21.09.2007, mJ: main and a color a bit darker
					removed unnecessary color definitions

	25.10.2007, mJ:	logo umgebaut

	26.10.2007, mJ:	background-color aus body nach body#dg
	
	07.12.2007, mJ:	fd-links zusammengefasst
					faq styles

	10.12.2007, mJ:	external-link wieder unterstrichen
					a.gpp-minipopup
					faqs: font-weight umgestellt


	16.01.2008, mJ:	real-link und gpp-link hinzu
					a generell auf underline

	24.03.2009, mJ:	.minilink in gelb
					font-size, height und color in "ul.bottomnavi  li a" auskommentiert
					
	25.08.2005, mJ:	LOCALISATION & Umstellung mainmenu auf TABLE
					my-account-manu-container
					
	09.09.2009, mJ:	finale Änderungen mainnav
*/

/******************************************************************************
 * General HTML styles
 *****************************************************************************/

*
{
	margin:				0px;
	padding:			0px;
}


body
{
	font-family:		Verdana, Helvetica;
	font-size:			12px;
/* 	color:				#808080; */
	color:				#606060;
}


body#dg
{
 	background-color:	#979797; 
}


a
{
	text-decoration: 	underline;
/* 	text-decoration: 	none; */
/* 	color:				#808080; */
	color:				#606060;
}


a:hover
{
	text-decoration: 	underline;
	color: 				#3a3a3a;
}


br.clear
{
	display:			block;
	clear:				both;
	width:				0px;
	height:				0px;
}


img
{
	border: 			none;
}


input,
select
{
	color:				#808080;
	background-color:	#ffffff;
}


p
{
	margin-bottom:		1em;
}




/******************************************************************************
 * Page Layout
 *****************************************************************************/

#container
{
	width:				940px;

	margin:				0px auto;
	padding:			0px 5px;

	background:			url(/imgs/container-bg-simple.png) repeat-y top left;
}





#head
{
	height:				40px;
}


#logo,
#mainnav,
#claim,
#claim-for-artist
{
	float:				left;
	display:			block;

	height:				110px;

	margin-right:		2px;

	border-top:			6px solid #ffe700;
	background:			#979797 none center no-repeat;
}


#logo h1,
#mainnav h3,
#claim h3,
#claim-for-artist h3
{
	display:			none;
}



#logo
{
	width:				182px;

	background-image:	url(/imgs/dg-logo-124.gif);
}


#shopcart
{
	padding:			10px;
}


#mainnav
{
	width:				330px;
/* 	padding-left:		10px; */
}


#mainnav ul
{
	list-style:			none;
}


#mainnav li
{
	float:				left;
	display:			inline;

	width:				133px;
	height:				15px;

	margin:				9px 0px 0px 22px;

/*  	font-size:			11px; */

/*  	background:			#808080;  */
}

#mainnav li a
{
	text-decoration: 	none;
/* 	font-size:			12px; */
/* LOCALISATION */
	color:				#f0f0f0;
	text-transform:		uppercase;
}

#mainnav li a:hover
{
	text-decoration: 	none;
	color:				#ffe800;
}

#mainnav li a#active
{
	color:				#ffe800;
}



#mainnav table
{
/* 	width:				318px; */
	width:				330px;
/* 	height:				102px; */
}


#mainnav td
{
/* 	display:			inline; */
	margin-top:			8px;
/* 	height:				20px; */
	color:				#f0f0f0;
}

#mainnav td#further_headline
{
	font-size:			11px;
	border-top:			#ffe800 4px solid;
	padding-top:		3px;
/* 	padding-left:		12px; */
	text-align:			center;
}

#mainnav table#further_links td a
{
	font-size:			11px !important;
}

#mainnav td a
{
/* 	float:				left; */
/* 	display:			inline; */

/* 	width:				133px; */
/* 	height:				12px; */

	margin:				8px 0px 0px 0px;

 	font-size:			12px;

/*  	background:			#808080;  */
}

#mainnav td a
{
	text-decoration: 	none;
/* 	font-size:			12px; */
/* LOCALISATION */
	color:				#f0f0f0;
	text-transform:		uppercase;
}

#mainnav td a#active
{
	color:				#ffe800;
}

#mainnav td a:hover
{
	text-decoration: 	none;
	color:				#ffe800;
}


#claim,
#claim-for-artist
{
	width:				414px;
	height:				106px;

	margin-right:		0px;
	padding-top:		4px;

	font-size:			28px;
	color:				#f0f0f0;
	text-align:			center;
}

#claim
{
	background-image:	url(/imgs/claim.gif);
}


#footer
{
	width:				930px;
	height:				20px;

	margin:				15px 0px;

	font-size:			5px;
	text-align:			center;
	color:				#f0f0f0;

	background-color:	#979797;
}


img.gpp-left
{
	float:				left;
	margin-right:		4px;
}

img.gpp-right
{
	float:				right;
	margin-left:		4px;
/* 	text-align:			right; */
}

a.gpp-minipopup
{
	font-weight: 		bold;
	text-decoration: 	underline;
}

a.external-link,
a.gpp-link,
a.real-link
{
	text-decoration: 	underline;
}

a.external-link:hover,
a.gpp-link:hover,
a.real-link:hover
{
/* 	background:			#959696; */
	color: 				#3a3a3a;
}


#not-artist-mainimage
{
	position:			absolute;
	top:				4px;
	left:				666px;
}





div#head3
{
	display:			none;
}






div.bottomnavi-container	/* msie austricksen?! */
{
/* 	background-color:	yellow; */
	position:			relative;
	bottom:				-12px;
	right:				-10px;
	height:				12px;
	font-size:			1px;
}

ul.bottomnavi
{
	list-style:			none;
	
	position:			absolute;
	bottom:				4px;
	right:				4px;

	float:				right;

	font-size:			8px;
/* 	margin-right:		6px; */
	color:				#909090;
/* 	display:			inline; */
}

ul.bottomnavi li
{
/* 	background:			#ffe700; */
	display:			inline;
}

ul.bottomnavi  li a
{
/*	background:			#ffe700; */
/* 	height:				9px; */
	display:			inline;
/*	padding-left:		4px; */
	margin-left:		8px;
/* 	padding-right:		4px; */
/* 	display:			block; */
	float:				left;
/* 	color:				#909090; */
/* 	font-size:			1px;		 */
	/* minimal size */
/* 	visibility:			hidden; */
}





/* Classes for dotty borders */

div.yt /* yellow top */
{
	padding-top:		7px;
	background: 		url(/imgs/yellow-top-dotty-hor.gif) repeat-x top left;
}
div.t /* top */
{
	padding-top:		1px;
	background: 		url(/imgs/dotty-hor.gif) repeat-x top left;
}
div.b /* bottom */
{
	padding-bottom:		1px;
	background: 		url(/imgs/dotty-hor.gif) repeat-x bottom left;
}
div.l /* left */
{
	padding-left:		1px;
	background: 		url(/imgs/dotty-ver.gif) repeat-y top left;
}
div.r /* right */
{
	padding-right:		1px;
	background: 		url(/imgs/dotty-ver.gif) repeat-y top right;
}

div.yt,
div.t,
div.b,
div.l,
div.r
{
/* 	display:			block; */
/* 	height:				100%; */
}


div.t
{
/* 	background:			red; */
}

div.hline /* top */
{
/*	display:			block; */
/* 	padding-top:		1px; */
/* 	border:				1px solid black; */
/* 	width:				100%; */
 	height:				1px;
	background: 		url(/imgs/dotty-hor.gif) repeat-x top left;
 	font-size:			0px;
}


#shopcart-status
{
 	border-top:			1px dotted #979797;
	margin-top:			20px;
	text-align:			right;
	height:				30px;
}

#shopcart-items,
#shopcart-error,
#shopcart-message
{
	margin-top:			15px;
}

#shopcart-message
{
	font-weight:		bold;
}

#shopcart-error
{
	color:				red;
	font-weight:		bold;
}

#shopcart-link
{
	text-align:			right;
	margin-top:			5px;
	padding-bottom:		5px;
/* 	border:				1px solid red; */
/* 	height:				30px; */
}

#shopcart111-status
{
	text-align:			right;
/* 	height:				30px; */
}

#shopcart111-items,
#shopcart111-error,
#shopcart111-message
{
/* 	margin-top:			15px; */
	color:				red; 
/* 	color:				#B2322A; */
}

#shopcart111-message
{
	font-weight:		bold;
}

#shopcart111-error
{
	color:				red;
	font-weight:		bold;
}

#shopcart111-link
{
	text-align:			right;
/* 	padding-bottom:		5px; */
/* 	color:				#B2322A; */
	color:				red;
/* 	height:				30px; */
}

#shopcart111-link a
{
/* 	color:				#B2322A; */
	color:				red;
}

ul#fd-links
{
  	margin-top: 		5px;
	text-align:			right;
	margin-right: 		1px;
	list-style:			none;
}

ul#fd-links li
{
  	padding: 			0px;
  	margin:		 		0px;
	height:				15px;
}


.inputli
{
	width:					184px;
	background-image:		url(/imgs/input-bg.gif);
	background-repeat:		no-repeat;
	background-position: 	bottom left;
	
	font-size:				9px;
	margin-bottom:		 	8px;
/*	margin-left:			10px; */
/*	padding-right:			 3px; */
/*	padding-top:			 2px; */
/*	padding-bottom:			 2px; */
}

.cover
{
	border-top:			1px solid #fff;
	border-left:		1px solid #fff;
	border-right:		1px solid #c7c7c7;
	border-bottom:		1px solid #c7c7c7;
}

.highlight
{
/* 	background-color:	#f9daae; */
/* 	padding-left:		2px; */
/* 	padding-right:		2px; */
	font-style:			normal;
	color:				#df5400;
	font-weight:		bold;
/* 	color:				#de9200; */
	
}


ol#faqs {
	font-weight:		bold;
	margin-left:		1.4em;
}

ol#faqs li  {
	margin-bottom:		1.4em;
}

ol#faqs li div.question {
	margin-bottom:		1em;
}

ol#faqs li div.answer {
	font-weight:		normal;
}


.minilink {
	color:					#606060 /*!important*/;
	background:				#ffe800 /*!important*/;
	display:				inline;
	padding:				0px 3px;
	font-size:				10px /*!important*/;
	font-family:			Arial, Helvetica, Sans;
/* 	font-weight:		bold; */
	text-decoration:		none;
	text-transform:			uppercase;
/* 	height:					12px; */
	line-height:			15px !important;
}	


#my-account-menu-container 
{
	/* left:			859px; */
	right:				15px;
	top:				156px;
	position:			absolute;
	z-index:			100;
	width:				11em;	/*	MSIE needa a size for this... */
	display:			none;	/*	make visible by Javascript later */
}

#my-account-menu-head 
{
	text-align:			right;				
}

#my-account-menu 
{
	font-size:			10px; 
	padding: 			8px 0px; 
	background:			#ffe800;
/* 	width:				11em; */
}

#my-account-title
{
	font-size:			10px; 
	background:			#ffe800;
	display:			inline;
	text-decoration:	none;
	padding-left:		4px;
/* 	width:				11em; */
}

#my-account-title a
{
	text-decoration:	none;
}

.my-account-menu-link 
{
	padding:			2px 10px;
	background:			#ffe800;
	display:			block;
	text-decoration:	none;
}

.my-account-menu-link:hover 
{
	background:			#fff080;
	text-decoration:	none;
}

/* artist-mainimage-border etwas nach links f. "my account" */
#artist-mainimage-border
{
	left:				617px;			
}			

.gray-button 
{
	background: 		url( /imgs/gray-button-bg.gif ) right bottom;
	color:				#f3f3f3 !important;
	padding-right:		18px;
	width:				auto;
	display:			inline;
	float:				right;
	padding-top:		1px;
	padding-left:		3px;
	font-size:			11px;
	font-family:		Arial, Helvetica;
/* 	border:				1px solid green; */
	border:				none;
	overflow:			visible;	/* remove MSIE padding */
	cursor:				pointer;
	height:				15px;
	
/* 	position:			relative; */
}

.gray-button a
{
	color:				#f3f3f3;
	text-decoration:	none;
	padding-bottom:		3px;
	margin-left:		3px;
	padding-top:		3px;	
	margin-right:		2px;	
	line-height:		14px;
}


.gray-button2
{
	cursor:				pointer;
	background: 		url( /imgs/gray-button-bg.gif ) right bottom;
	color:				#f3f3f3 !important;
	font-size:			11px;
	font-family:		Arial, Helvetica;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		6px;
	padding-right:		18px;
	display:			inline;
	width:				auto;
	overflow:			visible;	/* remove MSIE padding
	height:				17px;
/* 	border:				1px solid red;  */
}

.gray-button2 a
{
	color:				#f3f3f3;
	text-decoration:	none;
/* 	margin-left:		3px; */
	margin-right:		2px;	
	line-height:		14px;
/* 	border:				1px solid blue;  */
}


.gray-button_i
{
	background: 		url( /imgs/gray-button-bg.gif ) right bottom;
	color:				#f3f3f3 !important;
	padding-right:		18px;
	display:			inline;
	padding-top:		0px;		/* moz bräuchte -1 */
	padding-left:		4px;		/* +! */
 	font-size:			11px;
	font-family:		Arial, Helvetica;
	overflow:			visible;	/* remove MSIE padding */
	cursor:				pointer;
	width:				auto !important;
	border:				0px !important;
	height:				17px;
/* 	position:			relative; */
}