/* leuchtturm-welt.de  */
/* Last modified: 2009-04-30 */
/* Copyright 2007 - 2009 by Tim Muehlig */


body {
background: #2d52c1 url(../img/design/background.gif) repeat-x fixed;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

p, div, form, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

/* Layout  */

.main_table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background: none;
margin: 0;
padding: 0;
width: 820px;
height: 90%;
}

.top {
background-image: url(../img/design/bg_t.png);
width: 820px;
height: 25px;
}

.header {
width: 82%;
max-width: 82%;
height: 145px;
margin: 0px;
background: url(../img/banner/header.jpg) no-repeat #121A1D;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.head_login {
width: 18%+1px;
max-width: 18%+1px;
background: #999999 url(../img/design/bg_login.jpg) repeat-y;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 1px solid #000000;
}

.main_content {
width: 82%;
max-width: 82%;
background: #b1c2d2 url(../img/design/background_content.gif) repeat-x;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
padding-bottom: 50px;
}

.main_navigation {
width: 18%+1px;
max-width: 18%+1px;
background: #161B53;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
}

.bottom {
background-image: url(../img/design/bg_b.png);
width: 820px;
height: 30px;
}

/* Admin */

.admin_table {
width: 100%;
height: 100%;
margin: 0px;
border: 0px;
}

.admin_navigation {
width: 25%;
height: 100%;
background-color: #d9dfff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0px;
}

div.adminnavi-head {
padding-top: 8px;
padding-left: 10px;
padding-bottom: 4px;
font-family: 'Sans';
vertical-align: middle;
color: #617180;
text-transform: uppercase;
font-weight: bold;
}

div.adminnavi {
width: 100%;
line-height: 20px;
margin: 0px;
padding-left: 25px;
vertical-align: middle;
color: #000;
cursor: default;
}

div.adminnavi-active {
width: 100%;
line-height: 20px;
margin: 0px;
padding-left: 25px;
vertical-align: middle;
background-image: url(../img/design/bg_adminnavi.png);
background-repeat: repeat-x;
color: #fff;
cursor: default;
}

a.adminnavi:link, a.adminnavi:visited, a.adminnavi:active, a.adminnavi:hover {
border: 0px;
margin: 0px;
padding: 0px;
font-weight: bold;
cursor: default;
vertical-align: middle;
}

div#adminheading {
margin: 0px;
width: 503px;
height: 20px;
padding: 0px;
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
color: #ccc;
background: url(../img/admin/bg_h1_admin.png) repeat-x #000;
}

.admin_content {
width: 75%;
height: 100%;
background-color: #f0f0f0;
border-bottom: 1px solid #000;
padding: 0px;
}

/* Inhalt  */

h1 {
text-transform: uppercase;
background: url(../img/design/bg_h1.png) repeat-x;
height: 20px;
line-height: 20px;
color: #FFFFFF;
font-size: 14px;
text-align: left;
padding-left: 5px;
}

h2 {
color: #222222;
font-size: 13px;
text-align: center;
background: none;
}

h3 {
color: #222222;
text-decoration: underline;
font-size: 12px;
text-align: left;
background: none;
margin-bottom: 0px;
}

.hl {
background: url(../img/design/bg_hl.png) repeat-x;
height: 15px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-align: center;
}

hr {
background: #999999;
height: 1px;
border: 1px solid;
}

.bbcode {
font-size: 10px;
color: #000;
background: #f2f2f2;
border: 1px solid #ccc;
padding: 2px 2px;
color: #666;
}

.select {
border: 1px solid #000000; 
background-color: #E6E6E6;
color: #003333;
padding-left: 2px;
padding-right: 2px;
}

.code {
color: green;
white-space: pre;
border: 1px solid #000000;
background: #eeeeee;
padding: 5px;
line-height: 9px;
}

.quote {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px;
}



/* Navigation  */

.menu_head {
text-transform: uppercase;
background: url(../img/design/bg_h1.png) repeat-x;
height: 20px;
line-height: 20px;
color: #FFFFFF;
vertical-align: middle;
padding-left: 5px;
}

.menu_head_loggedin {
text-transform: uppercase;
background: url(../img/design/bg_menu_head_loggedin.png) repeat-x;
height: 20px;
line-height: 20px;
color: #FFFFFF;
vertical-align: middle;
padding-left: 5px;
}

