/* * * * * * * * * * * * * *
/* CSS file for travnet.se
/* 
/* adrian at daytime dot se
/* 
/* test: 
/* * * * * * * * * * * * * */


/* 
/* Gamla
/* * * * * * * * * * * * * */


/* 
/* HTML elements
/* * * * * * * * * * * * * */

body {
background-color: #eee;
color: #000;
padding: 0px;
margin: 0;
}

a img {
border: none;
}

a, a:link {
color: #000;
text-decoration: none;
padding-bottom: 0px;
}

a:visited {
color: #000;
text-decoration: none;
padding-bottom: 0px;
}

a:hover {
text-decoration: underline;
color: #AC00AC;
padding-bottom: 0px;
}

p, td {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 150%;
}
.white {
margin-top:2px;
padding:2px;
height:auto;
background-color: #fff;
}

/* 
/* Layout - only layout!
/* * * * * * * * * * * * * */

#topbanners {
border: 0px solid green;
width: 950px;
margin: 0 0 10px 0;
padding: 0;
float: left;
display: inline;
}

#page {
border: 0px solid red;
width: 950px;
float: left;
display: inline;
clear: both;
}

#main {
border: 0px solid blue;
width: 800px;
float: left;
display: inline;
margin: 0px 10px 0px 0px;
}

#header {
border: 0px solid red;
width: 800px;
height: 82px;
background: url(bilder/sidhuvud.jpg);
margin: 0px 0px 0px 0px;
}

#content {
border: 0px solid yellow;
float: left;
display: inline;
margin: 0px 0px 10px 0px;
}

#menucolumn {
border: 0px solid yellow;
width: 150px;
margin: 0px 10px 0px 0px;
float: left;
display: inline;
}

#lopet {
border: 0px solid green;
float: left;
display: inline;
margin: 0px;
width: 480px;
margin: 0px 10px 0px 0px;
}

#lopet-main-container {
border: 0px solid red;
float: left;
display: inline;
margin: 0px;
width: 330px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#lopet-main {
border: 0px solid red;
background: #fff;
float: left;
display: inline;
margin: 0px;
width: 300px;
margin: 0px 10px 0px 0px;
padding: 10px 10px;
}

#lopet-side {
border: 0px solid blue;
float: left;
display: inline;
margin: 0px;
width: 150px;
}

#outercolumn {
border: 0px solid blue;
float: left;
display: inline;
width: 140px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#travnytt {
border: 0px solid black;
background: #fff url(bilder/travnytt_grad2.jpg) no-repeat;
float: left;
display: inline;
width: 140px;
margin: 0px 0px 10px 0px;
padding: 5px;
}

#tavlingsdag-header {
text-align:center;
}

#tavlingsdag-main {
float: left;
display: inline;
margin: 0px;
width: 300px;
}

#tavlingsdag-side {
border: 0px solid blue;
float: left;
display: inline;
margin: 0px 0px 0px 10px;
width: 140px;
}

#mest-lasta {
border: 2px solid #E7AA2E;
background: #fff;
float: left;
display: inline;
padding: 5px;
width: 136px;

}

#aktuella-produkter {
border: 0px solid black;
xbackground: #fff url(bilder/produkter_grad2.jpg) no-repeat;
float: left;
display: inline;
width: 140px;
padding: 5px;
margin: 0px 0px 10px 0px;
}

#produktlinkruta {
border: 2px solid #468112;
background: #fff;
float: left;
display: inline;
padding: 5px;
width: 136px;
margin: 0px 0px 10px 0px;
}

#footer {
border: 0px solid green;
border-top: 1px solid #275200;
clear: both;
width: 800px;
margin: 10px 0px;
padding: 8px 0px;
}

#sidebanners {
border: 0px solid purple;
float: left;
display: inline;
width: 140px;
margin: 0px 0px 0px 0px;
padding: 0px;
}


/* 
/* Top banners
/* * * * * * * * * * * * * */

#topbanners-banner1 {
border: 0px solid green;
padding: 0;
margin: 0;
float: left;
display: inline;
}

#topbanners-banner2 {
border: 0px solid green;
padding: 0;
margin: 0;
float: right;
display: inline;
}


/* 
/* Side banners
/* * * * * * * * * * * * * */

#sidebanners .banner {
xbackground: #ff0;
border: 0px solid green;
padding: 0;
margin: 0px 0px 10px 0px;
}


