/* Start of CMSMS style sheet 'style' */
@import url(reset-typo.css);

html { height: 101% }

/* ----- common ------------------------------------------ */
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */

IMG.bookOnline
{
margin-top: 5px;
}

body{
	margin: 0 0 0 0;
        padding: 0 0 0 0;
	font-family: "Arial";
	color: white;
	background-color: black;
        
	background-repeat: no-repeat;
        background-position: top center;
}

.contentRightFront{
	float: right;
	//background: transparent url("../uploads/images/transpBg.png") repeat scroll 0%;
	width: 304px;
	height: 601px;
}

.contentContainerLeftFront{
	width: 480px;
	float: left;
	padding-top: 30;
}


table{
color: white;
}

.redLink{
        color: #ff2729;
}

.redLink a:link {color: #FFFFFF; text-decoration: none;} 
.redLink a:visited {color: #FFFFFF; text-decoration: none;} 
.redLink a:hover {color: #FFFFFF; text-decoration: none;} 
.redLink a:active {color: #FFFFFF; text-decoration: none;}

.overRub{
        width: 200px;
}

.hide{
	display: none;
}

.infoRuta{
	background-color: #080808;
	border: 1px solid white; 
	padding: 10px;
	width: 360px;
	min-height: 350px;
	position: absolute;
	top: 500px;
}

.show{
	display: block;
}


table{
	border: none;
}

td{
	border: none;
}

p{
    text-align: left;
}

.thePage{
	width: 786;

	margin: 0 auto 0 auto;
        padding: 0px;
        
        background-image: url("../uploads/images/bgPageIE.gif");
        background-position: 0px 400px;
        background-repeat: repeat-y;
        background-color: #080808;
        
	//background-image: url("../uploads/images/bgPage.gif");
	//background-repeat: no-repeat;
        //background-position: 0px 350px;

        background-color: #080808;


}

.aboveHeader{
	background-color: #1a1a1a;
	height: 90px;
}

.kontaktText{
    padding: 5px 0px 0px 5px;
}

.bild_utvald{
	padding: 15 20 10 20;
	
}

.snabbinfo{
	padding: 5px 5px 0 0;
        text-align: right;
        float: right;
color: white;
}

.snabbinfo a:link {color: #FFFFFF; text-decoration: none;} 
.snabbinfo a:visited {color: #FFFFFF; text-decoration: none;} 
.snabbinfo a:hover {color: #FFFFFF; text-decoration: none;} 
.snabbinfo a:active {color: #FFFFFF; text-decoration: none;}

.header{
	background-color: black;
	height: 251px;
	
}

.logo{
	width: 100px;
	position: relative;
	left: 1px;
}

.kronor{
   padding-top: 25px;
   border: 0px none;
   padding-left: 3px;
}

.flaggor{   
   border: 0px none;
   padding: 30px 0 0 0;
margin: 0 4px 0 4px;
   width: 90px;
height: 11px;
}

.flaggor .swe {
float:left;
margin-left: 7px;
}
.flaggor .eng {
float:left;
}
.flaggor .chi{
float:left;
margin-left: 7px;
}
.flash{
	float: right;
	width: 686px;
	height: 255px;
}

.banner{
	float: right;
	width: 686px;
	height: 255px;
}

.menuContainer{
	height: 50px;
	background-color: #363636;
/*	border-top: 1px solid white;*/
       border-bottom: 1px solid #080808;
}

.sub_activeItem{
	font-size: 1.1em;
	padding-bottom: 2px;
	list-style-image: url("../uploads/images/vertMenuBullet.gif");
}

.sub_menuItem{
	font-size: 1.1em;
	padding-bottom: 2px;
}

a:link {color: #FFFFFF; text-decoration: none;} 
a:visited {color: #FFFFFF; text-decoration: none;} 
a:hover {color: #FFFFFF; text-decoration: none;} 
a:active {color: #FFFFFF; text-decoration: none;} 

.theContent a:link {color: #FFFFFF; text-decoration: none;} 
.theContent a:visited {color: #FFFFFF; text-decoration: none;} 
.theContent a:hover {color: #FFFFFF; text-decoration: none;} 
.theContent a:active {color: #FFFFFF; text-decoration: none;}

.theContent{
font-size: 1.1em;
	height: 601px;
clear:both;
color: white;
font-family: "Arial";
}

.contentLeft{
	float: left;
	//background: transparent url("../uploads/images/transpBg.png") repeat scroll 0%;
	width: 304px;
	height: 601px;
}

.leftHeader{
	height: 20px;
	padding: 30 0 15 25;
	text-align: left;
}

.vertMenu{
	padding-left: 75px;
	text-align: left;
}

.spot{
	margin: 0 auto 0 auto;
	width: 275px;
	padding-bottom: 20;
	text-align: left;
}


.contentContainerRight{
	width: 480px;
	float: right;
	padding-top: 30;
}

.contentRight{
	margin: 0 auto 0 auto;
	width: 400px;
}

.underrubrik{
	height: 20px;
	padding-top: 5;
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	text-align: left;
}

.rightHeader{
	height: 20px;
	padding-bottom: 15;
	border-bottom: 1px solid #4a4a4a;
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	text-align: left;
}
.rightHeader2{
	padding-bottom: 15;
	border-bottom: 1px solid #4a4a4a;
	font-size: 1.3em;
	font-weight: bold;
	height: 35px;
	text-align: left;
}

.rightHeader_personal{
	fheight: 20px;
	padding-bottom: 15;
	border-bottom: 1px solid #4a4a4a;
	font-size: 1.5em;
	font-weight: bold;
	height: 20px;
	text-align: left;
}

.textTwoCol{
	padding: 15 0 40 0;
	text-align: left;
}

.textRightTop{
	padding: 15 0 30 0;
	text-align: left;
}

.picRight p img{
	margin: 0 0.5em 0 0;
}

.textRightBottom{
	padding-top: 15px;
	text-align: left;
}

.textColLeft{
	width: 180;
	float: left;
	padding-right: 30;
	text-align: left;
}

.textRightCol{
	float: right;
	width: 190;
	text-align: left;
}

#footer{
        clear: both;
	border-top: 1px solid #6d6d6d;
        height: 90px;
       
        background-color: #080808;
}

#footer #imgs{
    padding: 10px 0px 10px 0px;
    width: 265px;
    margin: 0px auto 0px auto;
}

#footer img{
    margin: 0px 20px 0px 20px;
}

.footerText{
	margin: 0 auto 0 auto;
	padding-top: 20px;
	width: 635px;
	color: #535353;
}

.contentContainerRight_personal{
        width: 480px;
	float: right;
	padding-top: 10;
}

#contentRightPersonal{
   padding-top: 0px;
   padding-bottom: 10px;
   margin: 0 auto 0 auto;
   width: 400px;
   font-size: 0.9em;
}

#contentRightPersonal td{
   padding-right: 15px;
   padding-left: 15px;
}

#contentRightPersonal img{
   margin-top: 20px;
   margin-bottom: 15px;
}


#kontaktForm input{
    width: 250px;
}

#kontaktForm .knappar{
    text-align: right;
}

#kontaktForm .labelTextarea{
    vertical-align: top;
}

#kontaktForm textarea{
    width: 250px;
    height: 100px;
}

#kontaktForm #knapp{
    margin-top: 2px;
   width: 50px;
   background-color: #363636;
   color: white;
   border-width: 0px;
   height: 23px;
   padding-bottom: 1px;
}


#theForm{
   padding-top: 0px;
}

#theForm td{

}

#theForm input{
   padding-top: 0px;
   height: 17px;
   border-width: 1px;
   font-size: 0.8em;
   width: 185px;
}

#theForm textarea{
   font-face: verdana;
   border-width: 1px;
   width: 200px;
}

#theForm select{
   height: 16px;
   border-width: 1px;
   font-size: 0.8em;
}

#theForm .small input{
   width: 45;
}

#theForm .buttons input{
   margin-top: 2px;
   width: 50px;
   background-color: #363636;
   color: white;
   border-width: 0px;
   height: 23px;
   padding-bottom: 1px;
}

#theForm .buttons{
   text-align: right;
}

#theForm .label{
   width: 150px;
}

.homeText{
  padding 0;
 /* font-size: 1em;*/
  position: relative;

  display: inline;
}

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
    /*  overflow: hidden;  */

	background-color: #363636;
height: 55px;
}



/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 150px; 
}

#primary-nav .lastMenuBit{
   border: none;
padding: 0px;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   font-size: 1.1em;
	top: 15px;
	margin: 0px;
	list-style-type: none;
}

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li {
   padding: 18 37 18 37;
   border-left: 1px solid #5c5c5c;
   float: left; 
position: relative;
top: -3px;
}
#primary-nav li li { 
   background-color: #4A4A4A;
   border-left: 0px none;
   margin-left: 0px;
   margin-top: -1px;
   float: none;
   position: relative;
   top: 20px; 
   left: -38px; 
   padding: 2 27 2 27;
   text-align: left;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   color: #FFFFFF;
   text-decoration: none; 
}
#primary-nav li a { 

}
#primary-nav li li a { 

}	
#primary-nav li, #primary-nav li.menuparent { 
    
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive{ 
   background-color: #ff2729;
	padding: 18 37 18 36;
	/*border-left: 3px solid #813f40; */
}

#primary-nav li.menuactive:hover
{
   background-color: #ff2729;
}

#primary-nav li li.menuactive{
   background-color: #4a4a4a;
   border-left: 0px none;
   padding: 2 27 2 27;
}

#primary-nav li.menuHome{
	padding: 15 33 11 27;
	border-left: 0px none;
	top: 0px;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover { 
   background-color: #4a4a4a;
}
.separator{
   height: 5px;
}

#primary-nav li li:hover, 
#primary-nav li li.menuactive:hover{
background-color: #363636;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

.picRight a, .picRight a:link, .picRight a:visited, .picRight a:active
{
	color: #ff2729;
}

#motioncontainer a img{ /*image border color*/
border: 2px solid #888;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 2px solid #ff2729;
}

#motioncontainer a:hover{
color: #ff2729; /* Dummy definition to overcome IE bug */
}


/* ----- common ------------------------------------------ */

.spotContainer
{
	width: 275px; 
	height: 94px; 
	overflow: hidden; 
	background-image: url(uploads/images/spotbg.jpg);
}

.spotPicture
{
	height: 95px; 
	width: 85px; 
	float: left; 
	display: inline; 
	overflow: hidden;
}

.spotContent
{
	float: left; 
	display: inline; 
	width: 190px;
}

.spotTitle
{
	padding: 4px 2px; 
	color: #ff2729; 
	font-size: 12px; 
	font-family: Arial; 
	font-weight: bold;
}

.spotText
{
	padding: 2px; 
	font-size: 11px; 
	line-height: 14px; 
	color: #bbb;
}

a.activityLink, a.activityLink:link, a.activityLink:visited, a.activityLink:active
{
	color: #999999;
	text-decoration: underline;
	font-size: 11px;
}
/* End of 'style' */