a:link {color: #0000ff; font-weight: bold;text-decoration: none; background-color: transparent; font-weight: bold; }
a:visited {color: #0000ff; font-weight: bold; text-decoration: none; background-color: transparent; font-weight: bold; }
a:hover {color: #000000; font-weight: bold; text-decoration: underline; background-color: transparent; font-weight: bold; }

a.two:link {color: #ffffff; text-decoration: none; background-color: transparent;}
a.two:visited {color: #ffffff; text-decoration: none; background-color: transparent;}
a.two:hover {color: #ffff00; text-decoration: underline; background-color: transparent;}

body{
margin-top: 0px;
background-image: url("bg.png");
background-repeat: repeat-x;
font-family: tahoma;
line-height: 13px;
font-size: 11px;
background-color: #aaaaaa;
}

img{
border: none;
}

.blueart{
position: absolute;
width: 130px;
height: 142px;
left: 0px;
background-image: url("blueart.png");
background-repeat: no-repeat;
top: 0px;
z-index: 0;
border: 0px solid black;
}

.reklamtext{
float: left;
width: 530px;
margin: 0px 0px 10px 0px;
font-size: 9px;
font-weight: bold;
}

.bildright{
float: right;
margin: 0px 0px 10px 10px;
border: 1px solid #000000;
}

.hela{
position: relative;
width: 850px;
margin: 20px auto;
}

.sidan{
position: relative;
width: 810px;
float: left;
background-color: white;
border: 1px solid #444444;
padding: 30px;
margin-bottom: 20px;
}

.logotext{
background-image: url("logotext.jpg");
background-repeat: no-repeat;
width: 380px;
height: 120px;
margin-left: -9px;
margin-top: -10px;
float: left;
}

.besokare{
background-color: transparent;
width: 190px;
padding-top: 90px;
height: 20px;
float: left;
font-weight: bold;
}

.logotyp{
background-image: url("logotyp2.jpg");
background-repeat: no-repeat;
margin-top: -10px;
margin-right: -2px;
width: 90px;
height: 130px;
float: right;
}

.flash{
float: left;
width: 810px;
margin-bottom: 30px;
}

.menyn{
background-image: url("menybackground.jpg");
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 23px;
width: 823px;
padding-top: 20px;
margin-left: -11px;
height: 40px;
float: left;
}

.tavlingsnews{
width: 510px;
color: #008800;
font-weight: bold;
padding: 5px;
}

.tavlingsnews2{
width: 510px;
color: #008800;
font-weight: bold;
padding: 5px;
background: #eeeeee;
}

.menyobj{
float: right;
width: 120px;
margin-top: -2px;
}

.info{
position: relative;
float: left;
width: 810px;
border: 0px solid black;
background-color: white;
}

.infoeko{
position: relative;
float: left;
width: 700px;
padding: 20px;
border: 0px solid black;
background-color: white;
}


.news{
position: relative;
float: left;
width: 530px;
border: 0px solid black;
background-color: white;
}

.newsright{
position: relative;
float: right;
width: 250px;
padding-left: 20px;
border: 0px solid black;
background-color: white;
}

.annonserbottom{
float: left;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
border: 0px solid black;
width: 815px;
}

.annons{
float: left;
margin-bottom: 10px;
border: 0px solid black;
width: 250px;
}

.sponsorobj2{
float: left;
width: 120px;
margin: 21px;
text-align: center;
padding: 0px;
}

.centertext{
text-align: center;
}

.sponsorobj{
float: left;
width: 120px;
margin: 0px 10px 10px 0px;
text-align: center;
padding: 0px;
}

.bigsponsorobj{
float: left;
width: 250px;
margin: 10px;
text-align: center;
padding: 0px;
}

.sponsorcon{
float: left;
width: 810px;
margin-bottom: 80px;
text-align: center;
}

.mellansponsor{
font-size: 13px;
font-weight: bold;
}

.sponsorobjlast{
float: left;
width: 120px;
margin: 0px 0px 10px 0px;
text-align: center;
padding: 0px;
}

.sponsorfsida{
color: #009900;
font-weight: bold;
font-size: 13px;
text-align: center;
}

.kontakt{
position: relative;
float:left;
background-image: url("bottom.jpg");
background-repeat: no-repeat;
width: 790px;
height: 23px;
margin-left: 0px;
padding: 24px 10px 0px;
}

.konobj{
padding: 4px 63px 4px 10px;
font-weight: bold;
color: white;
float: left;
}

.konobjlast{
padding: 4px 12px 4px 0px;
font-weight: bold;
color: white;
float: right;
}

.newsobj{
position: relative;
float: left;
width: 530px;
min-height: 40px;
background-image: url("newsbg.jpg");
background-repeat: no-repeat;
margin-bottom: 0px;
line-height: 13px;
font-size: 11px;
}

.newsobj2{
position: relative;
float: left;
width: 530px;
margin-bottom: 15px;
line-height: 13px;
font-size: 11px;
}

.bignewsobj{
position: relative;
float: left;
width: 700px;
min-height: 40px;
margin-left: 50px;
margin-bottom: 15px;
line-height: 15px;
font-size: 12px;
}

.bignewsobj2{
position: relative;
float: left;
width: 700px;
min-height: 20px;
margin-left: 50px;
margin-bottom: 5px;
line-height: 13px;
font-size: 11px;
}

.newsheader{
position: relative;
float: left;
width: 410px;
margin: 10px 0px 20px 10px;
color: white;
font-size: 13px;
font-weight: bold;
}

.bignewsheader{
position: relative;
float: left;
width: 700px;
text-align: center;
margin: 10px 0px 10px 10px;
color: #009900;
font-size: 24px;
font-weight: bold;
}

.bignewsdate{
position: relative;
float: right;
width: 700px;
text-align: center;
margin: 0px 0px 20px 0px;
color: gray;
font-weight: bold;
font-size: 12px;
}

.newsdate{
position: relative;
float: right;
width: 90px;
margin: 10px 19px 20px 0px;
text-align: right;
color: yellow;
font-weight: bold;
font-size: 10px;
}

.newsdate2{
position: relative;
float: right;
width: 200px;
margin: 0px;
text-align: right;
color: black;
font-weight: bold;
font-size: 10px;
}

.imagenews{
float: right;
margin: 0px 0px 10px 10px;
border: 1px solid black;
}

.skrivenav{
position: relative;
float: left;
width: 90px;
margin: 20px 0px 0px 0px;
text-align: left;
color: gray;
font-size: 10px;
font-style: italic;
}

.skrivenav2{
position: relative;
float: right;
width: 30px;
margin: 0px 0px 0px 0px;
text-align: right;
color: gray;
font-size: 10px;
font-style: italic;
}





div.meny { z-index:20;  }
.menu {
font-family: arial, sans-serif; 
width:670px;  
z-index: 0;
margin-top: -2px;
margin-left:11px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:1px; 
z-index: 20;
margin:0px;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
z-index: 20;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align: center; 
font-weight: bold;
z-index: 20;
text-decoration:none; 
padding: 0px 18px;
height:33px; 
color:#ffffff; 
background:transparent; 
line-height:30px; 
z-index: 20;
font-size:12px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
z-index: 20;
text-align: left; 
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
font-weight: bold;
color:#ffffff; 
z-index: 20;
line-height:30px;
background:#009900;
text-align: center; 

}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
z-index: 20;
top:33px; 
left:-1px; 
width:106px;

}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
font-weight: bold;
z-index: 20;
background:#ffff00; 
color:#000000;
text-align: left;
padding-left: 12px;
width: 200px;

}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
font-weight: bold;
z-index: 20;
background:#ffffff; 
color:#000000;
text-align: left; 
}

.overskrifter{
width: 800px;
height: 50px;
margin: 0px auto 10px auto;
}

.vitspace{
float: left;
line-height: 19px;
position: relative;
margin: 0px;
min-height: 25px;
font-size: 12px;
margin-left: 55px;
margin-bottom: 25px;
text-align: center;
z-index: 0;
width: 700px;
padding: 8px;
background: #ffffff;
}

.rowVIT{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 11px;
margin-left: 35px;
z-index: 0;
font-weight: bold;
width: 720px;
padding: 8px;
background: #ffffff;
}

.rowB{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 11px;
margin-left: 35px;
z-index: 0;
width: 720px;
padding: 8px;
background: #e9e9e9;
}
.rowGRAY{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 11px;
margin-left: 35px;
z-index: 0;
width: 720px;
padding: 8px;
background: #f9f9f9;
}


/* Arangemang */

.arrangemangheader{
font-size: 36px;
font-weight: bold;
margin: 10px 0px 0px 0px;
}


.arrangemangdate{
font-size: 12px;
color: #009900;
font-weight: bold;
z-index: 200;
margin: 14px 0px 0px 0px;
}

.arrangemangplats{
font-size: 12px;
color: #006600;
font-weight: bold;
z-index: 200;
margin: 3px 0px 0px 0px;
}

.arrangemangmeny{
width: 220px;
float: left;
margin-left: 10px;
font-size: 12px;
line-height: 25px;
}

.arrangemangview{
width: 560px;
float: left;
font-size: 11px;
line-height: 14px;

}

.clickar{
float: right;
}

.gruppnews{
float: left;
width: 433px;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
}

.grupppres{
float: left;
width: 810px;
margin-bottom: 20px;
}

.gruppheader{
float: left;
position: relative;
font-size: 15px;
margin: 0px 0px 10px;
font-weight: bold;
color: #009900;
}

.gruppbf{
float: left;
width: 510px;
padding: 10px;
font-weight: bold;
background-color: transparent;
}

.gruppage{
margin-top: -10px;
margin-bottom: 30px;
width: 810px;
text-align: center;
font-weight: bold;
color: #009900;
font-size: 13px;
background-color: transparent;
}

.AR1{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 12px;
font-weight: bold;
margin-left: 0px;
z-index: 0;
width: 530px;
padding: 8px;
background: #e9e9e9;
}

.AR2{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 12px;
font-weight: bold;
margin-left: 0px;
z-index: 0;
width: 530px;
padding: 8px;
background: #f9f9f9;
}

.GN1{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 12px;
font-weight: normal;
margin-left: 0px;
z-index: 0;
width: 523px;
padding: 8px;
background: #e9e9e9;
}

.GN2{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 12px;
font-weight: normal;
margin-left: 0px;
z-index: 0;
width: 523px;
padding: 8px;
background: #f9f9f9;
}


/* Länkar */

.beskrivning{
font-size: 11px;
font-style: italic;
line-height: 12px;
margin: 0px;
}

.lankkategori{
position: relative;
font-size: 15px;
font-weight: bold;
color: #009900;
}

.kategoritop{
float: left;
line-height: 15px;
position: relative;
margin: 0px;
font-size: 13px;
font-weight: bold;
margin-left: 35px;
margin-top: 30px;
z-index: 0;
width: 720px;
padding: 8px;
background: #000000;
color: white;
}

/* Klubbrekord */

.krgren{
float: left;
width: 100px;
font-weight: bold;
color: #009900;
}

.krperson{
float: left;
width: 265px;
font-weight: bold;
color: #000000;
}

.krplats{
float: left;
width: 170px;
font-style: italic;
color: #000000;
}

.krdatum{
float: left;
width: 80px;
font-weight: normal;
color: #000000;
}

.krrekord{
float: left;
text-align: right;
width: 80px;
font-weight: bold;
color: #0000cc;
}

/* Tränarna */

.tranare{
float: left;
text-align: center;
width: 228px;
min-height: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #e1e1e1;
}

.imgtranare{
margin: 0px auto;
}

.tranarenamn{
font-size: 13px;
margin: 5px 0px;
font-weight: bold;
color: #009900;
}

.tranaregrupp{
font-size: 11px;
margin: 5px 0px;
font-weight: normal;
font-style: italic;
color: #000000;
}


/* Styrelse */

.ordforande{
padding: 10px;
float: left;
text-align: center;
margin: 10px 195px;
border: 1px solid #e1e1e1;
width: 400px;
}

.ordforandeheader{
position: relative;
width: 400px;
text-align: center;
font-size: 19px;
margin: 0px;
font-weight: bold;
color: #009900;
}

.imagecenter{
margin: 10px 235px;
}

.klasserna{
float: left;
width: 300px;
padding: 20px;
margin-left: 215px;
border: 1px solid black;
font-weight: normal;
font-size: 11px;
margin-bottom: 20px;
}

.klassernaheader{
font-size: 15px;
font-weight: bold;
margin:0px;
}

.msg{
float: left;
width: 740px;
color: white;
background-color: #33CC33;
font-weight: bold;
font-size: 13px;
margin-bottom: 40px;
text-align: center;
border: 1px solid darkgreen;
padding: 20px;
}

.checkboxobj{
float: left;
width: 230px;
margin-right: 100px;
margin-bottom: 2px;
margin-top: 2px;
}

.checktext{
float: left;
}

.inputcheck{
float: right;
width: 30px;
margin-top: 1px;
}

.texttitle{
float: left;
font-weight: bold;
width: 300px;
margin: 3px;
}

.friidrottsform{
width: 720px;
float: left;
}

.friiobj{
margin: 10px;
float: left;
width: 250px;
}

.traningstidertabell{
float: right;
width: 240px;
min-height: 200px;
padding: 10px;
background-color: #efefef;
}

.grupphead{
float: left;
width: 230px;
padding: 5px;
background-color: black;
color: white;
margin: 6px 0px;
font-weight: bold;
}

.gndate{
float: right;
width: 90px;
text-align: right;
font-size: 9px;
font-weight: bold;
margin-bottom: 7px;
}

.gruppalder{
float: right;
width: 100px;
text-align: right;
}

.grupport{
float: right;
width: 100px;
text-align: right;
}

.gruppdagar{
float: right;
width: 160px;
text-align: right;
}