/* 
/* Header
/* * * * * * * * * * * * * */

#header {
line-height: normal;
}

#header h4 {
font-size: 10px;
margin: 2px 0px;
}

#header p {
font-size: 10px;
margin: 2px 0px;
padding: 0px;
}

#header ul {
border: 0px solid green;
list-style: none;
margin: 2px 0px;
padding: 0px;
}

#header li {
border: 0px solid red;
list-style: none;
font-size: 10px;
margin: 0px 0px;
padding: 0px;
line-height: 13px;
}

#header a {
border: 0px solid green;
margin: 0px 0px;
padding: 0px;
line-height: normal;
font-size: 10px;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
}

/* logo */

#header .logo {
border: 0px solid green;
padding: 0;
margin: 22px 0px 0px 23px;
float: left;
display: inline;
}

/* login */

#header .login {
border: 0px solid green;
border-left: 1px solid #ddd;
padding: 0px;
padding-left: 3px;
margin: 6px 5px 6px 3px;
float: right;
display: inline;
line-height: normal;
}

#header .login p {
margin: 0px 0px 0px 10px;
font-size: 10px;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
}

#header .login #loginform-table td {
border: 0px solid green;
font-size: 10px;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
padding: 1px;
margin: 0px;
}

#header .login #loginform-username {
width: 120px;
font-size: 10px;
line-height: normal;
padding: 1px;
}

#header .login #loginform-password {
width: 80px;
font-size: 10px;
line-height: normal;
padding: 1px;
}

#header .login #loginform-checkbox {
font-size: 10px;
vertical-align:middle;
line-height: normal;
padding: 0px;
}

#header .login p.user {
font-weight: bold;
}

/* blimedlem */

#header .blimedlem {
font-size: 10px;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
border: 0px solid green;
padding: 0px 6px 0px 0px;
margin: 4px 6px 0px 0px;
float: right;
display: inline;
text-align: right;
}


/* 
/* Info-menu
/* * * * * * * * * * * * * */

#info-menu {
clear: both;
border: 0px solid red;
float: left;
display: inline;
bottom: -11px;
position: relative;
width: 800px;
}

#info-menu ul {
}

#info-menu li {
border: 0px solid red;
display: inline;
float: left;
height: 20px;
border-right: 2px solid #fff;
margin: 0px;
padding: 0px;
line-height: normal;
}

#info-menu a {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #468112;
border: 0px solid blue;
padding: 0 10px;
line-height: 20px;
}


/* 
/* New horizontal menu
/* * * * * * * * * * * * * */

/* [MG] */
#tavlingsdag{
font-size: 10px;
margin: 1px 1px 2px 1px;
}

#tavlingsdag .bold {
font-weight: bold;
background-color:#c5dbf8;
}

#menu-horizontal {
width: 800px;
border: 0px solid blue;
float: left;
display: inline;
margin: 0 0 10px 0;
}

#hzmenu,
#hzmenu2 {
width: 796px;
float: left;
list-style: none;
background: #D8D8D8;
background-color: #eee;
background: url(bilder/hzmenu/hzmenu-bg-grey1.jpg) repeat-x;
padding: 0px 0 0px 0px;
border: solid #000;
border-width: 0px;
margin: 0 0 0px 0;
z-index: 100;
clear: both;
border: 2px solid #D8D8D8;
xborder: 2px solid #f00;
border-width: 2px 2px 2px 1px;
}

#hzmenu2 {
background: url(bilder/hzmenu/hzmenu-bg-yellow1.jpg) repeat-x;
margin-top: 2px;
}

#hzmenu ul,
#hzmenu2 ul {
float: left;
list-style: none;
border: solid #000;
margin: 0;
border-width: 0px 1px 0px 1px;
xpadding: 0px 2px 0px 2px; 
xmargin: 0px 2px 0px 2px; 
xbackground: red;
}

#hzmenu a,
#hzmenu span.nolink,
#hzmenu2 a,
#hzmenu2 span.nolink {
display: block;
padding: 0px 6px;
white-space: nowrap; /* forces the text to stay to one line */
border-left: 1px solid white;
xbackground: url(bilder/hzmenu/hzmenu-bg-grey1.jpg) repeat-x;
border: 1px solid #D8D8D8;
border-width: 0px 1px;
xborder: 1px solid #eee;
xborder: 1px solid #fff;
color: #000;
text-decoration: none;
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 19px;
font-weight: bold;
}

