#Page
{
	width: 960px;
	margin: 0px auto;
	text-align: left;
}

#HeaderArea
{
	margin: 32px 12px 0px 12px;
	background-color: White;	
}

#StageArea
{
	margin: 29px 12px 24px 12px;
	background-color: #FFFFFF;
}

img#ksss_logotext
{
	margin-top: 23px;
}

img#ksss_logoimage
{
	margin-top: 8px;
}

.printonly
{
	display: none;
}

#FullContentArea
{
	overflow: hidden;
	min-height: 500px;
}

#LeftMenuArea, #MainContentArea, .MainContentArea, #MainContentSideArea, .MainContentSideArea,
#ExtendedContentArea, .ExtendedContentArea, #WideContentArea, #RightContentArea, 
#PuffArea1, #PuffArea2, #PuffArea3
{
	float: left;
}

.mainPuff{
    float:left;
    margin-bottom: 11px;
    width: 176px;
}

#LeftMenuArea, #PuffArea1, #PuffArea2
{
	width: 176px;
}

#PuffArea2, #PuffArea3, #PuffArea5, #PuffArea6, #PuffArea8, #PuffArea9
{
	margin-left: 11px;	
}

#MainContentArea, .MainContentArea
{
	width: 360px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: solid 1px #d5d3cd;
	border-right: solid 1px white;
}

#MainContentArea.StartPage
{
	width: 552px;
	padding-left: 0px;
	border-left-width: 0px;	
}

#MainContentSideArea, .MainContentSideArea
{
	width: 168px;	
	padding-left: 11px;
	padding-right: 11px;
	border-left: solid 1px #d5d3cd;
	border-right: solid 1px white;
}

#ExtendedContentArea, .ExtendedContentArea
{
	width: 552px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: solid 1px #d5d3cd;
	border-right: solid 1px white;
	overflow: hidden;
}

#WideContentArea
{		
	width: 744px;
	padding-left: 11px;
	border-left: solid 1px #d5d3cd;
	overflow: hidden;
}

#RightContentArea
{
	width: 168px;
	padding-left: 11px;
	border-left: solid 1px #d5d3cd;
}

#RightContentMainSponsorBox img{
    margin-bottom:15px;
}

/* Top menu */

#TopMenu
{
	margin-bottom: 12px;
	border-bottom:3px solid #002254;
	position:relative; /* Needed for IE6 pickaboo-bug */
	font-family:Arial;
	height:1%;
}

#TopMenu .item
{
	cursor: hand;
	/*background-image: url(/Templates/KSSS/Images/framework/topmenuitem.png);*/
	background-color:White;
	color:#002254;
	padding:10px 10px 10px 10px;
	font-size:14px;
}

#TopMenu .selecteditem
{
	cursor: hand;
	/*background-image: url(/Templates/KSSS/Images/framework/topmenuitem_selected.png);*/
	background-color:#002254;
	color:White;
	padding:10px 10px 10px 10px;
	font-size:14px;
}

#TopMenu .text
{
	overflow: hidden;
}

#TopMenu .separator
{
	width: 2px;
	height: 24px;	
}

#TopMenu .item a, #TopMenu .selecteditem a:hover
{
	text-decoration: none;
}

#TopMenu .item a
{
	color:#002254;
}

#TopMenu .selecteditem a
{
	color: White;	
}

.lang a{
    color:#002254;
    font-family:Georgia;
    font-size:11px;
}

/* Left menu */

#LeftMenu
{
}

#LeftMenu li
{
    border-bottom:1px solid #aaaaaa;
}

#LeftMenu ul, #MainContentSideArea ul, #MinimalList ul
{
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}

#MainContentSideArea li, #MinimalList li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#MinimalList li .link
{
	padding-left: 5px;
	padding-right: 5px;
}

#LeftMenu li .link
{
    padding: 5px 12px 5px 10px;
}

#LeftMenu li .arrowleft 
{
	margin-top:3px;
	height:5px;
}
#LeftMenu li .arrowdown
{
    margin-top:5px;
}

#LeftMenu .topselected
{
	color: #8da7b7;
	font-size: 12px;
	font-weight: bold;	
}