div.menu a:link, div.menu a:visited, div.menu a:active {
display: block;
background-image: url(../img/design/navi_normal.jpg);
max-width:100%;
padding: 1px;
padding-left: 2px;
}

div.menu a:hover {
background-image: url(../img/design/navi_over.jpg);
max-width:100%;
padding: 1px;
padding-left: 3px;
}

div.menu-active {
display: block;
background-image: url(../img/design/navi_over.jpg);
max-width:100%;
padding: 1px;
padding-left: 3px;
}

div.menu_cat  {
background: none;
color: #fff;
padding: 1px;
}

.topmenu {
background-image: url(../img/design/bg_topmenu.png);
background-repeat: repeat-x;
height: 50px;
margin: 0px;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 0px;
border-bottom: 1px solid #000;
}

.topmenu-font {
font-size: 9px;
color: #1a1a1a;
text-align: center;
vertical-align: top;
}

.topmenu-shadow {
margin: 0px;
height: 5px;
width: 100%;
background-image: url(../img/design/bg_topmenu-shadow.png);
background-repeat:repeat-x;
}

.lighthouse_menu {
width: 600px;
border-left:2px solid #000000;
border-right:2px solid #000000;
border-top:0px;
border-bottom:2px solid #000000;
padding: 0px;
margin: 0px;
background-image: url(../img/design/bg_lighthousemenu.png);
background-repeat: repeat-x;
background-color: #000000;
}

.lighthouse_menu td a:link, .lighthouse_menu td a:visited, .lighthouse_menu td a:active {
display: block;
width: 150px;
background-image: url(../img/design/bg_lighthousemenu.png);
background-repeat: repeat-x;
background-color: #000000;
color:#ffffff;
text-align: center;
}

.lighthouse_menu td a:hover {
background-image: url(../img/design/bg_lighthousemenu-hover.png);
background-repeat: repeat-x;
background-color: #c9b7b7;
color:#990000;
}

.sid td a:link, .sid td a:visited, .sid td a:active {
display: block;
background-image: url(../img/design/bg_sid.png);
background-repeat: repeat-x;
width: 26px;
height: 21px;
color: #000;
text-align: center;
}

.sid td a:hover {
background-image: url(../img/design/bg_sid-active.png);
background-repeat: repeat-x;
color: #fff;
text-align: center;
}

/* Linkfarben  */

a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #005582;
text-decoration: none;
font-weight: bold;
}

a.login:link, a.login:visited, a.login:active {
font-weight: normal; 
color: #FFFFFF; 
}

a.login:hover {
color: #CCCCCC;
}

a.login2:link, a.login2:visited, a.login2:active {
font-weight: bold; 
color: #FFFFFF;
padding-left: 2px; 
}

a.login2:hover {
font-weight: bold; 
color: #CCCCCC;
padding-left: 2px;
}

a.news:link, a.news:visited, a.news:active {
color: #00008B;
}

a.news:hover {
color: #00000F;
text-decoration: underline;
}

a.navigation:link, a.navigation:active, a.navigation:visited {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
padding-left: 1px;
}

a.navigation:hover {
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
font-weight: bold;
padding-left: 2px;
}

a.guestgallery {
font-weight: normal;
}

/* Bereiche  */

div#text {
font-family: Arial, Helvetica, sans-serif;
padding-left: 3px;
padding-right: 3px;
}

div#search {
background-image: url(../img/content/search.png);
background-repeat: no-repeat;
}

div#news {
width: 90%;
border: 2px solid #000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 10px;
text-align: left;
}

div#guestgallery-overlay {
position: relative;
z-index: 2;
width: 210px;
margin-top: -26px;
font-size: 16px;
font-family: 'Sans';
}