#hzmenu span.date,
#hzmenu2 span.date {
font-weight: normal;
}

#hzmenu2 a,
#hzmenu2 li span.nolink{
background: url(bilder/hzmenu/hzmenu-bg-yellow1.jpg) repeat-x;
}

#hzmenu a img,
#hzmenu2 a img {
xmargin-left: 4px;
xmargin-bottom: 1px;
xvertical-align: top;
zdisplay: none;
border: 0px solid red;
margin: 0px;
padding: 0px;
}

#hzmenu li.aktuelldag {
background: url(bilder/hzmenu/hzmenu-bg-green1.jpg) repeat-x;
}

#hzmenu2 li li a {
background: url(bilder/hzmenu/hzmenu-bg-yellow1.jpg) repeat-x;
font-weight: normal;
}

#hzmenu a.last,
#hzmenu2 a.last {
border-right: 1px solid white;
}

#hzmenu li,
#hzmenu li li,
#hzmenu2 li {
float: left;
padding: 0;
margin: 0px;
white-space: nowrap; /* forces the text to stay to one line */
}

#hzmenu li a,
#hzmenu2 li a {
white-space: nowrap; /* forces the text to stay to one line */
}

#hzmenu li ul ul,
#hzmenu2 li ul {
position: absolute;
list-style: none;
left: -999em;
height: auto;
width: 180px;
font-weight: normal;
border-width: 1px 0px 0px 0px;
border-color: #fff;
background: #D9EAC8;
margin: 0px;
padding: 0px 0px 4px 0px;
white-space: nowrap; /* forces the text to stay to one line */
border: 1px solid #D8D8D8;
border-width: 0px 2px 2px 2px;
}

#hzmenu2 li ul {
background: #FFF3CE;

}

#hzmenu li li li,
#hzmenu2 li li {
/* padding-right: 10px; */
width: 100%;
}

#hzmenu li li li {
xfont-weight: bold;
padding-left: 15px;
width: 165px;
xbackground: #D9EAC8;
}

#hzmenu li li li.bana {
padding-left: 0;
width: 100%;
}

#hzmenu li li li.bana a {
font-weight: bold;
}

#hzmenu li ul li li,
#hzmenu2 li ul li {
xwidth: 100%; /* so it fills the available space */
}

#hzmenu li.aktuelldag ul ul li a,
#hzmenu2 li.aktuelldag ul li a {
/* remove the width */
padding: 0px 8px;
border-left: 0px solid white;
background: #D9EAC8;
border: 0px;
}

/* START Horizontal menyn underobjekt till bana*/
#hzmenu li.aktuelldag ul li ul li a {
font-weight:normal;
}

#hzmenu li.aktuelldag ul li ul li.bana a {
font-weight: bold;
}

/* SLUT Horizontal menyn underobjekt till bana*/

#hzmenu2 li ul li a {
background: #FFF3CE;
border: 0px;
}

#hzmenu li.aktuelldag ul ul li a:hover {
background: #8CB166;
}

#hzmenu2 li ul li a:hover {
background: #EEC032;
}

#hzmenu li li:hover ul, 
#hzmenu li li.sfhover ul,
#hzmenu2 li:hover ul,
#hzmenu2 li.sfhover ul {
left: auto;
}

#hzmenu li li:hover, 
#hzmenu li li.sfhover {
xbackground: #F12300;
border-color: #D8D8D8;
background: url(bilder/hzmenu/hzmenu-bg-green-hover1.jpg) repeat-x;
}

#hzmenu2 a:hover,
#hzmenu2 li:hover, 
#hzmenu2 li.sfhover {
xbackground: #F12300;
border-color: #D8D8D8;
background: url(bilder/hzmenu/hzmenu-bg-yellow-hover1.jpg) repeat-x;
}

#hzmenu li li li:hover, 
#hzmenu li li li.sfhover {
xbackground: #F12300;
border-color: #D8D8D8;
background: none
}

#hzmenu li li:hover, 
#hzmenu li.sfhover,
#hzmenu2 li li:hover,
#hzmenu2 li.sfhover {
xbackground: #666;
border-color: #D8D8D8;
}

#hzmenu a:hover,
#hzmenu2 a:hover {
color: #fff;
border-color: #D8D8D8;
text-decoration: none;
zbackground: url(bilder/hzmenu/hzmenu-bg-grey-hover1.jpg) repeat-x;
}