#LeftMenu .selected
{
	background-color: #d6d8d6;	
}

#LeftMenu li.selected a
{
	color: 	#8da7b7;
	font-weight: bold;
}

.monthListing li a{
    text-transform:capitalize;
    font-family:Arial;
    color:#4b4b4b;
}

.monthListing .thisMonth{
    font-weight:bold;
}

#LeftMenu li.selected ul li a
{
	color: 	#000000;
	font-weight: normal;
}

#LeftMenu ul ul ul li.selected a
{
	color: 	#8da7b7;
	font-weight: normal;
}

#LeftMenu ul ul ul
{
	background-color: #e0e2df;	
}

#LeftMenu li .whiteline
{
	border-top:1px solid #ffffff;
}

#LeftMenu li .separator
{
	width: 100%;
	clear: both;
	font-size:0px;
}

 #MainContentSideArea li .separator_top, #MinimalList li .separator_top
{
	width: 100%;
	height: 1px;
	background-color: #aaaaaa;
	margin-top: 5px;
	font-size: 1px;
}

#MainContentSideArea li .separator_bottom, #MinimalList li .separator_bottom
{
	width: 100%;
	height: 1px;
	background-color: #ffffff;
	font-size: 1px;
	clear: left;
}

/* Right content */

#RightContent #styleTxtBox{
	    background-image: url(/Templates/KSSS/Images/searchfield_bg.gif);
    background-repeat:no-repeat;
    float:left;
    width:134px;
    height:24px;
    


}

#RightContent .searchTextField{
    background-color:#F0F4F4;
    border:medium none;
    font-size:smaller;
    height:12px;
    margin:5px 0 0 9px;
    width:120px;
}

#RightContent .searchbox{
	width: 168px;
	height: 24px;
}

#RightContent .searchButton{
    background-image: url(/Templates/KSSS/Images/search_btn_mOut.gif);
    background-repeat:no-repeat;
    width:34px;
    float:left;
    height:24px;
    border:0;
}
#RightContent .searchButton:hover{
    background-image: url(/Templates/KSSS/Images/search_btn_mOver.gif);
}




/* StartPage */

.startPagePuffItem{
    width:176px;
    height:119px;
    font-size:0;
    margin:0;
    padding:0;
    background:no-repeat;
}


#StartPageCalendarArea{
    background-color:White;
    padding:4px;
    margin-bottom:4px;
}

#StartPageCalendarArea .smallCalendarItem {
    margin:2px 0 2px 0;
}

#StartPageCalendarArea .smallCalendarItem .smallCalendarEvent a{
    font-family:Arial;
    font-weight:bold;
    color:#666666;
    font-size:12px;
}
#StartPageCalendarArea .smallCalendarItem .smallCalendarDate a{
    font-family:Arial;
    color:#929292;
    font-size:11px;
}


#StartPageCalendarArea .readmorelink
{
	padding-top: 5px;
	padding-left: 3px;
	color: #a59b7f;
}

#RightContentCalendarBox .readmorelink a
{
	font-weight: bold;
	color: #a59b7f;
}

#StartPageImageArea
{
	overflow: hidden;
	clear: left;
	height: 336px;
	margin-bottom: 12px;
}


#StartPagePuffArea
{
	overflow: hidden;
}

#StartPagePuffArea .separator .left, #StartPagePuffArea .separator .right
{
	margin-bottom: -1000px;
	padding-bottom: 1000px;	
}


#StartPagePuffArea .separator .left
{
	float: left;
	width: 11px;
	border-right: solid 1px #d5d3cd;
}

#StartPagePuffArea .separator .right
{
	float: left;
	width: 11px;
	height: 100%;
	border-left: solid 1px #ffffff;
}

#bottomModuleContent{
    margin: 31px 0 0 0;
}


/* Regular box */
.boxheader
{
	clear: left;
	background-image: url(/Templates/KSSS/Images/framework/box_top.png);
	width: 168px;
	height: 24px;
}

.boxheader .text
{
	padding-top: 6px;
	padding-left: 10px;
}

.boxheader .text, .boxheader .text a
{
	color: #666666;	
}

