/* 

Client: 
Author: Wonderbrand AB
Last changed: 2007-10-11

 */

/* --------------------- Undo default styling --------------------- */

/* remove inconsistent default padding and margin  */
* { margin: 0; padding: 0; }

img, div { behavior: url(iepngfix.htc); }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 130%;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img, :link img,:visited img { border: none; }

html, body { 
height: 100%;
}

:link,:visited { text-decoration:none; color: #000000; font-weight:bold; }

:visited { color: #000000;}

a:hover{text-decoration:underline; color:#000000;}

ul,ol { list-style:none }

/* de-italicize address */
address { font-style:normal }

/* Clearfix - works like so: <div id="whatever" class="clearfix"> */	
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ie Holly Hack \*/
* html .clearfix {
  height:1%;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ------------------------ end clearfix ----------------------------*/

html{
height: 100%;
}

body{
height: 100%;
/*background:#f1f1f1 url(../img/bg.png) repeat-x left top;
background-attachment: scroll;*/
}


p{
font-family: Arial, Helvetica, sans-serif;
color: #3b3c3d;
font-size: 0.8em;

}








/** html p {
margin: 0 0 0.5em 0;}*/

/*p2{
color: #3b3c3d;
font-size: 0.7em;
margin: 0 0 1em 0;
padding: 0;
text-align:right;
}

p3{
color: #000000;
font-size: 0.8em;
margin: 0 0 1.2em 0;
padding: 0;
}

p4{
color: #000000;
font-size: 0.75em;
margin: 0 0 1.2em 0;
padding: 0;
}*/

h1 {
font-size:2em;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align:left;
}

h2 {
font-size:1.5em;
}

/*h2 a:hover {
text-decoration: underline;
}*/

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #3b3c3d;
font-size: 0.9em;
font-weight:bold;

}

h4 {
font-size:0.8em;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

h5 {
	font-size:1em;
	color: #b41900;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	padding: 0;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}



.Pufftext {
font-family: Arial, Helvetica, sans-serif;
color: #3b3c3d;
font-size: 0.7em;
}




/* -------------------- Layout --------------------- */

#shadow {
z-index:1000;
position:fixed;
left:0;
top:0;
width:100%;
height:13px;
margin:0;
padding:0;
background: url(../img/shadow_top.png) repeat-x top left;
}

#pageWrapper { /* makes centering stop at left edge when page smaller than content width */
/*position: relative;*/
width: 900px;
float: left;
/*margin: 0 auto;
*/height: auto;
background-color:#ffffff;
clear:right;
}

* html #pageWrapper {
height: 1%;
}

#menuWrapper {
width:775px;
height:auto;
padding: 0 8px 0 9px;
background:#00000;
}

#contentWrapper_index {
height: auto;
width: 785px;
/*float: left;
*/margin:0 0 0 0; 
/*padding:17px 10px 0 10px;*/
background-color:ffffff;
}

#contentWrapper {
height: auto;
width: 785px;
float: left;
margin:0 0 0 0; 
/*padding:17px 17px 0 17px;*/
background-color:#fff;
}

#puffSuperWrapper {
height:auto;
width: 733px;
float: left;
margin:0 0 0 0; 
padding:0 25px 30px 25px;
background-color:#fff;}

.puffWrapper {
width:221px;
height:175px;
float:left;
background-color: #ebebeb;
}

.pufftext{
font-size: 0.7em;
margin: 10px 10px 10px 10px;
}

.puffrub{
font-size: 0.7em;
font-weight:bold;
margin: 10px 8px 10px 10px;
}


.puffTop {
width:216px;
height:21px;
background:url(../img/bg_rubrik_spalt.gif);
padding:5px 0 0 5px;
}

#top1 {
	float: left;
	width: 785px;
	height: 130px;
	margin: 0;
	/*background-image: url(../img/toppic.jpg);*/
	background-position: left top;
	background-color: #000000;
	background-repeat: no-repeat;	/*border-right-width: 10px;
	border-left-width: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	border-top-color: #fff;*/

}

#top2 {
float: left;
width: 763px;
height: 154px;
padding: 0 10px 0 10px;
background-color:#fff;
}


.subMenuWrapper {
width: 160px;
height: auto;
float: left;
line-height: 120%;
margin-left: 17px;
margin-top: 20px;

}

/*.subMenunav {
	width: 160px;
	height: 25px;
	float: left;
	line-height: 120%;
	background-image:url(../img/bg_submeny.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: d2d2d2;
	border-right-color: d2d2d2;
	border-bottom-color: d2d2d2;
	border-left-color: d2d2d2;
	padding: 10px 0px 2px 5px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-size: 80%;
}
*/


.textarea_subcontent {
width: 350px;
height: auto;
float: left;
line-height: 120%;
margin-left: 17px;
margin-top: 20px;
margin-bottom:50px;
}



.textarea_index {
width: 475px;
height: auto;
float: left;
line-height: 120%;
margin-left: 17px;
margin-top: 20px;
margin-bottom:50px;
}

.textarea {
width: 440px;
height: auto;
float: left;
line-height: 120%;
}


* html .textarea {
height: auto;
line-height: 100%;
}

#newsWrapper_index {
width: 200px;
height: 100px;
float: right;
margin-right: 17px;
margin-top: 20px; 
}

#Puff {
width: 200px;
/*height: 100px;*/
/*float: right;*/

/*background-color: #ebebeb;*/
/*margin-right: 17px;
margin-top: 20px; */
/*margin-bottom: 10px;*/
}