#hzmenu2 a:hover {
xbackground: url(bilder/hzmenu/hzmenu-bg-yellow-hover1.jpg) repeat-x;
}

#hzmenu li.aktuelldag a:hover,
#hzmenu2 li.aktuelldag a:hover {
color: #fff;
border-color: #D8D8D8;
text-decoration: none;
xbackground: url(bilder/hzmenu/hzmenu-bg-green-hover1.jpg) repeat-x;
}

#hzmenu li.aktuelldag ul li ul li a.nolink,
#hzmenu li.aktuelldag ul li ul li a.nolink:visited,
#hzmenu li.aktuelldag ul li ul li a.nolink:hover {
color: #aaa;
text-decoration: none;
background: #D9EAC8;
}

/* 
/* Menu
/* * * * * * * * * * * * * */

#menucolumn h4, #menucol-tips h4 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: normal;
text-align: center;
border: 0px solid red;
margin: 4px 0px;
}

/* menu-produkter */

#menu-produkter {
background-color: #9DBC7F;
background-color: #93AC79;
background-color: #7F9172;
background-color: #9CB67D;
padding: 5px 0px;
border: 0px solid red;
}

#menu-produkter-extra {
background-color: #9DBC7F;
margin: 10px 0px 0px 0px;
padding: 5px 0px;
border: 0px solid red;
}

#menu-produkter .inner {
padding: 0px 5px;
border: 0px solid red;
position: relative;
}

#menu-produkter-extra .inner {
padding: 0px 5px;
border: 0px solid red;
position: relative;
}

#menu-produkter .menu {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 150%;
list-style: none;
margin: 0px;
padding: 0px;
text-align: left;
border: 0px solid red;
}

#menu-produkter .menu li {
border-bottom: 1px solid white;
line-height: 30px;
clear: both;
margin: 0px;
padding: 0px 0px 0px 5px;
}

#menu-produkter .menu li.noline {
border-bottom: 0px solid white;
line-height: 30px;
}

#menu-produkter .dagensbanor {
margin: -6px 0px 0px 6px;
line-height: 14px;
border: 0px solid red;
display: inline;
float: left;
}

#menu-produkter .dagensbanor span {
padding: 5px 0px 0;
display: inline;
float: left;
width: 20px;
text-align: center;
}

#menu-produkter .dagensbanor span.active {
background-color: #fff;
font-weight: bold;
}

#menu-produkter .dagensbanor a {
}

#menu-produkter #valdbana {
background-color: #fff;
padding: 5px 0px;
clear: both;
font-size: 10px;
margin: 0px 0px 0px -5px;
border: 0px solid red;
}

#menu-produkter #valdbana .aktuellbana {
padding: 0px 5px;
border: 0px solid red;
line-height: normal;
font-weight: bold;
text-align: center;
font-size: 11px;
}

#menu-produkter #valdbana ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border: 0px solid red;
}

#menu-produkter #valdbana li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}

#menu-produkter #valdbana a.nolink,
#menu-produkter #valdbana a.nolink:visited,
#menu-produkter #valdbana a.nolink:hover {
color: #aaa;
text-decoration: none;
}

#menu-produkter li.kalender {

border-bottom: 0px solid white;
line-height: 10px;
margin: 10px 0px 3px 0px;
text-align: left;
}

#menu-produkter-extra p.kalender {
margin: 0px 0px 0px 0px;
text-align: center;
}



/* general menucolumn block */

.menublock {
margin: 0px 0px 10px;
padding: 5px 0px;
border: 0px solid red;
clear: both;
}

.menublock .inner {
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px;
border: 0px solid red;
position: relative;
}

.menublock img {
margin: 3px 0px 0px 0px;
padding: 0px;
border: 0px solid red;
line-height: 100%;
}

.menublock-other {
margin: 0px 0px 10px;
padding: 0px;
}

/* tips */

#menucol-tips {
background-color: #B79E7F;
}

/* tips */

#menucol-bloggare {
background-color: #bbb;
}

/* xpert */

#menucol-xpert {
padding: 0px;
}

#menucol-xpert img {
margin: 0px;
}

/* partners */

#menucol-partners {
background-color: #bbb;
}

/* kategorier */

#menu-bottom-kategorier {
background-color: #EEC56E;
margin: 10px 0px 0px 0px;
padding: 5px 0px;
border: 0px solid red;
}

