body { margin: 0 0 0 auto; background: #c2c2c2 url(../images/bg.gif) top left repeat-x; font-family:Trebuchet MS, Arial;font-size:12px;}

h1 { font-size: 22px; font-family: 'Lato', arial, serif; font-weight: normal; margin-bottom: 0.5em; color: #007D76; }
h2 { font-size: 14px; font-family: 'Lato', arial, serif; font-weight: normal; margin-bottom: 10px; line-height: 1; }
h3 { font-size: 15px; font-family: 'Lato', arial, serif; font-weight: bold; line-height: 1; margin-top: 1.5em; margin-bottom: 0.75em; }
h4 { font-size: 1em; font-weight: bold; margin-bottom: 0; }

h1 a:link { text-decoration: none; }

a:link { background-color: transparent; color: #5399AF; text-decoration: underline;}
a:hover { background-color: transparent; color: #5399AF;text-decoration: underline !important; }
a:visited { background-color: transparent; color: #5399AF;text-decoration: none; }
a:focus{ outline:none; }

#meny a:link { background-color: transparent; color: #fff; text-decoration: none;}
#meny a:hover { background-color: transparent; color: #fff;text-decoration: underline !important; }
#meny a:visited { background-color: transparent; color: #fff;text-decoration: none; }
#meny a:focus{ outline:none; }



#logo {float:right;}

#wrapper { margin: 0 auto; width: 950px; padding:0; border: 0; }
#main {margin:0; background: url(../images/bg-main.gif) top left repeat-x;}
.container { background: 0; border: 0; }

#toppage-flash {margin-top:12px;}
#flashcontent {margin-top:6px;}
#toppage-flash img, #flashcontent img, #flashcontent embed {float:left;}

#startpage-left {padding-top:28px;margin-left:0;width:370px;float:left;}


.tjanster-puff {padding-top:28px;padding-left:12px;float:left;width:420px;}
.tjanster-right {padding-left:24px;}
#stiernholm-forelasare {padding:12px 12px 0 0;margin:0;}
#stiernholm-forelasare img, #stiernholm-tjanster-right img {float:right;margin-bottom:12px;}

#stiernholm-tjanster-right a:link {color:#4E96AD;}
#stiernholm-tjanster-right a:visited {color:#4E96AD;}
#stiernholm-tjanster-right a:hover {color:#4E96AD;}
#stiernholm-tjanster-right {padding:12px 12px 0 0;margin:0;}
#stiernholm-tjanster-right  img {float:right;margin:0 0 12px 0;}

.padd-text-left {padding:28px 0 0 32px;}
.bg-white {background-color:#fff;}
.bg-startpage-left {margin-right:0 !important;}
.bg-startpage-middle {margin-right:20px !important;}
.bg-startpage-middle img {float:right;margin:44px 14px 0 0;}
.bg-startpage-left img {float:left;}
.bg-startpage-right img {float:right;}
.bg-startpage-right {background: url(../images/bg-puff-startpage-right.gif) top left repeat-x;}
.startpage-puff-right {float:left;padding:26px 0 0 24px;width:260px;}

.bg-bottom-shop {background-color:#fff;height:8px;}
.bg-bottom-shop-left img {float:left;}
.bg-bottom-shop-right img {float:right;}

#footer { padding-top: 12px;margin-left:32px;color:#646469;}
#footer.small { font-size:11px; font-weight:bold;}
#footer img {margin:0;vertical-align:middle;}

.flash-border {border-top:1px solid #C8C8C8;}
.flash-border img {float:left;}

.bg-forelasare {background: url(../images/bg-puff-forelasare.gif) top left repeat-x;height:122px;}

#bg-puff-forelasare-right img {float:right;}

.forelasare-divider {float:left;display:inline;margin-right:22px;}

.forelasare-left {float:left;padding:0;}
.forelasare-left img {float:left;}
.forelasare-left h2 {margin-top:50px;margin-left:20px;}
.forelasare-left h2 {width:150px !important;}

.shop-item {width:416px;float:left;padding:0;padding:18px 0 16px 0}
.shop-item-text {float:left;width:266px;padding-left:22px;}
.shop-item-img {float:left;}
.shop-item h3 {margin-top:12px;margin-bottom:4px;}
.shop-item-border {border-bottom:1px solid #4E96AD;height:1px;width:416px;float:left;}
.shop-price {float:left;width:218px;}
.shop-price-img {float:right;}

.bg-shop-meny {background: url(../images/bg-shop-meny.gif) top left repeat-x; height: 33px;}



#list {float:left;position:relative;top:0;left:-17px;height:52px;}
#meny { background: url(../images/bg-meny.gif) top left repeat-x; height: 52px;}
#meny-list li {
  float:left;
  margin:0;
  padding: 17px 12px 0 12px;
  height:35px;
  list-style-type: none;
  font-family:Trebuchet MS, Arial;
  font-size:13px !important;
  font-weight:bold;
  background: url(../images/bg-divider-meny.gif) -12px 0 no-repeat;
}
#meny-list ul li a {
  color: #fff;
  display: block;
  margin:0;
}
#meny-list li.first {background:none !important;}

#meny-list li.selected a {
  color:#87B7C6 !important;
}

.flags img {margin-right:4px;padding-top:3px;}

/* SHOOOOOOP */
#shop-meny li {
  float:left;
  margin:0;
  padding: 6px 12px 0 16px;
  height:33px;
  list-style-type: none;
  font-family:Trebuchet MS, Arial;
  font-size:13px;
  font-weight:bold;
  background: url(../images/bg-meny-shop.gif) -2px 10px no-repeat;
}
#shop-meny li a {color: #4E96AD !important;}
#shop-meny ul li a {
  color: #4E96AD !important;
  display: block;
  margin:0;
}
#shop-meny li.first {background:none !important;}

#shop-meny li.selected-shop a {
  color:#333333 !important;
}


textarea {
height:180px;
padding:5px;
width:390px;
}
input, textarea, select {
border:1px solid #BBBBBB;
margin:0.2em 0pt 0.5em 0;
padding:2px;
}


/* microformats */

.vcard .logo { display: none; }
.vcard .type { display: none; }


/* blog */

#blog .bg-white { padding-top: 30px; }

#blog.sIFR-active h3, #blog.sIFR-active h4 { visibility: visible; line-height: 1em; }
#blog h3 { font-weight: bold; font-size: 14px; margin: 2em 0 1em 0;}
#blog h4 { margin: 20px 0 10px 0;}

#blog .twitter { border: 1px solid #eee; background: url(/images/blog-twitterbird.gif) no-repeat 10px 0px; height: 50px; margin: 0 0 40px 0; padding: 15px 10px 15px 90px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px }
#blog .twitter img { margin: -3px 10px 0 0; padding:0; float: left; }
#blog .twitter p { margin: 3px 0;}

#blog img.left { float: left; margin: -22px 20px 20px 0px; }
#blog img.right { float: right; margin: 4px 0 20px 20px; }

#blog p.intro { margin: 0 0 30px 0;}

#blog .item { clear: both; margin: 0 0 20px 0;}
#blog .item h1 { margin-left: 150px;}
#blog .item div.container { margin-left: 150px; width: 480px;}
#blog .item div.box { background: #f7f7f7; width: 120px; height: 120px; float: left; margin: -22px 20px 20px 0; padding: 0; }
#blog .item .cmt { margin: -5px 0 0 0; padding: 0; color: #a8a8a8; font-size: 11px;  }

#blog .number-comments { float: right; background: url(/images/blog-commentbubble.gif) no-repeat 0 0; width: 50px; padding: 9px 25px 20px 10px; margin: -33px 0 0 0; font: bold 20px arial; color: #fff; text-align: center; }
#blog .number-comments a { color: #fff; }
#blog .date { color: #a8a8a8; font-size: 11px; }
#blog .postinfo { width: 600px; border: 1px solid #eee; background: #eee; padding: 5px 15px; margin-top: 40px; }

#blog .share { width: 600px; border: 1px solid #eee; padding: 5px 15px; }
#blog .share p { float: left; }
#blog .share li { float: left; list-style-type: none; margin: 0 5px;}

#blog h1 { width: 550px; }
#blog h2#comments { margin: 40px 0 20px 0;}

#blog .comment { padding: 15px; background: #f9f9f9; border-top: 1px solid #eee; }
#blog .comment .name { font-size: 14px; font-weight: bold; margin: 0;}
#blog .comment img { display: inline; float: none; margin: 0; padding: 0; vertical-align: text-bottom; }
#blog .comment img.right { float: right; margin: 4px 0 20px 20px; }
#blog .comment.odd { padding: 15px; background: #fff; border-top: 1px solid #eee; }
#blog .comment-end { border-top: 1px solid #eee; margin-bottom: 30px; }

#blog #comment_form { margin: 20px 0 50px 0;}
#blog #comment_form div { margin: 5px 0;}
#blog #comment_form div.personal label { width: 90px; float: left; }
#blog #comment_form div.personal input { width: 200px; }
#blog #comment_form textarea { width: 620px; height: 150px;  }

#blog #sidebar .comment { padding: 10px 10px 0 0; border: none; border-bottom: 1px solid #eee; }
#blog #sidebar .comment h4 { margin: 0; font-size: 11px; height: auto; }
#blog #sidebar .comment p { margin: 5px 0 5px 0; font-size: 11px; }


/* archive and categories */

#blog ul.archive { margin: 0 0 5px 0; padding: 0;}
#blog ul.archive li { margin: 0 0 0 20px; padding: 0;}

#blog .nav_cat_archive { margin: 0 0 100px 0; padding: 0; }
#blog .nav_cat_archive li { list-style-type: none; }
#blog .nav_cat_archive li li { list-style-type: disc; }

/* sidebar */
#blog #sidebar { background: #fafafa; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px }

#blog li a { color: #04738b; text-decoration: none;}
#blog li a:hover { text-decoration: underline; }

#blog h2.search { background: url(/images/blog-icon-search.gif) no-repeat 0 0; padding: 5px 0 5px 35px; }
#blog h2.article { background: url(/images/blog-icon-articles.gif) no-repeat 0 0; padding: 5px 0 5px 35px; margin: 0 0 5px 0; }
#blog .article { margin: 0 0 20px 0; padding: 0; }
#blog .article li { background: url(/images/blog-li-article.gif) no-repeat 0 6px; margin: 0; padding: 3px 0 3px 21px; list-style-type: none; border-bottom: 1px solid #eee; }
#blog h2.category { background: url(/images/blog-icon-categories.gif) no-repeat 0 0; padding: 5px 0 5px 35px; margin: 0 0 5px 0; }
#blog .nav_categories { margin: 0 0 20px 0; padding: 0; }
#blog .nav_categories li { background: url(/images/blog-li-category.gif) no-repeat 0 6px; margin: 0; padding: 3px 0 3px 22px; list-style-type: none; border-bottom: 1px solid #eee;  }
#blog h2.comments { background: url(/images/blog-icon-comments.gif) no-repeat 0 0; padding: 5px 0 5px 35px; margin: 0 0 5px 0; }
#blog h2.tips { background: url(/images/blog-icon-rss.gif) no-repeat 0 0; padding: 5px 0 5px 35px; margin: 30px 0 5px 0; }
#blog .paginate { margin: 50px 0 100px 0;}

#blog #searchresults { margin: 30px 0 0 0; }
#blog #searchresults th { background: #eee; }
#blog #searchresults td { vertical-align: top; }