div#successfully {
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
border: 2px solid #009900;
min-height: 32px;
background-color: #ccffcc;
background-image: url(../img/content/successfully.png);
background-repeat: no-repeat;
background-position: 98%;
padding: 10px;
padding-right: 50px;
width: 80%;
color: #009900;
font-weight: bold;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div#ok {
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
border: 2px solid #555555;
min-height: 32px;
background-color: #cccccc;
background-image: url(../img/content/ok.png);
background-repeat: no-repeat;
background-position: 98%;
padding: 10px;
padding-right: 50px;
width: 80%;
color: #555555;
text-align: left;
font-weight: bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div#error {
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
border: 2px solid #990000;
min-height: 32px;
background-color: #ffcccc;
background-image: url(../img/content/error.png);
background-repeat: no-repeat;
background-position: 98%;
padding: 10px;
padding-right: 50px;
width: 80%;
color: #990000;
text-align: left;
font-weight: bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div#question {
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
border: 2px solid #555555;
min-height: 48px;
background-color: #cccccc;
background-image: url(../img/content/question.png);
background-repeat: no-repeat;
background-position: 98%;
padding: 10px;
padding-right: 50px;
width: 80%;
color: #555555;
text-align: left;
font-weight: bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div#info {
margin-top: 0px;
margin-bottom: 25px;
margin-right: auto;
margin-left: auto;
border: 2px solid #555555;
min-height: 128px;
background-color: #cccccc;
padding: 10px;
width: 90%;
color: #555555;
text-align: left;
font-weight: bold;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

div#information {
margin-top: 0px;
margin-bottom: 25px;
margin-right: auto;
margin-left: auto;
border: 2px solid #555555;
background-color: #cccccc;
padding: 10px;
width: 90%;
color: #555555;
text-align: left;
font-weight: bold;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

div#short_card {
width: 250px;
height: 100px;
background: url(../img/design/bg_short_card.png) no-repeat;
padding: 15px;
color: #fff;
}

div#logout {
margin: 0px;
height: 24px;
max-height: 22px;
background: url(../img/design/bg_logout.png) repeat-x #454545;
padding-top: 3px;
padding-left: 600px;
border-bottom: 1px solid #000;
}

/* Formulare  */

input {
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #dddddd; 
background: url(../img/design/bg_input.png) repeat-x #ffffff;
color: #000000;
padding-left: 2px;
padding-right: 2px;
}

.input_login {
width: 75px;
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #dddddd; 
background: url(../img/design/bg_input.png) repeat-x #ffffff;
color: #000000;
padding-left: 2px;
padding-right: 2px;
}

.input_small {
width: 25px;
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #dddddd; 
background: url(../img/design/bg_input.png) repeat-x #ffffff;
color: #000000;
padding-left: 2px;
padding-right: 2px;
}

.searchbox {
border: none;
background-image: url(../img/design/searchbox.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: top left;
background-attachment: scroll;
margin: 0px;
padding-top: 2px;
padding-right: 9px;
padding-left: 18px;
font-size: 11px;
color: #000000;
height: 19px;
max-width: 131px;
}

.searchfield {
outline: none;
border: none;
background-image: none;
background-color: transparent;
margin: 0px;
padding: 0px;
font-family: 'Lucida Grande';
font-size: 12px;
color: #000000;
height: 14px;
line-height: 12px;
width: 104px;
}

textarea {
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #dddddd;
max-width: 480px; 
background-color: #ffffff;
color: #000000;
padding-left: 2px;
padding-right: 2px;
}

textarea.contact {
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #dddddd;
max-width: 300px;
background-color: #ffffff;
color: #000000;
padding-left: 2px;
padding-right: 2px;
}

#login {
background: url(../img/design/login.gif) no-repeat;
width: 80px;
height: 25px;
border: none;
font: 12px/100% Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 5px;
}