#menu-bottom-kategorier .inner {
padding: 0px 5px;
border: 0px solid red;
position: relative;
}

#menu-bottom-kategorier ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border: 0px solid red;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 150%;
}

#menu-bottom-kategorier li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
list-style: none;
}

/* hetast */

#hetast {
xbackground-color: #bbb;
margin: 10px 0px 0px 0px;
xpadding: 5px 0px;
border: 0px solid red;
xclear: both;
background-color: #B79E7F;
background-color: #9CB67D;
margin: 0px 0px 10px 0px;
}

#hetast-text {
background-color: #fff;
xpadding: 5px 0px;
clear: both;
font-size: 10px;
margin: 0px 5px 0px 5px;
border: 0px solid red;
xwidth: 90%;
}

#hetast-text ul {
xpadding-left: 5px;
list-style: none;
margin: 3px 7px;
}

#hetast-text ul li {
list-style: none;
margin: 0px 0px 2px 0px;
line-height: 15px;
}

/* 
/* Lopet wide
/* * * * * * * * * * * * * */

#lopet-wide {
background: #fff;
padding: 15px 15px;
xpadding: 10px 0px;
}

#lopet-wide p,
#lopet-wide td,
#lopet-wide li,
#lopet-wide .brodtext {
font-size: 12px;
line-height: 1.3;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-family: 'Lucida Grande', Arial, Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
}

#lopet-wide p i,
#lopet-wide td i,
#lopet-wide li i,
#lopet-wide .brodtext i {
font-family: georgia, times, "times new roman", serif;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
}

#lopet-wide #lopet-news {
padding: 0;
margin: 0;
width: 446px;
}

#lopet-wide a, 
#lopet-wide a:visited {
color: #03468F;
}

#lopet-wide h1 {
font-size: 24px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 2px 0px 4px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-wide h2 {
font-size: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 2px 0px 4px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-wide h2.forrubrik {
font-size: 13px;
margin: 2px 0px 6px 0px;
color: #000;
}

#lopet-wide h3 {
font-size: 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 2px 0px 4px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-wide h4 {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 4px 0px 4px 0px;
border: 0px solid red;
}

#lopet-wide h4,
#lopet-wide h4 a,
#lopet-wide h4 a:visited {
color: #275200;
}
#lopet-wide h4.tight {
margin: 2px 0px 2px 0px;
border: 0px solid red;
}

#lopet-wide h4.price{
color: #FF9900;
}

#lopet-wide h5 {
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 2px 0px 2px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-wide h5.forrubrik {
font-size: 11px;
margin: 2px 0px -16px 0px;
color: #000;
}

#lopet-wide p {
margin: 2px 0px 10px 0px;
}

#lopet-wide ul {
margin: 2px 0px 10px 0px;
}


#lopet-wide li {
margin: 2px 50px 6px 20px;
}

/* Bildtext */

#lopet-wide span.bildtext {
font-size: 11px;
line-height: normal;
margin: 0px 0px 4px 0px;
display:block;
}

/* Fotobyline */

#lopet-wide span.fotobyline {
font-size: 11px;
line-height: normal;
margin: -3px 0px 4px 0px;
color: #666;
display:block;
}

/* On air */

#lopet-wide p.onair {
font-size: 11px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 0px 0px 16px 0px;
color: #888;
}

/* NyhetsID */

#lopet-wide p.nyhetid {
font-size: 9px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
line-height: normal;
color: #999;
}

/* colorrow */

#lopet-wide tr.colorrow {
background: #D9E1C2;
background: #C6D2E7;
background: #CFDCF2;
background: #E1EDF7;
}

/* smaller */

#lopet-wide .smaller {
font-size: 11px;
}

/* Inline image */

#lopet-wide img.inline {
margin: 0px 0px 10px 10px;
}

/* Lastten */

#lopet-wide .lastten {
border: 0px solid red;
border-top: 1px solid #000;
margin: 10px 0px 0px 0px;
}

#lopet-wide .lastten h3 {
border: 0px solid red;
font-size: 12px;
margin: 7px 0px 2px 0px;
}

#lopet-wide .lastten td {
border: 0px solid red;
font-size: 12px;
padding: 0 12px 0 0px;
}

#lopet-wide .lastten p {
border: 0px solid red;
font-size: 12px;
}

