﻿body,html
{
	height: 100%;
}

body
{
	color: #666;
}

body.mainDoc
{
	background-image: url('images/bg-image-repeater.png');
	background-repeat: repeat-y;
}

.container
{
	position: relative;
	_height: 100%;
	min-height: 100%;
}

a
{
	color: #000;
}

.headline
{
	padding: 2px 2px 2px 6px !important;
	background-image: url('images/bild-text-rubrik.png') !important;
	background-repeat: repeat-x !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
}

td, body, tr, table, tbody, input, textarea, select
{
	font-family: Trebuchet MS;
	font-size: 11px;
}

*
{
	margin: 0px;
	padding: 0px;
}

ul
{
	margin-left: 20px;
}

a
{
	outline: none;
}

.introduction
{
	font-size: 12px;
}

.top
{
	height: 144px;
	width: 100%;
	background-image: url('images/bakgrund-ovre.png');
	position: relative;
	z-index: 1000;
}

.top .klaras-bg
{
	position: absolute;
	left: 728px;
}

.top .navigation
{
	position: absolute;
	bottom: 15px;
	left: 188px;
	z-index: 10000;
}

.top .navigation a
{
	display: block;
	float: left;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 15px;
	text-transform: uppercase;
	z-index: 666666;
	position: relative;
	z-index: 100000;
}

.top .navigation a span
{
	float: left;
	padding-top: 3px;
	cursor: pointer;
	_cursor: hand;
}

.top .navigation a img
{
	float: left;
	display: none;
}

.top .navigation a.active
{
	padding: 0px;
	background-image: url('images/knapp-meny-repeater.png');
}

.top .navigation a.active img
{
	display: block;
}

.yourSiteLink
{
	position: absolute;
	left: 695px;
	top: 1px;
}

.yourSiteLink img
{
	display: block !important;
}

a, img
{
	border: 0px;
}

.content_column h3
{
	font-size: 11px;
	color: #000;
}

.left_column
{
	padding-left: 12px;
	width: 165px;
	float: left;
	padding-right: 18px;
	font-size: 10px;
	line-height: 13px;
}

.left_column h3
{
	font-size: 13px;
	line-height: 15px;
	color: #8a0a03;
	padding-top: 4px;
}

.left_column h3 a
{
	color: #8a0a03;
	text-decoration: none;
}

.full_page
{
	float: left;
	width: 782px;
}

.content_column
{
	float: left;
	width: 531px;
	padding-right: 12px;
}

.content_column h2
{
	font-size: 18px;
	color: #000;
}

.content_column p
{
	padding: 0px 20px 20px 0px;
	line-height: 18px;
}

.content_column_front h2 a
{
	color: #666;
	text-decoration: none;
	font-size: 16px;
}

.content_column_front h2
{
	padding: 0px;
}

.right_column
{
	float: left;
	width: 237px;
}

.image_left
{
	float: left;
	padding-right: 20px;
	margin-bottom: 10px;
}

.image_right
{
	float: right;
	padding-left: 20px;
	margin-bottom: 10px;
}

.image_full
{
	margin-bottom: 10px;
}
.image_caption
{
	font-style: italic;	
}

.side_header
{
	background-color: #E5E5E5;
	color: #666;
	font-weight: bold;
	padding: 3px;
	text-transform: uppercase;
	font-size: 11px;
}

.smallbox
{
	margin-bottom: 10px;
}

