﻿@import "../../sitecore modules/kk.website2008/design/css/page/kk.website2008.page.css";
/*@import "../../sitecore modules/kk.website2008/design/css/sitecore/kk.website2008.editor.css";*/
@import "../../sitecore modules/kk.website2008/design/css/navigation/kk.website2008.navigation.globalmenu.css";
@import "../../sitecore modules/kk.website2008/design/css/tools/kk.website2008.tools.css";
@import "../../sitecore modules/kk.website2008/design/css/search/kk.website2008.search.css";
@import "../../sitecore modules/kk.website2008/design/css/spots/kk.website2008.Spots.css";
@import "../../sitecore modules/kk.website2008/design/css/imagerotator/kk.website2008.imagerotator.css";
@import "../../sitecore modules/kk.website2008/design/css/contactinformation/kk.website2008.contactinformation.css";
@import "../../sitecore modules/kk.website2008/design/css/navigation/kk.website2008.navigation.mainmenu.css";
@import "../../sitecore modules/kk.website2008/design/css/tagcloud/kk.website2008.tagcloud.css";
@import "../../sitecore modules/kk.website2008/design/css/navigation/kk.website2008.navigation.tabmenu.css";
@import "../../sitecore modules/kk.website2008/design/css/press/kk.website2008.press.css";
@import "../../sitecore modules/kk.website2008/design/css/news/kk.website2008.news.css";
@import "../../sitecore modules/kk.website2008/design/css/newsletter/kk.website2008.newsletter.tabmenu.css";
@import "../../sitecore modules/kk.website2008/design/css/tools/kk.website2008.tools.css";
@import "../../sitecore modules/kk.website2008/design/css/tools/kk.website2008.tools.sendtofriend.css";
@import "../../sitecore modules/kk.website2008/design/css/linkcollection/kk.website2008.linkcollection.css"; 
@import "../../sitecore modules/kk.website2008/design/css/GivEtPrej/GivEtPrej.css";

/********************************************************************************/
/*                                                                              */
/*     Frontpage grid                                                           */
/*                                                                              */
/********************************************************************************/
/*width: 1003 -19left - 19right = 965px*/


/******************Redigeret af Highscore Lab 2011*******************************/

div#Frontpage
{
  margin-top:23px;
  margin-left:19px;
}
/* Blocks */
.MenuBlock
{
  float:left;
  width:643px;
  height:331px;
}
.ImageRotatorBlock
{
  float:left;
  width:305px;
  height:331px;
  margin-left:18px;
}
.FocusBlock
{
  float:left;
  width:440px;
  margin-top:17px;
}
.NewsBlock
{
  float:left;
  width:283px;
  margin-left:22px;
  margin-top:17px;
}
.PosterBlock
{
  float:left;
  width:209px;
  margin-left:20px;
  margin-top:17px;
}

/* Tab */
  /*Highscore Lab*/
.Tab
{
  margin-left:17px;
  border:1px solid #636363;
  border-bottom:none;
  position:relative;
  z-index:10;
  background-color:#fff;
  display:inline-block;
  padding:7px 9px 4px 9px;
  /*color:#808080;*/
  /* color:#666;*/
  color:#515151;
  font-size:1.1819em;
  text-transform:uppercase;
  font-weight:bold;
  /*ie7 hack* start*/
  zoom: 1;
	*display:inline;
  /*ie7 hack* end*/
}
div#Frontpage a:hover
{
  text-decoration:underline;
}