#lopet-wide .lastten p .minirubrik {
border: 0px solid red;
font-weight: bold;
}

/* Guld - silver -brons */

#lopet-wide .guld {
background-color: #FDEC8C;
}

#lopet-wide .silver {
background-color:#E4E4E4;
}

#lopet-wide .brons {
background-color:#DDB48E;
}

/* Bloggpresentation */

#lopet-wide table.bloggpres {
}

#lopet-wide table.bloggpres td {
text-align: center;
padding: 10px;
width: 50%;
vertical-align: top;
}

/* Bloggpresentation */

#lopet-wide .blogg-date {
padding-bottom: 10px;
}


/* 
/* Lopet main
/* * * * * * * * * * * * * */

#lopet-main,
#lopet-main p,
#lopet-main td,
#lopet-main li {
font-size: 12px;
line-height: 1.25;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 1.4;
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
}

#lopet-main a, 
#lopet-main a:visited {
color: #03468F;
}

#lopet-main h1 {
font-size: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 0px 0px 4px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-main h2 {
font-size: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 10px 0px 2px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-main h3 {
font-size: 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 10px 0px 2px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-main h4 {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 10px 0px 2px 0px;
border: 0px solid red;
color: #275200;
}

#lopet-main h5 {
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 12px 0px -8px 0px;
border: 0px solid red;
color: #000;
}

#lopet-main p {
width: 99%;
}

/* Vote */

#lopet-main .vote,
#lopet-wide .vote {
margin: 10px 0px 10px 0px;
}

#lopet-main .vote table.vote-question,
#lopet-wide .vote table.vote-question {
background: url(/www/public/webb/bilder/votebilder/backgr.jpg) no-repeat;
border: 2px solid #ccc;
}

#lopet-main .vote table.vote-answer,
#lopet-wide .vote table.vote-answer {
background: url(/www/public/webb/bilder/votebilder/backgr2.jpg) no-repeat;
border: 2px solid #ccc;
}

/* Bildtext */

#lopet-main p.bildtext {
margin: 0px 0px 8px 0px;
font-size: 10px;
}

/* Kronikorer */

#lopet-main .kronikorer {
margin: 15px 0px 10px 0px;
padding: 10px;
border: 0px solid red;
}

#lopet-main .kronikorer h5 {
margin: 0px 0px 2px 0px;
border: 0px solid red;
font-style: italic;
font-family: georgia, times, "times new roman", serif;
}

#lopet-main .kronikorer h3 {
margin: 0px 0px 6px 0px;
border: 0px solid red;
color: #2D81C5;
}

#lopet-main #signeratpersson.kronikorer h3 {
color: #2D81C5;
}

#lopet-main #wiknerkaserar.kronikorer h3 {
color: #707000;
}

#lopet-main #perssonsplock.kronikorer h3 {
color: #8F751B;
}

#lopet-main #jockesmaranger.kronikorer h3 {
color: #7A4123;
}

#lopet-main #dagsattrundaav.kronikorer h3 {
color: #E2A01A;
}

#lopet-main #widenshastminnen.kronikorer h3 {
color: #A066A4;
}

#lopet-main #sydafrikainsamlingen.kronikorer h3 {
color: #386B23;
}

#lopet-main #karlssonskronika.kronikorer h3 {
color: #B33D3E;
}

#lopet-main #webbtv.kronikorer h3 {
color: #0A69C7;
}

#lopet-main #karisvideoblogg.kronikorer h3 {
color: #0A69C7;
}

#lopet-main #wiknerssommartugg.kronikorer h3 {
color: #809D28;
}

#lopet-main #gillanochgullan.kronikorer h3 {
color: #E16170;
}

#lopet-main #signeratpersson.kronikorer {
background: url(bilder/kronikorer-signeratpersson6.jpg) bottom no-repeat;
}

#lopet-main #wiknerkaserar.kronikorer {
background: url(bilder/kronikorer-wiknerkaserar1.jpg) bottom no-repeat;
}

#lopet-main #perssonsplock.kronikorer {
background: url(bilder/kronikorer-perssonsplock3.jpg) bottom no-repeat;
}

#lopet-main #jockesmaranger.kronikorer {
background: url(bilder/kronikorer-jockesmaranger1.jpg) bottom no-repeat;
}

#lopet-main #dagsattrundaav.kronikorer {
background: url(bilder/kronikorer-dagsattrundaav.jpg) bottom no-repeat;
}

