/*  GRUNDERNA ------*/
* { margin:0px; padding:0px; }

html, body { 
	height:100%; 
	background-color:#5BA6DF;
	text-align:center;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
}

p {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	margin:10px 0px 0px 0px;
}

li {
	margin:5px 10px;
}

ul {
	margin:5px 10px;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

td {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	margin:10px 0px 0px 0px;
}

#container {
	min-height:100%;  /* ta upp hela sidan (se MISIE-hack nedan) */
	margin:0 auto;
	background-image:url(/img/bg_ton.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
}

#headTop {
	background-image:url(/img/head_pic_top.jpg);
	background-repeat:repeat-x;
	height:31px;
	background-position:top;
	margin:0 auto;
	display:none;
}

#head {
	background-image:url(/img/head_pic_bottom.jpg);
	background-repeat:repeat-x;
	background-position:center -26px;
	height:179px;
	height:132px;
	margin:0 auto;
}

#head_extralinks {
	height:25px;
	text-align:right;
	width:883px;
	padding-right:17px;
	margin:0 auto;
}
	#head_extralinks a { color:white; }
	

#belowthebottom {
  	height:205px;  /* samma som #bottom */
	clear:both;
}

#bottom {
	background-image:url(/img/bottom_pic.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:205px;
	margin-top:-205px; /* samma som height */
}

.headPic {
	margin-top:14px;
}

.footPic {
	margin-top:160px;
}

#tools {
	width:140px;
	padding:25px 0px 10px 25px;
}

/*  MORE INFO		*/
#blueText {
	color:#094DAD;
	margin:10px 0px;
}


/*  MENU  			*/
#menu {
	width:900px;
	height:48px;
	background-image:url(/img/index_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
}

#menuGreen {
	width:900px;
	height:48px;
	background-image:url(/img/green_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
}

#menuBlue {
	width:900px;
	height:48px;
	background-image:url(/img/blue_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
}

#menuBeige {
	width:900px;
	height:48px;
	background-image:url(/img/beige_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
}


/*  MAIN  			*/
#main {
	position: relative;
	background-color:#FFFFFF;
	width:900px;
	background-image:url(/img/index_middle.gif);
	background-repeat:repeat-y;
	text-align:left;
	margin:0 auto;
}

#mainGreen {
	background-color:#FFFFFF;
	width:900px;
	background-image:url(/img/green_middle.gif);
	background-repeat:repeat-y;
	text-align:left;
	margin:0 auto;
}

#mainBlue {
	background-color:#FFFFFF;
	width:900px;
	background-image:url(/img/blue_middle.gif);
	background-repeat:repeat-y;
	text-align:left;
	margin:0 auto;
}

#mainBeige {
	background-color:#FFFFFF;
	width:900px;
	background-image:url(/img/beige_middle.gif);
	background-repeat:repeat-y;
	text-align:left;
	margin:0 auto;
}

/*  MainBottom  */
#mainBottom {
	background-image:url(/img/index_bottom.gif);
	width:900px;
	height:10px;
	background-repeat:no-repeat;
	margin:0 auto;
}

#mainBottomGreen {
	background-image:url(/img/green_bottom.gif);
	width:900px;
	height:10px;
	background-repeat:no-repeat;
	margin:0 auto;
}

#mainBottomBlue {
	background-image:url(/img/blue_bottom.gif);
	width:900px;
	height:10px;
	background-repeat:no-repeat;
	margin:0 auto;
}

#mainBottomBeige {
	background-image:url(/img/beige_bottom.gif);
	width:900px;
	height:10px;
	background-repeat:no-repeat;
	margin:0 auto;
}


/*  INDEXSIDAN  	*/
#leftIndexContent {
	width:620px;
	padding:11px 25px;
}

#rightIndexContent {
	width:205px;
	float:right;
}

#puffContent {
	width:630px;
	_width:670px;
	height:160px;
	padding:2px 0px 0px 25px;
}

.puffRub {
    height:16px;
    padding:3px 0px 0px 5px;
    background:url(/img/bluePlate.gif) no-repeat top;
}

.puffrub {
    padding:0px 0px 0px 5px;
}

.puffWhite {
    /*margin:10px;*/
    width:200px;
    height:114px;
    padding:5px;
    color:#fff;
    background:#fff;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
}

.puffTeaser {
    position:relative;
    top:-110px;
    left:20px;
    color:#000;
    font-size:13px;
    font-weight:bold;
}

.puff {
	width:200px;
	height:114px;
	float:left;
	margin-right:10px;
}


/*  INFOSIDAN  		*/
#leftInfoContent {
	width:178px;
	display:inline;
	float:left;
}

#middleInfoContent {
	width:440px;
	min-height:400px;
	margin-left:204px;
	padding-top:13px;
}

