/*******************************************************************************

	by designinmotion
	www.designinmotion.ch

*******************************************************************************/


/** OVERALL **/
body
{
	margin: 0px;
	padding: 0px;

	width: 100%;
	height: 100%;

	font-family: "arial", "verdana";
	color: #e4d8cb;
	font-size: 10pt;

	background-color: black;
}

a, span, div, img { outline: none; border: 0px; }

/** SPACER & WRAPPER **/
#spacer, #wrapper
{
  position: absolute;
  margin: 0px;
  padding: 0px;
}

#spacer
{
	width: 100%;
	height: 100%;
	min-width: 1024px;
	min-height: 768px;
}

* html #IEspacer
{
	width: 1024px;
	height: 768px;
}

#wrapper
{
	position: absolute;
	top: 50%;
	left: 50%;

	margin-left: -512px;
	margin-top: -384px;

	width: 1024px;
	height: 768px;
}

* html #wrapper
{
  height: 768px;
}

/** noFLASH **/
#noFlashBackground
{
	width: 100%;
	height: 100%;

	background-image: url('../media/img/bg/no_flash.jpg');
}

#noFlashMenu
{
	position: absolute;
	left: 42px;
	top: 192px;
	width: 192px;

}
	#noFlashMenu ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#noFlashMenu ul li
	{
		margin-left: 10px;
		height: 30px;
		margin-bottom: 3px;
		line-height: 30px;
		font-size: 18pt;
	}

	#noFlashMenu ul li a { color: #9F7D59; text-decoration: none; }
	#noFlashMenu ul li a:hover { color: #AF8A62;  }


/** FLASHCONTENT **/
#flashcontent
{
	width: 100%;
	height: 100%;
}


/** HELP **/
.clear { clear: both; }


/** LOADER **/
#loader
{
	display: none;

	position: absolute;
	left: 50%;
	top: 50%;

	margin-left: 100px;
	margin-top: -16px;

	width: 32px;
	height: 32px;
}

