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

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #F2F0E6;
	text-align: center;
	font-size: 75%;
	line-height: 1.6em;
}

a {
	outline: none;
	outline-style: none;
	color: #666666;
		text-decoration: underline;
}

a:visited {
   outline: none;
   outline-style: none;
	color: #666666;
		text-decoration: underline;
}

a:hover {
	outline: none;
	outline-style:none;
	color: #3795D2;
	text-decoration: underline;
}

a:focus {
	outline: none;
	outline-style:none;
	color: #3795D2;
	text-decoration: underline;
}

a img {
	text-decoration: none;
	border: 0 none;
	}


H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #3795D2;
	font-weight: lighter;
	padding-bottom: 20px;
	letter-spacing: -1px;
	line-height: 120%;
}

H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #3795D2;
	font-weight: lighter;
	padding-bottom: 20px;
	letter-spacing: -1px;
	line-height: 120%;
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
}

.pageRight {
	text-align: right;
}

.pageCenter {
	text-align: center;
}

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



#header{
	height: 170px;
	clear: both;
	float: left;
	margin-top: 50px;
	width: 960px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#header_container1{
	float: left;
	width: 350px;
}

#header_container2{
	float: right;
	width: 550px;
}

#header_container2_1{
	width: 550px;
	height: 137px;
	text-align: right;
}

#header_container2_2{

}

#nav ul{
	padding: 0;
	margin: 0;
	float: right;
}

#nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a{
	color: #666666;
	text-decoration: none;
	padding: 0 0px 0 20px;
	text-align: right;
	font-size: 12px;
} 

#nav ul li a:hover, #nav ul li a:focus{
	color: #3795D2;
}


#content{
	min-height: 300px;
	clear: both;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 20px;
}

#index_topcontainer{
	clear: both;
	float: left;
	width: 960px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#index_topcontainer_vanster{

	width: 690px;
	float: left;
}

#index_topcontainer_vanster_nav{
	width: 160px;
	float: left;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	padding-top: 20px;
}

#nav_vanster ul{
	padding: 0;
	margin: 0;
	float: left;
}

#nav_vanster ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#nav_vanster ul li a{
	color: #666666;
	text-decoration: none;
	padding: 0 0px 0 0px;
	text-align: left;
	font-size: 12px;
} 

#nav_vanster ul li a:hover, #nav_vanster ul li a:focus{
color: #3795D2;
}

#index_topcontainer_vanster_content{

	width: 490px;
	float: left;
	margin-left: 20px;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	padding-top: 20px;
}

#index_topcontainer_vanster_content H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #999999;
	padding-bottom: 20px;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#index_topcontainer_vanster_content H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	color: #3795D2;
	font-weight: lighter;
	padding-bottom: 20px;
	line-height: 150%;
}

#index_container1{
	height: 340px;
	width: 690px;
	float: left;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	padding-top: 20px;
}
#index_container1_HR{
	height: 20px;
	width: 690px;
	float: left;
}

#index_container2{
	height: 340px;
	width: 250px;
	margin-left: 20px;
	float: right;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	padding-top: 20px;
	
}

#index_container2_reseplanerare{
	height: 180px;
	width: 140px;
	padding-bottom: 20px;
	padding-top: 0px;
	padding-right: 55px;
	padding-left: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#index_container2_annonscontainer{
	height: 120px;
	width: 250px;
	padding-top: 20px;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	text-align: center;
}


#index_bottomcontainer{
	clear: both;
	float: left;
	width: 960px;
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #3795D2;
	padding-top: 0px;
}

.Aktuellt {
	float: left;
	height: 340px;
	width: 305px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.Aktuellt_mellanrum {
	float: left;
	height: 340px;
	width: 22px;
	padding-bottom: 20px;
}

.Aktuellt_bild {
	text-align: center;
	clear: both;
	float: left;
	height: 160px;
	width: 305px;
	overflow: hidden;
	padding-bottom: 20px;
}

.Aktuellt_text {
	text-align: left;
	clear: both;
	float: left;
	height: 160px;
	width: 305px;
	overflow: hidden;
}


#footer{
	height: 20px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}

.boxgrid{ 
				width: 84px; 
				height: 105px; 
				margin: 0; 
				float: left; 
				background: transparent; 
				border-bottom: solid 2px #ffffff; 
				border-right: solid 2px #ffffff; 
				overflow: hidden; 
				position: relative;
				text-align: center;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 35px 4px;
					text-align: center;
					font: 1.0em Arial;
					font-weight: bold;
					color: #3795D2;
				}
				
				.boxgrid h2{ 
					color: #FFFFFF;
					padding: 0 4px;
					font: 1.2em Arial;
				}
				
				.calDayNbr {
					color: #ffffff;
					font-size: 36px;
					font-weight: bold;
					line-height: 108px;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #FFFFFF; 
				height: 108px; 
				width: 100%;
				text-size: 24px;
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
			
			.boxcaption a:link {
				color: #3795D2;
				text-decoration: none;
				font-family: Arial;
				font-weight: bold;
			}
			.boxcaption a:visited {
				color: #3795D2;
				text-decoration: none;
				font-family: Arial;
				font-weight: bold;
			}
			.boxcaption a:hover {
				color: #3795D2;
				text-decoration: none;
				font-family: Arial;
				font-weight: bold;
			}
	
 				.captionfull .boxcaption {
 					top: 140;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 100;
 					left: 0;
 				}
	
			.LeftBlock {
				padding: 0;
				margin: 0 6px 6px 0;
				width: 212px;
				float: left;
				clear: left;
				text-align: center;
				background: #000000;
				border: 3px solid #CCCCCC;
			}
			
			#chrContent {
				background: #FFFFFF;
				color: #000000;
				height: 280px;
				width: 648px;
				display: none;
				position: absolute;
				left: auto;
				top: auto;
				margin: 10px;
				padding: 10px;
				z-index:1;
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			}
			
				#chrContent #clearDiv {
					clear: both;
				}
			
				#chrContentLeft {
					float: left;
					text-align: center;
					width: 47%;
					height: 230px;
					padding: 10px 0 0 0;
				}
				
				#chrOffer {
					height: 220px;
				}
				
				#chrContentLeft .calPercent {
					color: #000000;
					font-size: 64px;
					font-weight: bold;
					line-height: 64px;
				}
				
				#chrContentLeft .calText {
					color: #000000;
					font-size: 24px;
					font-weight: bold;
					line-height: 28px;
					text-transform: uppercase;
				}
				
				#chrContentLeft .calRules {
					color: #000000;
					font-size: 10px;
					line-height: 10px;
				}
				
				#chrContentRight {
					float: right;
					text-align: center;
					width: 49%;
					height: 230px;
					padding: 10px 0 0 0;
					border-left: 1px #333333 solid;
				}
				
				#chrContentRight .calDay {
					color: #000000;
					font-size: 140px;
					font-weight: bold;
					line-height: 140px;
				}
				
				#chrContentRight .calMonth {
					color: #000000;
					font-size: 32px;
					font-weight: bold;
					line-height: 32px;
					text-transform: uppercase;
				}
			
			#closeCalender {
				text-align: center;
				cursor: pointer;
				text-decoration: underline;
			}
			
			#calenderButtons {
				width: 600px;
			}
			
				#calenderClose {
					float: right;
					text-align: left;
					cursor: pointer;
					text-decoration: underline;
					width: 294px;
				}
				
				#calenderPrint {
					float: left;
					text-align: right;
					width: 302px;
					color: #000000;
				}
				
				#calenderPrint a:link, #calenderPrint a:hover, #calenderPrint a:visited {
					color: #000000;
					text-decoration: underline;
				}