.boxcontent
{
	min-height: 50px;
	width: 148px;
	clear: left;
	padding: 10px;
	background-color: #f6f7f6;
}



/* Puff box */
.puffboxtop
{
	clear: left;
	background-image: url(/Templates/KSSS/Images/framework/box_puff_top.png);
	width: 168px;
	height: 12px;
	font-size: 1px; /* For IE6 */
}

.puffboxcontent
{
	background-color: #f6f7f6;
	overflow: hidden;
	position:relative;
	cursor:pointer;
}

.puffboxcontent .startPagePuffItem  span, .puffboxcontent .startPagePuffItem  a
{
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	color:White;
}

.puffboxcontent .startPagePuffItem .dontshowlink{
    visibility:hidden;
    
}

.puffboxcontent .startPagePuffItem .readmorelink{

}

.puffboxcontent .startPagePuffItem .startPagePuffItemLink
{
    position:absolute;
    bottom:0;
	width:164px;
	padding: 5px 6px 5px 6px;
}

.puffboxcontent .startPagePuffItem .startPagePuffItemBackground
{
    position:absolute;
	width:164px;
	background-color:#002254;
	color:#002254;
	bottom:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding: 5px 6px 5px 6px;
}


.puffboxbottom
{
	background-image: url(/Templates/KSSS/Images/framework/box_puff_bottom.png);
	width: 176px;
	height: 10px;
	font-size: 1px; /* For IE6 */
}

/* Calendar page */

.CalendarWhiteContentArea
{
	background-color: #ffffff;
	padding: 12px;	
}

.calendarTop{
    background-image: url(/Templates/KSSS/Images/calendar_bg_top.gif);
    background-repeat:no-repeat;
    width:550px;
    height:5px;
    font-size:0;
    margin-top:10px
}

.calendarMid{
    background-image: url(/Templates/KSSS/Images/calendar_bg_mid.gif);
    background-repeat:repeat-y;
    background-color:White;
    width:526px;
    padding: 5px 12px 5px 12px;
    font-size:14px;
}

.calendarBottom{
    background-image: url(/Templates/KSSS/Images/calendar_bg_bottom.gif);
    background-repeat:no-repeat;
    background-color:White;
    width:550px;
    height:5px;
    font-size:0;
}

div.monday, div.wednesday, div.friday, div.sunday
{
	background-color: #fafafa;
}

div.thisweekheader{
    background-color: #fafafa;
}

div.tuesday, div.thursday, div.saturday{
	background-color: White;
}