.smallbox_header
{
	background-image: url('images/new/box-top.png');
	background-repeat: no-repeat;
	line-height: 22px;
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.smallbox_content
{
	background-image: url('images/new/box-repeat.png');
	background-repeat: repeat-y;
	padding: 0px 10px;
}

.smallbox_footer
{
	background-image: url('images/new/box-bottom.png');
	background-repeat: no-repeat;
	height: 16px;
}

.bigbox_header
{
	background-image: url('images/new/bigbox-top.png');
	background-repeat: no-repeat;
	line-height: 22px;
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.bigbox_content
{
	background-image: url('images/new/bigbox-repeat.png');
	background-repeat: repeat-y;
	padding: 0px 10px;
}

.bigbox_footer
{
	background-image: url('images/new/bigbox-bottom.png');
	background-repeat: no-repeat;
	height: 23px;
}

.bigbox{padding-bottom: 10px;}

.box_link, .blog_link
{
	padding-top: 4px;
	font-size: 11px;
}

.box_link a, .blog_link a
{
	color: #8A0A03;
}

.generic_DateTime
{
	color:			#666;
	letter-spacing:	1px;
	font-size:		10px;
	text-transform:	uppercase;
}

.textbox
{
	border: inset 1px #000;
	font-weight: normal;
	padding: 0px 0px 0px 1px;
}

#flashfront
{
	width:	752px;
	height:	230px;
	background-image: url('images/new/bg-flamovie.png');
	
	padding: 12.5px 16px;
	z-index: 1;
}

#klaras-main
{
	z-index: 1;
}


/* Galleries */
/*.gallery_SearchBox
{
	padding: 25px 20px;
	background-color: #E5E5E5;
	color: #666;
	font-weight: bold;
	border: double 5px #fff;
}
*/

.gallery_SearchBlock
{
	height: 88px;
	width: 164px;
	background-image: url('images/bg-search-images.png');
}

.gallery_SearchBlock select
{
	width: 148px;
	border: inset 1px #000000;	
}

.common_SearchBlock .textbox
{
	width: 116px;
	background-image: url('images/img-input-search.png');
	background-repeat: no-repeat;
	border: 0px;
}

.common_SearchBlock select
{
	width: 148px;
	background-image: url('images/img-input-search.png');
	border: 0px;
}

.common_SearchBlockInner
{
	padding: 7px;
}

.common_SearchBox select
{
	border: inset 1px #000;
	font-weight: normal;
	width: 200px;
}

.common_SearchBox .textbox
{
	width: 200px;
}

.common_SearchBox option
{
	padding: 0px 0px 0px 3px;
}

.gallery_Images
{
	padding-top: 10px;
}

.gallery_Image
{
	padding: 0px 10px 10px 0px;
}

.gallery_ImageContainer
{
	padding: 18px 0px 0px;
	background-color: #f1f1f1;
	position: relative;
}

.gallery_ImageBox
{
	width: 537px;
	text-align: center;
	padding: 15px 34px;
	
	background-image: url('images/new/load-image.gif');
	background-position: center 20px;
	background-repeat: no-repeat;
	position: relative;
}

#vimmelbild
{
	position: relative;
	overflow: hidden;
}

.gallery_GalleryInfo
{
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.imageContainerEndRow td
{
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
}

#comments
{
	width: 288px;
	float: left;
}

#commentwriting
{
	width: 288px;
	float: right;
}

.CommentsRow
{
	background-color: #fff;
}

.gallery_Image_Last
{
	padding-bottom: 10px;
	padding-left: 3px;
}

.gallery_GalleryDate
{
	font-size: 50px;
	font-family: Georgia;
	font-weight: bold;
	color: #666;
	float: left;
	border-right: solid 1px #ccc;
	padding: 0px 10px 0px 0px;
}

.gallery_GalleryDetails
{
	padding-top: 7px;
	float: left;
	padding-left: 15px;
	color: #666;
}

.gallery_SearchResults
{
	padding-top: 7px;
	float: left;
	padding-left: 0px;
	color: #666;
}

.gallery_Name
{
	font-size: 24px;
}

.gallery_ShowImage_Nears img
{
	padding-bottom: 4px;
}

.gallery_Comment
{
	border-bottom: solid 1px #ccc;
	padding: 10px 0px;
}

.gallery_Galleries
{
	border-top: solid 1px #ccc;
	margin-top: 10px;
	padding: 10px 0px 0px 2px;
	width: 772px;
	margin-left: 2px;
}

.gallery_Gallery
{
	width: 180px;
	float: left;
	padding-right: 16px;
}

.gallery_Gallery_Last
{
	padding-right: 0px;
	width: 179px;
}

.gallery_Line
{
	clear: both;
	border-bottom: solid 1px #ccc;
	margin-bottom: 15px;
}

/* CalendarEventsBlock */
.FrontLatestEvents
{
	margin-top: 0px;
	height: 280px;
	position: relative;
	overflow: hidden;
	padding: 15px 0px;
}

#FrontLatestEvent1
{
	padding-left: 0px;
	border-left: 0px;
}

#FrontLatestEvent3
{
	padding-right: 0px;
}

.FrontLatestEvent
{
	width: 180px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	border-left: solid 1px #ccc;
}

.FrontLatestEvent_Image img
{
	padding: 0px;
	margin: 0px;
}

.FrontLatestEvent_TextualDay
{
	padding: 4px 0px;
text-align: center;
	color: #666;
	margin-top: -4px;
	text-transform: uppercase;
	font-weight: bold;
}

.FrontLatestEvent_Property
{
	padding-right: 15px;
}

.FrontLatestEvent_Value
{
	font-weight: bold;
	color: #666;
}

.FrontLatestEvent_InfoTable
{
	padding-left: 10px;
	padding-top: 20px;
}

.calendar_smallblock_event
{
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}

.calendar_MonthSelector 
{
	padding-bottom: 15px;
}

.calendar_MonthSelector a
{
	text-decoration: none;
	float: left;
	display: block;
	padding-right: 20px;
}

.calendar_MonthSelectorSelectedMonthDiv
{
	float: left;
	padding-right: 20px;
}

.calendar_MonthSelectorSelectedMonthDiv img
{
	float: left;
}

.calendar_MonthSelector a.calendar_MonthSelectorSelected
{
	padding-right: 0px;
	background-color: #979797;
	color: #fff;
	line-height: 17px;
}

.calendar_smallblock_event a
{
	text-decoration: none;
}

.calendar_smallblock_event strong
{
	font-size: 11px;
}

.calendar_smallblock_event_last
{
	border-bottom: 0px;
}

/* calendar month */
.calendar_Month
{
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
}

.calendar_Event
{
	float: left;
	width: 182px;
	padding-right: 12px;
	padding-bottom: 10px;
}

.calendar_Event span
{
	display: block;
	height: 45px;
}

.calendar_Event_Last
{
	width: 182px;
}

.calendar_Event_Line
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.calendar_Event_img
{
	width: 179px;
	height: 252px;
}

/* drinks */
#divDrinkList
{
	padding: 0px 0px 0px 15px;
}

#divDrinkList a
{
	color: #fff;
	text-decoration: none;
}

.DrinkMenyDrink
{
	padding-left: 10px;
}

.DrinkMenyDrink a
{
	color: #eee !important;
}

.DrinkMenyCategory
{
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	text-transform:uppercase;
}

.divDrinkListHeader
{
	border-bottom: solid 1px #7e7e7e;
	margin: 0px 5px;
	color: #fff;
	padding-left: 2px;
	font-size: 11px;
	text-transform: uppercase;
}

.divDrinkPicture
{
	width: 180px;
	float: left;
	text-align: center;
}

.divDrinkText
{
	float: left;
	width: 300px;
}

.drinkLine
{
	padding: 20px 0px;
}

.labelDrinkName
{
	font-weight: bold;
	font-size: 20px;
}

.ulDrinkIngredientList
{
	list-style-type: none;
	padding-bottom: 10px;
	margin-left: 0px;
}

#divDataPager
{
	color: #ccc;
}

#divDataPager a
{
	color: #666;
	text-decoration: none;
}

.common_SearchBox
{
	position: relative;
	width: 755px;
	height: 60px;
	background-image: url('images/bakgrund-sok.png');
	background-color: #fff;
	background-repeat: no-repeat;
	padding: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	float: left;
}
/*
.commonSearchInput
{
	width: 200px;
	border: inset 1px #000;
	padding: 1px 1px 1px 3px;
}
*/
.footer
{
	position: absolute; bottom: 0px; _bottom: -1px;
	left: 202px;
	width: 773px;
	background-image: url('images/footer-bg.png');
	background-position: 0px 20px;
	background-repeat: no-repeat;
	padding-top: 35px;
	background-color: #fff;
	padding-bottom: 20px;
}

.footer_text
{
	text-align:center;
	color: #adadad;
}

.NewsFrontPost
{
	padding: 10px 0px;
	border-bottom: solid 1px #ccc;
}

.gallery_LatestGalleryBlock_Gallery
{
	padding-bottom: 2px;
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
	color: #000;
}

.gallery_LatestGalleryBlock_Gallery strong.header
{
	font-size:	19px;
	color:		#A6A6A6;
}

.calendar_Events h1
{
	font-size: 15px;
	color: #000;
	padding-top: 0px;
}

.calendar_Events .calendar_DayDate
{
	text-transform: uppercase;
}

/* News */

.news_right_header
{
	border-bottom: solid 1px #7e7e7e;
	margin-bottom: 10px;
}

.news_right ul
{
	list-style-image: url('images/dot.png');
}

.news_right a
{
	color: #fff;
	text-decoration: none;
}

.news_Article
{
	padding-bottom: 5px;
	color: #000;
}

.news_Article h2
{
	padding: 10px 0px;
	color: #000;
	font-size: 18px;
	line-height: 18px;
}

.news_right ul
{
	list-style-image: url('images/dot.png');
}

.news_right a
{
	color: #fff;
	text-decoration: none;
}

.news_ArticleContent
{
	line-height: 18px;
	padding-right: 20px;
}

/* blog */

.blogpostlabel
{
	background-image: url('images/new/bg-bloglabel.png');
	width: 784px;
	height: 164px;
}

.blogpostlabel strong
{
	font-size: 21px;
}

.blogpostlabel p
{
	line-height: 17px;
}

.blogpostcontent h2
{
	font-size: 26px;
	font-family: Georgia;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
	padding-top: 10px;
	line-height: 28px;
}

.blogpostcontent
{
	font-family: Georgia;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}

.blogpostdatetime
{
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-family: Trebuchet MS;
	color: #666;
}

.blogpostpublish
{
	padding-top: 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Trebuchet MS;
	color: #666;
}

.blogpostpublish a
{
	color: #666;
}

.bloglist
{
	margin-top: 33px;
	padding-top: 20px;
	border-top: 1px #e5e5e5 solid;
}

.blog_header
{
	font-family: Georgia;
}

.bloginfo
{
	width: 370px;
	float: left;
	height: 161px;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 19px;
}

.bloginfotext
{
	float: right;
	width: 247px;
	font-size: 12px;
	line-height: 15px;
}

.bloginfotext a
{
	color:#666666;
}

.blogtopbox
{
	width: 209px;
	height: 97px;
	line-height: 15px;
	float: left;
	padding-right: 36px;
}

.blogtopbox strong
{
	font-size: 13px;
	display: block;
}

.blogtopboxheader
{
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-bottom: 9px;
	color: #000;
}

.blogtopbox a
{
	font-weight: bold;
	display: block;
}

.bloginfotext h3
{
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 17px;
}

.bloginfoimage
{
	float: left;
	width: 108px;
	height: 145px;
	overflow: hidden;
}

.blogprofile_header
{
	background-image: url('images/new/bg-bloginfo-top.png');
	width: 249px;
	line-height: 29px;
	font-size: 16px;
	padding-left: 12px;
	font-weight: bold;
}

.blogprofile_content
{
	background-image: url('images/new/bg-bloginfo-repeater.png');
	padding: 14px 16px;
}

.blogprofile_footer
{
	background-image: url('images/new/bg-bloginfo-bottom.png');
	height: 29px;
}

.blogg_right_header
{
	border-bottom: solid 1px #7e7e7e;
	margin-bottom: 10px;
}

.blog_Post
{
	padding-bottom: 40px;
}

.blog_right ul
{
	list-style-image: url('images/dot.png');
}

.blog_right a
{
	color: #fff;
	text-decoration: none;
}

.blog_PostContent
{
	line-height: 18px;
	padding-right: 20px;
}


/* User block */

.UserBlock_Container
{
	position: absolute;
	left: 712px;
	top: 31px;
	width: 265px;
	font-size: 10px;
	line-height: 13px;
}

.UserBlock_Top
{
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	
	background-image: url('images/userblock_top.gif');
}

.UserBlock_Bottom
{
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	
	background-image: url('images/userblock_bottom.gif');
}

.UserBlock_Content
{
	background-color: #ebebeb;
	padding: 0px 5px;
}

.UserBlock_Content a
{
	font-size: 10px;
}

.userblock .textbox
{
	border: 1px inset #000;
	padding: 0px;
	width: 132px;
}

/* submeny */

.submenu_headline
{
	padding: 3px 2px 4px 6px !important;
	background-image: url('images/bild-text-rubrik.png') !important;
	background-repeat: repeat-x !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

.submenuItem
{
	padding: 3px 3px 3px 6px;
	color: #000;
	height: 15px;
	text-decoration: none;
	font-size: 11px;
	display: block;
	margin-bottom: 3px;
	background-image: url('images/knapp-subnav.png');
}

.submenu .submenuItem:last-child
{
	margin-bottom: 25px;
}

#searchResult
{
	height: 320px;
}

#searchResult div.tagmember
{
	display: block;
	border-bottom: dotted 1px #cacaca;
}

#searchResult .tagmembername
{
	padding: 6px 0px 6px 5px;
	float: left;
	width: 135px;
	
	cursor: pointer;
	_cursor: hand;
}

#searchResult .tagmembertagbtn
{
	float: right;
	display: none;
	padding-right: 10px;
	padding-top: 6px;
}

#searchResult div.selected
{
	background-color: #efefef;
}

.searchResultWithImages a
{
	padding: 2px 0px 25px 33px !important;
	background-position: 0px 2px;
	display: block;
}

input.tagSearch
{
	background-image: url('images/bg-tag-search.png');
	border: 0px;
	width: 170px;
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 2px;
	letter-spacing: 0.7px;
}


.membername
{
	text-transform: capitalize;
}

#onlineListContainer
{
	position: absolute;
	top: 0px;
	left: 560px;
	height: 24px;
	width: 232px !important;
	z-index: 65536;
	overflow: hidden;
	
	background-image: url('images/gfx/onlinelist-bg.gif');
	background-position: 0px 24px;
	background-repeat: no-repeat;
}

#onlineList
{
	width: 231px !important;
	left: 0px;
	top: 40px;
	position: absolute;
	height: 400px;
	padding-top: 6px;
	overflow: hidden;
}

#onlineListGoDown
{
	background-image:	url('images/gfx/btn-arrowdown.gif');
	background-position: no-repeat;
	width:				207px;
	left:				20px;
	position:			absolute;
	top:				451px;
	left:				13px;
	cursor:				pointer;
	_cursor:			hand;
	line-height:		3px;
	font-size:			3px;
	height:				6px;
}

#onlineListGoUp
{
	background-image:	url('images/gfx/btn-arrowup.gif');
	background-position: no-repeat;
	width:				207px;
	left:				20px;
	position:			absolute;
	top:				31px;
	left:				13px;
	cursor:				pointer;
	_cursor:			hand;
	line-height:		3px;
	font-size:			3px;
	height:				6px;
}

#onlineListInner
{
	height: 428px;
	overflow: hidden;
}

#onlineListButton
{
	background-image: url('images/gfx/btn-online-up.png');
	width: 74px !important;
	height: 24px;
	position: absolute;
	left: 157px;
	top: 0px;
	cursor: pointer;
	_cursor: hand;
}

.onlineListButtonActive
{
	background-image: url('images/gfx/btn-online-down.png') !important;
}

.onlineUserText
{
	float: left;
	width: 171px;
	color: #bababa;
}

.onlineUserName
{
	color: #ffffff;
}

.onlineUserImage
{
	float: left;
	width: 36px !important;
	height: 37px;
	overflow: hidden;
}

.onlineUserText a
{
	font-size: 11px !important;
	color: #bababa !important;
	display: inline !important;
	padding: 0px !important;
	text-transform: none !important;
	float: none !important;
}

.onlineUser
{
	padding: 6px 11px 5px;
	border-bottom: 1px solid #535353;
	height: 38px;
}

.firstOnlineUser
{
	margin-top: -1px;
	border-top: 1px solid #535353;
}

#topad
{
	position: absolute;
	top: 29px;
	left: 512px;
}
