@charset "UTF-8";
/* CSS Document */

/**
	Main structur
*/
#wrapper{}
#header{}
#header .inside{}
#container{}
/* Main col */
#introtext-2
{
	float:left;
	width: 890px;
	height: 2200px;
	margin: 7px 20px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_4.png);
	background-color:dbdbdb; 
	
}

#introtext-2 h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;

}

#introtext-2 h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}

#introtext-2 h3 {
	margin:5px 5px 5px 5px;
	padding:0px;
	font-weight: bold;
	font-size:15px;
	line-height: 1.3em;
	color:#1d5497;

}

#introtext-2 h4 {
	margin:5px 5px 0px 5px;
	padding:0px;
	font-weight:900;
	font-size:15px;
	line-height: 1.3em;
	color:#1d5497;

}

#introtext-2 .ce_text p{
	margin: 10px 0px 0px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;


}

#introtext-5
{
	float:left;
	width: 890px;
	height: 1100px;
	margin: 7px 20px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_5.png);
	background-color:dbdbdb; 
	
}

#introtext-5 h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;

}

#introtext-5 h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}


#introtext-5 .ce_text p{
	margin: 10px 0px 0px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;


}

#introtext-6
{
	float:left;
	width: 890px;
	height: 150px;
	margin: 7px 20px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_5.png);
	background-color:dbdbdb; 
	
}

#introtext-6 h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;

}

#introtext-6 h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}


#introtext-6 .ce_text p{
	margin: 10px 0px 10px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;

}

#introtext-10
{
	float:left;
	width: 890px;
	height: 3000px;
	margin: 7px 20px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_10.png);
	background-color:dbdbdb; 
	
}

#introtext-10 h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;

}

#introtext-10 h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}

#introtext-10 h3 {
	margin:5px 5px 5px 5px;
	padding:0px;
	font-weight: bold;
	font-size:15px;
	line-height: 1.3em;
	color:#1d5497;

}

#introtext-10 h4 {
	margin:5px 5px 0px 5px;
	padding:0px;
	font-weight:900;
	font-size:15px;
	line-height: 1.3em;
	color:#1d5497;

}

#introtext-10 .ce_text p{
	margin: 10px 0px 0px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;



}

#karta {
	float:left;
	width: 860px;
	height: 700px;
	margin: 0px 20px 0px 3px;
	padding: 0px 0px 0px 30px;
	background: url(../tl_files/Introruta_6.png);
	background-color:dbdbdb; 
	
}



#sidfot {
	float: left;
	width: 894px;
	height: 50px;
	margin: 20px 0px 0px 2px;
	padding: 0px;
	background: url(../tl_files/ruta_sidfot.png);
	background-color:#dbdbdb;

}


#sidfot h1 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-weight: bold;
	font-size:22px;
	color:#1d5497;

}

#sidfot h2 {
	margin:15px 10px 37px 20px;
	padding:0px;
	font-weight: bold;
	font-size:15px;
	line-height: 1.2em;
	color:#1d5497;

}

#sidfot .ce_text p{
	margin: 15px 0px 0px 20px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;

}


#sidfot .ce_text a {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 9pt;
	font-weight: normal;
	color: #6898ae;
	text-decoration: none;
	text-transform:	none;

}

#kalender {
	float: left;
	width: 500px;
	height: 560px;
	margin: 0 0 0 0px;
	padding-left: 30px;
	background-color:#FFFFFF
}


#kalender h1 {
	margin:30px 10px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:23px;
}


#kalender .ce_text {
	margin: 5px 0px 0px 30px;
	font-size: 10pt;
	line-height: 1.4em;
	color: black;
}

#kalender .ce_text a {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #6898ae;
	text-decoration: none;
	text-transform:	none;
}

#kalender .ce_text a:hover{
	text-decoration: underline;
}

#kalender .ce_text p {
	font-size:13px;
	color: black;

	}

#kalender .ce_text p span {
	font-size:18px;
	color: grey;


}
#introtextkontakt {
	float:left;
	width: 490px;
	height: 500px;
	margin: 7px 0px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_7.png);
	background-color:dbdbdb; 
}


#introtextkontakt h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;
}

#introtextkontakt h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}


#introtextkontakt .ce_text p{
	margin: 10px 0px 0px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;
}

#introtextkontakt .ce_text a {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #6898ae;
	text-decoration: none;
	text-transform:	none;
}

#introtextkontakt .ce_text a:hover{
	text-decoration: underline;
}

#introtextkontakt .ce_text p {
	font-size:13px;
	color: black;

	}

#introtextkontakt .ce_text p span {
	font-size:18px;
	color: grey;

	}
#introtextbokning {
	float:left;
	width: 890px;
	height: 350px;
	margin: 7px 0px 0px 3px;
	padding: 0px;
	background: url(../tl_files/Introruta_9.png);
	background-color:dbdbdb; 
}


#introtextbokning h1 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:27px;
	color:#1d5497;
}

#introtextbokning h2 {
	margin:25px 10px 20px 30px;
	padding:0px;
	font-weight: bold;
	font-size:18px;
	color:#1d5497;

}


#introtextbokning .ce_text p{
	margin: 10px 0px 0px 30px;
	font-size: 9pt;
	line-height: 1.5em;
	color: black;
}

#introtextbokning .ce_text a {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #6898ae;
	text-decoration: none;
	text-transform:	none;
}


h1
{
	margin:30px 10px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:23px;
}


#bildgalleri {
	margin: 0 0 0 30px;
	padding: 0px;
}


