body {/* Sätter väden för hela sjaten/sidan */
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 76%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #666666;
	background-color: #ffffff;
	background-image: url(../img/bg/toning.gif);
	background-repeat: repeat-x;
	line-height: 110%;
}
/******************* 
Nästa Fix är for firefox, mozila browsers för att dom skall alltid visa scrollbars. Visst är det snyggt när inga scrolls vissas om kontent är kort, men inte om för det priset skall all centrerat kontent hoppa fram och tillbaka 
********************/
html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
	overflow-y: scroll;
}
/*******************
Scroll coloring fungerar bara för IE
********************/
body {
}
/*****************
Det här är fix för alla margins och paddings på hela sajten. Dom nollas, för att sedan läggas till där dom behövs: paragrafer, rubriker.
******************/
* html, html, body, ul, ol, li, dd, dt, dl, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
}
a { /* detta ger egenskaper till alla textlänkar */
	color: #333333;
	text-decoration: none;
}
a:hover { /* Ger textlänkar annan färg när man håller musen över dem */
	color: #996633;
}
h1 { /* h1 är rubriker */
	font-family:"Trebuchet MS";
	font-weight:bold;
	color: #996633;
	font-size:160%;
	line-height:110%;
	letter-spacing: 0.05em;/**/
	padding-bottom:12px;
	text-transform: uppercase;
}
h2 { /* h2 är under rubriker med annat typsnitt */
	font-weight: bold;
	color: #996633;
	font-family:"Palatino Linotype", "Times New Roman", Serif;
	font-size:140%;
	line-height:110%;
}
h3 { /* h3 är underrubriker */
	font-weight: normal;
	color: #996633;
	font-family:"Trebuchet MS", Arial;
	font-size:120%;
	line-height:110%;
	font-weight:bold;
	padding-bottom:5px;
}
p { /* P taggen används för all brödtext på sidan */
	line-height: 130%;
	padding-bottom:6px;
}
img { /* Detta tar bort en extra ram som annars automatiskt adderas runt alla bilder */
	border: none;
}
#wrapper { /* Innesluter allt innehåll på sidorna och bestämmer sidornas bredd. */
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
#header { /* Innesluter allt innehåll i headern (har inga egenskaper men får inte tas bort!) */
/*padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*margin-bottom: 28px;*/
}
#logo { /* Här ändrar du Loggan överst till vänster på sidan. Byter du ut bilden logodione.gif byts loggan ut mot den nya bilden. */
	background-image: url(../img/logo/logodione.gif);
	background-repeat: no-repeat;
	/* background-position: 0% 0%; 
	clear: both;*/
	float: left;
	height: 174px;
	width: 220px;
}
#logo span {
	display: none;
	visibility: hidden;
}
/**************************************/
.overmenu { /* Gre egenskaperna för rutan ovanför menyn med texten "Reseupplevelser exklusivt designade för kvinnor" */
	margin: 0px;
	padding: 83px 0px 2px 0px;
	width: 710px;
	font-size: 140%;
	text-align:right;
	color:#996633;
	font-weight: normal;
	display: block;
	float:left;
}
.menu { /* Ger egenskaper och bakgrundsbild till menyn */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 51px;
	width: 740px;
	float:left;
	background: url(../img/menu/menybakgrund.jpg);
	background-repeat: no-repeat;
	float: left;
}
.menu ul { /* Tillhör menylistan */
	list-style-type: none;
}
.menu li { /* Tillhör menylistan */
	display: inline;
	float: left;
	list-style-type: none;
}
.menu a { /* Ger egenskaper till textlänkarna i menyn. */
	height: 40px;
	line-height:40px;
	display:inline-block;
	font-family:Palatino Linotype, Times New Roman, Serif;
	font-size:14px;
	color:#000000;
}
.menu li a:hover, .ActiveMenu { /* Ger egenskaper till textlänkarna i menyn och ändrar bakgrundsbilden när du håller musen över. */
	background: url(../img/menu/grey.gif);
	background-repeat:repeat-x;
	height: 51px;
	color:#000000;
}
.menu li a.selected, .ActiveMenu { /* Ger egenskaper till textlänkarna i menyn och visar vilken sida som är aktiv, vald.  */
	background: url(../img/menu/bronze.gif);
	background-repeat:repeat-x;
	height: 51px;
	color:#000000;
}
/************************************/
#contentHolder {/* Den som håller all kontent mellan header och footer, ger sidas innehåll en minhöjd på 500px;*/
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/* background:#FFFFFF; */
	min-height: 500px;
	min-height: auto !important;
}
.sidepad { /* skapar en marginal på 30px för bröd text mm på samtliga sidor */
	width:30px;
	height:100px;
	float:left;
}
.underflash { /* Lägger en avslutande gråtoning under huvudinnehållet på alla sidor */
	width:960px;
	height:30px;
	background-image:url(../img/bg/underflash.gif);
	clear:both;
}
.top_pad { /* ger innehållet på sidan nödvändigt avstån upp till menyn på alla sidor utom startsidan. */
	clear:both;
	width:960;
	height:25px;
}
.spacer10 { /* Ger 10px horisontellt mellanrum och ser till att allt inom div-taggen hamnar under */
	clear:both;
	height:10px;
}
.spacer1 { /* Ger 3px horisontellt mellanrum och ser till att allt inom div-taggen hamnar under */
	clear:both;
	height:3px;
}
.midpad { /* Ger 20px mellanrum (vertikalt mellan olika div taggar tex textspalterna se .spalt) */
	float:left;
	width:20px;
	height:118px;
}
.frontbutton1 { /* Ger storlek egenskaper och bakgrundsbild till den första puffen */
	width:285px;
	height:128px;
	float:left;
	background-image:url(../img/btn/puffonepic.jpg);
	background-repeat:no-repeat;
}
.frontbutton2 { /* Ger storlek egenskaper och bakgrundsbild till den andra puffen */
	width:285px;
	height:128px;
	float:left;
	background-image:url(../img/btn/pufftwopic.jpg);
	background-repeat:no-repeat;
}
.frontbutton3 { /* Ger storlek egenskaper och bakgrundsbild till den tredje puffen */
	width:285px;
	height:128px;
	float:left;
	background-image:url(../img/btn/pufftreepic.jpg);
	background-repeat:no-repeat;
}
.frontbutton1 a h1, .frontbutton2 a h1, .frontbutton3 a h1 { /* Anger egenskaper för länktexten i alla puffen som är samma*/
	font-family:Trebuchet MS;
	font-style:italic;
	font-weight:normal;
	color:#666666;
	display:block;
	text-transform: none;
}
.frontbutton1 a h1 { /* Anger egenskaper för länktexten i den första puffen */
	padding: 55px 0px 50px 100px;
	font-size:18px;
}
.frontbutton2 a h1 { /* Anger egenskaper för länktexten i den andra puffen */
	padding: 20px 0px 70px 80px;
	font-size:18px;
}
.frontbutton3 a h1 { /* Anger egenskaper för länktexten i den tredje puffen */
	padding: 10px 0px 50px 10px;
	font-size:13px;
}
.buttonList { /* Anger egenskaper för innehållet runt valknapparna i formuläret. */
	float:left;
	font-weight: normal;
	color: #996633;
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}
.anmalNamn { /* Anger storleken för rutan med namn1 osv. i dropdown menyn */
	float:left;
	width:100px;
}
.anmaNamnRuta { /* Anger storleken för rutan där du fyller i namn i dropdown menyn */
	float:left;
	width:200px;
}
.content { /* Inramar sidans huvuinnehåll och ger den en lätt gråtoning */
	float:left;
	width:960px;
	background-color:#f4f4f4;/* clear:both;*/
}
.content_middle { /* Begränsar innehållet i de två vänstra spalterna på sidan om man i stället vill ha ett stort fält som på första sidan t.ex. */
	float:left;
	width:595px;
}
.cfl { /* eg. Content float left. Göra att div-taggen flyter åt vänster d.v.s. lägger sig omedelbart till höger om föregående objekt. */
	float:left;
}
.ccb { /* eg Content clear both Göra att div-taggen lägger sig direkt under föregående objekt. */
	clear:both;
}
.ccb a { /* Gör att hela divtaggen blit en länk inte bara texten. */
	display:block;
}
.faktaRuta { /* Inkapslar faktarutorna på sidorna */
	float:left;
}
.faktaRuta p { /* Ger textegensakper till faktarutorna */
	float:left;
	font-size:10px;
}
.underMeny { /* Används för menyn under "huvudbilden" på våra resor sidorna */
	clear:both;
	font-weight: bold;
}
.underMeny a { /* Ger textlänksegenskaper för menyn under "huvudbilden" på våra resor sidorna */
	font-family:"Palatino Linotype";
	font-size: 14px;
	background-image: url(../img/menu/svartknapp.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
	line-height: 20px;
	height: 20px;
}
.underMeny a.selected, .underMeny a:hover {
	color: #996633;
	background-image: url(../img/menu/guldknapp.jpg);
}
.underMeny a.selected:hover {
	color: #000000;
	background-image: url(../img/menu/svartknapp.jpg);
}
.underMeny h2 {
	font-size: 14px;
}
.spalt { /* Anger bredden på textspaletrna */
	float:left;
	width:287px;/*min-height: 300px;
	min-height: auto !important;*/
}
.spalt_right { /* Spalten längs till höger innehåller oftast en bild och knapp. */
	float:left;
	width:285px;
}
.VaraResor { /* div-taggen för resmålen på allaresorsidorna */
	width:285px;
	float:left;
	text-align:left;
}
.VaraResor ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.VaraResor li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	font-size: 16px;
}
.VaraResor .resmalet a { /* Textlänke egenskaperna för div-taggen  på alla resorna sidan */
	color: #996633;
	padding: 0px 0px 0px 16px;
	background-image: url(../img/menu/dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.VaraResor .resmalet a:hover {
	color: #333333;
}
.VaraResor .datum {
	width:100px;
	font-size:10px;
}
.VaraResor .dagar, .VaraResor .pris {
	display: none;
	visibility: hidden;
}
.AllaAvgangar {
	float: left;
}
.AllaAvgangar ul {
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.AllaAvgangar li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	height: 30px;
	line-height: 30px;
}
.AllaAvgangar li.Headers {
	background-image: url(../img/bg/tonadlinje.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 30px;
	border: none;
	width: 590px;
}

.resmalet { /* Egeskaperna för resmalet div-taggen på alla resorna sidan */
	width:260px;
	float:left;
	text-align:left;
}
.resmalet a {
	font-size: 14px;
	font-weight: bold;
	color: #996633;
	background-image: url(../img/menu/guldknapp.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	display: block;
	float: left;
}

.datum { /* Egeskaperna för datum div-taggen på alla resorna sidan */
	width:140px;
	float:left;
	text-align:left;
}
.dagar { /* Egeskaperna för antaldagar div-taggen på alla resorna sidan */
	width:100px;
	float:left;
	text-align:left;
}
.pris { /* Egeskaperna för pris div-taggen på alla resorna sidan */
	width:80px;
	float:left;
	text-align:left;
}
.karta { /* Egeskaperna för div-taggen med karta på alla resorna sidan */
	background-color: #DFEDFA;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 285px;
}
.frontDeBoeuf { /* Anger textegenskaper för alla rutor som ligger på formuläret */
	font-family:Trebuchet MS;
	font-size:12px;
	color:#666666;
	background: transparent;
	width:260px;
	height:22px;
	border: #d1d2d4 1px solid;
}
/* FAQ */
.submenu {
}
.switchlink { /* Egenskaper för frågasvar sidan */
	cursor: pointer; /* mac fix*/
	cursor: hand;
	/* color: #CF2E2E; */
	margin-top: 2px;
	margin-bottom: 2px;
}
.ingress {
	font-size: 100%;
}
#footer { /* Anger egenskaper för och bakgrundsbild till footern */
	padding: 0;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/bg/footer.jpg);
	height: 80px;
	width: 960px;
	clear: both;
	float: left;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* .error{ color: Red;
}
.msg{ color: #FF7D00;
} */
.clr {
	clear:both;
}
/** Till slide showen **/
.primary-2px-fix { /* fix till bildspelet */
	padding:0px 2px;
} /*This is a fix for old microsites that are 980px wide that need to fit inside the new 984px wide one column shell*/
#gamesSlider #s1 .promo { /* anger egenskaper för bildspelet */
	float:left;
	background-color: #f4f4f4;
	width:900px;
	height: 350px;
}