/********************************************************************************/
/*                                                                              */
/*     Menu                                                                     */
/*                                                                              */
/********************************************************************************/
#Menu { }
#Menu .Tabs
{
  margin-left:17px;
  /*margin-left:4px;*/
  height:29px;
}
#Menu .Tabs ul
{
  list-style-type:none;
  padding:0;
  margin:0;
}
#Menu .Tabs li
{
  padding:0;
  margin:0;
}
#Menu .Tabs li
{
  /*display:inline-block;*/
  float:left;
  position:relative;
  z-index:10;
  background-color:#fff;
  background-repeat:repeat-x;
  margin-right:10px;
  border:1px solid #636363;
  height:17px;
  padding:7px 20px 3px 20px;
  /*ie7 hack* start*/
  zoom: 1;
	display:inline;
  /*ie7 hack* end*/
}
#Menu .Tabs li.active
{
  border-bottom:1px solid #fff;
}
#Menu .Tabs li a
{
  font-size:1.2727em;
  font-weight:bold;
  /*color:#808080;*/
 /* color:#666;*/
  color:#515151;
  text-transform:uppercase;
}
#Menu .Tabs li a:hover
{
  text-decoration:none;
}
#Menu #Sections
{
  height:303px;
}
#Menu .Content
{
  background: transparent url('/images/frontpage/menu_bg.png') no-repeat;
  overflow: hidden;
  padding:9px;
  padding-bottom:0;
  position:relative;
  z-index:1;
  top:-1px;
  clear:both;
}
#Menu .Content .Links
{
  height:153px;
  padding:17px;
}
#Menu .Content .Links .Subpages
{
  height:80px;
  padding-bottom:25px;
}
#Menu .Content .Links .Subpages ul
{
  list-style-type:none;
  padding:0;
  margin:0;
}
#Menu .Content .Links .Subpages li
{
  padding-bottom:5px;
}
#Menu .Content .Links .Subpages li.Column
{
  float:left;
  width:197px;
}
#Menu .Content .Links .Subpages li a
{
  background:#fff url(/images/Frontpage/arrow.gif) no-repeat;
  padding-left:10px;
  font-size:1.2727em;
  text-decoration: none;
}
#Menu .Content .Links .Subpages li a:hover
{
  text-decoration: underline;
}
#Menu .Content .Links .Sectionpage
{
  clear:both;
  /*border-top:1px dashed #bac600;*/
  border-top:1px dashed #636363;
  height:33px;
}
#Menu .Content .Links .SectionpageInner
{
  margin-top:18px;
  background:#fff url(/images/Frontpage/arrow.gif) no-repeat;
  padding-left:10px;
}
#Menu .Content .Links .Sectionpage .SectionpageInner a
{
  font-size:1.2727em;
}
#Menu .Content .Spots 
{ 
  margin-left:1px;
  height:107px;
}
#Menu .Content .Spots .HtmlSpot,
#Menu .Content .Spots .DoubleHtmlSpot,
#Menu .Content .Spots .DropdownSpot
{
  position:relative;
  float:left;
  width:199px;
  height:107px;
  margin-right:9px;
 /* background-color:#fff;*/
  background-color:#515151;
  background-repeat:repeat-x;
  color:#fff;
}
#Menu .Content .Spots .DropdownSpot .Title,
#Menu .Content .Spots .DropdownSpot .TitleLink
{
  margin-left:10px;
  margin-top:10px;
  text-transform:uppercase;
  font-size:1.2em;
  font-weight:bold;
}
#Menu .Content .Spots .DropdownSpot .TitleLink a
{
  color:#fff;
}
#Menu .Content .Spots .DropdownSpot .Text
{
  margin-left:10px;
  width:143px;
  font-size:1.0em;
}
#Menu .Content .Spots .DropdownSpot .Redirect
{
  position:absolute;
  top:71px;
  left:10px;
}
#Menu .Content .Spots .DropdownSpot .Redirect .List
{
  float:left;
  width:152px;
}
#Menu .Content .Spots .DropdownSpot .Redirect .List select
{
  /*border:1px solid #a4b97f;*/
  border:1px solid #FFFFFF;
  width:152px;
  height:22px;
  padding-left:5px;
  /*color:#666;*/
  color:#333333;
  font-family:Verdana;
}
#Menu .Content .Spots .DropdownSpot .Redirect .Button
{
  float:left;
  height:22px;
  width:18px;
}
#Menu .Content .Spots .DropdownSpot .Redirect .Button input
{
  height:22px;
  width:25px;
  /*border:1px solid #7f9db9;*/
  padding-left:5px;
}
#Menu .Content .Spots .HtmlSpot .Inner
{
  width:170px;
  height:91px;
  margin-left:15px;
  margin-top:9px;
}
#Menu .Content .Spots .HtmlSpot .Inner .Title
{
  margin-left:8px;
  margin-top:5px;
  /*color:#333;*/
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:1.2em;
  font-weight:bold;
}
#Menu .Content .Spots .HtmlSpot .Inner .Title
{
  text-decoration:none;
}
#Menu .Content .Spots .HtmlSpot .Inner .Text
{
  width:145px;
  margin-top:10px;
  margin-left:8px;
}
#Menu .Content .Spots .HtmlSpot .Inner .Text a
{
  color:#fff;
  font-size:1.0em;
}
#Menu .Content .Spots .DoubleHtmlSpot .Inner
{
  padding:11px;
}
#Menu .Content .Spots .DoubleHtmlSpot .UpperSpot
{
  height:50px;
  cursor: pointer;
}
#Menu .Content .Spots .DoubleHtmlSpot .UpperSpot a
{
  color:#fff;
  text-transform:uppercase;
  font-size:0.9231em;
  font-weight:bold;
}
#Menu .Content .Spots .DoubleHtmlSpot .LowerSpot
{
  margin-top:7px;
  height:50px;
  cursor: pointer;
}
/********************************************************************************/
/*                                                                              */
/*     Rotating spot                                                            */
/*                                                                              */
/********************************************************************************/
.ImageRotator
{
}

