/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2007                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/* -- HTML elements ----------------------------------------------------------------------------- */

a, body, div, h1, h2, h3, html, img, li, p, table, ul
{	border: 0; margin: 0;	padding: 0;	}

a {	color: #000000;	outline: none; text-decoration: none; }
a:hover {	color: #000000; text-decoration: underline; }
			
body { background: #e9e7d9; color: #000000; font: 11px tahoma, arial, verdana, helvetica, sans-serif; line-height: 14px; }

button, input, select, textarea
{ font: 11px tahoma, arial, verdana, helvetica, sans-serif; }

h1 { display: none; }
h2 { color: #ffffff; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 22px; /*margin-left: 12px;*/ margin-bottom: 16px; width: 224px; text-align: center; }
h3 { font-size: 11px; font-weight: bold; margin-bottom: 4px; }

table { }
table tr { vertical-align: top; }

ul {}


/* -- Page elements ----------------------------------------------------------------------------- */

#pageContainer { margin: 32px auto 0 auto; width: 750px; }

#pageContainerTop { background: url('images/pageContainerTop.jpg') no-repeat; height: 97px; }
#pageContainerMain { background: url('images/pageContainerMain.jpg') no-repeat; padding-left: 44px; }
#pageContainerSidebar { background: url('images/pageContainerSidebar.jpg') top right no-repeat; height: 445px; position: relative; }
#pageContainerBottom { background: url('images/pageContainerBottom.jpg') no-repeat; height: 96px; position: relative; }

#mainContainer { width: 542px; }
#mainContainerTop { background: url('images/imageHome.jpg') no-repeat; height: 173px; }
#mainContainerContent { background: url('images/contentContainer.jpg') no-repeat; /*padding: 0 43px 0 35px;*/ padding-left: 35px; padding-right: 27px; height: 272px; }

#contentContainer { margin-right: 16px; height: 203px; overflow: auto; }
/*#contentContainer { opacity: 0.2; background: white; }*/

#contentNavigation { background: url('images/contentNavigation.jpg') no-repeat; float: right; margin-top: 8px; width: 168px; height: 264px; }

#contentSidebar { background: url('images/contentNavigation.jpg') no-repeat; float: right; margin-top: 8px; width: 168px; height: 264px; }
#contentSidebar p { margin-top: 20px; margin-left: 20px; width: 128px; overflow: hidden; }

#copyright { color: #958e79; padding: 72px 0 0 10px; }
#copyright a { color: #958e79; }


/* -- Navigation elements ----------------------------------------------------------------------- */

#navigationMain { position: absolute; right: 0px; top: 0px; padding-top: 102px; width: 164px; }
#navigationMain li { float: left; list-style: none; list-style-position: outside; }
#navigationMain li a { background: transparent; display: block; margin-left: 8px; margin-top: 3px; width: 156px; height: 22px; }
#navigationMain li a span { display: none; }

#pageHome #navHome, #navHome:hover { background: url('images/navHome.jpg') no-repeat; }
#pageNews #navNews, #navNews:hover { background: url('images/navNews.jpg') no-repeat; }
#pageBand #navBand, #navBand:hover { background: url('images/navBand.jpg') no-repeat; }
#pageEvents #navEvents, #navEvents:hover { background: url('images/navEvents.jpg') no-repeat; }
#pageMedia #navMedia, #navMedia:hover { background: url('images/navMedia.jpg') no-repeat; }
#pageGallery #navGallery, #navGallery:hover { background: url('images/navGallery.jpg') no-repeat; }
#pageAlbum #navAlbum, #navAlbum:hover { background: url('images/navAlbum.jpg') no-repeat; }
#pageShop #navShop, #navShop:hover { background: url('images/navShop.jpg') no-repeat; }
#pageFanarea #navFanarea, #navFanarea:hover { background: url('images/navFanarea.jpg') no-repeat; }
#pageGuestbook #navGuestbook, #navGuestbook:hover { background: url('images/navGuestbook.jpg') no-repeat; }

#navigationBottom { position: absolute; left: 404px; top: 14px; }
#navigationBottom li { float: left; list-style: none; list-style-position: outside; }
#navigationBottom li { padding-left: 14px; }

#contentNavigation ul { margin-top: 20px; margin-left: 20px; width: 128px; overflow: hidden; }
#contentNavigation ul li { float: left; list-style: none; list-style-position: outside; padding: 0 4px; }
#contentNavigation ul li { width: 128px; }
#contentNavigation ul li a { background: url('images/arrowLeft.gif') 0px 4px no-repeat; display: block; font-weight: bold; padding-left: 12px; }
#contentNavigation ul li a:hover { background-image: url('images/arrowLeft_h.gif'); color: #ffffff; }


/* -- Common elements --------------------------------------------------------------------------- */

.button { background: url('images/arrowRight.gif') right 5px no-repeat; border: 0; padding: 0; font-weight: bold; padding-right: 8px; }
.button:hover { background-image: url('images/arrowRight_h.gif'); color: #ffffff; }

.hyperLink { background: url('images/arrowRight.gif') right 4px no-repeat; font-weight: bold; padding-right: 12px; }
.hyperLink:hover { background-image: url('images/arrowRight_h.gif'); color: #ffffff; }

.editField, .textField
{	background: url('images/editField.jpg'); border: solid 1px #54524f; padding: 0 1px; margin-bottom: 2px; width: 204px; }
.editField { height: 14px; }

.editField:hover, .editField:focus, 
.textField:hover, .textField:focus
{	border: solid 1px #1a1918; }

.errorText { color: #910707; }
.successText { color: #079107; }

.formContainer label { font-weight: bold; padding-right: 8px; line-height: 16px; }
.formContainer .formContainerRight { text-align: right; }

.imageLeft { float: left; margin-right: 12px; }

.thumbnail { border: solid 1px #54524f; }
							 

/* -- Specific elements ------------------------------------------------------------------------- */

  /* page specific images */
  
#pageNews #mainContainerTop { background: url('images/imageNews.jpg') no-repeat; }
#pageBand #mainContainerTop { background: url('images/imageBand.jpg') no-repeat; }
#pageEvents #mainContainerTop { background: url('images/imageEvents.jpg') no-repeat; }
#pageMedia #mainContainerTop { background: url('images/imageMedia.jpg') no-repeat; }
#pageGallery #mainContainerTop { background: url('images/imageGallery.jpg') no-repeat; }
#pageAlbum #mainContainerTop { background: url('images/imageAlbum.jpg') no-repeat; }

  /* special elements */

.song_refrain { font-style: italic; }

.guestbook_date	{ font-size: 10px; }


#pageSong { background: #cbc7bc; text-align: center; }
#pageSong object { margin: auto; }