div.currentDay{
	background-color: #ffeab0;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}

.dateseparator
{
	width: 100%;
	/*background-color:#a9a9a9;*/
	border-bottom:1px solid #a9a9a9;
	height:0;
	font-size: 1px;		/* for IE6 */
}

.calendardate
{
	width: 60px;	
    font-family:Arial;    
    font-size:14;
    color:#4B4B4B;
}

.weekheader, .thisweekheader
{
	padding-left: 2px;  
	padding-top: 4px;
	padding-bottom: 4px;	
}

.calendardate, .calendarevent
{
	padding-left: 2px;  
	margin-top: 9px;
	margin-bottom: 9px;	
}

.weekheader, .weekheader a
{
	font-weight: bold;
	color: #a59b7f;
}
.calendarWeekLabel{
    float:left;
    font-family:Arial;
    font-weight:bold;
    font-size:14;
    color:#4B4B4B;
    margin-top:15px;
}

.calendarWeekSpan{
    float:right;
    font-family:Arial;
    font-weight:bold;
    font-size:14;
    color:#666666;
    margin-top:15px;
}

.thisweekheader .calendarWeekLabel, .thisweekheader .calendarWeekSpan{
    margin-top:0 !important;
}

.thisweekheader, .thisweekheader a, .weekheader a:hover
{
	font-weight: bold;
	color: #8da7b7;
}

.pagersection
{
	padding-top: 7px;	
}

.pagerlink
{
	color: #a59b7f;	
}


#MainContentSideArea li.headline
{
	padding-top: 0px;
	font-weight: bold;
}

#MainContentSideArea li, #MainContentSideArea a, #MinimalList li, #MinimalList a
{
	color: #666666;
}

#MainContentSideArea li div.text, #MinimalList li div.text
{
	padding-left: 12px;
	padding-right: 12px;
}

#MainContentSideArea li div.thisnewsitem, #MainContentSideArea li div.thisnewsitem a
{
	color: #8da7b7;
	font-weight: bold;	
}

.imagePanel
{
	padding-bottom: 12px;
}


/* News */

.NewsMainBody p
{
	margin-top: 0px;
}


/* Search page */

.SearchArea
{
     background-image: url(/Templates/KSSS/Images/framework/search-field.gif);
	 width: 168px;
	 height: 24px;
}

.SearchArea .Textbox 
{
     padding-left:10px;
     padding-top:4px;
}
        
.SearchArea .TextBox input
{
     height: 12px;
	 width: 60px;
	 border: solid 1px #d6d8d6;
}




/* Gotland runt start page */
.LeftMenuGRLogoImage
{
	padding: 10px 0px 10px 10px;
}

#GRStartPageText
{
	padding-top: 12px;
}

.GRStartPage_FullArea
{
	float: left;
	width: 100%;	
}

.GRStartPage_PartArea
{
	float: left;
	width: 66%;	
}


/* List page */

#ListPageArea, #SponsorArea
{
	background-color: White;
	min-height: 500px;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 26px;
	padding-top: 12px;
}

#ListPageArea .listitem
{
	width: 100%;
	height: 80px;
	overflow: hidden;
	border-bottom:solid 1px #000;
	padding-bottom:8px;
	padding-top:10px;
}

#ListPageArea .listitem h2
{
	margin-bottom: 6px;	
}

#ListPageArea .listitem .wholewidth
{
	float: left;
	width: 100%;	
}

#ListPageArea .listitem .partwidth
{
	float: left;
	width: 70%;
}


table.gridview
{
	width: 100%;
	border-top: solid 1px #e0e2df;
	border-left: solid 1px #e0e2df;
}

table.gridview td
{
	border-right: solid 1px #e0e2df;
	border-bottom: solid 1px #e0e2df;
}

/* Gastbank */

#GastbankArea table td.label
{
	vertical-align: top;
	width: 25%;
	word-wrap: break-word;
}

#GastbankArea table td.item
{
	vertical-align: top;
	width: 75%;
}

#GastbankArea table td.item input.textbox, #GastbankArea table td.item textarea
{
	width: 200px;		
}

#GastbankArea table td.item textarea
{
	height: 100px;	
}

/* XForms page */

#MainContentArea #id_matrix input.value, #MainContentArea #id_matrix textarea.textbox
{
	border: solid 1px #d6d8d6;
	font-family: Arial;
	width: 200px;
}

#MainContentArea #id_matrix select
{
	border: solid 1px #d6d8d6;
	font-family: Arial;
}

input.button
{
	background-color: #d6d8d6;
	font-family: Arial;
	border: solid 1px #d6d8d6;
}

.PagePictureTopAligned
{
	padding-bottom: 12px;
}

/* Footer */

#footer{
    background-image: url(/Templates/KSSS/Images/gray_border.gif);
    background-repeat: repeat-x;
    background-position:0 15px;
    border-bottom:1px solid #C6C6C6;
    height:92px;
    margin-top:41px;
    width: 932px;
}

.footerTitle{
    color:#C6C6C6;
    display:block;
    text-transform:uppercase;
}

.footerContainer{
    text-align:left;
    float:left;
    height:90px;
    overflow: hidden;
}

.footerContainer li{
    list-style-type:none;
    float:left;
}

.footerSeparator{
    border-right:1px solid #C6C6C6;
    float:left; 
    height: 78px; 
    width:1px;
    margin-top:15px;
}

.footerImageContainerLeft{

}
.footerImageContainerRight{

    padding-left:50px;
}

.footerImage{
    margin-right:30px;
}
.footerContactInfo{
    color:#555555;
    font: Times New Roman;
}
.footerContactInfo a{
    color:#555555;
    font: Times New Roman;
}

.footerContainer .partnerImage{
    margin: 30px 30px 0 0;
    float:left;
    
    
}


/* Footer end */