@import url("reset.css");
@import url("basic.css");
@import url("type.css");

body {
background: url(../img/bac.png) no-repeat 50% 400px;
}

div#wrapper {
width: 800px;
margin: 40px auto 0;
}

div#header {
padding: 0 0 0 10px;
margin: 0 0 5px;
}

div#header h1 a {
float: left;
width: 250px;
height: 100px;
cursor: pointer;
background: no-repeat left bottom;
text-indent: -999em;
overflow: hidden;
}

div#header ul {
float: right;
margin: 32px 0 0; /* 100 - 68 logotyp - menyhöjd */
}

div#header ul li {
float: left;
margin: 0 0 0 17px;
}

div#header ul li.sel a, div#header ul li a:hover{
margin-top: -10px;
height: 78px;
}

div#header ul li a {
display: block;
position: relative;
width: 81px;
height: 68px;
cursor: pointer;
background: no-repeat left top;
text-indent: -999em;
overflow: hidden;
}

div#round_top, div#round_bottom {
background: url(../img/main_top.png) no-repeat left top;
height: 12px;
}

div#round_bottom {
background-image: url(../img/main_btm.png);
}

div#content {
background: #fff;
min-height: 420px;
padding: 0 40px 1em;
}

* html div#content {
height: 420px;
}

div#main {
float: left;
width: 340px;
margin: 0 40px 0 0;
padding: 65px 0 0;
}

div#search {
float: left;
display: inline;
margin: 0 40px 0 0;
}

div#search input.field {
float: left;
background: #fff;
border: 1px solid;
border-right: none;
height: 16px;
width: 152px;
padding: 4px 4px 0;
font: 12px/1em Verdana, Arial, Helvetica, sans-serif;
}

div#search input.submit {
float: left;
height: 22px;
width: 50px;
border: none;
color: #fff;
background: url(../img/btn_search.png) no-repeat right top;
font: bold 12px/1em Verdana, Arial, Helvetica, sans-serif;
}

p#newsletter {
float: left;
line-height: 22px;
margin: 0;
}

div#side {
float: right;
width: 340px;
padding: 6px 0 0;
}

div#nyhetsbrev {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin-top: 20px;
    padding: 22px 0px 22px 0px;
}
div#nyhetsbrev div {
    margin-top: 22px;
}

div#rightpage {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin-top: 20px;
    padding: 22px 0px 12px 0px;
}

div#login
,#graphics
,div#side_content {
margin: 40px 0 0;
display: block;
}

div#login
,div#side_content {
background:  url(../img/graphics/pratbubbla.png) no-repeat left top;
color: #fff;
width: 300px;
height: 180px;
padding: 20px 20px 83px;
overflow: visible;
}

div#side_content ul.news li,
div#side_content ul.news li a {
color: #fff;
}

ul.news li {
margin: 0 0 0.5em;
}

div#login p{
margin:0 0 5px 0;
}

div#login ul li a{
color:#fff;
}


div#footer {
margin: 2px 0 0;
padding: 5px 33px 0 0;
height: 120px;
background: url(../img/mirror.png) no-repeat left top;
}

div#footer ul {
float: right;
}

div#footer ul li {
float: left;
margin: 0 0 0 20px;
}

div#footer ul li a {
display: block;
width: 88px;
height: 27px;
cursor: pointer;
background: no-repeat left top;
text-indent: -999em;
overflow: hidden;
}

div#footer ul li#rbuf a {
background-image: url(../img/rbuf.png);
}

div#footer ul li#radda_barnen a {
background-image: url(../img/rb.png);
}

div#forum div.item {
padding: 0 0 1em;
margin: 0 0 1em;
border-bottom: 1px solid #eaeaea;
}

div#forum div.item p.meta {
margin: 0;
padding: 5px;
background: #eaeaea;
color: #666;
}

ul#submenu {
text-align: right;
}

ul#submenu li {
display: inline;
margin: 0 0 0 1em;
}

/* Klasser */
ul.paging {
margin: 0 0 1em !important;
}

ul.paging li {
display: inline;
margin: 0 0 0 1em;
}

ul.har_finns_vi li a
,ul.har_finns_vi li.sel {
display: block;
padding: 3px 7px;
border-bottom: 1px dotted;
}

ul.har_finns_vi li.sel
,ul.har_finns_vi li a:hover {
color: #fff;
border-color: #fff;
}

/* IE6 PNG */

* html div#footer,
* html div#login,
* html div#round_top,
* html div#round_bottom {
background-image: none;
}

* html div#search input.submit {
background-image: url(../img/btn_search.gif);
}

* html div#round_top {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_top.png');
}

* html div#round_bottom {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_btm.png');
}

* html div#footer ul li#rbuf a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/rbuf.png');
}

* html div#footer ul li#radda_barnen a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/rb.png');
}