/* Reklambyrån Bibblan - www.bibblan.com */ body{font:80%/1.8em verdana,sans-serif;color:#333;background-color:#333333;margin:0;} img{border:0;} a {color:#0000cc;} hr { margin: 20px 30px; border:0; height:1px; color:#ccc; background-color:#ccc; } #content{margin:0 auto;background-color:#fff;width:800px;background-repeat: no-repeat;} h2 {font-size:110%;font-weight:normal;} /* intro */ #top_banner { width:800px;height:100px;padding-top:10px;padding-bottom:10px;background-color:#333333;} #slide-show{width:800px;height:300px;padding-bottom:10px;} #slide-images{position:relative;display:block;margin:0px;padding:0px;width:800px;height:300px;overflow:hidden;} #slide-images li{position:absolute;display:block;list-style-type:none;margin:0px;padding:0px;background-color:#fff;} #slide-images li img{display:block;background-color:#fff;} /* menu products */ .menu_products{width:800px;height:30px;margin-left:30px;;padding-top:0px;padding-bottom:30px;} .menu_products ul{margin:0px 0px 0px 0px;padding:0px;list-style-type:none;text-align:center;font-family:arial;font-size:14px;height:30px;width:800px;} .menu_products li{list-style:none;float:left;} .menu_products li a{outline:0;display:block;height:30px;overflow:hidden;margin:0px 0px 0px 0px;} .menu_products .section_golf a{background:url("../images/menus/menu_01.jpg") top left no-repeat;width:98px;text-indent:-99999px;} .menu_products .section_restaurant a{background:url("../images/menus/menu_02.jpg") top left no-repeat;width:70px;text-indent:-99999px;} .menu_products .section_accommondations a{background:url("../images/menus/menu_03.jpg") top left no-repeat;width:120px;text-indent:-99999px;} .menu_products .section_shop a{background:url("../images/menus/menu_04.jpg") top left no-repeat;width:120px;text-indent:-99999px;} .menu_products .section_green_fees a{background:url("../images/menus/menu_05.jpg") top left no-repeat;width:70px;text-indent:-99999px;} .menu_products .section_how_to_get_here a{background:url("../images/menus/menu_06.jpg") top left no-repeat;width:100px;text-indent:-99999px;} .menu_products .section_history a{background:url("../images/menus/menu_07.jpg") top left no-repeat;width:60px;text-indent:-99999px;} .menu_products .section_links {background:url("../images/menus/menu_08.jpg") top left no-repeat;width:40px;text-indent:-99999px;} .menu_products .section_golf a:hover{background:url("../images/menus/active/menu_01.jpg") top left no-repeat;} .menu_products .section_restaurant a:hover{background:url("../images/menus/active/menu_02.jpg") top left no-repeat;} .menu_products .section_accommondations a:hover{background:url("../images/menus/active/menu_03.jpg") top left no-repeat;} .menu_products .section_shop a:hover{background:url("../images/menus/active/menu_04.jpg") top left no-repeat;} .menu_products .section_green_fees a:hover{background:url("../images/menus/active/menu_05.jpg") top left no-repeat;} .menu_products .section_how_to_get_here a:hover{background:url("../images/menus/active/menu_06.jpg") top left no-repeat;} .menu_products .section_history a:hover{background:url("../images/menus/active/menu_07.jpg") top left no-repeat;} .menu_products .section_links a:hover{background:url("../images/menus/active/menu_08.jpg") top left no-repeat;} /* sections */ .left_column, .right_column{ float:left; width:370px; } .left_column, .right_column { padding-left:30px; } .left_column p { text-align: left; } /*p:first-line { text-transform: uppercase; } */ .ingress{ padding-left:20px; background:url("../images/layout/arrow_right_grey.png") 0px 1px no-repeat; /* text-transform: uppercase; */} .hidden{display:none;} .clearer{clear: both;height: 0px;line-height: 0px;} .grey-information {width:450px;color:#777;font-weight:normal;} .grey {color:#777;font-weight:normal;} .small_column { float:left;width:120px; font-size:90%; } .small_column p { float:left;width:120px; text-align: left; } /* CONTACT TABLE */ table#contact-form-table { color:#cccccc; font-size:100%;width:800px;border:0px solid #ccc;margin-left:0px;padding-bottom:40px;margin-top:40px; background: #333 url(../images/layout/form_bg.jpg) no-repeat top left; } table#contact-form-table tr td{padding:20px 40px;text-align:left;font-size:100%;} /* CONTACT FORM */ #contact-form-table input { width: 340px; font-size: 130%; margin-top: 8px; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } #contact-form-table input:focus, #contact-form-table input:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #contact-form-table textarea { width: 340px; margin-top: 8px; font:100% verdana,sans-serif; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } #contact-form-table textarea:focus, #contact-form-table textarea:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #contact-form-table .submit-btn input { width: 170px; font-size: 90%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #more_info_kallfors_right { margin-top:20px; } /* 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/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/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; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }