/*************************************************************************
Generell
*************************************************************************/

html {
   -ms-overflow-style: scrollbar;
}

body {
   min-width: 320px;
}

.tv-pagecontent {
   width: 51em;
	box-sizing: border-box;
}

/*************************************************************************
Ny vänstermeny
*************************************************************************/
.page-menu {
   padding: 0;
   margin: 0 0 1em 0;
	overflow: hidden;
   list-style-type: none;
	width: 15.44em;
   border-right: 1px solid #d2d2d2;
}

.page-menu__item {
   background-repeat: no-repeat;
   font-size: 120%;
}

.page-menu__item:hover {
	background-color: #f8f8f8;
}

.page-menu__item a {
   display: block;
   padding: 0.446em 1em;
   font-family: Arial,sans-serif;
   text-decoration: none;
}

.page-menu__item--open {
   background-image: url('/images/18.2db1e8d12f0ac404ff8000809/arrow-down.gif');
}

.page-menu__item--closed {
   background-image: url('/images/18.2db1e8d12f0ac404ff8000810/arrow_right.gif');
}

.page-menu__item--current a {
   font-weight: bold;
}

.page-menu .page-menu__item--level0 {
   background-position: 0.4em 0.75em;
}

.page-menu .page-menu__item--level0 a {
   padding-left: 1.4em;
}

.page-menu .page-menu__item--level1 {
   background-position: 1.4em 0.75em;
}

.page-menu .page-menu__item--level1 a {
   padding-left: 2.4em;
}

.page-menu .page-menu__item--level2 {
   background-position: 2.4em 0.75em;
}

.page-menu .page-menu__item--level2 a {
   padding-left: 3.4em;
}

.page-menu .page-menu__item--level3 {
   background-position: 3.4em 0.75em;
}

.page-menu .page-menu__item--level3 a {
   padding-left: 4.4em;
}

.page-menu .page-menu__item--level4 {
   background-position: 4.4em 0.75em;
}

.page-menu .page-menu__item--level4 a {
   padding-left: 5.4em;
}

/*************************************************************************
Sökfält
*************************************************************************/

.tv-searchfield {
   position: relative;
}

.tv-searchfield input[type="text"] {
   margin: 0;
   border: 1px solid #999;
   border-radius: 3px;
   font-family: arial;
   font-size: 14px;
   padding: 6px 32px 6px 8px;

   box-sizing: border-box;
   width: 100%;
}

.tv-searchfield input[type="text"]::-webkit-input-placeholder,
.tv-searchportlet input[type="text"]::-webkit-input-placeholder {
   color: #777;
}

.tv-searchfield input[type="text"]:-moz-placeholder,
.tv-searchportlet input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #777;
}

.tv-searchfield input[type="text"]::-moz-placeholder,
.tv-searchportlet input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #777;
}

.tv-searchfield input[type="text"]:-ms-input-placeholder,
.tv-searchportlet input[type="text"]:-ms-input-placeholder {  
   color: #777;
}

.tv-searchfield input[type="submit"] {
   display: none;
}

.tv-searchfield input[name="submitButton"] {
   position: absolute;
   top: 6px;
   right: 8px;
   height: 16px;
}

/*************************************************************************
Sökportlet på söksidan
*************************************************************************/

.tv-searchportlet input[type="text"] {
   margin: 0;
   border: 1px solid #999;
   border-radius: 3px;
   font-family: arial;
   font-size: 14px;
   padding: 6px 32px 6px 8px;
   box-sizing: border-box;
   height: 33px;
}

.tv-searchportlet input[type="submit"] {
   margin: 0;
   border: 1px solid #999;
   border-radius: 3px;
   font-family: arial;
   font-size: 14px;
   padding: 6px 18px 6px 18px;
   box-sizing: border-box;
   height: 33px;
   cursor: pointer;
}

/*************************************************************************
Mobilrad
*************************************************************************/
.tv-mobilebar {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100% !important;
   z-index: 999;
   white-space: nowrap;
   overflow: hidden;
}

.tv-mobilesearch input[type="text"] {
   height: 31px !important;
   padding: 0 0 0 5px !important;
   border: none !important;
   border-radius: 5px !important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
   width: 150px !important;
}

.tv-mobilesearch input[name="submitButton"] {
   position: relative;
   top:0;
   left: -29px;
   height: 16px;
}

#mobileMenuButton {
   height: 51px;
   cursor: pointer;
   display: inline-block;
}

#mobileMenuButton img {
   vertical-align: middle;      
   height: 20px;
   margin: 0 5px 0 10px;
}

#mobileMenuButton span {
   font-family: arial;
   font-size: 19px;
   font-weight: bold;
   color: #111;
   line-height: 51px;
   vertical-align: middle;      
}

/*************************************************************************
Tidigare css
*************************************************************************/

.tv-tariccontainer > div > div > table > tbody > tr > td:first-of-type,
.tv-tarictable > div > table > tbody > tr > td:first-of-type {
   width: 10em;
   word-break: break-word;
   padding: 0.8em 0.8em 0.8em 0;
}

.xtv-tarictable td {
   vertical-align: top;
   padding: 0.8em 0 0.8em 0;
}

.xtv-tarictable > div > table > tbody > tr > td:first-of-type {
   width: 10em;
   word-break: break-word;
   padding: 0.8em 0.8em 0.8em 0;
}

.xtv-tarictable2 > div > div > table > tbody > tr > td:first-of-type {
   width: 10em;
   word-break: break-word;
   padding: 0.8em 0.8em 0.8em 0;
}