#printContent {
	width:440px;
	min-height:400px;
	margin-left:20px;
	padding-top:13px;
	text-align:left;
}

#rightInfoContent {
	width:205px;
	float:right;
	padding-bottom:16px;
}

#clearDiv {
	clear:both;
	padding-top:1px;
}


/*  HÖGER COLUMN 	*/
.rightColumnRub {
	height:19px;
	background-image:url(/img/bluePlate2.gif);
	background-repeat:no-repeat;
	padding:2px 0px 0px 5px;
}

.rightColumnSpace {
	height:10px;
	background-color:#FFFFFF;
}

.rightTable {
	margin:13px 0px 0px 0px;
	width:178px;
}


/*  ERBJUDANDE  	*/
.erbjTextTd {
	background-color:#FFFFFF;
	padding:3px 13px 10px 15px;
	font-size:11px;
}

.erbj {
	float: left;
	width: 180px;
	min-height: 160px;
	margin: 0 20px 25px;
}
.erbj h3 {
	margin-top: 3px;
	font-size: 12px;
	color: #1a1a1a;
	text-transform: uppercase;
}
.erbj p {
	margin-top: 0;
}
.erbj .erbj_datum {
	font-size: 9px;
	color: #4d4d4d;
	text-transform: uppercase;
}


/*  NYHETSBREV  	*/
.nyhetsBrevTd {
	background-color:#FFFFFF;
	padding:8px 12px 8px 15px;
	font-size:11px;
}

.nyhetsBrevInput {
	width:105px;
	float:left;
	height:18px;
	font-size:11px;
}

.nyhetsBrevKnapp {
	width:28px;
	height:22px;
	float:left;
	_height:18px;
	margin-left:3px;
	background-color:#FFFFFF;
	color:#5BA6DF;
	border:1px solid #A5ACB2;
	font-size:11px;
	cursor:pointer;
}

/*  BOKA ONLINE     */
.bokaKnapp {
	background-image:url(/img/konferensforfragan.gif);
	background-repeat:no-repeat;
	height:38px;
}


/*  EVENTS          */
.events {
	width:440px;
	border-bottom:1px solid #eeeeee;
	padding:15px 5px;
}

.eventTextTd {
	background-color:#FFFFFF;
	padding:3px 13px 0px 15px;
	font-size:11px;
}

/* nöjeskalender */
.eventtable {
	margin: 17px 0 43px;
}
.ev td {
	vertical-align: top;
	padding: 20px 0 20px 15px;
}
.ev.odd td {
	background: #f7f7f7;
}
.ev.selected td {
	border-top: 1px solid #871212;
	border-bottom: 1px solid #871212;
}
.ev.selected td.dag {
	border-left: 1px solid #871212;
}
.ev.selected td.img {
	border-right: 1px solid #871212;
}
.ev .dag {
	width: 40px;
}
.ev .desc {
	width: 254px;
}
.ev .img {
	padding-right: 15px;
	width: 117px;
}
.ev .img div {
	width: 101px;
	height: 101px;
	border: 1px solid #b9b8ad;
}
.ev h3 {
	margin: 3px 0 0;
	font-size: 12px;
	color: #1a1a1a;
	text-transform: uppercase;
}
.ev p {
	margin: 0;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 17px;
}

/* Kalender */
.calendar {
	width: 180px;
	padding: 2px;
	margin: 0 0 40px -2px;
	border: 1px solid #B9B8AD;
}
.links {
	position: relative;
	padding: 3px 0 2px;
	text-align: center;
	font-size: 11px;
	color: #37362e;
	border: 1px solid #b9b8ad;
	background: #d2d1cb url(/bilder/design/kalender/links_bg.gif) repeat-x left bottom;
}
#cal_prev {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 13px;
	height: 13px;
	text-indent: -999em;
	outline: none;
	background: url(/bilder/design/kalender/prev.gif) repeat-x left top;
}
#cal_next {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 13px;
	height: 13px;
	text-indent: -999em;
	outline: none;
	background: url(/bilder/design/kalender/next.gif) repeat-x left top;
}
.calendar table {
	width: 180px;
}
.calendar table th {
	font-size: 10px;
	color: #000;
	text-align: center;
}
.calendar table td {
	padding-right: 3px;
	font-size: 10px;
	color: #333;
	text-align: right;
}
.calendar table td.day {
	border: 1px solid #d3d3d3;
	background: url(/bilder/design/kalender/day.gif) repeat-x left top;
}
.calendar table td.current {
	border: 1px solid #5ba6df;
	background: url(/bilder/design/kalender/day_highlight.gif) repeat-x left top;
}
.calendar table td.active {
	color: #fefefe;
	border: 1px solid #a70522;
	background: url(/bilder/design/kalender/day_active.gif) repeat-x left top;
}
.calendar table td.active a {
	color: #fefefe;
}

