/*Jag har lagt det mesta av utseendekoden i den här css-filen.*/

body { padding: 0; margin: 0; height: 100%; width: 100%;
  background-color:#037110;
  background-image:url(/images/dekor/banner.jpg);
  background-repeat:repeat-x;
 }


/* ---- FONT STYLE ---- */
/*Styr den vanliga textens utseende*/

.Normal { font-family: Century Gothic, Verdana, Tahoma, Arial, Helvetica; font-size: 13px; color: #fff; }

p { margin: 0 0 1em 0; line-height: 1.5em; }
h1 { font-family: Century Gothic, Verdana; font-weight: 100; font-size: 140%; color: #ffffb9; text-align: center; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; }
h2 { font-family: Century Gothic, Verdana; font-weight: 100; font-size: 140%; color: #ffffb9; margin: 0px 0px 5px 0px; padding: 0 0 0 0; }
h3 { font-size: 100%; font-weight: bold; margin: 0; }

Title { float: left; }

a:link { color: #cad00f; text-decoration: underline; }
a:visited { color: #cad00f; text-decoration: underline; }
a:hover { color: #fff; text-decoration: underline;}
a:active { color: #fff; text-decoration: none; }



/* ---- NORMALTAGGAR ----*/
/*Vanliga html-element som inte är textformat*/

hr { color: black; background-color: black; border: 0; height: 1px; margin: 5px 0 5px 0 ; padding: 0; }
ol { margin: 0 0 1em 0; }
img { border: 0; }
li {list-style-type: none;}

/*---- LAYOUT ----*/
/* Index-sidan (Startsidan) och resten av sidorna skiljer sig något åt. I de fall det finns specialklasser för Index-sidan är dessa döpta till namn som börjar med Index. */


#menuarrow_right{

}

#start_cornerimage {
	}

#index_music_styles {
	}

#index_music_styles p
{
  line-height:15px;
}

#Container { overflow: hidden; position: absolute; top: 70px; left: 20px; margin: 0; padding: 0; text-align: left; width: 980px; background-image: url(../images/dekor/backglines2.gif); background-repeat:repeat-y;}
#IndexContainer { overflow: hidden; position: absolute; top: 70px; left: 20px; margin: 0; padding: 0; text-align: left; width: 980px; background-image: url(../images/dekor/backglines2.gif); background-repeat: repeat-y;}

#Left { float: left; width: 255px; vertical-align: top; margin: 0; padding: 0;

 }
 #MenuArea { float: left; padding: 80px 0 0 43px; width: 180px; 
 }
#Middle { float: left; width: 420px; vertical-align: top; margin: 0; padding: 0; }
#Right { float: right; width:240px; margin: 0px; padding: 0px; border:0px solid black;}
#IndexRight { float: right; width:240px; margin: 0px; padding: 0px; border:0px solid black;}


#TexteromusikLista li
{
  margin-left:0px;
  margin-top:6px;
  background-image:url(/images/dekor/pil.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  background-position:0px 4px;
}

#start_cornerimage .CornerImage
{
  margin-top:0px;
}



 .CornerImage { height: 131px; width: 174px; padding: 0; margin: 0; border: 0; margin-top:27px;  }


/* ---- Bandet ---- */
/*Här ligger layout-kod som är specifiell för bandetsidan.*/

div#BandetList { float: left; margin: 0;  }
div#BandetList a:link { text-decoration: none; }
div#BandetList a:hover { text-decoration: none; }
div#BandetList a:visited { text-decoration: none; }
div#BandetList a:active { text-decoration: none; }


/* ---- MainMenu ---- */

/*Det här är css-klasserna för pilarna ovanför och under huvudmenyn*/
.MenuArrowTop { margin: 0 0 20px 15px; width: 130px; }
.MenuArrowBottom { margin: 25px 0 0 15px; width: 130px; }

/*Huvudmenyn är gjord som en punktlista, och det är i den här css-koden som styr hur listan ser ut*/
div#Menu ul { list-style-type: none; margin: 0; padding: 0; width: 150px; font-size: 1.1em;
}
div#Menu li { margin: 0.25em 0 0.25em 0;}
div#Menu ul span { display: block; color: #999; text-decoration: none; margin: 2px 0 0 0; padding: 0; width: 150px; }
div#Menu ul a { display: block; color: #ffffb9; text-decoration: none; margin: 2px 0 0 0; padding: 9px 0 9px 0; width: 150px; }
div#Menu ul a:hover { color:#eff709; }
div#Menu ul a.active1, div#Menu ul span.active1 { color: #999; text-decoration: none; }

/*Den här koden bestämmer hur namnet på den aktiva sidan markeras i menyn (större och grå)*/
body#index a#menu-index,
body#nyheter a#menu-nyheter,
body#fakta a#menu-fakta,
body#stugorna a#menu-stugorna,
body#katan a#menu-katan,
body#kropp a#menu-kropp,
body#aktiviteter a#menu-aktiviteter,
body#konferens a#menu-konferens,
body#golf a#menu-golf,
body#priser a#menu-priser,
body#kropp a#menu-kropp,
body#gastbok a#menu-gastbok,



body#tom-allaharvidrommar a#menu-texteromusik,
body#tom-anglavakt a#menu-texteromusik,
body#tom-domdarbarnen a#menu-texteromusik,
body#tom-dusaattlivet a#menu-texteromusik,
body#tom-gratlat a#menu-texteromusik,
body#tom-jagvilltro a#menu-texteromusik,
body#tom-jagvillhadig a#menu-texteromusik,
body#tom-jahanttidnasidu a#menu-texteromusik,
body#tom-kattenfrej a#menu-texteromusik,
body#tom-lillausa a#menu-texteromusik,
body#tom-oskrivetblad a#menu-texteromusik,
body#tom-tidsfordriv a#menu-texteromusik,
body#tom-vanskapatalla a#menu-texteromusik,
body#tom-vartidarforbi a#menu-texteromusik,
body#tom-virvlanderegnbage a#menu-texteromusik,
body#bilder a#menu-bilder,
body#backspegeln a#menu-backspegeln,
body#nostalgibilder a#menu-nostalgibilder,
body#bakfickan a#menu-bakfickan,
body#gastbok a#menu-gastbok,
body#minmening a#menu-minmening,
body#kontakt a#menu-kontakt { font-size: 1.4em; margin: 0 ; padding: 0; color: #fff;}

/*Den här koden bestämmer hur namnet på den aktiva sidan markeras i texterochmusik-undermenyn (grå)*/
body#tom-start a#tom-start,
body#tom-allaharvidrommar a#tom-allaharvidrommar,
body#tom-anglavakt a#tom-anglavakt,
body#tom-domdarbarnen a#tom-domdarbarnen,
body#tom-dusaattlivet a#tom-dusaattlivet,
body#tom-gratlat a#tom-gratlat,
body#tom-jagvilltro a#tom-jagvilltro,
body#tom-jagvillhadig a#tom-jagvillhadig,
body#tom-jahanttidnasidu a#tom-jahanttidnasidu,
body#tom-kattenfrej a#tom-kattenfrej,
body#tom-lillausa a#tom-lillausa,
body#tom-oskrivetblad a#tom-oskrivetblad,
body#tom-tidsfordriv a#tom-tidsfordriv,
body#tom-vanskapatalla a#tom-vanskapatalla,
body#tom-vartidarforbi a#tom-vartidarforbi,
body#tom-virvlanderegnbage a#tom-virvlanderegnbage { color: #999; }


/* ---- Bilder ---- */

div#BilderThumbnails a { width: 75px; margin: 0 30px 30px 0; float: left; padding: 0; }
#BilderStorbild { height: 300px; margin: 0 0 10px 0; padding: 0; }
#image_descrip
{
  margin-bottom:20px;
}

/* ---- Texter och Musik ---- */

#MainBodyContent { float: left; width: 446px; padding: 0; margin: 0; }

#TexteromusikLista { width:100%; float: left; text-align: left; }

div#TexteromusikLista ul { list-style-type: none; padding: 1px 0 2px 0; margin: 0; text-align: left;}
div#TexteromusikLista ul a, div#TexteromusikLista ul span { display: block; color: #f63; text-decoration: none; width: 180px; margin: 0; padding: 5px 0 5px 0; }
div#TexteromusikLista ul a:hover { text-decoration: none; color: #999; }
div#TexteromusikLista ul a.active1, div#TexteromusikLista ul span.active1 { color: #333; text-decoration: none; }

.MusikTitleRow { float: left; width: 446px; margin: 0; padding: 0; }
    .Title { float: left; width: 49%; }
    .TexteroMusikDate { width: 49%; color: #999; margin: 0.4em 0 0 0; padding: 0; float: right; text-align: right;}

TexteromusikLista ul a img {
	background.color:blue;
	}

#mediaplayer {
	background-color:#efefef;
	border-top:1px solid black;
	color:#000;
	margin-top:20px;
	}

.song_details {
	position:relative;
	top:-15px;
	}
	
#song_description {
  position:relative;
  float:right;
  width:200px;
  margin-top:14px;
  margin-right:10px;
  }	
	
img .mediaplayericon {
	position:relative;
	top:2px;
	background-color:red;
	width:16px;
	}	

/* ---- News ---- */

div#NewsList h2 { font-size: 120%; margin: 0; }
div#NewsList p { margin: 0 0 1em 0; line-height: 1.5em; }

.NewsDate { text-align: left; font-size: 0.8em; font-weight: normal; color: #999; margin: 0 0 0.5em 0; }
.NewsItem { padding: 0; margin: 20px 0 0 0; }




/* ---- Guestbook ---- */
/*Gästboken är lite speciell eftersom den är mer komplicerad än övriga sidor. Den har också helt egna klasser. Vanligtvis inleds Gästbokens klasser med GB (GuestBook)*/

.date{	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8px; font-weight: normal; color: #000000; text-decoration: none; }
.italic{	font-family: Verdana, Helvetica, Arial, sans-serif;	font-size: 10px;	font-weight: normal;	color: #999999; text-decoration: none;	font-style: italic; }
input.button {	background-color: #C0C0C0;	color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

div#GBNewPostForm table { border: 1px solid #C0C0C0; width: 350px; }
div#GBNewPostForm td { padding: 10px }

.GBWarningMessage { color: red; text-align: center; margin: 1em 0 1em 0; }

.GBSearchNav { text-align: center; font-size: 12px; font-weight: bold; text-decoration: none;	background-color: #FFFFFF; }

.GBAddMessageTable { border: 1px solid #C0C0C0; width: 350px; }
.GBAddMessageTD { padding: 10px; height:20px; }

.GBMainAlternatives { margin: 0 0 30px 0; }

.GBListMessages { float: left; border-bottom: 1px solid #C0C0C0; width:440px; padding: 10px 0 20px 0; }
.GBListMessagesHeader { float: left; }
.GBListMessagesFrom { font-family: arial; font-size: 1.2em; font-weight: bold; width: 300px; float: left; }
.GBListMessagesFrom2
{ 
  font-family: arial; font-size: 11px; font-weight: bold; width: 240px;
}

.GBListMessagesDate { font-size: 0.8em; color: #C0C0C0; width: 140px; float: right; text-align: right; }
.GBListMessagesDate2 
{ 
  font-size: 10px; color: #C0C0C0; width: 160px;
}

.GBListMessagesNextPrevArea { width: 440px; margin: 10px 0 0 0; padding: 0; }
.GBListMessagesNext { float: right; margin: 0; padding: 0; width: 150px; text-align: right; }
.GBListMessagesPrev { float: left; margin: 0; padding: 0; width: 150px; text-align: left; }
.GBListMessagesPageNo { float: left; text-align: center; width: 440px; }

.GBSearchTable { border: 1px solid #C0C0C0; width: 350px; }
.GBSearchTD { padding: 10px; height: 20px; }
.GBSearchFieldContainer { margin: 0 0 30px 0; }
.GBSearchFieldLabel { float: left;  }
.GBSearchFieldField { float: left; text-align: left; }
.gbreply
{
  padding-left:20px;
  padding-top:10px;
  padding-right:20px;
  color:#f63;
}

#extra_menu a {
  text-decoration:none;
}

.selected_page
{
  color:#f63;
  font-weight:900;
}

#gastboken
{
}


#footer {
	clear:both;
	width:400px;
	
	background-color:#037110;
	margin-left:216px;
	padding-top:20px;
	
}

#footer_text {
	padding:10px;
	margin-top:50px;
	background-color:#fbfbfb;
	border:1px solid #ccc;
	
	width:450px;
	margin-left:12px;
	margin-right:10px;

	
	}
	
#site_end {
	background-color:#037110;
	clear:both;
	height:20px;
}

#votebox
{
  border:2px solid gold;
  padding:4px;
}

.citat
{
  font-weight:900;
  font-style:italic;
}

.news
{
  margin:0px;
  padding:10px;
}

.news li
{
  margin-left:-10px;
  margin-top:6px;
  background-image:url(/images/dekor/pil.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  background-position:0px 4px;
}

a #changebutton, a #changebutton2, a #changebutton3
{
  background-color:#049615;
  display:block;
  float:right;
  border-top:2px solid #68c072;
  border-left:2px solid #68c072;
  border-bottom:2px solid #025a0c;
  border-right:2px solid #025a0c;
  padding:3px;
  margin:0px;
  text-decoration:none;
  color:#fff;
  clear:both;
}

#changebutton a:hover, #changebutton2 a:hover
{
  color:#fff;
  text-decoration:none;
  coursor:pointer;
}

#imgcontainer, #imgcontainer2, #imgcontainer3
{
display:none;
}

#fixlogo
{
  position:absolute;
  z-index:999;
  top:25px;
  left:792px;
  height:61px;
  width:104px;
  background-image:url(/images/newlogo_liten.jpg);
}