/********* A FF CSS-FILE FOR EW **********/
/* MASTER PREMIUM SPECIAL DELUXE EDITION */
/****** THIS IS FOR goldschmiede-schelle.de ******/


/* globals */
*					{margin: 0; padding: 0;	}
html, body			{min-height: 100%; height: auto; height: 100%;}
body					{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ccb892; line-height:150%; background: url(../images/layout/bg-body2.jpg) center top; font-size: 80%;}
body#shelly			{background:  url(../images/layout/bg-body-shelly-y.jpg) repeat-y; color: #fff;}
img 					{border: none;}

.clear				{clear: both; font-size: 0.0001em; line-height: 0.00001em;}

.bold				{font-weight:bold;}
.marginBottom		{margin-bottom:20px;}

/* links */			 
a, a:visited		{text-decoration: none; color: #ccb892; }
a:hover	 			{text-decoration:underline; }
a:hover	img	 		{-moz-opacity: 0.85; opacity: 0.85;}
#shelly a:link,
#shelly a:visited	{color: #f9f6e7;}

/* paragraphs */
p 					{font-size: 1em; line-height:150%; margin: 0 0 26px 0; color: #ccb892;}
#shelly p			{color: #f9f6e7;}
.ewcms_news_feed h3 { margin:5px 0 0 0;}
.ewcms_news_feed p { margin: 0 0 0 0;}
a.ewcms_news_link		{ margin:-2px 0 0 0; }
/* lists */		
ul 					{list-style:none;}
ul.list				{ margin:5px 0 15px 25px;}
ul.list li			{padding:6px 0 5px 40px; background:url(../images/layout/list-icon.png) 0px 18px no-repeat;}

ul.list2				{ margin:-15px 0 25px 25px;}
ul.list2 li			{padding:6px 0 5px 40px; background:url(../images/layout/list-icon.png) 0px 8px no-repeat;}

/* brandings */
h1, h2, h3			{font-size: .000001em; line-height: .000001em; display: block; text-indent: -99999px;overflow:hidden;}
h2					{width: 590px; margin: 0 0 20px 0;}
	h2.index		{height: 68px; background: url(../images/layout/h2/index.png) no-repeat;}
	h2.philo		{height: 68px; background: url(../images/layout/h2/philo.png) no-repeat;}
	h2.mitarbeiter	{height: 68px; background: url(../images/layout/h2/mitarbeiter.png) no-repeat;}
	h2.trauringe	{height: 68px; background: url(../images/layout/h2/trauringe.png) no-repeat;}
	h2.service	{height: 68px; background: url(../images/layout/h2/service.png) no-repeat;}
	h2.aktuelles	{height: 68px; background: url(../images/layout/h2/aktuelles.png) no-repeat;}
	h2.veranstaltungen	{height: 68px; background: url(../images/layout/h2/veranstaltungen.png) no-repeat;}
	h2.schmuck	{height: 68px; background: url(../images/layout/h2/schmuck.png) no-repeat;}
	h2.uhren	{height: 68px; background: url(../images/layout/h2/uhren.png) no-repeat;}
	h2.handwerk		{height: 68px; background: url(../images/layout/h2/handwerk.png) no-repeat;}
	h2.impressum	{height: 68px; background: url(../images/layout/h2/impressum.png) no-repeat;}
	h2.anfahrt		{height: 68px; background: url(../images/layout/h2/anfahrt.png) no-repeat;}
	h2.kontakt		{height: 68px; background: url(../images/layout/h2/kontakt.png) no-repeat;}
	h2.danke		{height: 68px; background: url(../images/layout/h2/danke.png) no-repeat;}
	h2.error		{height: 68px; background: url(../images/layout/h2/error.png) no-repeat;}
	
	h2.kleinserien	{height: 80px; width:987px; background: url(../images/layout/h2/kleinserien.png) no-repeat; margin: 45px 0 0px 0;}
	h2.shelly		{background: url(../images/layout/h2/shelly+ozeiten.png) no-repeat; height: 80px; width: 987px; margin: 45px 0 10px 0;}
	#aktuellesinner h2		{font-size: 1em; line-height: 130%; text-indent: 0; overflow: visible; font-weight: bold; width: auto;color: #ccb892;}
h3.besuch			{background: url(../images/layout/h3/besuch.png) no-repeat left bottom; width: 509px; height: 26px; padding: 6px 0 0 0;}
h3.aktuelles		{background: url(../images/layout/h3/aktuelles.png) no-repeat; width: 350px; height: 14px; margin: 0 -20px 0 0 ;}
h3.kontakt		{background: url(../images/layout/h3/kontakt.png) no-repeat; width: 350px; height: 14px; margin: 0 -20px 0 0 ;}
h3.impressum		{background: url(../images/layout/h3/impressum.png) no-repeat; width: 350px; height: 19px; margin: 0 -20px 0 0 ;}
h3.anfahrt		{background: url(../images/layout/h3/anfahrt.png) no-repeat; width: 350px; height: 19px; margin: 0 -20px 0 0 ;}
h3.ozeiten			{background: url(../images/layout/h3/ozeiten.png) no-repeat; width: 350px; height: 49px; margin: 0 -20px 0 0 ;}
h3.goldschmiede		{background: url(../images/layout/h3/goldschmiede.png) no-repeat; width: 181px; height: 17px;}
h4					{color: #ebd9b9; font-weight: bold; font-style: italic; font-size: 1.6em; background: url(../images/layout/bg-h4.png) no-repeat right 3px; display: inline; padding: 0 30px 0 10px; }
.acctog h4.big					{color: #ccb892; font-size: 1.2em; font-style:normal; background: url(../images/layout/bg-h44.png) no-repeat right 2px; padding:1px 408px 3px 0;}
h5					{color: #ccb892; font-weight: bold; font-size: 1.2em; margin: 0 0 6px 0;}
h6					{color: #ccb892; font-weight: bold; font-size: 1.5em; margin: 0 0 15px 0; text-transform:uppercase;}

/* layout */
#site				{background: url(../images/layout/bg-site.jpg) no-repeat center top; min-height: 823px;}
	body#shelly	#site		{background: url(../images/layout/bg-body-shelly.jpg) center top no-repeat; min-height: 1200px;}
.container			{width: 987px; margin: 0 auto;}
#logo				{margin: 16px 0 19px 37px;}
#fadediv			{width: 987px; height: 343px; overflow: hidden;}

#ajaxIn h3			{ text-indent:0; font-size:1em; line-height:120%; padding-bottom:5px;}
#ajaxIn a			{ text-decoration:underline; padding-left:5px;}
#ajaxIn a:hover			{ text-decoration:underline; font-weight:bold; padding-left:5px;}
p.ewcms_news_feed		{ margin:0 0 8px 0;}

#sidebar,
.sidebar		{width: 330px; float: left; margin: 51px 30px 0 17px; display:inline;}
.sidebar-acco		{width: 375px; float: left; margin: 9px 30px 0 17px; display:inline;}
.sidebar		{width: 350px; margin-top:0;}
	#aktuellesinner	{width: 249px; margin: 28px 0 0 48px;}
	#aktuellesinner img		{border: 1px solid #4f3921; margin: 10px 0 0 0; padding:2px;}
	#ajaxIn		{margin: 7px 0 10px 0; height: 100px; overflow: hidden;}
#textcontainer	{width: 590px; float: left; margin: 47px 0 0 0;}

#textcontainer-special	{width: 890px; float: left; margin: 47px 0 0 27px;}
	.text-special		{padding: 0 0 0 36px; width: 910px;}
		.picture-new		{ width:135px; float:left; margin:0 12px 12px 0; display:inline;}
		.picture-new-last		{ width:135px; float:left; margin-right:0px; display:inline;}

.acctog			{cursor: pointer; padding: 0 0 20px 10px; border-bottom:1p solid #CCCCCC;}
.textcontainer	{width: 550px; float: left;}

#slider			{margin-left:8px;}

#textcontainer-new	{width: 542px; float: right; padding-right:30px;}
	.text		{padding: 0 0 0 36px; width: 510px;}
		.xtra .text	{padding-left: 0px;}
	.item		{float: left; width: 174px; margin: 0 0 20px 0;}
	.item-new		{float:left; width:165px; margin: 0 0 20px 0;}
		.item.first	{margin-right: 20px;}
		.item.new1	{margin-right: 20px;}
		.item-img	{background: url(../images/layout/bg-thumb.png) no-repeat; width: 168px; height: 112px; padding: 2px; overflow: hidden; margin: 0 0 4px 0;}
		.border2 {background: url(../images/layout/bg-thumb.png) no-repeat; width: 164px; height: 103px; padding:2px; margin: 0 0 4px 0; float:left;}
	.bigcol		{padding: 0 0 0 19px;}
		.bigcol .item	{margin-right: 22px;}
		.bigcol .item.last	{margin-right: 0;}
		
		.item img.border	{border:1px solid #4f3921; padding:2px;}
	.floatpic	{ float:left; border:1px solid #4f3921; margin:0 15px 5px 0; display:inline; padding:2px;}	
	.floatpic2	{ float:right; border:1px solid #4f3921; margin:0 0px 5px 15px; display:inline; padding:2px;}
	.teamblock		{ float:left; width:170px; margin-right:65px; display:inline;}
	.teamblock img	{ border:1px solid #4f3921; margin:0 15px 5px 0; display:inline; padding:2px;}
	.picture		{ width:155px; float:left; margin:0 12px 12px 0; display:inline;}
	.picture2		{ width:165px; float:left; margin:0 25px 15px 0; display:inline;}
	.picture2-last		{ width:165px; float:left; display:inline; margin:0 0px 15px 0;}
	.picture2 img, .picture2-last img { border:1px solid #4f3921; padding:2px;}
	.picture-last		{ width:155px; float:left; margin-right:0px; display:inline;}
	.picture img, .picture-last img, .picture-new img, .picture-new-last img { border:1px solid #4f3921; padding:2px;}
	.cmstext	{ margin-top:10px;}
	.textblock	{width:300px; float:left;}
	.pictureblock	{ width: 170px; float:right;}
	.pictureblock2	{ width: 170px; float:left; margin:13px 18px 0 0; display:inline;}
	.textblock-veranst	{width:550px; float:left;}
		
#footer				{background: url(../images/layout/bg-footer.jpg) no-repeat center top; height: 127px; margin: 35px 0 0 0;}
	#shelly #footer	{background: url(../images/layout/bg-footer-shelly.jpg) no-repeat center top; height: 236px; margin: 0; padding: 70px 0 0 0;}
	#footerColLeft,
	#footerColRight	{float: left; }
	#footerColLeft	{width: 525px; margin: 0 0 0 37px; padding-top: 26px; display: inline;}
		.footcol	{width: 211px; padding: 13px 0 0 28px; float:left;}
	#footerColRight	{width: 420px; padding-top: 12px;}

/*-----------other stuff------------------*/
.map	{border:1px solid #4F3921;}

/*-----------------navi----------------------------*/
a#face	{ position:absolute; top:-367px; right:-18px; outline:none}
#navi				{height: 26px; width: 949px; padding: 19px 0 0 19px; position: relative; z-index: 33;}
	#navi li		{float: left; position: relative;}
	#navi li a:link,
	#navi li a:visited	{background: url(../images/layout/bg-navi.png) no-repeat; font-size: .000001em; line-height: .000001em; display: block; text-indent: -99999px; overflow:hidden; height: 26px;}
		#navi li a#l01:link,
		#navi li a#l01:visited		{background-position: 0 0; width: 109px;}
		#navi li a#l01.active:link,
		#navi li a#l01.active:visited,
		#navi li a#l01:hover		{background-position: 0 -26px;}
		#navi li a#l02:link,
		#navi li a#l02:visited		{background-position: -109px 0; width: 121px;}
		#navi li a#l02.active:link,
		#navi li a#l02.active:visited,
		#navi li a#l02:hover		{background-position: -109px -26px;}
		#navi li a#l03:link,
		#navi li a#l03:visited		{background-position: -230px 0; width: 206px;}
		#navi li a#l03.active:link,
		#navi li a#l03.active:visited,
		#navi li a#l03:hover		{background-position: -230px -26px;}
		#navi li a#l04:link,
		#navi li a#l04:visited		{background-position: -436px 0; width: 161px;}
		#navi li a#l04.active:link,
		#navi li a#l04.active:visited,
		#navi li a#l04:hover		{background-position: -436px -26px;}
		#navi li a#l05:link,
		#navi li a#l05:visited		{background-position: -597px 0; width: 94px;}
		#navi li a#l05.active:link,
		#navi li a#l05.active:visited,
		#navi li a#l05:hover		{background-position: -597px -26px;}
		#navi li a#l06:link,
		#navi li a#l06:visited		{background-position: -691px 0; width: 111px;}
		#navi li a#l06.active:link,
		#navi li a#l06.active:visited,
		#navi li a#l06:hover		{background-position: -691px -26px;}
		#navi li a#l07:link,
		#navi li a#l07:visited		{background-position: -802px 0; width: 147px;}
		#navi li a#l07.active:link,
		#navi li a#l07.active:visited,
		#navi li a#l07:hover		{background-position: -802px -26px;}
	#navi ul ul		{position: absolute; top: 26px; left: -1px; z-index: 6; display: none; background: #170900 url(../images/layout/bg-subul.jpg) no-repeat; border: 1px solid #422005; width: 140px; padding: 15px 16px; font-size: .9em;}
	
		#shelly #navi ul ul			{background: url(../images/layout/bg-subul-shelly.jpg) no-repeat; border: 1px solid #355d69;}
		#navi ul ul.schmuck			{width: 180px;}
		#navi ul ul.mitarbeiter			{width: 180px;}
		#navi ul ul.klein			{width: 180px;}
	#navi li:hover ul	{display: block;}
		#navi li li a:link,
		#navi li li a:visited	{background: none; text-indent: 0; font-size: 1em; line-height: 130%; color: #ccb892; text-decoration: none; text-transform: uppercase; width: auto; height: auto; overflow: visible;  padding: 4px 0 4px 8px; width: 140px; font-weight: normal;}
		#navi li li a.active:link,
		#navi li li a.active:visited,
		#navi li li a:hover		{color: #ded1b9;}
		
/*--------------------------addnavi--------------------------*/

	#add-navi		{float: right; width:400px; height:41px;}
	#add-navi li	{float: left;}
	#add-navi a:link,
	#add-navi a:visited	{background: url(../images/layout/bg-add-navi.png) no-repeat; display: block; text-indent: -99999px; height: 41px;}
	
	
		#add-navi li a#s01:link,
		#add-navi li a#s01:visited		{background-position: 0 0; width: 103px; height:41px; display:block;}
		
		#add-navi li a#s01.active:link,
		#add-navi li a#s01.active:visited,
		#add-navi li a#s01:hover		{background-position: 0 -41px;width: 103px; height:41px;}
		
		#add-navi li a#s02:link,
		#add-navi li a#s02:visited		{background-position: -103px 0; width: 96px; height:41px;display:block;}
		
		#add-navi li a#s02.active:link,
		#add-navi li a#s02.active:visited,
		#add-navi li a#s02:hover		{background-position: -103px -41px; width: 96px; height:41px;}
		
		
		#add-navi li a#s03:link,
		#add-navi li a#s03:visited		{background-position: -199px 0; width: 92px; height:41px;display:block;}
		
		
		#add-navi li a#s03.active:link,
		#add-navi li a#s03.active:visited,
		#add-navi li a#s03:hover		{background-position: -199px -41px; width: 92px; height:41px;}
		
		#add-navi li a#s04:link,
		#add-navi li a#s04:visited		{background-position: -301px 0; width: 100px; height:41px;display:block;}
		
		#add-navi li a#s04.active:link,
		#add-navi li a#s04.active:visited,
		#add-navi li a#s04:hover		{background-position: -301px -41px;width:100px; height:41px;}