/* CSS Document */

#idEntire
{
width:799px;
margin:auto;
background-color:#fff;
}

#idLogo
{margin-top:10px;}

#idTopMenu
{
width:670px;
float:left;
margin:auto;
}

#idUnderMenu
{
width:400px;
margin:auto;
}

.cls_horizontal
{
float:left;
margin-left:20px;
}

#idPageHead
{
width:780px;

margin:auto;
margin-bottom:10px;
}

#idFlags
{
margin-bottom:3px;
margin-top:2px;
margin-right:3px;
height:20px;

text-align:right;
}

#headSearch {
	width:650px;
	margin-top:5px;
}
#headSearchButton {
background: #fff url(../images/loggainbg.jpg) no-repeat;
border:0;
height:22px;
min-height:21px;
width:56px;
}
#headSearch .clsInput {
	width:500px;
}

html > body #headSearch .clsInput { 
position:relative;
top:-3px;
}

#idFlags img
{
margin-left:15px;
}

#idDate {

}

#idMainMenu
{
width:180px;
margin-top:10px;
margin-left:10px;
margin-bottom:20px;
}

#idTextArea
{
width:420px;
margin-top:5px;
margin-left:3px;
margin-bottom:30px;
}

#idTextAreaWide
{
width:580px;
margin-top:10px;
margin-left:3px;
margin-bottom:30px;
}


#idRightColumn
{
text-align:left;
width:160px;
margin-top:9px;
margin-right:10px;
}

#idBottom
{
margin-top:40px;
height:70px;
background-image:url(../images/bg_bottom.jpg);
background-repeat:no-repeat;
text-align:center;
font-size:0.9em;
}


/*
==========================================================
STYLING FÖR E-POSTINLOGGNING
==========================================================*/

#idMailBox {
margin-top:20px;
}

.clsMailBox {
width:150px;
padding: 5px 10px 5px 10px;
background-color:#f2f2f2;
}

.clsInput{
margin-bottom:2px;
margin-right:2px;
height:18px;
font-size:1em;
color:#999999;
}

.clsSubmit {
background-image: url(../images/loggainbg.jpg);
background-repeat:no-repeat;
border:0;
height:20px;
width:55px;
}

/*
==========================================================
STYLING FÖR WIDESCREEN-BANNER
==========================================================*/

.clsWideScreen
{

}

.clsWideScreen .clsBannerImg
{
text-align:center;
}


/*
==========================================================
STYLING FÖR TEXTPUFFAR
==========================================================*/

.clsStartPuff
{
line-height:1.5em;
float:left;
width:195px;
margin-top:-5px;
}
.startPuffDivider {
float:left;
width:28px;
min-width:30px;
}
.clsCompanyPuff
{
line-height:1.5em;
margin-right:20px;
width:314px;
}

.clsInfoPuff
{
line-height:1.5em;
margin-right:20px;
width:314px;
}


.clsThumbnail
{
width:100px;
float:left;
margin-right:15px;
}


.clsAnnonsThumbnail
{
width:150px;
float:left;
margin-right:15px;
}

.clsImageBox
{
border: solid 1px #e5e5e5; 
text-align:center;
}

.clsMorePuff
{
line-height:1.5em;
float:left;
width:295px;
}

.clsAnnonsPuff
{
line-height:1.5em;
float:left;
width:245px;
}


.clsSearchresult
{
line-height:1.5em;
float:left;
width:295px;
}

.clsFilbox {
	width: 150px;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
	.clsFilbox td.text
	{
	padding-left:10px;
	}

.clsAdvancedSearchBox
{
width:390px;
border:1px solid #E3E2DE;
margin-bottom:1em;
padding:10px;

}

.clsTextBox
{
border:1px dotted #9A9886;
padding:0 10px 7px 10px;
margin-bottom:1em;
}


/*
==========================================================
HÖGERSPALT
==========================================================*/

	/*****************
	BOOKING.COM
	****************/
	
	#idBookingOnline
	{
	background-color:#f6c63a;
	/*border:8px solid #00b2d1;*/
	padding:5px 8px 1px 8px;
	}
	
	#idBookingOnline h1
	{
	font-size:1.7em;
	color:#18488e;
	}
	
	#idBookingOnline p {
		margin-bottom:0px;
		color:#18488e;
	}
	
	#idBookingOnline form fieldset
	{border:none;}
	
	#idBookingOnline form input
	{color:#18488e;}
	
#idBookingOnline form .clsBookingSubmit
	{color:#fff;
	font-weight:bold;
	font-size:1em;}

	.clsBookingSubmit {
	background-image: url(../images/bookingsearchbg.gif);
	background-repeat:no-repeat;
	border:0;
	background-color:#f6c63a;
	
	height:30px;
	width:58px;
	}

.clsRightPuffImage
{/*
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;*/
margin-top:5px;
margin-bottom:5px;
}

#idRightPuffColumn
{
background-color:#e9e9e9;
padding:5px 8px 1px 8px;
}
#idRightPuffColumn a {
	line-height:120%;	
	font-size:11px;
}
#idRightPuffColumn p {
	margin-bottom:0px;	
}

#idRightColumnTop {
background:#e9e9e9 url(../images/rightpuff_top.gif) no-repeat;
height:5px;
font-size:0;
}
#idRightColumnBottom {
background:#e9e9e9 url(../images/rightpuff_bottom.gif) no-repeat;
height:3px;
font-size:0;
}



#idRightAds
{
margin-top:30px;
margin-left:5px;
background-color:#CCCC00;
}



/*KALENDERN*/

#idCalender .clsCalenderImg
{
margin-bottom:0;
margin-top:10px;
}


#idEventBlob
{
position:absolute;
z-index:100;
height:60px;
margin-top:-30px;
margin-left:320px;
}

/*
==========================================================
LIGHTBOX
==========================================================*/
div#lightboxGallery img {
 width:100px;
 height:40px;
}
div	#lightboxGallery {
display:none;
}


/*=========================
BILDSPEL I TOPP STARTSIDA
========================*/

.clsEventAdInfo
{position:absolute;z-index:1000;
text-align:left;
font-size:1em;
margin-top:-180px;
width:250px;
margin-left:500px;
font-family: Helvetica,Arial, sans-serif;

color:#fff;}

.clsEventAdInfo h2
{font-weight:normal;
font-size:2em;
font-family: Helvetica,Arial, sans-serif;
color:#fff;}

/*
==============
Kalender på startsidan
=============
*/
.clsStartKalender
{
width:170px;background-color:#F2F2F2;
}

.clsStartKalender table.calendarMonth
{
width:150px;
margin-left:-5px;
font-weight:bold;
margin-top:5px;
}

.clsStartKalender table.calendarMonth tbody tr td a.nav
{
color:#7F420C;
font-size:2em;
}

.clsStartKalender table.calendarDate
{
width:150px;
background-color:#fff;
font-weight:bold;
margin-left:-5px;
margin-top:5px;
}

td.calendar
{text-align:center;}


td.calendarToday
{text-align:center;}

td.calendarToday a
{background-color:#7F420C;
display:block;
color:#fff;}


td.calendar a
{
background-color:#7F420C;
display:block;
color:#fff;
}