/* safarikeskus.css */
BODY {background:#ffffff url('../images/taust.jpg');text-align:center;padding:0;margin:10px 0;font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;font-size:9pt;} FORM {margin:0;padding:0;} TABLE TH, TABLE TD {vertical-align:top;} A {color:#999999;text-decoration:underline;} A:Hover {text-decoration:none;} A IMG {border:none;} P, LI {line-height:150%;margin-top:0;} H1 {line-height:200%;} #page {width:1004px;margin:0 auto;} #divider {clear:both;line-height:0;height:0;} #lang {vertical-align:baseline;text-align:right;padding:0 5px 5px 0;} #lang IMG {width:22px;height:14px;margin:0 0 -2px 10px;} #lang A {color:#333333;text-decoration:none;} #lang A:Hover, #lang A#active {color:#cccccc;} #header {height:204px;overflow:hidden;text-align:left;} .header {position:absolute;z-index:2;} #slideshow {position:relative;z-index:1;width:1000px;height:200px;} #slideshow div {position:absolute;left:2px;top:2px;} #navi {background:#ffffff url('../images/navi_back.jpg') no-repeat;height:36px;padding:0 10px;margin:5px 0;color:#ffffff;font-weight:bold;font-size:10pt;} #navi UL {display:inline;} #navi LI {float:left;height:36px;list-style:none;background:url('../images/navi_divider.png') no-repeat right top;margin-right:4px;} #navi A {color:#ffffff;display:block;float:left;padding:8px 20px 0 0;text-decoration:none;} #navi A:hover, #navi A.active {color:#000000;} #search {display:none;float:right;margin-top:5px;} #content {margin-top:10px;text-align:justify;} .naviSub {width:240px;background:url('../images/submenu_back.jpg') repeat-y;} /*.naviSub2 {width:180px;margin-left:20px}*/ .naviSubTop {height:10px;background:url('../images/submenu_top.jpg') no-repeat;} .naviSubBottom {height:10px;background:url('../images/submenu_bottom.jpg') no-repeat;} .naviSub A {display:block;width:218px;height:33px;line-height:33px;color:#333333;margin:5px 0 0 10px;text-decoration:none;text-align:center;background:url('../images/submenu_item.jpg');} .naviSub A:Hover, .naviSub A.active {color:#FFFFFF;text-decoration:none;background:url('../images/submenu_item_active.jpg');} /*.naviSub STRONG A {font-weight:normal;background:#DDB717;} .naviSub STRONG A:Hover {color:#333333;}*/ .gallery div {float:left;margin:0 10px 10px 0} .gallery div a img, #content IMG {border:1px solid #cccccc;padding:1px;} #content .showcase IMG {border:none;padding:0;} .gallery div a:hover img {border:1px solid #333333;} #footer {height:36px;background:url('../images/navi_back.jpg') no-repeat;padding-top:10px;margin-top:10px;text-align:center;color:#ffffff;} #footer A {color:#ffffff;} #footer A:hover {text-decoration:none}

/* showcase.css */
.showcase * { margin: 0; padding: 0; } .showcase :focus { outline: none; } /* General styles ------------------------- */ .showcase { position: relative; } .showcase ul li { width: 300px; height: 300px; float: left; overflow: hidden; list-style-type: none; background: #ffffff; } .showcase ul li a { display: block; } .showcase ul li a img { /*width: 100%;*/ height: 300px; margin-left: -25%; } /* Horizontal showcase ------------------------- */ .showcase#horizontal { margin: 20px auto 20px auto; width: 1000px; height: 300px; } .showcase#horizontal ul { position: relative; width: 1000px; height: 300px; margin: 0 auto; }

/* lightbox.css */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #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: transparent url(/lightbox/images/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(/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/images/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; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* lightwindow.css */
#lightwindow_overlay { /* REQUIRED */ display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 500; /* REQUIRED */ } #lightwindow { /* REQUIRED */ /* Of Note - The height and width of this element are set to 0px */ display: none; visibility: hidden; position: absolute; z-index: 999; line-height: 0px; /* REQUIRED */ } #lightwindow_container { /* REQUIRED */ display: none; visibility: hidden; position: absolute; /* REQUIRED */ padding: 0 0 0 0; margin: 0 0 0 0; } /* IE6 needs this or it messes with our positioning */ * html #lightwindow_container { overflow: hidden; } #lightwindow_contents { overflow: hidden; z-index: 0; position: relative; border: 10px solid #ffffff; background-color: #ffffff; } #lightwindow_loading { /* REQUIRED */ height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9999; position: absolute; /* REQUIRED */ background-color: #f0f0f0; padding: 10px; } #lightwindow_loading_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; } #lightwindow_loading span { font-size: 12px; line-height: 32px; color: #444444; float: left; padding: 0 10px 0 0; } #lightwindow_loading span a, #lightwindow_loading span a:link, #lightwindow_loading span a:visited { color: #09F; text-decoration: none; cursor: pointer; } #lightwindow_loading span a:hover, #lightwindow_loading span a:active { text-decoration: underline; } #lightwindow_loading img { float: left; margin: 0 10px 0 0; } /*----------------------------------------------------------------------------------------------- I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/ I mean let's face it, it works really well and is very easy to figure out. -----------------------------------------------------------------------------------------------*/ #lightwindow_navigation { /* REQUIRED */ position: absolute; top: 0px; left: 0px; display: none; /* REQUIRED */ } /* We need to shim the navigation for IE, though its more of a sub-floor */ #lightwindow_navigation_shim { /* REQUIRED */ display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; /* REQUIRED */ } #lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, #lightwindow_navigation a:hover, #lightwindow_navigation a:active { /* REQUIRED */ outline: none; /* REQUIRED */ } #lightwindow_previous, #lightwindow_next { width: 49%; height: 100%; background: transparent url(lightwindow/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #lightwindow_previous { float: left; left: 0px; } #lightwindow_next { float: right; right: 0px; } #lightwindow_previous:hover, #lightwindow_previous:active { background: url(lightwindow/images/prevlabel.gif) left 15% no-repeat; } #lightwindow_next:hover, #lightwindow_next:active { background: url(lightwindow/images/nextlabel.gif) right 15% no-repeat; } #lightwindow_previous_title, #lightwindow_next_title { display: none; } #lightwindow_galleries { width: 100%; position: absolute; z-index: 50; display: none; overflow: hidden; margin: 0 0 0 10px; bottom: 0px; left: 0px; } #lightwindow_galleries_tab_container { width: 100%; height: 0px; overflow: hidden; } a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab { display: block; height: 20px; width: 77px; float: right; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 11px; color: #ffffbe; background: url(lightwindow/images/black-70.png) repeat 0 0 transparent; } * html a#lightwindow_galleries_tab, * html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab { color: #ffffbe; } #lightwindow_galleries_tab_span { display: block; height: 20px; width: 63px; padding: 0 7px 0 7px; } #lightwindow_galleries_tab .up { background: url(lightwindow/images/arrow-up.gif) no-repeat 60px 5px transparent; } #lightwindow_galleries_tab .down { background: url(lightwindow/images/arrow-down.gif) no-repeat 60px 6px transparent; } #lightwindow_galleries_list { background: url(lightwindow/images/black-70.png) repeat 0 0 transparent; overflow: hidden; height: 0px; } * html #lightwindow_galleries_list { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } .lightwindow_galleries_list { width: 200px; float: left; margin: 0 0 10px 0; padding: 10px; } .lightwindow_galleries_list h1 { color: #09F; text-decoration: none; font-weight: bold; cursor: pointer; padding: 10px 0 5px 0; font-size: 16px; } .lightwindow_galleries_list li { margin: 5px 0 5px 0; list-style-type: none; } .lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited { display: block; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0 0 0 10px; font-size: 11px; } .lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active { background: #000000; color: #ffffbe; border-left: 3px solid #ffffbe; padding: 0 0 0 7px; } #lightwindow_data { /* REQUIRED */ position: absolute; /* REQUIRED */ } #lightwindow_data_slide { /* REQUIRED */ position: relative; /* REQUIRED */ } #lightwindow_data_slide_inner { background-color: #ffffff; padding: 0 10px 10px 10px; } #lightwindow_data_caption { padding: 10px 0 0 0; color: #666666; line-height: 25px; background-color: #ffffff; clear: both; } #lightwindow_data_details { background-color: #f0f0f0; padding: 0 10px 0 10px; height: 20px; } #lightwindow_data_author_container { width: 40%; text-align: right; color: #666666; font-style: italic; font-size: 10px; line-height: 20px; float: right; overflow: hidden; } #lightwindow_data_gallery_container { font-size: 10px; width: 40%; text-align: left; color: #666666; line-height: 20px; float: left; overflow: hidden; } #lightwindow_title_bar { height: 25px; overflow: hidden; } #lightwindow_title_bar_title { color: #ffffbe; font-size: 14px; line-height: 25px; text-align: left; float: left; } a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link { float: right; text-align: right; cursor: pointer; color: #ffffbe; line-height: 25px; padding: 0; margin: 0; } a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #ffffff; } /*----------------------------------------------------------------------------------------------- Theme styling stuff -----------------------------------------------------------------------------------------------*/ #lightwindow p { color: #000000; padding-right: 10px; }