/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 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: #910707;	outline: none; text-decoration: none; }
a:hover {	color: #910707; text-decoration: underline; }
			
body { background: url('images/pageGradient.gif') repeat-x; color: #683a35; font: 9px tahoma, arial, verdana, helvetica, sans-serif; line-height: 14px; }
body { scrollbar-base-color: #e2c18c; scrollbar-arrow-color: #c96060; scrollbar-darkshadow-color: #e2c18c; }
html { background: #5b0000 url('images/pageBack.gif'); }

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

embed,
object
  { margin-top: 8px; }

h2 { color: #910707; font: 11px arial; font-weight: bold; margin-bottom: 4px; }
h2 span { font-size: 9px; }

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

ul {}


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

#pageContainer { margin: 0 auto; padding-top: 40px; width: 976px; }

#pageContainerTop { background: url('images/pageContainerTop.gif') no-repeat; height: 29px; }
#pageContainerMiddle { background: url('images/pageContainer.gif') repeat-y; height: 458px; position: relative; }
#pageContainerBottom { background: url('images/pageContainerBottom.gif') no-repeat; height: 28px; }

#pageContainerLeft { background: url('images/pageContainerLeft.gif') no-repeat; position: absolute; left: 0; top: 0px; width: 8px; height: 458px; }
#pageContainerRight { background: url('images/pageContainerRight.gif') no-repeat; position: absolute; right: 0; top: 0px; width: 8px; height: 458px; }

#mainContainer { margin: 0 auto; width: 944px; height: 472px; position: relative; }
#mainContainerInner { position: absolute; left: 342px; top: 3px; width: 261px; height: 466px; overflow: hidden; }
#mainContainerBottom { background: url('images/iconPdf.gif') no-repeat; position: absolute; bottom: 8px; padding-left: 20px; }

#sibebarLeftContainer { position: absolute; left: 10px; width: 302px; height: 458px; overflow: hidden; }
#sibebarRightContainer { position: absolute; right: 10px; width: 301px; height: 458px; overflow: hidden; }
#sibebarRightContainerTop { background: url('images/sidebarRightContainerTop.gif') no-repeat; position: absolute; left: 0px; top: 0px; width: 301px; height: 9px; }
#sibebarRightContainerBottom { background: url('images/sidebarRightContainerBottom.gif') no-repeat; position: absolute; left: 0px; bottom: 0px; width: 301px; height: 9px; }
#sibebarRightContainerInner { position: absolute; left: 0px; top: 0px; width: 301px; height: 458px; overflow: auto; }
#sibebarRightContent { padding: 8px; }

#topLogo { background: url('images/topLogo.gif') no-repeat; margin: 8px auto; width: 261px; height: 28px; }
#topLogo span { display: none; }

#copyright { padding-top: 28px; text-align: center; }
#copyright, #copyright a { color: #ab7c3d; }
#copyright a:hover { color: #d5ba5c; text-decoration: none; }

.galleryContainer { background: #d8b278; border: solid 1px #d0a263; padding: 9px; margin: 6px 0px; }
.galleryContainer img { background: #e2c18c; border: solid 1px #ad8b5f; padding: 1px; margin: 1px; }
.galleryContainer a img:hover { background: #a99169; border-color: #826847; }


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

#navigationMain { border-top: solid 1px #d5a96c; border-bottom: solid 1px #d5a96c; padding: 6px 12px; margin-top: 4px; }
#navigationMain li { list-style: none; }
#navigationMain li a { background: url('images/navElement.gif') no-repeat; color: #ffffff; display: block; line-height: 21px; padding-left: 13px; width: 277px; height: 22px; text-decoration: none; }
#navigationMain .navSub { background: url('images/navSubElement.gif') no-repeat; padding-left: 25px; }

#navigationMain li a:hover,
#pageHome #navHome,
#pageGallery #navGallery,
#pageMedia #navMedia,
#pageEvents #navEvents,
#pageContact #navContact,
#pageImprint #navImprint
  { background: url('images/navElement_h.gif') no-repeat; text-decoration: none; }

#navigationMain li a:hover.navSub,
#navigationMain li a:hover .navSub,
#pageMediaFilm #navMediaFilm,
#pageMediaShowreel #navMediaShowreel,
#pageMediaSynchron #navMediaSynchron,
#pageMediaTheater #navMediaTheater,
#pageMediaMusic #navMediaMusic,
#pageMediaSpeak #navMediaSpeak
  { background: url('images/navSubElement_h.gif') no-repeat; }

#navigationSub { list-style-image: url("images/listDot.gif"); margin: 0px 0px 4px 21px; padding-left: 0px; }
#navigationSub a { color: #910707; }


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

.button { background: url('images/button.gif') no-repeat; border: 0; color: #ffffff; font: 9px tahoma, arial, verdana, helvetica, sans-serif; margin: 2px 0; width: 100px; height: 19px; }
.button:hover { background: url('images/button_h.gif') no-repeat; }

.contentBlock { padding: 6px 12px; }
.contentBlock2nd { border-top: solid 1px #d5a96c; padding: 6px 12px; margin-top: 2px; }
.contentBlock ul, .contentBlock2nd ul
  { list-style-image: url("images/listDot.gif"); padding-left: 16px; line-height: 14px; }

.contentBlock .audioList, .contentBlock2nd .audioList
  { list-style-image: none; list-style-type: none; padding-left: 0px; }  
.contentBlock .audioList .hyperLink, .contentBlock2nd .audioList .hyperLink
  { background: url('images/listAudio.gif') left center no-repeat; display: block; padding-left: 16px; height: 14px; }
.contentBlock .audioList .hyperLink:hover, .contentBlock2nd .audioList .hyperLink:hover
  { background-image: url('images/listAudio_h.gif'); }
  
.contentBlock .videoList, .contentBlock2nd .videoList
  { list-style-image: none; list-style-type: none; padding-left: 0px; }  
.contentBlock .videoList .hyperLink, .contentBlock2nd .videoList .hyperLink
  { background: url('images/listVideo.gif') left center no-repeat; display: block; padding-left: 16px; height: 14px; }
.contentBlock .videoList .hyperLink:hover, .contentBlock2nd .videoList .hyperLink:hover
  { background-image: url('images/listVideo_h.gif'); }

.dataTable {}
.dataTable thead { font-weight: bold; }

.iconPdf { background: url('images/iconPdf.gif') no-repeat; display: block; padding: 0px 0px 4px 20px; }

.hLine { height: 1px; width: 100%; }

.editField, .textField
  { border: solid 1px #d5a96c; padding: 2px 1px; margin-bottom: 2px; width: 196px; }

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

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


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

#contactContainer {}
#contactContainer label { font-weight: bold; padding-right: 8px; }
#contactContainer td { }

#contactContainer .contactContainerRight { text-align: right; }