#lopet-main #widenshastminnen.kronikorer {
background: url(bilder/kronikorer-widenshastminnen3b.jpg) bottom no-repeat;
}

#lopet-main #sydafrikainsamlingen.kronikorer {
background: url(bilder/kronikorer-sydafrikainsamlingen1.jpg) bottom no-repeat;
}

#lopet-main #karlssonskronika.kronikorer {
background: url(bilder/kronikorer-karlssonskronika3.jpg) bottom no-repeat;
}

#lopet-main #webbtv.kronikorer {
background: url(bilder/kronikorer-webbtv1.jpg) bottom no-repeat;
}

#lopet-main #karisvideoblogg.kronikorer {
background: url(bilder/kronikorer-karisvideoblogg1.jpg) bottom no-repeat;
}

#lopet-main #wiknerssommartugg.kronikorer {
background: url(bilder/kronikorer-wiknerssommartugg1.jpg) bottom no-repeat;
}

#lopet-main #gillanochgullan.kronikorer {
background: url(bilder/kronikorer-gillanochgullan1.jpg) bottom no-repeat;
}

#lopet-main #gladaretrav.kronikorer {
background: url(bilder/kronikorer-gladaretrav.jpg) bottom no-repeat; }

#lopet-main #gladaretrav.kronikorer h3 {
color: #EA9500;
}

#lopet-main .kronikorer p {
margin: 0px 0px 0px 0px;
width: 220px;
border: 0px solid red;
}

/* Tips */
#tips-tabell td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#tips-tabell .tips-avdelning{
color: #A61E0C;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.tips-rankadRad{
background-color: #D8E4EA;
}

.tips-ejrankadRad{

}

.tips-HastNum{
width: 15px;
text-align: right;
vertical-align:text-top;
}

/* 
/* Popup
/* * * * * * * * * * * * * */

.popup {
background: #f9f9f9;
width: 640px;
border: 0px solid blue;
margin: 0;
padding: 0;
}

.popup a, 
.popup a:visited {
color: #03468F;
}

.popup h3 {
font-size: 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 2px 0px 4px 0px;
border: 0px solid red;
color: #275200;
}

.popup p,
.popup td,
.popup li,
.popup .brodtext {
font-size: 12px;
line-height: 1.3;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
}

.popup p {
margin: 2px 0px 10px 0px;
}

/* Adrians CSS-popup */

.popup .main {
border: 0px solid red;
padding: 10px;
background: #fff;
margin: 0;
}

.popup .main h1 {
font-size: 24px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 12px 0px 10px 0px;
border: 0px solid red;
color: #275200;
}

.popup .main .floatimage {
border: 0px solid red;
float: right;
margin: 0px 0px 10px 10px;
}

.popup .main a.choice {
font-weight: bold;
}

/* 
/* Travnytt
/* * * * * * * * * * * * * */

#travnytt {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 0px 0px 10px 0px;
}

#travnytt h2 {
margin: 6px 0px 10px 0px;
font-size: 13px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
}

#travnytt p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 2px 0px 1px 0px;
line-height: 13px;
padding-left: 3px;
}

#travnytt p.rubrik {
margin: 0px 0px 0px 0px;
}

#travnytt p.rubrik a {
font-weight: normal;
}

#travnytt p.rubrik a:visited {
color: #999;
}

#travnytt p.onair {
margin: 0px 0px 8px 0px;
color: #999;
}

/* 
/* Soksida [MG]
/* * * * * * * * * * * * * */

#newsresult p,
#intresult p,
#blogresult p,
#inttextresult p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 2px 0px 1px 0px;
line-height: 13px;
padding-left: 3px;
}

#newsresult p.rubrik,
#intresult p.rubrik,
#blogresult p.rubrik,
#inttextresult p.rubrik {
margin: 0px 0px 0px 0px;
}

#newsresult p.rubrik a,
#intresult p.rubrik a,
#blogresult p.rubrik a,
#inttextresult p.rubrik a   {
font-weight: normal;
color: #000;}

#newsresult p.rubrik a:visited {
color: #999;
}

#newsresult p.onair,
#intresult p.onair,
#blogresult p.onair,
#inttextresult p.onair {
margin: 0px 0px 8px 0px;
color: #999;
}

#newsresult p.rubrik a:visited,
#inttextresult p.rubrik a:visited {
color: #000;
}

