/*   Den blå bakgrunden...   */
body {
/*	background-color: #323250; */
    background-color: #CCCCCC;
}

/* Nedan styr länkfägerna över hela sidan. Vill man skapa en separat länkfärg för någontin kan man 
göra detta genom att ange definitioner för en klass eller ett DIV ID. 
Se exempel längre ner på klassdefinition för header. */
a {
	color: #cc0000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color: #cc0000;
}
a:visited {
	text-decoration: none;
	color: #cc0000;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #cc0000;
}
/*Nedan anger det generella typsnitt som används över hela sidan, med font, storlek och färg.
Jag rekommenderar att ni behåller detta. Vill ni ha större typsnitt någonsans så ange en klass eller DIV ID*/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

 /*/////   Nedan=bla. objektnamn i listan, en stor fet rubriklänk  ////*/
a.header:link, a.header:visited, a.header:active {
	color: #333333;
		font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.header:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	
}
 /*/////////  Nedanstående klasser gör färgerna för bokade/icke bokade veckor     //////////*/
 .ledig {
 background-color:#7fff52;
 color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 }
  .bokad {
 background-color:#FF9900;
 color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 }
/*/////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////            KLASSER FÖR RAMVERKSFILERNA NEDAN!!!        ////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
Arbetsgången med detta ramverk är följande: När du skall skapa en ny fil, öppna filen mall.php i
typ dreamweaver. Välj sen Save as... och spara den som tex. nyheter.php om du vill göra en
nyhetssida. I centerkolumnen Lägger du innehållet för denna sida. Sen länkar du till den i den sido-
fil du vill använda som meny: Antingen left.php för vänstermeny eller right.php för högermeny.

Dom sidor som du ska arbeta i som inkluderas i mall.php och ALLA andra ramverksfiler:

header.php - toppen, lägg topplogga och vad du nu vill i denna, bredden är engiven i ramverkat till 760 px.

footer.php - Bottenfilen. Där ligger nu endast en copyrightnotering.

right.php - högra sidofilen, här ligger menyn rippad från guteinfo, och alla länkar är borttagna utom
till index.php och stugkatalogen(object_list.php)

left.php - vänstra sidofilen, här ligger menyn rippad från guteinfo, och alla länkar är borttagna utom
till index.php och stugkatalogen(object_list.php)

i varje fil ligger en DIV som omsluter innehållet, och alla html, header och bodytaggar är borttagna eftersom filerna
inkluderas i ramfilerna som innehåller all denna info. Detta innebär att när du gör ändringar i css-filen(denna fil)
så ser du inte dom i dreamweaver, utan du måste ladda upp filerna som du ändrats i till 
webbhotellet och se ändringarna på siten direkt


rightcolumn styr allt specifikt kring högerkolumnen på sidan.

tex. #rightcolumn är klassen för ID't på den DIV som inramar högerkolumnen.
Både den och vänstersidan är satta till 120 bredd just nu.
Och centerkolumnen är satt till 450 px bredd.
Du har totalt 760 px bredd att spela med, men du måste räkna bort 30 px för den cellspacing jag har satt,
plus de 450 px i mitten. Det blir alltså 280 px kvar att disponera. Även om jag satt bägge till 120px nu
så händer inget med layouten eftersom bredden är satt i de DIV'ar som ligger inuti tabellcellerna på sidorna.
Cellerna i sig är flytande och anpassar sig efter totalbredden 760 px och bredden på cellinnehållet(DIV'en).

*/

/*Högra sidan*/
#rightcolumn   {
width:120px;


}

/*vänstra sidan*/
#leftcolumn   {
width:120px;

}
/*mittenkolumnen med allt innehåll, breddstyrning */
#centercolumn   {
width:450px;

}
/*längst ner*/
#footer   {
line-height:30px;
vertical-align:bottom;
color:#999999;

}

/*toppen*/
#header   {
width:760px;


}

/* Nedan ser du ett exempel på att använda ett DIV ID till att styra
länkfäger. Denna är satt som en mörkblå länkfärg med mörkröd understruken rollover.*/
#rightcolumn a:link,  a:active, a:visited {
color:#000066;

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









/*/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////
//////////          RÖR INGENTING NEDANFÖR DENNA MARKERING!!!!!!!       ///////////////////
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/





.style1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {color: #0000FF}

.bokningstabell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
 form {
 margin:0px;
 padding:0px;
 }
 .smallform {
 width: 80px;
 }
 h6 {
 	font-size: 14px;
	font-wheight: bold;
	color: #333333;

 }
 .tiny {
 font-size:9px;
 color:#666666;
 }
 hr {
 padding:0px;
 margin:0px;
 height:1px;
 border:none;}
 
 .rowtable {
border-bottom: #999999 dashed 1px;
border-left:none;
border-right:none;
border-top:none}

 /* Tar bort oönskade p-taggar */
 #paraslimmer p {
 margin-bottom:0px;
  margin-top:0px;
 padding:0px;
  font-style:normal;

 }
 #pricewrapper {
 margin-top:3px;
 border:#cccccc solid 1px;
 
 
}
 .dotster {
 border:#DDDDDD dashed 1px; 
 font-style:normal;
}
 .tele {
 font-size:12px;
 line-height:26px;
}