#bildgalleri h2{
	margin:25px 10px 20px 0px;
	padding:0px;
	font-weight: bold;
	font-size:22px;
	color:#1d5497;
}


#bildgalleri h3{
	margin:25px 10px 20px 0px;
	padding:0px;
	font-weight: bold;
	font-size:15px;
	color:#4e4e4e;
}



#bildgalleristuga {
	float: left;
	width: 700px;
	height: 250px;
	margin: 0 0 0 30px;
	padding: 0px;
}


#bildgallerifriggeboden {
	float: left;
	width: 700px;
	height: 200px;
	margin: 0 0 0 30px;
	padding: 0px;
	background: url(../tl_files/perssonsstugor/bakgrund_knapp.jpg)

}

#bildgallerifriggeboden2 {
	float: left;
	width: 700px;
	height: 200px;
	margin: 0 0 0 30px;
	padding: 0px;

}


#infoledigaveckor {
	float:left;
	width: 770px;
	height: 200px;
	margin: 0 0 0 0px;
	padding-left: 30px;
	background: url(../tl_files/perssonsstugor/bakgrund_knapp.jpg)

}


#prislista {
	float:left;
	width: 270px;
	height: 500px;
	margin: 0 0 0 0px;
	padding: 0px;
	background-color:#FFFFFF

}


#tack h1 {
	margin:100px 40px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:23px;
}

#tack .ce_text p {
	font-size:13px;
	color: black;

	}

/**
  	Kalendern
*/
#cal_container{
	margin: 0 0 0 0px;
	padding: 0px;
}


#cal_container h1 {
	margin:30px 10px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:23px;
}

.mod_calendar table{
	width: 455px;
	height:200px;
	text-align: left;
}

/* Tabellhuvud */
.mod_calendar table th.head{
	background-color: #acdcf2;
	height: 25px;
	color: black;
}
.mod_calendar table th.label{
	width: 14%;
	background-color:#d5eaf4;
	text-align: center;
	font-weight: bold;
}
.mod_calendar table th.previous{
	width: 30%;
	padding-left: 5px;
	font-weight: bold;
	
}
.mod_calendar table th.next{
	width: 30%;
	text-align: right;
	padding-right: 5px;
	font-weight: normal;
}
.mod_calendar table th.current{
	width: 30%;
	text-align: center;
}
/* Tabellkropp */
.mod_calendar table tbody td.days{
	height: 65px;
	border: 1px solid #D9D9D9;
	border-top: none;
	border-right: none;
	vertical-align: top;
	text-align:right;
	padding:2px;
	
}
.mod_calendar table tbody td.col_last{
	border-right: 1px solid #D9D9D9;
}
/* Länkar */

.mod_calendar .event a,
.mod_calendar table th a
{
	color: black;
}
.mod_calendar .event a:hover,
.mod_calendar table th a:hover
{
	color: #000000;
}


/**
*	Kontaktformulär
*/

#bokningsforfragan {
	height:730px;
}

#bokningsforfragan h1 {
	margin:100px 40px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:23px;
}

#bokningsforfragan form{
	width: 470px;
	margin: 40px 0 0 80px;
	}
#bokningsforfragan #formLeftCol{
	float: left;
	clear: none;
	width: 267px;
	
}

#bokningsforfragan .ce_text {
	margin: 70px 0px 0px 30px;


	}

#bokningsforfragan .ce_text p {
	font-size:13px;
	color: black;

	}

#bokningsforfragan form label,
#bokningsforfragan form .text{
	float: left;
	clear: left;
}
#bokningsforfragan form .text {
	width: 263px;
	padding: 5px 0 5px 0;
	margin: 2px 0 10px 0;
	border: 1px solid #ccc;
}
#bokningsforfragan form .textarea{
	float: left;
	clear: left;
	width: 263px;
	height: 129px;
	margin: 2px 0 0 0;
	border: 1px solid #ccc;
}

#bokningsforfragan form .submit_container .submit{
	float: left;
	margin-top: 20px;
	margin-bottom:15px;
}

.formbody{
	width: 142px;
	float: left;
	margin: 0px;
}

.submit_container{
	width: 51px;
	float: left;
	margin: 0px 0px 0px 0px;
	margin-bottom: 20px;
}


#kontaktformular {
	float:left;
	width: 400px;
	height: 500px;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	background: url(../tl_files/Introruta_8.png);
	background-color:dbdbdb; }

#kontaktformular h1 {
	margin:0px 10px 20px 0px;
	padding:0px;
	font-weight: bold;
	font-size:20px;
	color:#1d5497;
}

#kontaktformular form{
	width: 300px;
	margin: 50px 0 0 0px;
	}
#kontaktformular #formLeftCol{
	float: left;
	clear: none;
	width: 267px;
	
}

#kontaktformular .ce_text {
	margin: 30px 0px 0px 15px;


	}

#kontaktformular .ce_text p {
	font-size:13px;
	color: black;

	}

#kontaktformular form label,
#kontaktformular form .text{
	float: left;
	clear: left;
}
#kontaktformular form .text {
	width: 263px;
	padding: 5px 0 5px 0;
	margin: 2px 0 10px 0;
	border: 1px solid #ccc;
}
#kontaktformular form .textarea{
	float: left;
	clear: left;
	width: 263px;
	height: 129px;
	margin: 2px 0 0 0;
	border: 1px solid #ccc;
}

#kontaktformular form .submit_container .submit{
	float: left;
	margin-top: 20px;
	margin-bottom:15px;
}

.formbody{
	width: 142px;
	float: left;
	margin: 0px;
}