/* 
/* Mest lasta
/* * * * * * * * * * * * * */

#mest-lasta {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
}

#mest-lasta h2 {
margin: 6px 0px 10px 0px;
font-size: 13px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
}

#mest-lasta p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px;
line-height: 13px;
}

#mest-lasta p.onair {
margin: 0px 0px 8px 0px;
color: #999;
}


/* 
/* Aktuella produkter
/* * * * * * * * * * * * * */

#aktuella-produkter {
background-color: #9CB67D;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
}

#aktuella-produkter .inner {
background-color: #fff;
}

#aktuella-produkter h2 {
margin: 6px 0px 5px 0px;
font-size: 14px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
}

#aktuella-produkter h4,
#tavlingsdag-produkter h4 {
color: #000;
font-size: 11px;
margin: 6px 0px 1px 12px;
text-align: left;
}

#aktuella-produkter ul,
#tavlingsdag-produkter ul {
list-style: none;
margin: 0px 0px 0px 3px;
}

#aktuella-produkter li,
#tavlingsdag-produkter li{
list-style: none;
margin: 0px 0px 2px 0px;
line-height: 15px;
}

#aktuella-produkter li img,
#tavlingsdag-produkter li img{
margin: 0px 0px 1px 0px;
}

#aktuella-produkter ul.merinfo {
margin: 10px 0px 0px 8px;
}

/* 
/* Produktlinkruta 
/* * * * * * * * * * * * * */

#produktlinkruta {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
}

#produktlinkruta h2 {
margin: 6px 0px 10px 0px;
font-size: 13px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
}

#produktlinkruta  p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px;
line-height: 18px;
}

/* 
/* Inge Snackh 
/* * * * * * * * * * * * * */

#ingesnackhbanner {
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px solid red;
float: left;
display: inline;
}

#ingesnackhbanner a {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

#ingesnackhbanner img {
border: 0px solid red;
margin: 0px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

/* 
/* Inline-banner 
/* * * * * * * * * * * * * */

.inlinebanner {
width: 150px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid red;
float: left;
display: inline;
}

#inlinebanner a {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

#inlinebanner img {
border: 0px solid red;
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.inlinebanner-lopet {
width: 320px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid red;
float: left;
display: inline;
}

#inlinebanner-lopet a {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

#inlinebanner-lopet img {
border: 0px solid red;
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}


/* 
/* Vaderruta 
/* * * * * * * * * * * * * */


#vaderruta {
border: 2px solid #E7AA2E;
background: #fff;
float: left;
display: inline;
padding: 5px 5px 8px 5px;
width: 136px;
margin: 0px 0px 10px 0px;
}

#vaderruta a {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

#vaderruta img {
border: 0px solid red;
margin: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#vaderruta img.vaderikon {
float: left;
margin: 0px 4px 2px 0px;
}

#vaderruta h2 {
margin: 6px 0px 10px 0px;
font-size: 13px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
}

#vaderruta h3 {
margin: 6px 0px 0px 0px;
font-size: 11px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-weight: bold;
clear: both;
}

#vaderruta p {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, Arial, sans-serif;
font-size: 11px;
margin: 0px 0px 0px 0px;
line-height: 15px;
}


/* 
/* Bli medlem 
/* * * * * * * * * * * * * */

#blimedlem,
#kortbetalning {
width: 150px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid red;
float: left;
display: inline;
}

#kortbetalning {
xmargin: 10px 0px 10px 0px;
}

#blimedlem a,
#kortbetalning a {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

#blimedlem img,
#kortbetalning img {
border: 0px solid red;
margin: 0px;
padding: 0px;
}

/* 
/* Footer
/* * * * * * * * * * * * * */

#footer {
font-family: Verdana, 'Lucida Grande', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 140%;
color: #275200;
text-align: center;
}

/* 
/* Extra
/* * * * * * * * * * * * * */

.cleared {
clear: both;
line-height: 0px;
}

.removeweirderrorinie {
line-height: 0px;
font-size: 1px;
color: #eee;
}
/* 
/* Bloggare Högermeny
/* * * * * * * * * * * * * */

#blogcolumn 
{
    width: 150px;
    margin: 0px 0px 0px 0px;
    display: inline;
}

#blogcolumn h4 {
border:0 solid red;
font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,lucida,Helvetica,Arial,sans-serif;
font-size:14px;
line-height:normal;
margin:4px 0;
text-align:center;
}