/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #000;
	  font: 11px Verdana, Arial, sans-serif;
	  margin:0px;
	  padding:0px;
	  background: url(../images/bg.png);	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:16px;	}

span	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:18px;	}

div	{
	font: 11px Arial, Verdana, sans-serif;
	line-height:18px;
	border-bottom: 10px;
	;
}

table, table p	{ font: 11px Verdana, Arial, sans-serif;
	  	 line-height:18px;	}

tr, tr p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:18px;	}

td, td p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:18px;	}




h1 	{ margin-bottom: 20px;
	  color: #043567;	
	  font: 36px Verdana, Arial, sans-serif;	}

h2 	{ font: 20px Verdana, Arial, sans-serif;
	  color: #000;	
	  margin-bottom: 10px;
	  font-weight:bold;	}
h4 {
		font: 26px Garamond, "Times New Roman", Times, serif;
		font-style:italic;
		line-height:26px;
}

h3 	{ font: 14px Verdana, Arial, sans-serif;
	  color: #000;	
	  margin-bottom: 0px;	}

a 	{ color: #000;
	  text-decoration:underline;	}

img	{

}

div#container	{ position:relative;
				  display:block;
				  width:930px;
				  margin:0px auto;
				  background:#fff;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ height:134px;
			  margin:0px;
			  padding:12px 0px 0px 18px;
			  background: url(../images/headerbg.png) no-repeat 0px 0px; 	}

	div#logo	{ float:left;
				  width:470px;
				  height:134px;
				  margin:0px;
				  padding:0px; }
				
.header_logos {
	width:360px;
	height:105px;
	float:left;
	margin:0px 0 0 -55px;}
.footer_logos {
	width:400px;
	float:left;
	margin:-20px 0 0}
.header_logos ul li{
	padding-bottom:4px;
	margin:0;
	float: left;}
.header_logos ul li img{
	display:block; float:left}	
	


	div#kontaktboka	{ float:left;
					  width:439px;
					  height:134px;
					  margin:0px;
					  padding:0px 0px 0px 0px; }

		div.kontakt 	{ float:left;
						  width:409px;
						  height:34px;
						  margin:0px 30px 0px 0px;
						  padding:6px 0px 0px 0px; }

			div.kontakt ul	{ float:right;
					  margin:0px;
					  padding:0px; }

			div.kontakt li	{ float:left;
					  margin:0px;
					  padding:0px; }

			div.kontakt a	{ padding:0px 10px;
					  text-decoration:none;
					  color:#666;
					  font:10px verdana, arial, sans-serif;
					  /*background: url(../images/kontaktdivider.png) no-repeat right 1px; */ }
			div.kontakt a.last	{ background: none;  }


		div.boka 	{ float:right;
				  width:100px;
				  height:94px;
				  margin:0 30px 0 0;
				  padding:0px 0px 0px 0px;
				  background-image:url(../images/bokapass.png);
				  background-repeat:no-repeat; 
				  margin-left:0px;}
	
/* ------------------------------------------------
	menus
-------------------------------------------------*/

div#menu	{ clear:both;
			  display:block;
			  width:866px;
			  height:22px;
			  margin:0px 10px;
			  padding:2px 0px 0px 0px;
			  text-align:center;
			  background:#043567;	}

	div#menu ul {   margin:0px auto;
					list-style:none; }

	div#menu li {	display:inline;
	    	  		margin:0px 0px 0px 0px;
	    	  		padding:0px 8px;
					background: url(../images/menudivider.png) no-repeat right 2px; }
	
	div#menu li.last { background: none; }
 
	div#menu a { color:#fff;
			     line-height:18px !important;
			     text-transform:uppercase;
			     text-decoration:none;
			     font: 11px Verdana, Arial, sans-serif; }

		div#menu a:hover { color:#66ffff; }
		div#menu a.active {  }
		li#menu_active a{
		color:#66ffff;
	 	text-transform:uppercase;
	 	font: 11px Verdana, Arial, sans-serif;
		}
		
		div#menu li.menu_active a{
		color:#66ffff;
	 	text-transform:uppercase;
	 	font: 11px Verdana, Arial, sans-serif;
		}



/* ------------------------------------------------
	main content
-------------------------------------------------*/


div#maincontent	{ clear:both;
				  display:block;
				  width:912px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 18px;
				  background: url(../images/mainbg.png) repeat-y;  	}

	div.leftcontent	{ float:left;
					  display:block;
					  width:440px;
					  margin: 0px 0px 0px 10px;
					  padding:0px; }

		div.startrelimgcont	{  clear:both;
							  display:block;
							  width:452px;
							  height:432px;
							  margin: 000px;
							  padding:0px;  }
							  
			div.startrelimg	{ position:relative;
							  z-index:100;
							  clear:both;
							  display:block;
							  width:452px;
							  height:472px;
							  margin: 0px 0px -472px 00px;
							  padding:0px;
							  background: url(../images/polaroid.png) no-repeat 0px 0px;  }
							  
			div.startrelimg2	{ position:relative;
								  z-index:80;
								  display:block;
								  width:440px;
								  height:400px;
								  margin: 0px 0px 0px 0px;
								  padding: 0px 0px 0px 0px;  }
								  
				div.startrelimg2 img	{ position:relative;
										  z-index:80;
										  display:block;
										  width:440px;
										  height:400px;
										  margin: 40px 0px 0px 0px;
										  padding:0px 0px 0px 0px;  }
										  
		div.startrelimgtext {   clear:both;
								display:block;
								width:386px;
								margin:0px;
								padding:20px;
								height:auto; }
									  
	div.startrelimgtext p { margin:0; padding:0; line-height:18px!important; color:#000; font:11px verdana, arial, sans-serif; }


	div.rightcontent	{ float:left;
						  display:block;
						  width:386px;
						  margin:0px 0px 0px 0px;
						  padding:20px; }

	div.rightcontent img	{ vertical-align:middle; }


		div.rightcontent p	{ margin:0px;
							  padding:0px;
							  line-height:18px !important;
							  color:#000;
							  font:11px verdana, arial, sans-serif; }
	div.rightcontent p	a{ margin:0px;
					  padding:0px;
					  line-height:18px !important;
					  color:#003366;
					  font:11px verdana, arial, sans-serif; }
			
		div.rightcontent td#aktuel  {
						padding-left:10px;
						font:11px verdana, arial, sans-serif;
		 				color:#000;
		 				line-height:18px;}
		div.rightcontent td#aktuel a  {
					padding-left:10px;
					font:11px verdana, arial, sans-serif;
					color:#003366;
		 			line-height:18px;}
		 
		div.rightcontent p.rubrik {
						background-image:url(../images/plata.png);
						background-repeat:repeat-x ;
						color:#043567;
						
						padding-left:3px;}
						 

	