.FrontpageFlash,
#RotatingSpotImages .SpotImage
{
  width:305px;
  height:331px;
  overflow:hidden;
}
.RotatingSpotText
{
  position:relative;
  z-index:10;
  top:-124px;
  height:92px;
  padding:25px 0px 0px 31px;
  font-size:1.2727em;
  font-weight:bold;
  color:#fff;
  opacity: .9;
  filter: alpha(opacity=90);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  width:274px;
}
.RotatingSpotTextLink
{
  color:#ffffff;
  width:246px;
  display:block;
  height:30px;
}

#RotatingSpotStartStop
{
  padding-top:10PX;
  padding-left:80px;
  position:relative;
  z-index:50;
  top:-44px;
  left:40px;
}
#RotatingSpotStartStop #prev
{
  padding-right:10px;
  display:inline-block;
}
#RotatingSpotStartStop #next
{
  padding-left:10px;
  display:inline-block;
}

/********************************************************************************/
/*                                                                              */
/*     Focus                                                                    */
/*                                                                              */
/********************************************************************************/

/*.Focus { color:#808080;}*/
.Focus { color:#000000;}
.Focus .Content
{
  background: transparent url('/images/frontpage/focus_bg.png') no-repeat;
  overflow: hidden;
  padding:17px;
  position:relative;
  z-index:1;
  top:-1px;
  min-height:320px;
}
.FocusSpot
{
  padding-bottom:32px;
}
.Focus .FocusSpotImage
{
  overflow: hidden;
  height:85px;
  width:165px;
  float:left;
  width:167px;
}
.Focus .FocusSpotContent
{
  float:left;
  width:200px;
  padding-left:20px;
}
.Focus .FocusSpotContent .Title
{
  font-size:1.2727em;
  padding-bottom:10px;
}
.Focus .FocusSpotContent .Text
{
}
.Focus .FocusSpotContent .Link a
{
  /*color:#17819c;*/
  color:#515151;
  
}

/********************************************************************************/
/*                                                                              */
/*     News                                                                     */
/*                                                                              */
/********************************************************************************/
.News { }
.News .Content
{
  background: transparent url('/images/frontpage/news_bg.png') no-repeat;
  overflow: hidden;
  padding:17px;
  position:relative;
  z-index:1;
  top:-1px;
  min-height:320px;
  /*color:#808080;*/
  color:#000000;
}
.News .Content a
{
  /*color:#808080;*/
  color:#515151;
}
.News .Content .FeatureNews {}
.News .Content .FeatureNews span.Title
{
  display:block;
  font-size:1.3em;
}
.News .Content .FeatureNews span.Abstract
{
  padding-top:10px;
  display:block;
}
.News .Content .NewsList 
{
  padding-top:15px;
}
.News .Content .NewsList ul
{
  list-style-type:none;
  padding:0;
  margin:0;
}
.News .Content .NewsList li
{
  padding-bottom:3px;
}
.News .Content .NewsList li .Date
{
  width:52px;
  float:left;
}
.News .Content .NewsList li
{
    background: url("/images/Frontpage/arrow.gif") no-repeat scroll 0 0 #FFFFFF;
	padding-left: 10px;
    text-decoration: none;
}
.News .Content .NewsList li .Text
{
  margin-left:4px;
  width:190px;


}
.News .Content .NewsList span.NewsReadAllLink
{
  display:block;
  padding-top:10px;
}

/********************************************************************************/
/*                                                                              */
/*     Poster                                                                   */
/*                                                                              */
/********************************************************************************/
.Poster { }
.Poster .Content
{
  background: transparent url('/images/frontpage/poster_bg.png') no-repeat;
  overflow: hidden;
  padding:17px;
  position:relative;
  z-index:1;
  top:-1px;
  width:199px;
  min-height:320px;
}
.Poster .Content .InnerContent
{
  color:#000000;
  width:163px;
  overflow:hidden;
}