#submit {
background: url(../img/design/submit.gif) no-repeat top left;
width: 75px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit:active {
background: url(../img/design/submit.gif) no-repeat bottom left;
width: 75px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit_short {
background: url(../img/design/submit_short.gif) no-repeat top left;
width: 50px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit_short:active {
background: url(../img/design/submit_short.gif) no-repeat bottom left;
width: 50px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit_long {
background: url(../img/design/submit_long.gif) no-repeat top left;
width: 100px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit_long:active {
background: url(../img/design/submit_long.gif) no-repeat bottom left;
width: 100px;
height: 18px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding-bottom: 2px;
}

#submit_login {
background: url(../img/design/submit_login.png) no-repeat top left;
width: 50px;
height: 24px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
padding-bottom: 2px;
}

#submit_login:active {
background: url(../img/design/submit_login.png) no-repeat bottom left;
width: 50px;
height: 24px;
border: none;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
text-shadow: #444 0px 1px 0px;
padding-bottom: 2px;
}

/* Tabellen  */

.eentry0 {
border: 0px;
background-image: url(../img/design/bg_eentry0.png);
background-repeat:repeat-x;
background-color: #112340;
color: #b7c9e6;
font-weight: bold;
text-align: center;
height: 18px;
font-size: 14px;
}

.eentry1 {
background: #c1d2e2;
padding-left: 5px;
padding-right: 5px;
}

.eentry2 {
background: #a1b2c2;
padding-left: 5px;
padding-right: 5px;
}

.eentry3 {
background: #ffffff;
padding-left: 5px;
padding-right: 5px;
}

.topcell {
background-image: url(../img/forum/topcell.gif);
height: 22px;
}

.box0 {
border: 1px solid #000000;
background-image: url(../img/design/bg_box0.png);
background-repeat:repeat-x;
color: #FFFFFF;
}

.box1 {
height: 15px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: #c1d2e2;
padding-left: 1px;
padding-right: 1px;
}

.box2 {
height: 15px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: #a1b2c2;
padding-left: 1px;
padding-right: 1px;
}

.box3 {
height: 15px;
border: 1px solid #000000;
background-image: url(../img/design/bg_box3.png);
background-repeat: repeat-x;
background-color: #ececec;
color: #000000;
text-align: center;
}

.boxupdate {
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: url(../img/design/bg_update.png) #bfcfdf;
background-repeat: repeat-x;
padding-left: 1px;
padding-right: 1px;
}

.boxnewest {
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: #bfd0e0 url(../img/design/bg_newest.png) repeat-x;
}

.border-right {
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
}

.border-left {
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
}

.news_source {
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-top: 0px;
border-bottom: 2px solid #000000;
padding: 2px;
margin: 0px;
height: 15px;
background-image: url(../img/design/bg_news_source.png);
background-repeat: repeat-x;
background-color: #000000;
font-size: 10px;
color: white;
}

.lighthouses_head {
text-align: center;
background-image: url(../img/design/bg_lighthousehead.png);
background-color: #4d4d4d;
background-repeat: repeat-x;
background-position: center;
margin: 0px;
border: 2px solid #000;
color: #fffccc;
font-weight: bold;
}

.lighthouses_body {
width: 100%;
height: 175px;
background: url(../img/design/bg_lighthousebox.png);
background-color: #000000;
background-repeat: repeat-x;
background-position: top left;
padding: 2px;
border: 2px solid #000;
}

.border1 {
border: 1px solid #000000;
}

.border2 {
border: 2px solid #000000;
}

.infobox_top {
background-image: url(../img/design/infobox_top.png);
width: 200px;
height: 24px;
margin: 0px;
}

.infobox_bottom {
background-image: url(../img/design/infobox_bottom.png);
width: 200px;
height: 15px;
margin: 0px;
}

.infobox1 {
background: url(../img/design/infobox1.png) repeat-y;
width: 200px;
padding-top: 1px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 1px;
}

.infobox2 {
background: url(../img/design/infobox2.png) repeat-y;
width: 200px;
padding-top: 1px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 1px;
}

.imp-left {
background-image: url(../img/content/imp-left.png);
background-repeat: no-repeat;
width: 20px;
height: 150px;
}

.imp {
background-image: url(../img/content/imp.png);
background-repeat: repeat-x;
width: 560px;
height: 150px;
}

.imp-right {
background-image: url(../img/content/imp-right.png);
background-repeat: no-repeat;
width: 20px;
height: 150px;
}

/* Vergilbtes Papier */

.paper {
margin:25px;
background:#f0e3c8 url(../img/design/bg_paper.jpg) repeat;
min-width:13em;
text-align: left;
}

.paper .paper-top, .paper .paper-left {
position:relative;
top:-8px;
}

.paper .paper-right, .paper .paper-bottom {
position:relative;
top:8px;
}

.paper .paper-top {
background:url(../img/design/paper-top.gif) repeat-x top right;
}

.paper .paper-right {
left:8px;
background:url(../img/design/paper-right.gif) repeat-y bottom right;
}

.paper .paper-bottom {
position:relative;
left:-8px;
background:url(../img/design/paper-bottom.gif) repeat-x bottom left;
}

.paper .paper-left {
left:-8px;
padding:16px 8px 0px 24px;
background:url(../img/design/paper-left.gif) repeat-y top left;
}

/* lightbox  */

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index:10004;
text-align: center;
line-height: 0;
top: 0;
}

#lightbox a img {
border: 0;	
}

