BODY
{
    FONT-SIZE: 10pt;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
TABLE
{
    FONT-SIZE: 10pt;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
DIV.Offscreen
{
    DISPLAY: none
}
H2
{
	font-family: 'Uncial Antiqua', Verdana, Arial, sans-serif;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 18pt;
    COLOR: black;
    MARGIN-BOTTOM: 1px;
    PADDING-BOTTOM: 1px;
    LINE-HEIGHT: 19pt;
 
}
H3
{

	font-family: 'Uncial Antiqua', Verdana, Arial, sans-serif;
    FONT-SIZE: 18pt;
    LINE-HEIGHT: 22pt;
   
}
H5
{
    FONT-SIZE: 11pt;
    VERTICAL-ALIGN: sub;
    LINE-HEIGHT: 9pt;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.Offscreen
{
    DISPLAY: none
}
SPAN.BulletNumber
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-large;
    COLOR: #66ccff
}
SPAN.BulletText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    LETTER-SPACING: 1pt;
    TEXT-ALIGN: center
}
I
{

}
A:link
{
    COLOR: #484867;
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: #484867;
    TEXT-DECORATION: underline;
}
A:hover
{
    COLOR: #c33232;
    TEXT-DECORATION: none
}
.infosquare
{
position: absolute;
margin-left: 11px;
margin-top: 5px;
}
.fullSize 
{ 
	width: 580px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}


.box670usedgear
{ 
	width: 670px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #f0f0f0; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}
.box670
{ 
	width: 670px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}

.box544
{ 
	width: 544px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}

.boxDarkRed
{ 

	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #eee7cb; 
	border-top: #ff4040 2px solid; 
	border-bottom: #ff4040 2px solid;
}

.boxDark
{ 

	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #eee7cb; 
	border-top: #404040 2px solid; 
	border-bottom: #404040 2px solid;
}

.boxLight
{ 
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid;  
}

.box350
{ 
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}
.box330
{ 
	width: 330px;
	height: 100px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}
.box300
{ 
	width: 350px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}
.box275
{ 
	width: 275px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}
.box179
{ 
	width: 179px;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-top: #e0e0e0 2px solid; 
	border-bottom: #e0e0e0 2px solid 
}

.BackpackWrapper{
	width: 520px;
}
.boxBackpack
{ 
	width: 100%;
	text-align: left; 
	padding-left: 5px; 
	padding-right: 13px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-right: none; 
	border-left: none; 
	background-color: #fff8dc; 
	border-bottom: #e0e0e0 2px solid ;
	border-left: #e0e0e0 2px solid ;
	border-right: #e0e0e0 2px solid ;
	
	}

/* #########   BUTTONS   ###################### */
.Button
{
height: 17px;
width: 200px;
padding: 7px;
background-color: #DEDEDE;
-moz-border-radius: 4px;
border-radius: 12px;
border-bottom-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border: 1px solid #CCB0B0;
text-align: center;
color: #D00;
font-size: 20px;
cursor: pointer;
padding-left: 15 px;
font-family: 'Uncial Antiqua', cursive;
padding-top: 9px;
border-image: initial;
}

.adventureBtn{width: 349px; clear: both;}
.takeQuestBtn{}
.attackBtn{height: 43px;}
.choiceBtn{ width: 360px; padding-right;50px; margin-bottom: 4px;}
.berryBtn{}
.drinkBtn{}
.takeItemBtn{}
.oldmanBtn{ width: 292px;}
.backpackBtn{
text-align: left; 
width: 100%;
border-bottom-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
}

/* ######### GENERISK SLIDER, används på flera ställen ############*/
.sliderWrapper{}
.sliderHeadline{}
.sliderMessage{}
.sliderUpDownImage{float:left; padding: 4px;}
/* #########   BLOG/Gästbok/Dagbok   ###################### */

.blogShowPageHeader
{
 height:20px;
width:100%;
padding: 5px;


 background-color: #dedede;
 -moz-border-radius: 4px;
border-radius: 4px;
	border: 1px solid #b0b0b0;
	text-align: center;
	
  color: #707070;
  font-size: 18px;
/*	text-shadow: #e0e0e0 0.0em 0.0em 0.3em;*/
}
.blogHeadline
{
	
	float: right;
	background-color: #B0B0B0;
	cursor: pointer;
	border: 1px solid #909090;
	

	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	
	
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	
	margin-top: 5px;
	height: 18px;
	padding-top: 1px;
 
}
.blogUpDownImage
{
float:left; padding: 4px;
}
.blogSubLine
{
	float: right;
	background-color:#d0d0d0;
	cursor: pointer;
	border: 1px solid #909090;
/*	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
*/
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	
	margin-top: 2px;
	height: 18px;
	padding-top: 1px;
	
	margin-right: -0px;
	margin-top: +1px;
	
}

.blogMessageWrapper
{

}

.blogMessage
{
	float: right;
	background-color:#f0f0f0;
	border: 1px solid #909090;
	border-top: 0px;

	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	
}

.blogSubMessage
{
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	float: right;
	background-color:#f0f0f0;
	border: 1px solid #909090;
	border-top: 0px;

	
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	
}


 
.clear{ clear: both;}
.clearSpace{ clear: both; height:10px;}
.blogNew{ color: red; font-weight: bold;}
.blog2days{ color: #407340;}
.blogHeadlineText{TEXT-DECORATION: bold;}
.blogSignedHeadlineText{ TEXT-DECORATION: italic;}
.blogImageContainer{ width: 100%;text-align: center;}
.blogCameraImg{ float:right; margin-top:5px; margin-right:5px;}
.blogImage{ margin: 0 auto; border: 1px solid black}

.blogSignedMessageText
{ 
TEXT-DECORATION: italic; 
float: right;
padding: 4px;
}
/* #########   NEWS/FAQ   ###################### */
.newsNameStartpage{font-weight: bold; color: red; }
.newsName{font-weight: bold; }
.newsHeadline{
	width: 100%;
	float: left;
	background-color: #CFD0CF;
	cursor: pointer;
	border: 1px solid #909090;
	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	
	margin-top: 2px;
	height: 20px;
	padding-top: 1px;
	font-weight: bold;
}
.newsHeadline span{font-weight: normal;}
.newsMessage{
	width: 100%;
	float: left;

	background-color:#f0f0e0;
	border: 1px solid #909090;
	border-top: 0px;

	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;

}
.newsWrapper{width: 100%;}
.newsMessageWrapper{width: 100%;}
.newsUpDownImage{float:left; padding: 4px;}