/* Color Orange-FM cmyk: c0 m70 y100 k0 #FF7000 grön #66EE55 röd #FF4433 orange orange */ html, body, #wrapper { height:100%; margin: 0; padding: 0; text-align: center; font-size: 100%; font-family: arial; color: #000000; background: #FFFFFF; /*#eaeaea;*/ } /* Länkar */ a { text-decoration: none; font-weight: normal; color: #444; outline: none; } a:visited { color: #999#; } a:active { color: #444; } a:hover { color: #444; text-decoration: underline; } /* inget extra länk, utan underline */ a.noextra { text-decoration: none; font-weight: bold; color: #444; outline: none; } a.noextra:visited { color: #999#; } a.noextra:active { color: #444; } a.noextra:hover { color: #444; /* text-decoration: underline; */ } /* Rubriklänk, med underline */ a.rubrik { /* text-decoration: none; */ /* font-family: TeXGyreHerosRegular; */ font-weight: bold; color: #000000; /* outline: none; */ font-size: 30px; margin: 0px; /* line-height: -20px; */ /* left: -20px; */ } a.rubrik:visited { color: #999#; } a.rubrik:active { color: #444; } a.rubrik:hover { color: #444; text-decoration: underline; } /* special länk i paging */ a.special {color:#419747;} .white { color: #FFFFFF; } .normal { text-decoration: none; font-weight: normal; color: #000000; outline: none; } img { border: 0; position: relative; } /* ##### Teckensnitt ################## */ /* All brödtext */ small { font-size: 13px; line-height: -1px; } .small_10{ font-size: 10px; line-height: -1px; } /* Texten längt ner under mail */ .copyright { font-size: 9px; line-height: 0px; /* font-weight: 100; */ margin-top: 0; margin-bottom: 0; color: #00000; } /* News_feed rubrik, men inte på main?! */ .blogrubrik { /* font-family: gunplay; */ font-size: 30px; line-height: -50px; font-weight: 100; } /* Rubrik */ .topic_rubrik{ font-size: 16px; /* margin-left: 10px; */ line-height: 100%; /* margin-bottom: 30px; */ /* margin-top: -4px; */ } /* smallRubrik */ .small_rubrik{ font-weight: bold; color: orange; } .edit_link { font-size: 11px; line-height: -20px; color: #FFFFFF; } /* tiny gray text */ .tiny_gray { font-size: 8px; /* line-height: -20px; */ color: #cccccc; } /* Musikkåren infotexter */ .music_info{ font-size: 10px; color: white; } /*#redbox{ width: 5px; height: 5px; background: red; }*/ textarea { /* font-family: TeXGyreHerosRegular; */ font-size: 12px; } /* ###################################### */ table { border: 0px; } ul, ol { padding-left: 20px; } .img_rounded{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); } /* HELA ################## */ /* bakom hela sidan */ #pagecontainer { position: relative; left: 0px; width: 1000px; height: 100%; /* border: 1px solid #7f7f7f; */ border-left: 0px solid #7f7f7f; border-right: 0px solid #7f7f7f; text-align: left; margin-right: auto; margin-left: auto; padding: 0px; padding-top: 0px; /* background: #eaeaea; */ vertical-align: bottom; } /* Här ligger det som visas i pagecontainern*/ #backgroundwrap{ position: relative; height: relative; width: 1000px; /* border: 1px solid #7f7f7f; */ border-left: 0px solid #7f7f7f; border-right: 0px solid #7f7f7f; text-align: left; margin: 0 auto; /* background: #eaeaea; */ left: -1px; } /* TOP ################## */ /* Hela headern, innehåller allt ner förbi menysystemet till dess att sidan faktiskt börjar */ #topcontainer { position: relative; width: 1000px; height: 138px; /*149px;*/ border: 0px solid #b3b3b3; /*#7f7f7f;*/ text-align: left; margin-right: auto; margin-left: auto; padding: 0px; padding-top: 0px; vertical-align: bottom; top: -1px; background: #FFFFFF; /* background: no-repeat url(gfx/head.png); /*#no-repeat url(gfx/topjpg);*/ } /* Wrap för allt ovanför knapparna, som ligger i topmenu */ #topbackground{ /* border: 0px solid #b3b3b3; */ position: absolute; background: #FFFFFF; /*url('gfx/top_bg.png'); *//*#525252; *//*#f8f8f8;*/ width: 1000px; height: 100px; } /* Fält för språkflaggorna */ #top_language { position: absolute; right: 0px; width: 100px; border: 0px solid #b3b3b3; /*#7f7f7f;*/ text-align: right; margin-right: auto; margin-left: auto; padding: 10px; padding-top: 10px; vertical-align: bottom; top: 2px; /* background: #FFFFFF; */ /* background: no-repeat url(gfx/head.png); /*#no-repeat url(gfx/topjpg);*/ } /* klickbartfält för loggan */ #toplogga{ border: 1px solid #000000; top: 10px; /*95px;*/ position: absolute; width: 530px; height: 83px; border: 1px; text-align: left; left: 10px; margin-right: 0px; margin-left: auto; padding: 0px; padding-top: 0px; vertical-align: bottom; border: 0px #ccc solid; } /* menusystemet ligger här */ #topmenu2{ border: 0px solid #cccccc; top: 100px; /*95px;*/ position: absolute; width: 100%; height: auto; text-align: left; left: -1px; margin-right: 0px; margin-left: auto; padding: 0px; padding-top: 0px; /* vertical-align: bottom; */ /* border: 0px #ccc solid; */ /* background: #FFFFFF; */ } #topmenu{ top: 100px; /*95px;*/ position: absolute; width: 1015px; height: auto; border: 1px; text-align: left; left: -1px; margin-right: 0px; margin-left: auto; padding: 0px; padding-top: 0px; vertical-align: bottom; border: 0px #ccc solid; /* background: #FFFFFF; */ } /* MAIN ##################3 */ /* vänstra menyn ligger i denna */ #leftwrap { float: left; height: auto; width: 170px; border: 0px solid #cccccc; position: relative; top: 0px; left: 0px; text-align: left; padding: 0px; background: #FFFFFF; } /* Allt som händer mitt på sidan, alla includes */ #centercontainer { height: auto; width: 640px; overflow: none; border: 0px solid #cccccc; float: left; position: relative; left: 0px; text-align: left; margin-left: 10px; } /* högra menyn ligger i denna */ #rightwrap { float: right; height: auto; width: 170px fixed; overflow: none; border: 0px solid #000000; position: relative; top: 0px; right: -1px; text-align: left; padding: 0px; /* padding-right: 0px; */ /* background: #FFFFFF; */ } #centerwrap { width: 640px fixed; border: 1px solid #cccccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); } /* innehållet i main ligger i denna */ #center{ /* float: left; */ height: auto; width: 620px fixed; border: 0px solid #000000; /* position: relative; */ top: 0px; /* right: 0px; */ /* text-align: left; */ margin: 10px; background: transparent; /* padding-right: 0px; */ /* background: #FFFFFF; */ } /* Häri ligger toprubriken */ #main_top { height: 20px; width: 640px fixed; position: relative; top: 0px; left: 0px; text-align: left; padding-top: 0px; /* text-indent: 5px; */ background: url(gfx/bottom.gif); border: 1px solid #000000; z-index: 100; /* display: inline; */ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius: 10px 10px 0 0; behavior: url(PIE.htc); } /* //Copyrighttexten liksom */ #bottom_main{ width: 640px; height: 40px; padding: 0px; background: url(gfx/bottom.gif); display: table-cell; vertical-align: middle; text-align: center; /* background-color:#FFFFFF; */ -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } /* Respektive sida har side inuti sin wrap */ #side { height: auto; width: 148px; border: 0px solid #cccccc; /* #7f7f7f;*/ /*#b3b3b3;*/ position: relative; top: 0px; left: 0px; text-align: left; margin: 10px; /* background: #FFFFFF; */ } /* ger rutan med rundade hörn */ #sideblock { height: auto; width: 170px fixed; border: 1px solid #cccccc; /* #7f7f7f;*/ /*#b3b3b3;*/ position: relative; text-align: left; /* background: #FFFFFF; */ /* box-shadow: 2px 2px 5px #ccc; */ /* border-radius: 6px; */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc); } /* menu till vänster och höger */ #side_top { height: 20px; width: 170px; border: 0px solid #cccccc; position: relative; text-align: center; display: table-cell; vertical-align: middle; /* line-height: 20px; */ /* vertical-align: middle; */ /* background: repeat url(gfx/head.gif); */ background: url(gfx/bottom.gif); -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius: 10px 10px 0 0; behavior: url(PIE.htc); } /* rubriker i en meny */ #side_rubrik { height: 20px; width: 170px; border: 0px solid #cccccc; position: relative; text-align: center; display: table-cell; vertical-align: middle; background: url(gfx/bottom.gif); } /* ?????????? */ #pictext{ position: relative; display:inline-block; margin-left: auto; margin-right: auto; border: 0px solid #333333; text-align: center; padding: 0px; } /* Ger ett mellanrum vertikalt på 10px */ #sidespace { height: 10px; width: 160px; border: 0px solid #b3b3b3; position: relative; top: relative; left: 0px; text-align: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-bottom: 0px; background: transparent; } #editmenu { height: 17px; width: 44px; /* border: 1px solid #7f7f7f; */ position: absolute; top: 1px; right: 10px; text-align: center; padding-left: 2px; padding-right: 2px; /* padding-top: 5px; */ /* background: url(gfx/menu_marked.png); */ /* background: #FFF; */ z-index: 100; display: inline-block; } /* border på div */ .border { border: 1px solid #cccccc; padding: 10px; } /* varningsruta röd*/ .error { border: 1px solid #FF4433; padding: 10px; } /* updateruta grön*/ .update { border: 1px solid #66EE55; padding: 10px; } #inst { height: relative; width: 325px; border: 1px dashed #7f7f7f; position: relative; text-align: left; padding: 5px; } #eventinfo { top: 40px; /* float: right;*/ position: absolute; height: relative; width: 290px; border: 0px dashed #7f7f7f; /* position: absolute; */ right: 20px; text-align: left; padding: 0px; /* background: #CCC; */ } /* Editmenu länk */ #editlink a:link { color: #FFFFFF; text-decoration: none; } #editmenu a:link { color: #000000; } /*HOVER POPUP LINKS*/ /*hoverpopups type 1*/ #popup { color: #000; background-color: transparent; } #popup a, #popup a:visited { position: relative; display: block; width: relative; /* line-height: 30px; */ text-align: left; padding: 0px; margin: 0px; border: 0px solid #666; /*text-decoration: none; font-size: 1em; font-weight: bold;*/ } #popup a span {display: none;} #popup a:hover { background-color: transparent; } /* the IE correction rule */ #popup a:hover { color: #CCC; background-color: transparent; text-indent: 0; /* added the default value */ z-index: 11; } #popup a:hover span{ display: block; position: absolute; top: 0px; left: 40px; width: 220px; margin: 0px; padding: 10px; color: #335500; font-weight: normal; font-size: 11px; background: #ccc; text-align: left; border: 1px solid #666; z-index: 100; } #kontaktpop { color: #000000; } #kontaktpop a, #kontaktpop a:visited { position: relative; display: block; width: relative; /* line-height: 30px; */ text-align: left; padding: 0px; margin: 0px; border: 0px solid #666; /*text-decoration: none; font-size: 1em; font-weight: bold;*/ } #kontaktpop a span {display: none;} #kontaktpop a:hover { background-color: #FFF; } /* the IE correction rule */ #kontaktpop a:hover { color: #CCC; background-color: #FFF; text-indent: 0; /* added the default value */ z-index: 11; } #kontaktpop a:hover span{ display: block; position: absolute; top: -100px; left: 70px; width: 320px; margin: 0px; padding: 10px; color: #000000; font-weight: normal; font-size: 11px; background: #ccc; text-align: left; border: 1px solid #666; z-index: 100; } /* formstylening inloggning*/ .texta { font-size: 10px; background-color: #FFFFFF; border: 1px solid #666666; } /* formstylening inloggning*/ .texta_inst { width: 160px; font-size: 12px; background-color: #FFFFFF; border: 1px solid #666666; } /* formstylening på knappen */ .btn { /* color:#050; */ font-size: 100% ; } /* formstylening tidrapporteringen*/ .time { width: 30px; font-size: 10px; /* background-color: #FFFFFF; */ border: 0px solid #666666; } /* För att göra en tabell med grå border, tex grupphanteringen */ .table_border, .td_border, .th_border { border:1px solid #cccccc; border-collapse:collapse; } /* Ingen border, tidrapporteringen tex. */ td.noborder { border-width: 0px; border-color: #000080; border-style: solid; } /* Framför allt till tidrapporteringen */ .verticalTextIE { display:block; text-align: left; vertical-align: top; width: 200px; /* height: 150px; */ margin: 0px; padding: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: nowrap; rotation-point:50% 50%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* border: 1px solid #000000; */ } .verticalText { display:block; text-align: center; vertical-align: middle; width: 30px; /*height: 150px;*/ margin: 0px; padding: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: nowrap; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */ /* border: 1px solid #000000; */ } .table { width:210px; border:0px solid #888; border-collapse:collapse; } .td { width:30px; border-collpase:collpase; border:1px solid #888; text-align:right; padding-right:5px; } .days{ background-color: #F1F3F5; } th { border-collpase:collpase; border:1px solid #888; background-color: #E9ECEF; } tq { border-collpase:collpase; border:1px solid #888; background-color: #FFFFFF; } .actday{ background-color: #c22; font-weight:bold; } #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(gfx/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(gfx/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; } .time{color:#933; margin-top:0px; text-transform:capitalize;} .title{color:#333; font-size:18px; font-weight:normal; line-height:1;} .hr{border-bottom:1px dotted #c77; width:625px;margin:10px 0 8px 0;} .smalltext{font-size:8px; font-weight:normal; padding-top: -10px; padding-right: 5px; line-height:1,3; text-align: justify;} /* Menysystemet */ #sddm { background: #ff6600; margin: 0; padding: 0; z-index: 30} #sddm li { margin: 0; padding: 0; color: #ff6600; /* background: #ff6600; */ list-style: none; float: left; font: bold 11px arial} /* totalbredden */ #sddm li a { display: block; margin: 0 1px 0 0; padding: 7px 10px; width: 122px; /*146*/ /* background: #ff6600; */ background: url(../gfx/menu.png);/* #000000; #9c6114; 0a5692; #013476; #000080;*/ color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none} #sddm li a:hover { background: #ff6600; color: #FFFFFF; /* background: url(../gfx/menu_marked.png);/*; #013476; #000080*/ */ } /* hela rutan med linje runt och extrafärgen på sidan */ #sddm div { position: absolute; visibility: hidden; width: 140px; /*164px;*/ margin: 0; padding: 0; /* color: #6f6600; */ background: #ff6600; /*url(gfx/top_menu_rev2.png);*//*#9c6114;*/ border-left: 1px solid #928b81; /*cccccc; #013476; #000080;*/ border-right: 1px solid #928b81; border-bottom: 1px solid #928b81; } #sddm div a { position: relative; display: block; margin: 0; padding: 4px 10px; width: 120px; /*144px;*/ white-space: nowrap; text-align: left; text-decoration: none; background: #222222; /*FFFFFF;*/ /* color: #FFFFFF; /*2d4f8f*/ */ font: 11px arial} /* bestämmer bredden på bakgrunden markerad - extra färgen */ #sddm div a:hover { /* background: #419747; */ color: #FFFFFF; width: 110px; /*134px;*/ } /*menysystem*/ /* #dolphincontainer{position:relative;border: 0px solid #999999; color:#cccccc; background:#cccccc; width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;} /*Container uppe*/ #dolphinnav{position:relative; border: 0px solid #000000; height:32px;font-size:10px;text-transform:lowercase;font-weight:bold;background:#FFFFFF; padding:0 0 0 0px;} /* här i ligger texten */ #dolphinnav ul{height: 32px; margin:0;padding:0;list-style-type:none;width:auto;float:left;border: 0px solid #000000;} /* runt varje knapp */ #dolphinnav ul li{display:block;float:left;margin:0px 0 0 0px #000000;border: 0px solid #000000;} /* en till runt varje knapp? är nog knappen..*/ #dolphinnav ul li a{display:block;float:left;/*color:#2d4f8f;*/text-decoration:none;padding:0 0 10px 10px;height:10px;border: 0px solid #000000;} /* texten? */ #dolphinnav ul li a span{padding:4px 10px 0 0;height:10px;float:left;border: 0px solid #000000;} /*menyn där uppe*/ #dolphinnav ul li a:hover{color:green;background:transparent;border: 0px solid #000000;} #dolphinnav ul li a:hover span{color:#FFFFFF;display:block;width:auto;cursor:pointer;border: 0px solid #000000;margin: 0px 0 0 0px;height:10px;} #dolphinnav ul li a.current, #dolphinnav ul li a.current:hover{color:green;background:#cccccc;} #dolphinnav ul li a.current span{display:block;padding:4px 10px 0 0;width:auto;background:#cccccc ;height:32px;} #dolphin_inner{color: black; padding: 4px 6px 6px 10px; font-size: 100%; height: 1em} #dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: #FFFFFF;} #dolphin_inner a:hover{color: #EAF3F8} .innercontent{display: none;}*/ /* */ #gallerylayer{ -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* bildvisning */ #pics { height: 259px; width: 640px; padding: 0; margin: 0; overflow: hidden; } #pics img { padding: 0px; border: 0px solid #ccc; background-color: #eee; width: 640px; height: 259px; top: 0; left: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #ropare { /* height: 259px; */ width: 170px fixed; padding: 0; margin: 0; overflow: hidden; } #ropare img { padding: 0px; border: 0px solid #ccc; background-color: #eee; width: 170px; height: 259px; top: 0; left: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* blå i loggan. #0a5692 */ /* den gröna. #2d9644 */ /* universitetets färger */ /* blå: 000080 */ /* brun: 9c6114 */ /*div grejen
|
Hemvärnets Musikkår Eslöv har många duktiga slagverkare som tillsammans bildar en trumkår. Denna ensemble är mycket uppskattad och trumkåren blir ofta kontaktade för spelningar av olika slag. Förutom att uppträda med militär precision i marschtrumslagning bjuder trumkåren ofta även på andra underhållningsstycken med kroppen som ända instrument. Är du intresserad av att boka trumkåren så hör av dig till trumkar@hvmkeslov.se |
![]() |
på denna sida kommer du i framtiden kunna hitta mer information och inspiration om trumkåren