/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div.hr	{ float:left;
		  display:block;
		  width:196px;
		  height:2px;
		  margin:5px 0px;
		  padding:0px;
		  background: url(../images/hr.png) no-repeat 0px 0px; }

	div.kronika	{ display:block;
			  width:196px;
			  margin:10px 0px;
			  padding:0px; }

		div.kronika p	{ font:11px arial, verdana, sans-serif; }

	div.agenda	{ display:block;
			  width:196px;
			  margin:10px 0px;
			  padding:0px; }

		div.agenda p	{ font:11px arial, verdana, sans-serif; }
		
		
		.images {
				margin: 0px 0px 0px 10px;
				float:left;
				width:456px;
				background-color:#E6EFF8;
				height:222px;}
			.relimg { float:left;
					  display:block;
					  position:relative;}
			.relimgover { position:absolute;
						  top:0px;
						  left:0px;
						  z-index:200;
					 	  display:block;
						  width:100%;
						  height:222px;
						  background:url(../images/relimgover.png) no-repeat right 0px; }
				.startrelimg2 .relimgover { display:none;}
		.text {
		
background-color:#E6EFF8;
float:right;
height:222px;
margin-right:36px;
width:410px;
					
			
		}
		.text p{    padding-top:30px;
					width:300px;
					margin:0 auto;
					text-align:center;
		
					font-style: italic;
					font-family:Garamond, "times new roman", times, serif;
					line-height: 40px;
					font-size:32px;
					color:#132b41;
					line-height:42px !important; }
		.text p * {    font-style: italic;
					  font-family:Garamond, "times new roman", times, serif;
					  line-height: 40px;
					  font-size:32px;
					  color:#132b41;
					  line-height:42px !important; }
		
		.text2{		width:336px;
					height:222px;
					background-color:#ecf1f8;
					float:left;
					position:relative;
					}
		.text2 p {
			padding-top:30px;
			width:250px;
			margin:0 auto;
			text-align:center;
		
					font-style: italic;
					font-family:Garamond, "times new roman", times, serif;
					line-height: 40px;
					font-size:36px;
					color:#132b41;
					}
	
		.clear {
					clear:both;}
		
		.menu2{
					float:left;
					margin-left:70px;
                    margin-top:10px;
                    width:112px;
		}
			.menu2 td{
						background-color:#FFFFFF;}
				.menu2 td{
							text-transform:uppercase;
							display:block;
							width:112px;
							border-bottom: 1px solid;
							height: auto;
							border-bottom-color: #666666;
							font:normal 9px Verdana, Arial, sans-serif;
							color:#000000;
							line-height:20px;
							padding-bottom:2px;
							padding-top:2px;
}
					li.active {
}
						td.active a{
								background-color:#e5ecf7;
								height:20;
								display:block;
								font-weight:normal;
	
}
				.menu2 td a {
				padding-left:3px;
					text-decoration:none;
					display:block;
						width:112px;

	  }
						.menu2 td a:hover{
								display:block;
								height:19;
								width:112px;
								background-color:#e5ecf7;
}

			.table {
				float:left;
				background-color:#FFFFFF;
				padding:26px 0px 40px 100px;
				width:400px;
				line-height:18px !important;
			 	color:#000;
				font:11px verdana, arial, sans-serif; 
}
.table p {
					line-height:18px !important;
					  color:#000;
					  font:11px verdana, arial, sans-serif; }
.table span {
					line-height:18px !important;
					  color:#000;
					  font:11px verdana, arial, sans-serif; }
.text_blue strong {
color:#132b41;
font-size:10px;
line-height:14px;
  font-weight:bold;

}
table.table_s {
margin-top:10px;
margin-left:70px;
}
table.table_s  tr{
border-bottom: 1px solid #000;
}
.table_s td{
border-bottom: 1px solid #000;
padding-right:20px;
padding-top:3px;
padding-bottom:3px;
color:#132b41;
margin:0;
font:10px verdana, arial, sans-serif;
}

.iframe {
margin-left:70px;
margin-top:10px;
float:left;
width:620px; 
height:200px; 
}
.booka {
float:right;
margin-right:40px;
width:92px;
margin-top:190px;

}
.white {
background-color:#FFFFFF;
height:100%;}
/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/



/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { float:right;
	  width:930px;
	  height:35px;
	  padding:0px 0px 0px 0px;
	  background: url(../images/footerbg.png) no-repeat 0px 0px;	}

	
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:400px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 400px;
}




form {
margin: 0px;
padding: 0px;

}