@charset "UTF-8";
/*-----------------=============<( Matchday by www.Pindrop.no  )>=============--------------------*/
/*---------------------------=============<(  GENERAL  )>=============----------------------------*/

p, img      { border: 0; margin: 0; padding: 0; }
ul          { border: 0; margin: 0; padding: 0;  list-style-type: none; }

body        { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; background: #eee; margin: 0; }
.clear      { clear: both; }
.floatleft  { float: left; }

/*---------------------------=============<(  GENERAL TYPOGRAPHY  )>=============----------------------------*/

h1, h2, h3, h4, h5, h6 { border: 0; margin: 0; padding: 0; font-weight: normal; }

h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; color: #606e7a; }
h4 { font-size: 0.85em; font-weight: bold; color: #606e7a; text-transform:uppercase; border-bottom: 1px dotted #606e7a; margin-bottom: 4px; }
h5 { font-size: 1em; font-weight: bold; }

a           { text-decoration: none; color: #0066ff;}
a:hover     { color:#03C; }


/*---------------------------=============<(  MAIN CONTAINERS  )>=============----------------------------*/
/* These containers build the main structure on the pages */

#container       { margin: 0 auto; width: 960px; text-align: left;}
#header          { margin: 0 auto; width: 960px; text-align: left; padding: 8px 0 0 0; background: #000;}
#listnav         { margin: 0 auto; width: 725px; text-align: center; padding: 10px 0 10px 235px;}
#container_left  { float: left; width: 220px; margin-right: 15px; }
#container_main  { float: left; width: 725px;  }
#footer          { clear:both; margin: 0 auto; width: 952px; text-align: center; font-size: 0.85em; text-transform: uppercase; color: #43526a; border-top: 2px solid #606e7a; padding: 5px 0 10px 0;}

/*---------------------------=============<(  FRONTPAGE ELEMENTS  )>=============-----------------------------*/

#blackbox { margin: 0 auto; width: 930px; padding: 10px 15px 20px 15px; background: #000; margin-bottom: 20px; color: #9ea8b1;}
#blackbox .leftcol     { float: left; width: 710px; }
#blackbox .generalinfo { float: left; width: 470px; padding: 0 0 20px 10px; font-size: 1.2em; }
#blackbox .rightcol    { float: right; width: 194px; margin-left: 6px; padding: 0 0 0 0; }
#blackbox img          { float: right; }

#container_left_frontpage  { float: left; width: 230px; margin-right: 10px;  }
#container_left_frontpage #roster { }
#articles { float: left; padding: 0 0 20px 0; margin-left: 5px;}
.articles_left  { float: left; width: 230px; margin-right:15px; padding-top: 10px; }
.articles_right { float: left; width: 230px; padding-top: 10px;  }

/* TYPOGRAPHY */
#blackbox h2 { font-size: 1.5em; color: #9ea8b1; border-bottom: 2px solid #606e7a; padding: 0 0 0 30px; margin-left: -15px; margin-bottom: 3px; }
#blackbox h1 { font-size: 1.5em; color: #FFF; }
#articles h3 { font-size: 1.3em; color: #000; }
#articles h2 { font-size: 1.5em; color: #606e7a; border-bottom: 2px solid #606e7a; padding: 20px 0 0 30px;}

#blackbox a       { color: #75acff; }
#blackbox a:hover { color: #FFF; }
#container_left_frontpage #rostermenu li a { display: block; padding: 3px 0 3px 30px; }

/*---------------------------=============<(  NAVIGATION ELEMENTS  )>=============-----------------------------*/

.oversikt { padding: 0 15px 0 15px; }


/*---------------------------=============<(  SEARCHBOX ELEMENTS  )>=============-----------------------------*/

#searchbox { float: left; width: 195px; background: #000; color: #9ea8b1; padding: 3px 10px 10px 15px; margin-bottom: 15px;}

#searchbox .formfield1  { width: 55px; margin-bottom: 5px; }
#searchbox .formfield2  { width: 70px; margin-bottom: 5px; }
#searchbox .formfield3  { width: 115px; margin-bottom: 5px;}
#searchbox .formbutton1 { width: 70px; margin-bottom: 5px; }

/* TYPOGRAPHY */
#searchbox h2 { font-size: 1.5em; color: #9ea8b1; border-bottom: 2px solid #606e7a; padding: 0 0 0 15px; margin-left: -15px; margin-right: -10px; margin-bottom: 3px; }

/*--------------------------=============<(  ROSTER ELEMENTS  )>=============----------------------------*/

#roster { }

#rostermenu { padding: 5px 0 0 0; margin-bottom: 5px; font-size: 1.2em; }
#rostermenu li               { display: block; }
#rostermenu li a             { display: block; padding: 3px 0 3px 15px; }
#rostermenu li a:hover       { background-color: #d0d7de; text-decoration: none; }

/* TYPOGRAPHY */
#roster h2 { font-size: 1.5em; color: #606e7a; border-bottom: 2px solid #606e7a; padding: 0 0 0 15px; }
#container_left_frontpage  #roster h2 { font-size: 1.5em; color: #606e7a; border-bottom: 2px solid #606e7a; padding: 20px 0 0 30px;}

/*--------------------------=============<(  APSIS ELEMENTS  )>=============----------------------------*/

.newsletter_form h2 { font-size: 1.5em; color: #606e7a; border-bottom: 2px solid #606e7a; padding: 20px 0 3px 10px;}
.newsletter_formfield  { margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px; }
.newsletter_table { padding: 0 10px 0 10px; font-size: 0.9em; }
.newsletter_link  { background: url(gfx/tipafriend.png) no-repeat; height: 19px; float: left; padding: 3px 20px 0 30px; }


/*--------------------------=============<(  BANNERLIST ELEMENTS  )>=============----------------------------*/

#bannerlist             { width: 220px; margin-bottom: 15px;}

.banner_top             { background: url(gfx/design/banner_top.png) no-repeat; padding: 12px 10px 0 15px; }
.banner_bottom          { background: url(gfx/design/banner_btm.png) bottom no-repeat; padding: 5px 15px 10px 15px; }

#bannerlist .kroner     { padding: 3px 5px 0 0; float: left;}
#bannerlist .date       {float: left;}
#bannerlist .moreinfo   {float: right; text-align: right;}
#bannerlist .showall    {float: right; text-align: right; padding: 3px 15px 10px 0;}

/* TYPOGRAPHY */
#bannerlist h1 { font-size: 2.5em; font-weight: bold; letter-spacing: -0.05em; padding: 0 0 0 0; color: #000; }
#bannerlist h2 { font-size: 1.5em; color: #606e7a; border-bottom: 2px solid #606e7a; padding: 20px 0 0 15px; background: url(gfx/design/ballsmash1.png) 135px 0px no-repeat; }


/*--------------------------=============<(  PRODUCTSHEET ELEMENTS  )>=============----------------------------*/

#productsheet_top     { width: 685px; background: url(gfx/design/productsheet_top.png) 0 10px no-repeat; padding: 40px 20px 0 20px; border-top: 4px solid #000;}
#productsheet         { width: 685px; background: url(gfx/design/productsheet_white.png) repeat-y; padding: 5px 20px 20px 20px;}
#formsheet            { width: 685px; background: url(gfx/design/productsheet_blue.png) repeat-y; padding: 5px 20px 0 20px;}
#productsheet_bottom  { width: 725px; height: 25px; background: url(gfx/design/productsheet_btm.png) no-repeat; padding: 5px 0 10px 0;}

.location        { float: left;}
.googlemaps      { padding: 5px 0 0 10px; float: left;}
.teambadge       { float: left; width: 155px; height: 150px; margin-top: -20px;}
.teampage        { float: left; width: 155px; text-align: center; margin-top: 3px; }
.leftcol         { float: left; width: 515px; margin-right: 15px; padding: 0 0 10px 0; }
.tilbud          { background:url(gfx/design/ballsmash1.png) top right no-repeat; }
.pricebox        { float: left; width: 250px; margin-right:15px; color: #606e7a;}
.kroner          { padding: 20px 5px 0 0; float: left;}
.price           { float: left;}
.priceinfo       { float: left; width: 250px; padding: 20px 0 0 0;}
.callcenter      { float: left; width: 155px;}
.tourinfo        { float: left; width: 250px; margin-right:15px;}
.generalinfo     { float: left; width: 250px;}
.links           { float: left; width: 155px;}

.facebook                  { background: url(gfx/facebook.png) no-repeat; height: 19px; float: left; padding: 3px 20px 0 30px; }
.tipafriend                { background: url(gfx/tipafriend.png) no-repeat; height: 19px; float: left; padding: 3px 20px 0 30px; }

#productsheet_top .divider { clear: both; border-bottom: 4px solid #000;}
.leftcol .divider          { clear: both; padding: 5px 0 0 0;  border-bottom: 2px solid #333;}
#productsheet img          { float: right; } 

#formsheet .formfield1  { width: 203px; margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px; }
#formsheet .formfield2  { width: 46px; margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px; }
#formsheet .formfield3  { width: 141px; margin-left: 5px; margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px;}
#formsheet .formfield4  { width: 20px; margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px; text-align:center;}
#formsheet .formbutton1 { width: 150px; margin-bottom: 5px; }
.checkbox { float: left; width: 20px; margin-top: -3px; }

#attention { width: 635px; height: 1px; border: 1px dotted #900; padding: 0px 0px 0px 0px; background: #FC9; color:#300; margin: 0px; font-size: 1.2em; }
#confirmation { width: 125px; text-align: center; border: 1px dotted #030; padding: 5px 10px 5px 10px; background: #9C9; color: #030; margin-bottom: 5px; }

.required { background: url(gfx/design/redstar.png) top right no-repeat #FFF; }
#formsheet .kroner { padding: 3px 5px 0 0; float: left;}
#formsheet .date {float: left;}

.leftborder { border-left: 1px dotted #666; }
.textadjust1 { padding: 4px 0 0 0; }
.textadjust2 { color: #000000; }
.textadjust3 { color: #000000; margin-bottom: 4px;}

/* TYPOGRAPHY */
.price h1 { font-size: 5em; font-weight: bold; letter-spacing: -0.05em; padding: 10px 0 0 0; color: #000; }
#formsheet h1 { font-size: 2.5em; font-weight: bold; letter-spacing: -0.05em; padding: 0 0 0 0; color: #000; }

/*--------------------------=============<(  SEARCH RESULT ELEMENTS  )>=============----------------------------*/

#topline { border-top: 4px solid #000; padding-bottom: 8px; }
#resultlist { float: left; width: 490px; padding: 0 0 20px 0; margin-right: 15px; }
.rightcol { float: right; width: 220px; padding: 0 0 20px 0; }

#sortheader_home     { padding: 0 0 0 15px; }
#sortheader_away     { padding: 0 0 0 15px; }
.sortline            { border-bottom: 2px solid #000; padding: 0 0 0 15px;  }
.sortline .date      { float: left; width: 90px; font-size: 0.85em; font-weight: bold; color: #606e7a; text-transform:uppercase;} 
.sortline .match     { float: left; width: 250px; font-size: 0.85em; font-weight: bold; color: #606e7a; text-transform:uppercase;} 
.sortline .price     { float: left; width: 120px; font-size: 0.85em; font-weight: bold; color: #606e7a; text-transform:uppercase;} 

.resultline          { clear: both; border-bottom: 1px dotted #606e7a; padding: 14px 0 16px 15px; }
.resultline .date    { float: left; width: 90px;} 
.resultline .match   { float: left; width: 250px;} 
.resultline .price   { float: left; width: 120px;}
.venteliste      { background:url(gfx/design/venteliste.png) top right no-repeat; } 
#resultlist .tilbud  { background:url(gfx/design/ballsmash2.png) top right no-repeat; }

/* TYPOGRAPHY */
.resultline .price h1 { font-size: 1.5em; font-weight: bold; margin-top: -15px; color: #000; }
#sortheader_home h2   { font-size: 1.8em; padding: 20px 0 10px 0; }
#sortheader_away h2   { font-size: 1.8em; padding: 20px 0 10px 0; }

/*--------------------------=============<(  ARTICLE ELEMENTS  )>=============----------------------------*/

#article { float: left; width: 490px; font-size: 1.2em; padding: 0 0 20px 0; margin-right: 15px; line-height: 120%; }

/* TYPOGRAPHY */
#article h1 { font-size: 2.5em; line-height: 120%; }
#article h2 { font-size: 1.2em; font-weight: bold; line-height: 120%; }


/*--------------------------=============<(  TIP A FRIEND ELEMENTS  )>=============----------------------------*/

#container_tip { margin: 0 auto; width: 533px; text-align: left;}
#container_tip #header { margin: 0 auto; width: 533px; text-align: left; padding: 8px 0 0 0; background: #000;}

#container_tip .formfield1  { width: 303px; margin-bottom: 5px; border: 1px solid #606e7a; padding: 3px; }
#container_tip .formbutton1 { width: 120px; margin-bottom: 5px; }

#container_tip #footer { width: 533px;}