@charset "UTF-8"; * {margin:0; padding:0;} html { height: 100%; } body{ margin:0; padding:0; font: normal 17px/20px Txt, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333!important; background: url(../../../images/bg-body.png) repeat-x top; } /*texte*/ p { font-size: 17px; margin-bottom: 13px; } h1 { font: normal 44px/44px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin-bottom:8px!important; letter-spacing: -2px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } h2 { font: normal 44px/44px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin-bottom:8px!important; letter-spacing: -2px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } h1 a { font: normal 44px/44px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin-bottom:8px!important; letter-spacing: -2px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } h2 a { font: normal 44px/44px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin-bottom:8px!important; letter-spacing: -2px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } h3 { font: normal 26px/30px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin-bottom:8px; letter-spacing: -1px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } h4, h5, h6 { font-size: 100%; } #main h4 { font: normal 26px/30px Rubriker, Arial, Helvetica, sans-serif!important; color:#333!important; margin:30px 0 8px 0!important; letter-spacing: -1px!important; display:block; background:#e9e9e9; /*text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;*/ } /* liens hypertextes*/ a:link, a:visited { text-decoration:none; font-weight:normal; color:#333; } .item-page p a { text-decoration:underline; } .item-page p a:hover { color:#fff; background:#456391; text-decoration:underline; } a:hover { color:#929292; } #main ul { margin:0 0 0 25px; } li { margin-bottom: 4px; list-style: square outside; } img { border:none; margin: 5px; padding:0; } img .caption { text-align: left; } .highlight{ background:#303e52; padding: 0px 2px 0px 2px; color:#f9f3e0; } .button { margin-top:5px; } .inputbox { color:#000; background:#bac3d0; border:none; padding:4px; font-weight:normal; } .pagewidth{ width:900px; margin-left:auto; margin-right:auto; margin-top:0px; padding: 0px; } fieldset { margin:0px 5px 5px 0px; border:none; } /***********************/ #top-header { position: relative; } /**********************/ #sitename { padding-bottom: 8px; position:relative; margin-bottom:10px; } #sitename img { margin-left: 2px; margin-top: 30px; } #sitename p { margin-top:-10px; color: #808080; margin-left:0px; } /*********************/ #topmenu { width: 100%; position: relative; display: none; } .navigation { } .navigation ul { list-style: none; margin:0; padding:0; float: left; } .navigation ul ul { margin: 0; /* all lists */ padding: 0; } .navigation ul li { margin:0; padding: 0; float: left; list-style: none; background: none; } .navigation ul li ul { width: 200px; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 200px; } .navigation ul li ul ul { margin: 0; /* third-and-above-level lists */ } .navigation ul ul a { width: 100%; } .navigation ul li:hover ul ul, .navigation ul li:hover ul ul ul, .navigation ul li.sfhover ul ul, .navigation ul li.havechildsfhover ul ul, .navigation ul li.havechild-activesfhover ul ul, .navigation ul li.activesfhover ul ul, .navigation ul li.sfhover ul ul ul, .navigation ul li.havechildsfhover ul ul ul, .navigation ul li.havechild-activesfhover ul ul ul, .navigation ul li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ .navigation ul li:hover ul, .navigation ul li li:hover ul, .navigation ul li li li:hover ul, .navigation ul li.sfhover ul, .navigation ul li.havechildsfhover ul, .navigation ul li.havechild-activesfhover ul, .navigation ul li.activesfhover ul, .navigation ul li li.sfhover ul, .navigation ul li li.havesubchildsfhover ul, .navigation ul li li.havesubchild-activesfhover ul, .navigation ul li li.activesfhover ul, .navigation ul li li li.sfhover ul, .navigation ul li li li.havesubchildsfhover ul, .navigation ul li li li.havesubchild-activesfhover ul, .navigation ul li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ .navigation ul li a { padding: 10px 20px; margin:0; display: block; color: #fff; font-weight: normal; font-size:18px; text-transform:uppercase; background:#3C5064; line-height: 18px; } .navigation ul li { background:#3C5064; } .navigation ul li span { background:transparent; height:39px; padding:0px 4px ; margin:0 ; } .navigation li.active { } .navigation li.active span { height:39px !important; } .navigation li.active a { color:#fff !important; } .navigation li:hover { } .navigation li:hover span { height:39px !important; } .navigation li:hover a { color:#fff !important; } .navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus, .navigation ul li a.sfhover { color: #fff; } .navigation ul li:hover a, .navigation ul li.sfhover a, .navigation ul li.havechildsfhover a, .navigation ul li.havechild-activesfhover a { color: #fff; } .navigation ul li a.active, .navigation ul li a.active:hover, .navigation ul li a.active:active, .navigation ul li a.active:focus { color: #fff; } /* 2nd level and above */ .navigation ul li ul { background: url(../images/top-header.jpg) repeat 0 0px !important; margin-top: 0px; padding-bottom: 0px; padding-top: 20px; text-align:center !important; } .navigation ul li ul li{ height:45px !important; } .navigation ul li ul a { margin: 0; padding:15px 0 0 40px; color: #fff; font-size:13px; height:45px !important; background: url(../images/arrow.png) no-repeat 20px 13px !important; text-align:left; } .navigation ul li.havesubchild, .navigation ul li.havesubchild-active{ } .navigation ul li ul a:hover, .navigation ul li ul a:active, .navigation ul li ul a:focus, .navigation ul ul li:hover, .navigation ul ul li.sfhover, .navigation ul ul li.havesubchildsfhover, .navigation ul ul li.havesubchild-activesfhover, .navigation ul ul ul li:hover, .navigation ul ul ul li.sfhover, .navigation ul ul ul li.havesubchildsfhover, .navigation ul ul ul li.havesubchild-activesfhover { background: none; color: #8fa9b9 !important; height:45px !important; } .navigation ul ul li a.active, .navigation ul ul li a.active:hover, .navigation ul ul li a.active:active, .navigation ul ul li a.active:focus { background: none !important; color: #fff; font-weight: bold; } .navigation ul li li.active { height:45px !important; background: url(../images/hover-ul.jpg) 0 0 repeat-x; } .navigation ul li li.active span { height:45px !important; background: transparent ; } .navigation ul li li.active a { color:#ffffff !important; height:45px !important; background: none !important; } .navigation ul li ul li ul { margin-left:195px; background: none; margin-top: -30px; padding-bottom: 3px; padding-top: 13px; text-align:left !important; padding-bottom: 8px; } /*********************************************/ #header { text-align: center; background: url(../../../images/slideshadow.png) no-repeat center bottom; height: 335px; } /****SLIDE*********/ #slideshow-w { float:left; width:900px; height:310px; background:#ffffff; margin-top:10px; border: 1px solid #516e8f; /*-moz-box-shadow:0px 0px 3px 3px #28476a; -webkit-box-shadow:0px 0px 3px 3px #28476a; box-shadow:0px 0px 3px 3px #28476a;*/ } #slideshow { float:left; width:900px; height:310px; position:relative; } .slideshowlite { float:left !important; width: 900px; height: 310px; padding:0; margin:4px 0 0 4px; } .slideshowlite a { position:absolute; left:0; z-index: 5; text-align:left; } .slideshowlite img { border:1px solid #386384; z-index:3; margin:0; padding:0; } .slideshowlite ul { position: absolute; bottom: 8px; right:9px !important; z-index: 9; list-style-type:none; background:rgba(83, 83, 83, 0.5); padding:10px 10px 15px 0; width:880px; } .slideshowlite ul li, .slideshowlite ol li { float: right; width: 18px; padding: 0 2px 0 2px; margin:0; list-style-type:none; border:none !important; } .slideshowlite ul li a { border: 1px solid #b9cede; background: url(../../../images/li.png) no-repeat 0 0; position: relative; display: block; width: 10px !important; height: 10px !important; float: left; line-height: 10px; text-decoration: none; text-align: left !important; font-size: 1px; font-weight: bold; color: #fff !important; /*border:none !important;*/ text-indent:-5000px; margin-top:12px; margin-left:0; } .slideshowlite ul li a.current { background: url(../../../images/li-hover.png) no-repeat 0 0; color: #ffffff !important; } .slideshowlite ul li a:hover { color: #ffffff !important; background: url(../../../images/li-hover.png) no-repeat 0 0; } .slideshowlite ol { display: none; } #caption-image { float:left; width:800px; height:50px; background:#F00; margin-top:10px; margin-left:40px; } #caption-image h4 { padding:0; margin:0; color:#fff; text-align:left; font-size:24px; text-transform:capitalize; } /****box*****/ #wrapper-box { float:left; width:900px; text-align:left; margin-top:5px; border-bottom:1px solid #bdbdbd; } .box-a,.box-b ,.box-c { float:left; width:280px; height:282px; background:transparent; } .box-a .moduletable_menu , .box-a .moduletable , .box-a , .box-b .moduletable_menu , .box-b .moduletable , .box-b, .box-c .moduletable_menu , .box-c .moduletable , .box-c { padding:0px; margin:0 0px 0 20px; } .box-a .moduletable_menu h3, .box-a .moduletable h3, .box-a h3 { background: url(../images/user3.png) 0 0 no-repeat ; height:36px; padding-left:60px; padding-top:15px; font-size:30px; text-transform:capitalize; text-align:left; color:#354256; } .box-b .moduletable_menu h3, .box-b .moduletable h3, .box-b h3 { background: url(../images/user4.png) 0 0 no-repeat ; height:36px; padding-left:60px; padding-top:15px; font-size:30px; text-transform:capitalize; text-align:left; color:#354256; } .box-c .moduletable_menu h3, .box-c .moduletable h3, .box-c h3 { background: url(../images/user8.png) 0 0 no-repeat ; height:36px; padding-left:60px; padding-top:15px; font-size:30px; text-transform:capitalize; text-align:left; color:#354256; } #main { width:658px; padding:10px 0px 0 20px; text-align:left; margin-bottom:70px; border-left: 1px solid #CCC; margin-left: 220px; } #main-full { float:left; width:900px; text-align:left; margin-bottom:0px; background:transparent; margin-top:10px } /******RIGHT*********/ #leftcolumn { float:left; width:200px; text-align:right; padding:0; margin-top:10px; margin-bottom:70px; margin-left:0px; } #leftcolumn h3 { color:#fff!important; margin-bottom: 2px; font: normal 24px/28px Rubriker, "Trebuchet MS", Arial, Helvetica, sans-serif!important; background: #9cacbf; padding-top: 2px; padding-bottom: 4px; padding-right: 10px; letter-spacing: -1px; text-shadow: 1px 2px 2px #293340; } #leftcolumn ul { padding-left:0px; } #leftcolumn .moduletable_menu li { list-style:none; text-align:right; margin:0 10px 0 0; } #leftcolumn .moduletable_menu ul { padding-bottom:10px; } /*#leftcolumn ul li { list-style:url(none) none; margin:0 0 1px 0!important; } #leftcolumn ul li a { color:#4c6a94; display:block; background:#E6E6E6 url(../../../images/bg-menu-buttons-3.png) no-repeat left center; padding:4px 0 4px 25px; text-shadow:0 1px 1px #ccc; } #leftcolumn ul li a:hover { padding:4px 0 4px 25px; color:#1F3C67; background:#ACC2E5 url(../../../images/bg-menu-buttons-hover-3.png) no-repeat left center; text-shadow:none; } */ #leftcolumn .moduletable_menu, #leftcolumn .moduletable { margin-bottom:10px; background:#e9e9e9; } #footer { float:left; width:100%; background:url(../../../images/bg-footer.png) repeat-x top; padding-bottom: 20px; padding-top:10px; } .ftb { margin-top:15px; text-align:center; font-weight:normal; font-size:14px; width:900px; color:#fff; } .ftb a, .ftb a:visited{ padding:0 !important; border:none !important; color:#E1E2FE; font-weight:normal; } .ftb a:hover { color:#fff; } #top { float:left; width:30px; height:30px; margin-top:10px; padding:0 !important; border:none !important; background:transparent; } .top_button { padding:0 !important; border:none !important; } #login-form { border:1px solid #d8dee6; background:#e9e9e9; padding:5px 5px 5px 15px; } #login-form p { margin-left:10px!important; } #login-form .button { margin-left:10px!important; font-size:18px; } #login-form label { font-size:15px; } #login-form #modlgn-username, #modlgn-passwd { width:95%; } @font-face { font-family: 'Rubriker'; src: url('fonts/Rubriker-webfont.eot'); src: url('fonts/Rubriker-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Rubriker-webfont.woff') format('woff'), url('fonts/Rubriker-webfont.ttf') format('truetype'), url('fonts/Rubriker-webfont.svg#Rubriker') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Txt'; src: url('fonts/txt-webfont.eot'); src: url('fonts/txt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/txt-webfont.woff') format('woff'), url('fonts/txt-webfont.ttf') format('truetype'), url('fonts/txt-webfont.svg#Txt') format('svg'); font-weight: normal; font-style: normal; } #position-0 { position: absolute; bottom: 15px; right: -20px; width: 200px; } #mod_search_searchword { margin-right:5px; background:#bdc3cb; border:1px solid #97accb; color:#000; } #footer-menu { text-align:center!important; } /**end file***/ .ftb #footer-menu { padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #9295AA; } .ftb #footer-menu a { border:1px solid #566a81!important; padding:2px 5px!important; font-size: 14px; color: #9aabbf; margin-right: 2px; margin-left: 2px; text-decoration: none; text-transform: uppercase; /*-moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;*/ background:#15273c; -moz-box-shadow: 0px 2px 3px 2px #222c39; webkit-box-shadow: 0px 2px 3px 2px #222c39; box-shadow: 0px 2px 3px 2px #222c39; line-height: 30px; } .ftb #footer-menu a:hover { color: #9aabbf; text-decoration: none; color:#15273c; background: #9aabbf; } .contact .contact-address .jicons-text { background: #e9e9e9; float: left; margin-right: 8px; width:120px; } .contact .contact-contactinfo p .jicons-text { background: #e9e9e9; float: left; margin-right: 8px; width:120px; } .contact .contact-address { font-style: normal; } .contact-postcode, .contact-suburb, .contact-street { font-style: normal; } .contact h2 .contact-name { font: 22px Txt, Verdana, Geneva, sans-serif; color: #333; display: block; padding-left: 5px; background: #EFEFEF; } .contact h3 { font: bold 20px Txt, Verdana, Geneva, sans-serif; display: block; border-bottom: 1px solid #CCC; } #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 400px; padding-top: 3px; font: 17px/17px Txt, Verdana, Geneva, sans-serif; color: #333; } #jform_contact_message { width: 400px; height: 150px; font: 17px/17px Txt, Verdana, Geneva, sans-serif; color: #000; padding: 3px; } .button.validate { padding: 4px; font: bold 17px Txt, Verdana, Geneva, sans-serif; color: #000; background: #EDEDED; } .contact .contact-form #contact-form { background: #F2F2F2; padding: 30px; border: 1px solid #CCC; } #header .custom .egen-top-bild img { border:solid 15px #fafafa; margin: 0px; padding: 0px; } #header .custom .egen-top-bild { margin:0 auto 50px auto; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; border:1px solid #fafafa; padding:0; width:900px; height:310px; position: relative; } #bibliotekstabell { font-size:15px; border:1px solid #ccc; border-collapse:collapse; } #bibliotekstabell td { padding:3px; border:1px solid #ccc; } #bibliotekstabell th { padding:7px 3px; background:#eee; } .clear { clear:both; height:0; padding:0; margin:0; display:none; } .breadcrumbs { border-bottom:1px solid #ccc; padding-bottom:3px; font-size:13px; margin-bottom:8px; } .breadcrumbs span { } .breadcrumbs .showHere { background:#888; color:#fff; padding:0 3px; margin-right:4px; } .breadcrumbs .pathway { } .pagewidth #main .blog .category-desc { border-bottom: 1px solid #CCC; padding-bottom: 15px; } #undermeny { padding-bottom:20px; margin:0; padding:0; } #undermeny ul { margin:0; padding:0; width:100%; height:30px; background: #e9e9e9; } #undermeny ul li { float:left; list-style:none; margin-bottom:15px; } #undermeny ul li a { background:#546e96; display:block; padding: 4px 10px; border:1px solid #e2e8f2; color:#fff; text-shadow: 1px 1px 0px #000; -moz-box-shadow:0px 1px 5px 2px #999; -webkit-box-shadow:0px 1px 5px 2px #999; box-shadow:0px 1px 5px 2px #999; text-decoration:none; margin-right: 10px; } #undermeny ul li a:hover { background:#849abc; } #styrelsen-table { width:100%; background:#e9e9e9; } #styrelsen-table p { font-size:15px!important; margin-bottom:2px; } #styrelsen-table td { vertical-align:top; text-align:center; padding:10px; width:33%; border:5px solid #fff; } /*#styrelsen-table td img { background:#fff; padding:4px; border:1px solid #849abc; text-shadow: 1px 1px 0px #000; -moz-box-shadow:0px 1px 5px 2px #999; -webkit-box-shadow:0px 1px 5px 2px #999; box-shadow:0px 1px 5px 2px #999; }*/ #main img { background:#fff; padding:10px; border:1px solid #ccc; text-shadow: 1px 1px 0px #000; -moz-box-shadow:0px 3px 7px 1px #999; -webkit-box-shadow:0px 3px 7px 1px #999; box-shadow:0px 3px 7px 1px #999; } #main #easybook img { background:none; padding:0; border:none; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #main .jeventpage img { background:none; padding:0; border:none; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #main #Kunena img { background:none; padding:0; border:none; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #main .edit-icon img { background:none; padding:0; border:none; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #leftcolumn .moduletable ul li { list-style:none; text-align:right; } #leftcolumn .moduletable #login-form { text-align:right; padding-right:10px!important; } #leftcolumn .moduletable #login-form li { margin:0; } #leftcolumn .moduletable #login-form input { text-align:right; } #leftcolumn .moduletable ul { list-style:none; } #leftcolumn .moduletable > li ul li { background: #f90; } /*#leftcolumn .moduletable .menu .deeper.parent ul a { background: #A7C0CC; color: #1F3C67; font-size: 13px; margin: 0px; padding: 0px 0px 0px 25px; border-bottom: 1px solid #3D6799; }*/ #leftcolumn .moduletable .menu ul a { /*background: #C0D9FF;*/ background:url(../../../images/bg-submenu-buttons-3.png) no-repeat left center; color: #4c6a94; font-size: 15px; padding: 0 0 0 38px!important; margin:0!important; text-shadow: none; border-bottom:1px solid #ACC2E5; } #leftcolumn .moduletable .menu ul a:hover { background: #ACC2E5 url(../../../images/bg-submenu-buttons-3.png) no-repeat left center; color: #1F3C67; } #boklista { height: 600px; overflow:auto; padding:30px; border:1px solid #ccc; } #boklista p { margin:0; } .boklista-divider { width: 90%; height:1px; border-top:1px solid #ccc; margin:7px 0; } .boklista-divider + p { font-weight:bold; } .gille-lista-divider { width: 90%; height:1px; border-top:1px solid #ccc; margin:7px 0; } hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 95%; text-align: left; margin-bottom:20px; } .pagewidth #main .profile { } #main .profile #users-profile-core legend { font: 44px/44px Rubriker, "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 20px; letter-spacing: -2px; } #main .profile #users-profile-core { padding:20px; border:1px solid #ccc; } #main .profile #users-profile-core dl dt { float: left; width: 220px; margin-right: 8px; padding-left: 20px; font-weight: bold; } #main .profile #users-profile-custom legend { margin-left:20px; margin-bottom: 10px; font: 24px/24px Rubriker, "Trebuchet MS", Arial, Helvetica, sans-serif; } #main .profile #users-profile-custom dl dt { float: left; margin-right: 8px; display: block; width: 100%; font-weight: bold; margin-left:20px; } #main .profile #users-profile-custom dl dd { text-align: left; clear: both; margin-bottom: 10px; margin-left:20px; } #main .profile #users-profile-custom { padding: 20px!important; border:1px solid #ccc; margin-bottom:20px!important; } .pagewidth #main .profile a { background: #e9e9e9; padding: 3px 6px; border: 1px solid #CCC; } #main .profile-edit #member-profile fieldset { padding:20px; border:1px solid #ccc; } #main .profile-edit #member-profile fieldset legend { font: 44px/44px Rubriker, "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -2px; } #main .profile-edit #member-profile div .validate { background: #e9e9e9; border: 1px solid #CCC; color:#333; padding: 3px 6px; font: 17px/17px Txt, "Trebuchet MS", Arial, Helvetica, sans-serif; cursor:hand; cursor:pointer; } #main .profile-edit #member-profile div a { font: 17px/17px Txt, "Trebuchet MS", Arial, Helvetica, sans-serif; background: #e9e9e9; border: 1px solid #CCC; padding: 3px 6px; font-size: 17px; color:#333; text-decoration:none; } #main .profile-edit #member-profile fieldset dl dt { float: left; width: 500px; padding:3px 0; margin-top:10px; } #main .profile-edit #member-profile fieldset dl dd input {; padding: 3px; width: 250px; display: block; clear: both; } #main .profile-edit #member-profile fieldset dl dd select { padding: 3px; width: 250px; display: block; clear: both; } #taveltabell { width:657px; } #taveltabell td{ padding:10px; background:#e9e9e9; }