@charset "utf-8";

/* START:GENERELL FORMATERING */
img{border:0px}
/* SLUT:GENERELL FORMATERING */
/* START:LÄNKAR  */
a:link{color:#E5F120;text-decoration:none}
a:visited{color:#E5F120;text-decoration:none}
a:hover{color:#E5F120;text-decoration:underline}
a:active{color:#E5F120;text-decoration:none}
a.iRubrik:link{color:#DF1988;text-decoration:underline}
a.iRubrik:visited{color:#DF1988;text-decoration:underline}
a.iRubrik:hover{color:#DF1988;text-decoration:none}
a.iRubrik:active{color:#DF1988;text-decoration:underline}
a.gallerymenulink:link{font-size:10px;color:#330000;text-decoration:none}
a.gallerymenulink:visited{font-size:10px;color:#330000;text-decoration:none}
a.gallerymenulink:hover{font-size:10px;color:#990000;text-decoration:none}
a.gallerymenulink:active{font-size:10px;color:#330000;text-decoration:none}
a.festivalrubriklink:link{font-size:14px;color:#FFFFCC; font-weight:bold}
a.festivalrubriklink:visited{font-size:14px;color:#FFFFCC; font-weight:bold}
a.festivalrubriklink:hover{font-size:14px;color:#FFFFFF; font-weight:bold}
a.festivalrubriklink:active{font-size:14px;color:#FFFFCC; font-weight:bold}
/* SLUT:LÄNKAR*/ 
/* START:RUBRIKER,PARAGRAFER,TEXT */
p{margin-bottom:10px;color:#F9F7BB}
p.sista{margin-bottom:10px}
p.gamlanyheter{margin-bottom:45px}
h1{display:inline;font-size:100%;letter-spacing:0.1em;text-transform:uppercase;padding-bottom:5px}
span.ljusgul,span.orange,span.vit{font-size:10px;letter-spacing:0.1em;text-transform:uppercase}
span.ljusgul{color:#F9F7BB}
span.vit{color:#FFFFFF}
span.orange{color:#F8B30C}
span.gul{color:#E5F120}
span.nyheter{font-size:12px;color:#FFFFCC}
span.nyheter_rubrik{font-size:14px;color:#FFFFCC; font-weight:bold}
span.nyheter_rubrik_under{font-size:14px;color:#FFFFCC; font-weight:bold; text-decoration:underline}
span.nyheter_datum{font-size:14px;color:#FFCC00; font-weight:bold}
span.datum{font-size:10px; color:#330000}
span.galleri{font-size:14px; color:#330000; font-weight:bold}

.infofraga{background-color:#E5F120; color:#DE1988}
/* SLUT:RUBRIKER, CLASSER, PARAGRAFER */

body {
	font: 100% "Courier New", Courier, monospace;
	
	background: #999999;
	background-image: url(bilder/bakgrund_staket.gif);
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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 */
	color: #000000;
}

.oneColElsCtr #container {
	scrollbar-3dlight-color:b42926;
    scrollbar-arrow-color: #000000;
	scrollbar-base-color: b42926;
	scrollbar-darkshadow-color: b42926;
	scrollbar-face-color: b42926;
	scrollbar-highlight-color: b42926;
	scrollbar-shadow-color: b42926;
	scrollbar-track-color: b42926;
	width: 1000px;
	height: 655px;
	position:absolute;
	left:0px;
	top:10px;
	background-image: url(bilder/Tyrolenbakgrund_med-text_72.png);
	background-repeat: no-repeat;
	margin: 10px 100px ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #container_galleri {
	scrollbar-3dlight-color:b42926;
    scrollbar-arrow-color: #000000;
	scrollbar-base-color: b42926;
	scrollbar-darkshadow-color: b42926;
	scrollbar-face-color: b42926;
	scrollbar-highlight-color: b42926;
	scrollbar-shadow-color: b42926;
	scrollbar-track-color: b42926;
	width: 1000px;
	height: 600px;
	background-image: ;
	background-repeat: no-repeat;
	margin: 10px 10px ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	width: 520px;
	height: 395px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#content{
	position:relative;
	left:255px;
	top:150px;
	width:495px;
	padding-bottom:35px;
	height: 345px;
	overflow: hidden;
}

#pilarna{
	position:absolute;
	left:749px;
	top:501px;
	width:10px;
	padding-bottom:0px;
	height: 40px;
	overflow: hidden;
	z-index:1000;
}

/* START:FÖR CSS FÖR ROLL-OVER AKTIVITETER */
*html a:hover{visibility:visible}
#nufortiden,#dafortiden,#gastbok,#nyheter,#kontakt,#galleri,#tyrolenpil,#tyrolenpil_back,#kalender,#festival{
	position:absolute;
	z-index:1000;
	left: 602px;
	top: 111px;
	width: 57px;
}
#nufortiden{
	left:110px;
	top:489px;
	width: 96px;
	height: 22px;
	background-image: url(bilder/nufortiden.png);
}
#dafortiden{
	left:120px;
	top:520px;
	width: 95px;
	height: 15px;
	background-image: url(bilder/dafortiden.png);
}
#gastbok{
	left:223px;
	top:156px;
	width: 10px;
	height: 96px;
	background-image: url(bilder/gastbok.png);
}
#nyheter{
	left:286px;
	top:69px;
	width:71px;
	height: 25px;
	background-image: url(bilder/nyheter.png);
}
#galleri{
	left:616px;
	top:72px;
	width:101px;
	height: 17px;
	background-image: url(bilder/fotogalleri.png);
}

#kontakt{
	left:772px;
	top:451px;
	width:14px;
	height: 96px;
	background-image: url(bilder/kontakt.png);
}

#tyrolenpil{
	left:725px;
	top:112px;
	width: 106px;
	height: 69px;
	background-image: url(bilder/tyrolenpil.png)
}

#tyrolenpil_back{
	left:38px;
	top:399px;
	width: 106px;
	height: 69px;
	background-image: url(bilder/tyrolenpil.png)
}

#kalender{
	left:289px;
	top:117px;
	z-index:1000;
	width: 80px;
	height: 13px;
	background-image: url(bilder/kalender.png)
}

#festival{
	left:627px;
	top:109px;
	width: 79px;
	height: 23px;
	background-image: url(bilder/festival.png)
}


.navNufortiden a:hover img,.navDafortiden a:hover img,.navGastbok a:hover img,
.navNyheter a:hover img,.navKontakt a:hover img,.navGalleri a:hover img,.navTyrolenpil a:hover img,.navTyrolenpil_back a:hover img,.navKalender a:hover img,
.navFestival a:hover img,.navFlort a:hover img{visibility:hidden}

.navNufortiden,.navNufortiden a,.navNufortiden img{width:96x;height:22px}
.navNufortiden{background: url(bilder/nufortiden_over.png) no-repeat}
.navNufortiden a{display:block;float:left}

.navDafortiden,.navDafortiden a,.navDafortiden img{width:95px;height:15px}
.navDafortiden{background: url(bilder/dafortiden_over.png) no-repeat}
.navDafortiden a{display:block;float:left}

.navGastbok,.navGastbok a,.navGastbok img{width:10px;height:96px}
.navGastbok{background: url(bilder/gastbok_over.png) no-repeat}
.navGastbok a{display:block;float:left}

.navNyheter,.navNyheter a,.navNyheter img{width:71px;height:25px}
.navNyheter{background: url(bilder/nyheter_over.png) no-repeat}
.navNyheter a{display:block;float:left}

.navKontakt,.navKontakt a,.navKontakt img{width:14px;height:96px}
.navKontakt{background: url(bilder/kontakt_over.png) no-repeat}
.navKontakt a{display:block;float:left}

.navGalleri,.navGalleri a,.navGalleri img{width:101px;height:17px}
.navGalleri{background: url(bilder/fotogalleri_over.png) no-repeat}
.navGalleri a{display:block;float:left}

.navTyrolenpil,.navTyrolenpil a,.navTyrolenpil img{width:106px;height:69px}
.navTyrolenpil{background: url(bilder/tyrolenpil_over.png) no-repeat}
.navTyrolenpil a{display:block;float:left}

.navTyrolenpil_back,.navTyrolenpil_back a,.navTyrolenpil_back img{width:106px;height:69px}
.navTyrolenpil_back{background: url(bilder/tyrolenpil_over.png) no-repeat}
.navTyrolenpil_back a{display:block;float:left}

.navKalender,.navKalender a,.navKalender img{width:80px;height:13px}
.navKalender{background: url(bilder/kalender_over.png) no-repeat}
.navKalender a{display:block;float:left}

.navFestival,.navFestival a,.navFestival img{width:79px;height:23px}
.navFestival{background: url(bilder/festival_over.png) no-repeat}
.navFestival a{display:block;float:left}

/* SLUT:FÖR CSS FÖR ROLL-OVER AKTIVITETER */

/* START:STATISK GRAFIK/GIF-ANIMATIONER 
#tyrolenskylt{position:absolute; z-index:500}
#tyrolenskylt{left:0px;top:0px;width:773px;height:549px;background-image: url(../bilder/tyrolenpil.gif)}
 SLUT:STATISK GRAFIK/GIF-ANIMATIONER */

/* Galleri */

.gallerymenu{
	position: absolute;
	z-index:2000;
	width: 162px;
	height: 355px;
	left:20px;
	top:60px;
	padding:5px;
	background-color:/*#FFFFF1*/;	
	background-image: url(bilder/fotomeny_bak.png);
	background-repeat: no-repeat;
	margin: 10px 10px ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.gallerycontainer{
	position: absolute;
	width: 1000px;
	height: 600px;
	left:190px;
	top:20px;
	background-image: ;
	background-repeat: no-repeat;
	margin: 10px 10px ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.content_festival{
	position:absolute;
	left:255px;
	top:150px;
	width:1000px;
	padding-bottom:35px;
	z-index:1500;
	height: 500px;
	overflow: hidden;
	margin: 10px 10px ; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
}

.content_festival_faq{
	position:relative;
	left:255px;
	top:150px;
	width:495px;
	padding-bottom:35px;
	height: 345px;
	overflow: auto;
}

/* Bildvisning gallerisidan */

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: ; */
background-color:#CCCCCC;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 420px; /*position where enlarged image should offset horizontally */
z-index: 2000;
}

/* Bildvisning gallerisidan slut*/

/* Bildvisning festivalsidan*/

.thumbnailfest img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailfest:hover{
background-color: transparent;
}

.thumbnailfest:hover img{
border: 1px solid black;
z-index:2000;
}

.thumbnailfest span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: ; */
background-color:#CCCCCC;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index:2000;
}

.thumbnailfest span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnailfest:hover span{ /*CSS for enlarged image*/
position:absolute;
visibility: visible;
top: 0;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 2000;
}

/* Bildvisning festivalsidan slut*/