#lightbox img {
margin: 0;
padding: 0;
position: relative;
border: 0;
}

#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:10004;
}

#imageContainer>#hoverNav {
left: 0;
}

#hoverNav a {
outline: none;
}

#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(../img/effects/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink {
right: 0;
float: right;
}

#prevLink:hover, #prevLink:visited:hover {
background: url(../img/effects/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../img/effects/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: 113px;
float: right;
padding-bottom: 0.7em;
}	
		
#overlay{
position: absolute;
top: 0;
left: 0;
z-index:10003;
width: 100%;
height: 500px;
background-color: #000;
}

/* coverflow  */

#main_coverflow {
width: 100%;
max-width: 650px;
min-height:100%;
position: relative;
background-color:transparent;
}

#headwrap {
width: 600px;
height: 32px;
padding: 0px;
line-height: 32px;
background: url(../img/design/bg_coverflow_head.png) repeat-x #555555;
vertical-align: middle;
color: #222222;
font-size: 13px;
font-weight: bold;
text-align: center;
border-top: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
margin:0px;
}

#coverflow {
width: 600px;
min-width: 600px;
max-width: 600px;
text-align: center;
background-image: url(../img/design/bg_coverflow.png);
background-repeat: repeat-x;
background-position: top;
background-color: #cccccc;
border-bottom: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
margin:0px;
}

#images img {
position: absolute;
z-index:10000;
top: 0px;
border: none;
}

#images {
padding:0px;
vertical-align:top;
visibility:hidden;
}

#loading_bar {
padding-top:150px;
padding-bottom:50px;
text-align:center;
color: #1a1a1a;
width:100%;
}

#loading_bar img {
margin-top:10px;
position:relative; 
}

#captions {
padding-top:25px;
font-weight:bold;
position:relative; 
text-align:center;
z-index:10000;
}

#scrollbar {
position:absolute;
z-index:10001;
background-image:url(../img/effects/coverflow/scrollbar.png);
background-repeat:no-repeat;
height:16px;
}

#slider {
position:relative;
z-index:10002;
background-image:url(../img/effects/coverflow/slider.png);
background-repeat:no-repeat;
color: #cccccc;
width:50px;
height:14px;
}

/* Gallery */

.highslide-container div {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}

.highslide {
outline: none;
text-decoration: none;
}

.highslide img {
border: 2px solid silver;
}

.highslide:hover img {
border-color: gray;
}

.highslide-active-anchor img {
visibility: hidden;
}

.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}

.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}

.highslide-wrapper, .highslide-outline {
background: white;
}

.glossy-dark {
background: #111;
}

.highslide-image-blur {
}

.highslide-number {
font-weight: bold;
color: gray;
}

.highslide-caption {
display: none;
border-top: none;
font-size: 1em;
padding: 5px;
background: white;
}

.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}

.highslide-dimming {
position: absolute;
background: black;
}

a.highslide-full-expand {
background: url(../img/effects/gallery/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}

.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: black;
padding-left: 22px;
background-image: url(../img/effects/gallery/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}

a.highslide-loading:link, a.highslide-loading:active, a.highslide-loading:visited, a.highslide-loading:hover {
color: white;
}

.highslide-move, .highslide-move * {
cursor: move;
}

.highslide-overlay {
display: none;
}

.highslide-controls {
width: 195px;
height: 40px;
background: url(../img/effects/gallery/controlbar-black-border.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}

.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(../img/effects/gallery/controlbar-black-border.gif) right -90px no-repeat;
}

.highslide-controls li {
float: left;
padding: 5px 0;
}

.highslide-controls a {
background-image: url(../img/effects/gallery/controlbar-black-border.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}

.highslide-controls a.disabled {
cursor: default;
}

.highslide-controls a span {
display: none;
}

.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}

.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}

.dark .highslide-caption {
color: white;
background: #111;
}

.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(../img/effects/gallery/controlbar-black-border.gif);
}