.Puff_top {
width: 200px;
height: 10px;
	background-image: url(../img/box_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
	
#Puff_content {
	width: 180px;
	background-color: #c3bfbb;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
	.Puff_bottom {
width: 200px;
height: 10px;
	background-image: url(../img/box_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 20px;
	}
	
.pufflink a { { text-decoration:none; color: #000000; font-weight:bold; }
	

	
	/*height: 100px;*/
/*float: right;*/

/*background-color: #ebebeb;*/
/*margin-right: 17px;
margin-top: 20px; */
/*margin-bottom: 10px;*/


/*#newsWrapper_index {
width: 200px;
height: auto;
float: right;
margin-left:2px;
background-color: #ebebeb;
}
*/




.newsWrapper {
width: 220px;
height: auto;
float: right;
margin-left:2px;
background-color: #ebebeb;
}

.newsTop {
width:210px;
height:21px;
background:url(../img/bg_rubrik_spalt.gif);
padding:5px 0 0 10px;
}

#newsContent_index {
width:auto;
height:auto;
padding:10px;
background-color: #ebebeb;
}

.newsContent {
width:200px;
height:auto;
padding:10px;
background-color: #ebebeb;
color: #3b3c3d;
}

.newsContentarkiv {
width:200px;
height:auto;
padding:0px 10px 10px 10px;
color: #3b3c3d;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}




* html .ingressWrapper{
margin: 5px 20px 0 10px;
}

.ingressWrapper2 {
height: 100px;
margin: 5px 0 0 40px;
float: left;
width: 280px;
}

.ingressWrapper a:visited { color: #000;}

.ingress {
width: 280px;
height: auto;
margin: 0;
line-height: 100%;
float: left;
}

 /*-------------- START Små tillägg --------------*/
 
.auto {
width:auto;
height:auto;
}

.floatleft{
float:left
}

.marginBottom {
margin-bottom:20px
}


.marginForSpaltRub {
margin:5px 5px 5px 5px;
}

.newsDate {
font-weight:bold;
font-size:0.7em;
}

.newsRub {
font-weight:bold;
font-size:0.7em;
padding-bottom:3px;
}

.newsText {
font-size:0.7em;
}

.puffWrapperMarginRight {
margin-right:35px;
}

.puffLasMer{
font-size:0.7em;
margin: 10px 10px 10px 10px;
}

.logga {
float:left;
margin: 10px 0 0 10px;
}

.blomma {
float:right;
margin:0 3px 0 0;
/*overflow:visible;*/
right:0px;
z-index:900;
position: absolute;
}


.topbild {

z-index:100;
position: relative;
}


/*-------------- SLUT Små tillägg --------------*/
* html .bild3 {
margin: 0 0 0 15px;
}
 
.bilder_liten {
width: 100px;
height:400px;
margin: 20px 0 0 0;
float: left;
}


.formular_input{
width:195px;
height:20px;
font-size:0.7em;
color:#3b3c3d;
}

.formular_textrub{
font-size:0.7em;
color:#3b3c3d;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}


.formular_textarea{
width:195px;
height:120px;
font-size:0.8em;
color:#3b3c3d;
}


.bokningsform {
width: 160px;
height: 410px;
float: left;
margin: 40px 0 50px 20px;
}

.gastboksform {
width: 440px;
height: 410px;
float: left;
margin: 40px 0 50px 40px;
overflow:auto;
}


.gastMed{
width:440px;
height:auto;
color:#3b3c3d;
font-family: Arial, Helvetica, sans-serif;
color: #3b3c3d;
font-size: 0.7em;
padding: 0 0 0 5px;

}

.medWrapper {
width: 120px;
height:auto;
margin: 0 0 0 30px;
float: left;
}

.superMedWrapper {
width: 420px;
height: 470px;
float: left;
line-height: 100%;
padding: 60px 0 0 30px;
}

.med {
width: 140px;
height: 160px;
padding: 0 0 0 10px;
margin: 0;
line-height: 100%;
float: left;
}

.namn {
width: auto;
height: 20px;
padding: 0 0 0 0;
clear: both;
margin: 0;
text-align:center;
}


.linkblack  {
float:left;
padding: 0 10px 0 0;
color: #000000;
}

.linkblack a {
float:left;
color: #000000;
}

.linkgrey,  {
float:left;
color: #3b3c3d;
}

.linkgrey a {
float:left;
padding: 0 10px 0 0;
color: #3b3c3d;
}

.nyhetsWrapper {
background-image:url(../img/nyhetspuff.gif);
background-repeat:no-repeat;
margin: 10px 10px 0px 0px;
padding-top:50px;
padding-left:20px;
float: right;
width: 266px;
height: 235px;
}


.nyhetstext{
margin: 20px 0px 0px 0px;
color: #3b3c3d;
font-size: 0.9em;
width:220px;
height:auto;
}


#footer{
	float:left;
	color: #fff;
	text-align:left;
	background-color:#333333;

	clear: both;
	
height: 35px;
font: arial;
font-size: 0.8em;
line-height:0.8em;
margin: 5px 0px 0px 25px;
background-image:url(img/bg_footer.gif);
background-repeat: repeat-x;
text-align:center;

}

.footertext {
	color:#FFFFFF;
	/*margin: 5px 0 7px 0;*/
	font-size:0.7em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	background-image:url(../img/bg_footer.gif)
}

.botten {
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	background-color: #333333;
	clear: right;
}


/*------------ SimpleViewer ------------


	#flashcontent {
		height: 100%;
		vertical-align:top;
	}


	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color:#000000;
	}
	
	.logo{
		height:109px;
		width:250pxpx;
		position:relative;
		padding-bottom:10px;
		padding-top:30px;
		padding-left:60px;
	}








------------ SimpleViewer - END --------- */
hr {
	color: #d6d5d5;
	width:auto;
	margin-top:3px;
	margin-bottom:3px;
	
}