/* --- */


/*  MENY  			*/
.menuTable {
	width:178px;
	margin:13px 0px 0px 0px;
}

.menuTd {
	width:178px;
	padding:5px 0px 5px 25px;
}

.menuTd2 {
	width:178px;
	padding:5px 0px 3px 25px;
}


/*  ERBJUDANDE      */
.erbjInput {
	width:210px;
}

.erbjTextarea {
	width:440px;
	height:60px;
}

.erbjText {
	color:#317EB9;
	font-weight:bold;
	padding-top:7px;
}

.erbjSelect {
	width:440px;
}

.redStar {
	color:#A5001E;
}


/*  PRESENTKOR      */
.presentkortTop {
	 background-image:url(/img/beige_top_little.gif);
	 height:10px;
	 width:440px;
}

.presentkortBottom {
	 background-image:url(/img/beige_bottom_little.gif);
	 height:10px;
}

.presentkortMiddle {
	background-color:#F1EFE1;
	padding:10px 10px 10px 10px;
	width:340px;
}

.presentkortMiddle2 {
	background-color:#F1EFE1;
	padding:0px 10px;
	border-left:1px solid #EDE4CA;
	width:100px;
}

.presentkortInput {
	width:20px;
	height:20px;
}

.presentKortLinje {
	 height:1px;
	 background-color:#EDE4CA;
}


/*  LÄNKAR  		*/
a { color:#5BA6DF; text-decoration:none;}
a:hover {	text-decoration:underline;}

a.erbjLink { color:#317EB9; text-decoration:none; }
a.erbjLink:hover { text-decoration:underline; }

a.white { color:#ffffff; text-decoration:none; }
a.white:hover { text-decoration:none; }

a.LinkA5001E { color:#A5001E; text-decoration:none; }
a.LinkA5001E:hover { text-decoration:underline; }

a.Link42660F { color:#42660F; text-decoration:none; }
a.Link42660F:hover { text-decoration:underline; }

a.Link094DAD { color:#094DAD; text-decoration:none; }
a.Link094DAD:hover { text-decoration:underline; }





/* EXTRA CSS EFTER LITEN REDESIGN 100610 /DS */
#puffContent {
	position: relative;
	width: 540px;
	height: 141px;
	margin-top: 25px;
	padding: 22px 55px 0 75px;
	background: #f5f5f5 url(/bilder/design/erbjudanden_bg.gif) repeat-y right top;
}

#clearDiv {
	padding-top: 0;
}
#cycle {
	width: 516px;
}
#cycle p {
	margin: 0 0 15px;
}
a.normalText {
	color: #4c4c4c;
}
a.normalText:hover  {
	text-decoration: none;
}
#next, #prev {
	position: absolute;
	top: 63px;
	right: 25px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	outline: none;
	background: url(/bilder/design/next.gif) no-repeat left top;
}
#prev {
	left: 26px;
	background-image: url(/bilder/design/prev.gif);
}
.heading {
	clear: both;
	width: 178px;
	padding: 40px 6px 5px;
	margin: 0 0 12px -6px;
	border-bottom: 1px solid #b9b8ad;
}
.nyhet {
	margin: 0 0 20px;
}

/* EVENTS */
.event a {
	padding-right: 10px;
	background: url(/bilder/design/raquo.gif) no-repeat right 3px;
}
.event .datum {
	padding: 10px 7px 0 0;
	font-family: arial;
	font-size: 10px;
	text-align: center;
	color: #871212;
}
.event .datum strong {
	display: block;
	font-family: "arial black", arial;
	font-size: 16px;
}
.event td {
	padding: 10px 0 0 0;
}
/* --- */

/* Erbjudanden */
#erbjudanden {
	float: left;
	width: 205px;
	margin-left: -24px;
	padding: 0 0 0 24px;
	background: #e8e6d8;
}
#erbjudanden .erbj {
	min-height: 1px;
	margin: 0 0 25px;
}
#erbjudanden .heading {
	padding-top: 18px;
}

/* --- */

.nyhetsBrevInput {
	width: 144px;
	padding-left: 4px;
	font-family: "Trebuchet MS", verdana, arial;
	color: #808080;
	border: 1px solid #dedccf;
}

.nyhetsBrevKnapp {
	padding-right: 5px;
	border: none;
	background: url(/bilder/design/raquo.gif) no-repeat right 7px;
}


#bokaForfragan {
	display: block;
	clear: both;
	margin: 65px 0 0 -6px;
	width: 190px;
	height: 46px;
	text-indent: -999em;
	outline: none;
	background: url(/bilder/design/forfragan.gif) no-repeat left top;
}