/** CONTENT **/
#layoutContent
{
	position: absolute;
	left: 290px;
	top: 200px;

	width: 654px;
	height: 342px;

	overflow: hidden;
}
	#layoutContent .left { float: left; width: 240px; }
	#layoutContent .right { float: right; }

	#layoutContent h1 { margin: 0px; padding: 0px;  margin-bottom: 10px; font-size: 12pt; text-transform: uppercase; }
	#layoutContent h2 { margin: 0px; padding: 0px; margin-bottom: 5px; text-transform: uppercase; font-size: 10pt; }
	#layoutContent h4 { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 20px; display: block; text-transform: uppercase; font-size: 10pt; border-bottom: 1px #746d66 solid; }
	#layoutContent p { font-size: 10pt; margin: 0px; padding: 0px; margin-bottom: 10px; }

	#layoutContent a { color: #9F7D59; text-decoration: none; }
	#layoutContent a:hover { color: #AF8A62;  }

	/** BACK LINKS **/
	.back { display: none; }

	/** ENCLOSURES **/
	.mime_icon { top:-1px; position:relative; vertical-align:middle; }

	/** PAGINATION **/
	.pagination { }
	.pagination p { display: inline; float: right; }
	.pagination ul { margin: 0px; padding: 0px; list-style: none; float: left; }
	.pagination ul li { float: left; margin-right: 5px; }


	/** NEWSLIST **/
	.mod_newslist h1 { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12pt; border-bottom: 1px #746d66 solid; }
	.mod_newslist h2 { margin: 0px; padding: 0px; margin-bottom: 5px; text-transform: uppercase; font-size: 10pt; }
	.mod_newslist p { font-size: 8pt; margin: 0px; padding: 0px; margin-bottom: 10px; }
	.mod_newslist .layout_latest {  border-bottom: 1px #746d66 solid; margin-bottom: 10px; }

	/** NEWSREADER **/
	.mod_newsreader ul { margin: 0px; padding: 0px; margin-bottom: 10px; }
	.mod_newsreader ul li { margin-top: 0px; padding: 0px; margin-top: 2px; margin-left: 16px;  }

	/** UPCOMING EVENTS **/
	.mod_upcoming_events h1 { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12pt; border-bottom: 1px #746d66 solid; }
	.mod_upcoming_events .eventTitle { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; font-size: 12pt; }
	.mod_upcoming_events .eventTitle a { color: #BF2F2F !important; font-weight: bold !important; }
	.mod_upcoming_events .eventTitle a:hover { color: #BF2F2F !important; }

	.mod_upcoming_events .date { font-weight: bold; }
	.mod_upcoming_events h2 { margin: 0px; padding: 0px; margin-bottom: 5px; text-transform: uppercase; font-size: 10pt; }
	.mod_upcoming_events p { font-size: 8pt; margin: 0px; padding: 0px; margin-bottom: 10px; }
	.mod_upcoming_events .layout_latest {  border-bottom: 1px #746d66 solid; margin-bottom: 10px; }

	.mod_last_events h1 { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12pt; border-bottom: 1px #746d66 solid; }
	.mod_last_events .eventTitle { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; font-size: 12pt; }
	.mod_last_events .eventTitle a { color: #BF2F2F !important; font-weight: bold !important; }
	.mod_last_events .eventTitle a:hover { color: #BF2F2F !important; }

	.mod_last_events .date { font-weight: bold; }
	.mod_last_events h2 { margin: 0px; padding: 0px; margin-bottom: 5px; text-transform: uppercase; font-size: 10pt; }
	.mod_last_events p { font-size: 8pt; margin: 0px; padding: 0px; margin-bottom: 10px; }
	.mod_last_events .layout_latest {  border-bottom: 1px #746d66 solid; margin-bottom: 10px; }

	.myNewsletter a { font-weight: bold !important; }
	
	/** NEWSLETTER **/
	.mod_subscribe { margin-bottom: 50px; }
	.mod_subscribe .info { margin-bottom: 3px; font-weight: bold; }
	.mod_subscribe .formbody{ margin-top: 18px; margin-bottom: 12px; font-size: 92.3%; }
	.mod_subscribe .formbody .widget{ margin-bottom: 3px; }
	.mod_subscribe .formbody .text, .ce_comments .formbody .captcha { width: 180px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.mod_subscribe .formbody textarea{ width: 500px; height: 140px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.mod_subscribe .formbody .captcha_text { vertical-align: middle; }
	.mod_subscribe .formbody .submit { background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; font-weight: bold; }
	.mod_subscribe .formbody p.error { color: #BF2F2F; }
	.mod_subscribe .formbody p.confirm { color: #4F9F27; }
	.mod_subscribe .formbody label.error { color: #BF2F2F; }
	.mod_subscribe .formbody span.error { color: #BF2F2F; }

	.mod_unsubscribe { margin-bottom: 50px; }
	.mod_unsubscribe .info { margin-bottom: 3px; font-weight: bold; }
	.mod_unsubscribe .formbody{ margin-top: 18px; margin-bottom: 12px; font-size: 92.3%; }
	.mod_unsubscribe .formbody .widget{ margin-bottom: 3px; }
	.mod_unsubscribe .formbody .text, .ce_comments .formbody .captcha { width: 180px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.mod_unsubscribe .formbody textarea{ width: 500px; height: 140px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.mod_unsubscribe .formbody .captcha_text { vertical-align: middle; }
	.mod_unsubscribe .formbody .submit { background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; font-weight: bold; }
	.mod_unsubscribe .formbody p.error { color: #BF2F2F; }
	.mod_unsubscribe .formbody p.confirm { color: #4F9F27; }
	.mod_unsubscribe .formbody label.error { color: #BF2F2F; }
	.mod_unsubscribe .formbody span.error { color: #BF2F2F; }

	/** KOMMENTARE **/
	.ce_comments { margin-top: 30px; }
	.comment_default { border-bottom: 1px #746d66 solid; margin-bottom: 10px; }
	.ce_comments .info { margin-bottom: 3px; font-weight: bold; }
	.ce_comments .formbody{ margin-top: 18px; margin-bottom: 12px; font-size: 92.3%; }
	.ce_comments .formbody .widget{ margin-bottom: 3px; }
	.ce_comments .formbody .text, .ce_comments .formbody .captcha { width: 180px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.ce_comments .formbody textarea{ width: 500px; height: 140px; background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; }
	.ce_comments .formbody .captcha_text { vertical-align: middle; }
	.ce_comments .formbody .submit { background-color: #5F5F5F; border: 1px black solid; color: white; font-family: "arial", "verdana"; color: #e4d8cb; font-size: 10pt; font-weight: bold; }
	.ce_comments .formbody p.error { display: none; }
	.ce_comments .formbody label.error { color: #BF2F2F; }
	.ce_comments .formbody span.error { color: #BF2F2F; }

	/** GALERY **/
	.gallery_short h1 { margin: 0px; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12pt; border-bottom: 1px #746d66 solid; }

	/** DISCOGRAPHY **/
	#slider
	{
		position: relative;
		left: 20px;
		top: 0px;
	}

	#slider ul, #slider li
	{
		position: relative;
		left: 0px;
		top: 0px;

		margin: 0px;
		padding: 0px;

		list-style: none;
	}
	#slider, #slider li
	{
		width: 200px;
		height: 200px;
		overflow:hidden;
	}

	#prevBtn
	{
		position: absolute;
		left: 0px;
		top: 200px;

		display: block;

		width: 30px;
		height: 77px;
	}

	#nextBtn
	{
		position:absolute;
		left: 220px;
		top: 200px;

		display:block;

		width: 30px;
		height: 77px;
	}

	#prevBtn a, #nextBtn a
	{
		text-indent: -9999px;
		letter-spacing: -9999px;

		display: block;
		position: relative;
		width: 30px;
		height: 77px;
		background: url('../media/img/layout/btn_prev.png') no-repeat 0 0;
	}
	#nextBtn a
	{
		background: url('../media/img/layout/btn_next.png') no-repeat 0 0;
	}