/*ALLGEMEINE STYLES------------------------------------------------------------------------------*/
body, table, td, th                                 { font-family: Georgia, serif; margin: 0px 0px 0px 0px; color: #1F1F1F; font-size: 13px; line-height: 20px; }

a, a:active, a:visited                              { color: #373737; text-decoration: underline; }
a:hover                                             { color: #000000; text-decoration: none; }

h1, h1 a, h1 a:active, h1 a:visited                 { font-size: 22px; line-height: 26px; font-weight: bold; margin: 0px 0px 18px 0px;  padding: 0px 0px 3px 5px; text-decoration: none; }
h2, h2 a, h2 a:active, h2 a:visited                 { font-size: 18px; color: #bf5000; font-weight: normal;  line-height: 22px; margin: 8px 0px 0px 0px; text-decoration: none; }

br.clear											{ clear: both; line-height: 0px; font-size: 0px; height: 0px; }
div.clear                                           { clear: both; line-height: 0px; font-size: 0px; margin: 0px 0px 0px 0px; height: 0px; overflow: hidden; text-indent: -100px; }


div.inhalt ul                                       {  }
div.inhalt ul li                                    { padding: 0px 0px 0px 14px; }

div.inhalt ol                                       { margin: 6px 0px 6px 0px; padding: 0px 0px 0px 22px; }
div.inhalt ol li                                    {  }

div.imglinks                                        { float: left; display: inline; position: relative; margin: 0px 8px 0px 0px; }
div.imglinks a                                      { text-decoration: none; }
div.imglinks a img                                  { border: 1px solid #511003; }

div.imgrechts                                       { float: right; display: inline; position: relative; margin: 0px 8px 0px 0px; }
div.imgrechts a                                     { text-decoration: none; }
div.imgrechts a img                                 { border: 1px solid #511003; }

a.button                                            { }
a.button span.links                                 { }
a.button span.mitte                                 { }
a.button span.rechts                                { }



/*------------------------------------------------------------------------------------*/

div.editbox                                         { margin: 0px 0px 12px 0px; }

div.liste                                           { float: left; display: inline; position: relative; width: 554px; margin: 0px 0px 12px 0px; padding: 6px 6px 6px 6px;  border: 1px solid #4d0e03;  background-color: #ffffff; }
div.liste div.listeinnen                            { float: left; display: inline; margin: 6px 6px 6px 6px; }
div.liste a.button                                  { float: right; display: inline; }

div.detail                                          { }
div.detail a.button                                 { float: left; display: inline; margin: 16px 0px 0px 0px; }

div.guestbook div.beschreibung                      { font-size: 12px; }
div.guestbook span.name                             { font-weight: bold; }
div.guestbook div.nachricht                         { margin: 8px 0px 0px 0px; }


div.rechts div.konzerte                             { float: left; display: inline; width: 100%; background-color: #ffffff; }
div.rechts div.konzerte h2                          { margin: 6px 6px 17px 6px; }
div.rechts div.konzerte h2 a                        { color: #373737; }
div.rechts div.konzerte div.teaseronpage            { float: left; display: inline; width: 100%; margin: 6px 6px 12px 6px; }



/*Startseite -------------------------------------------------------------------------------------*/

div.startseite                                      { width: 718px; }
div.startseite div.liste                            { width: 704px; }



/*Landingpage -------------------------------------------------------------------------------------*/

div.landingpage div.liste                           { width: 177px; margin: 0px 12px 12px 0px; padding: 0px 0px 0px 0px; }
div.landingpage div.liste div.imglinks              { margin: 0px 0px 0px 0px; }
div.landingpage div.letztes                         { margin: 0px 0px 12px 0px; }



/*Gallery -------------------------------------------------------------------------------------*/

div.galleryonpage div.imglinks,
div.album div.imglinks                              { width: 90px; height: 68px; overflow: hidden;  }
div.album div.foto                                  { width: 160px; height: 249px; margin: 0px 14px 14px 0px; }
div.album div.letztes                               { margin: 0px 0px 14px 0px; }



/*Formular -------------------------------------------------------------------------------------*/

form                                                { float: left; display: block; width: 534px; margin: 0px 0px 14px 0px; }
form input,
form textarea                                       { border: 2px solid #3b0404; }
form .standard                                      { float: left; display: inline; width: 170px; height: 18px;  margin: 4px 0px 6px 0px; }

form textarea.ausfullen,
form input.ausfullen                                { border: 2px solid #CC0000; }

form input.standard                                 {  }
form textarea.standard                              { width: 360px; height: 180px; }

form div.colum1                                     { float: left; display: inline; width: 170px; }

form a.button                                       { float: right; margin: 12px 0px 6px 0px; }



/*LIGHTBOX -------------------------------------------------------------------------------------*/
#lightbox                                           { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img                                       { width: auto; height: auto;}
#lightbox a img                                     { border: none; }

#outerImageContainer                                { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer                                     { padding: 10px; }

#loading                                            { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav                                           { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav                           { left: 0;}
#hoverNav a                                         { outline: none;}

#prevLink, #nextLink                                { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink                                           { left: 0; float: left;}
#nextLink                                           { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover            { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover            { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer                                 { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData                                          {	padding:0 10px; color: #666; }
#imageData #imageDetails                            { width: 70%; float: left; text-align: left; }
#imageData #caption                                 { font-weight: bold;	}
#imageData #numberDisplay                           { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose                          { width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay                                            { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }