/*
/* CSS for umaker.se
/* by Adrian Bengtson, Adagio design
/* 2008
/* - - - - - - - - - - - - - - - - - - - - - */

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

body {
margin: 0;
xpadding-left: 10px;
color: #000;
background: #E6E6E6;
background: #B4B4B4 url(/images/grafik/bakgrundstoning.jpg) repeat-x;
}

body, p, div, td, th, li {
font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}

img {
border: 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-size: 20px;
font-weight: bold;
margin: 0px 0px 16px;
color: #f00;
line-height: normal;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
margin: 0px 0px 12px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 4px 0px 10px;
color: #f00;
}

li {
margin-bottom: 3px;
}

p {
margin: 1em 0;
}

/*
/* Links
/* - - - - - - - - - - - - - - - - - - - - - */

a,
a:link {
text-decoration: none;
color: #f00;
}

a:visited {
color: #f00;
}

a:hover {
color: #c00;
text-decoration: underline;
}

/*
/* page
/* - - - - - - - - - - - - - - - - - - - - - */

#page {
xwidth: 760px;
xmargin: 0 auto;
}

/*
/* header
/* - - - - - - - - - - - - - - - - - - - - - */

#header {
xwidth: 760px;
height: 134px;
background: url(/images/grafik/sidhuvud1.jpg) repeat-x;
xbackground: url(/images/other/tjejkvall/sidhuvud-tjejkvall-090226-v1.jpg) repeat-x;
}

#headerinner {
xbackground: url(/images/grafik/sidhuvud-bild1.jpg) no-repeat right top;
xbackground: url(/images/other/tjejkvall/sidhuvudbild-tjejkvall-090226-v1.jpg) no-repeat right top;
xbackground: url(/images/other/hostbygget/sidhuvudbild-hostbygget-091007-v1.jpg) no-repeat right top;
height: 134px;
width: 1015px;
}

#headertext {
clear:left;
display:inline;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin-top:13px;
text-align:center;
width:400px;
}

/*
/* logo
/* - - - - - - - - - - - - - - - - - - - - - */

#logo {
float: left;
display: inline;
margin-top: 28px;
}

/*
/* headercampaign
/* - - - - - - - - - - - - - - - - - - - - - */

#headercampaign {
float: right;
display: inline;
margin-right:44px;
margin-top:52px;
width: 360px;
height: 50px;
overflow:hidden;
background:transparent url(/images/grafik/sidhuvud-bild1.jpg) no-repeat scroll right top;
display:inline;
float:right;
height:134px;
margin-top:0;
overflow:hidden;
width:490px;
}

#headercampaign.active {
xbackground: pink;
background: url(/images/other/hostbygget/sidhuvudbild-hostbygget-091027-v1.jpg) no-repeat right top;
height:84px;
margin-right:48px;
padding-top:50px;
}

#headercampaign .inner {
xbackground: pink;
}

#headercampaign h1,
#headercampaign .ingress {
text-align:center;
width: 360px;
width:490px;
height: 50px;
xbackground: green;
font-weight: bold;
margin-left: 18px;
}

#headercampaign h1 {
font-size: 28px;
}

#headercampaign .ingress {
font-size: 18px;
}

#headerad {
display:inline;
float:right;
height:60px;
margin-right:44px;
margin-top:34px;
overflow:hidden;
width:468px;
}


/*
/* main
/* - - - - - - - - - - - - - - - - - - - - - */

#main {
xbackground: #fff url(/images/grafik/spaltbakgrund1.gif) repeat-y;
clear: both;
padding: 0px;
margin: 0px 0px 0px;
float: left;
display: inline;
border-bottom: 0px solid #B8B8B8;
width: 960px;
}

/*
/* main-inner
/* - - - - - - - - - - - - - - - - - - - - - */

#main-inner {
xbackground: transparent url(/images/grafik/spaltbakgrund2b.png) repeat-y;
margin: 0px 0px 0px;
float: left;
display: inline;
border-bottom: 0px solid #B8B8B8;
padding:0 0px;
width:760px;
}

/*
/* main-inner-inner
/* - - - - - - - - - - - - - - - - - - - - - */

#main-inner-inner {
background: transparent url(/images/grafik/spaltbakgrund2b.png) repeat-y;
margin: 0px 0px 0px;
float: left;
display: inline;
padding:0 3px;
}

/*
/* leftcol
/* - - - - - - - - - - - - - - - - - - - - - */

#leftcol {
xbackground: #E6E6E6;
float: left;
display: inline;
xborder-right: 1px solid #B8B8B8;
width: 200px;
}

/*
/* rightcol
/* - - - - - - - - - - - - - - - - - - - - - */

#rightcol {
xbackground: #E6E6E6;
float: left;
display: inline;
xborder-left: 1px solid #B8B8B8;
width: 196px;
xbackground: #EAEAEA;
padding: 20px 20px;
width:190px;
}

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

#menu {
float: left;
display: inline;
padding: 0;
width: 181px;
width: 180px;
border-right: 0px solid #B8B8B8;
padding: 0px 10px 4px;
}

#menu ul {
padding: 0px;
margin: 0px;
}

#menu li {
font-family: Arial, Helvetica, sans-serif;
list-style: none;
line-height: normal;
margin: 0;
}

#menu li a,
#menu li a:visited,
#menu li .menu-header {
background: transparent url(images/grafik/menypunkt-gra1.png) no-repeat left center;
width: 160px;
color: #666;
line-height: 24px;
height: 24px;
font-weight: bold;
font-size: 13px;
padding-left: 20px;
display:block;
}

#menu li .menu-header {
background: none;
padding-left: 4px;
}

#menu ul ul {
padding: 0px;
margin-left: 4px;
}

#menu li li a,
#menu li li a:visited {
line-height: 22px;
font-weight: normal;
font-size: 12px;
padding-left: 13px;
}

#menu li.hi a,
#menu li.hi a:visited,
#menu li.hi li.hi a,
#menu li.hi li.hi a:visited {
background: transparent url(images/grafik/menypunkt-rod1.png) no-repeat left center;
color: #f00;
}

#menu li li.hi a,
#menu li li.hi a:visited {
background: transparent url(images/grafik/menypunkt-rod1small.png) no-repeat left center;
color: #f00;
}

#menu li li a,
#menu li li a:visited,
#menu li.hi li a,
#menu li.hi li a:visited {
background: none;
background: transparent url(images/grafik/menypunkt-gra1small.png) no-repeat left center;
color: #666;
}

#menu li a:hover,
#menu li li a:hover,
#menu li.hi a:hover,
#menu li.hi li a:hover {
background: #B8B8B8 url(images/grafik/menypunkt-gra-hover1.jpg) no-repeat left center;
text-decoration: none;
color: #fff;
}

#menu li li a:hover,
#menu li li.hi a:hover {
background: #B8B8B8 url(images/grafik/menypunkt-gra1small.png) no-repeat left center;
text-decoration: none;
color: #fff;
}

#menu li.divider {
border-top: 1px solid #999;
margin-top: 5px;
padding-top: 5px;
}


/*
/* leftads
/* - - - - - - - - - - - - - - - - - - - - - */

#leftads {
clear:both;
margin:0 0 0 10px;
padding-top:0;
width:190px;
}

#leftads p {
margin: 0px 0px 6px;
line-height: normal;
}

#leftads div.divider {
border-top: 1px solid #999;
margin: 10px 10px 0px 0px;
padding-top: 10px;
}

#leftads p.ad-link {
text-align: center;
}

#leftads p.ad-link a {
font-weight: bold;
}

/*
/* menutop
/* - - - - - - - - - - - - - - - - - - - - - */

#menutop {
clear:both;
margin: 10px 0 6px 10px;
padding:0 0 4px;
width:180px;
border-bottom: 1px solid #999;
}

#menutop a {
margin: 0px 0px 0px;
line-height: normal;
}

#menutop .vinjett {
margin: 0px 0px 8px 0px;
}

/*
/* content
/* - - - - - - - - - - - - - - - - - - - - - */

#content {
float: left;
display: inline;
xborder-left: 1px solid #B8B8B8;
xbackground: #EAEAEA;
padding:0 0px;
width:524px;
}

#content a {
xfont-weight: bold;
}

/*
/* aktuelltruta
/* - - - - - - - - - - - - - - - - - - - - - */

#aktuelltruta {
background: #E6E6E6;
background: #EAEAEA;
xwidth: 500px;
xwidth: 530px;
xpadding: 10px 10px 10px;
xborder-bottom: 1px solid #B8B8B8;
padding:10px;
xwidth:484px;
background:transparent url(/images/grafik/spaltbakgrundstopp.png) no-repeat center bottom;
display:inline;
float:left;
padding:13px;
width:734px;
width:500px;
height:51px;
margin-left:1px;
}

#aktuelltruta h3 {
font-size: 20px;
}

#aktuelltruta .rubrik {
font-weight: bold;
text-transform: uppercase;
color: #f00;
}

#aktuelltruta .text {
}

/*
/* toppuff
/* - - - - - - - - - - - - - - - - - - - - - */

#toppuff {
display:inline;
float:left;
background:transparent url(/images/grafik/spaltbakgrundstopp.png) no-repeat center bottom;
height:77px;
padding:0px 0;
width:232px;
vertical-align: middle;
}

#toppuff .inner {
margin-top:10px;
}

/*
/* standardsida
/* - - - - - - - - - - - - - - - - - - - - - */

.standardsida {
padding: 16px 32px;
padding: 20px 27px;
}

.standardsida h1.avdelare {
border-top: 1px solid #B8B8B8;
margin: 16px 0 12px;
padding-top: 16px;
}

.standardsida h2.avdelare {
border-top: 1px solid #B8B8B8;
margin: 16px 0 12px;
padding-top: 16px;
}

.standardsida .nyhetsbild-stor {
margin: 4px 0px;
}

.standardsida .author {
font-weight: bold;
}

.standardsida .ingress {
margin: 4px 0px;
font-weight: bold;
}

.standardsida .huvudtext {
margin: 4px 0px 16px;
}

.standardsida .huvudtext.avdelare {
margin: 4px 0px 16px;
border-top: 1px solid #B8B8B8;
padding-top: 8px;
}

.standardsida a {
xfont-weight: bold;
}

.standardsida table.table {
}

.standardsida table.table td {
font-size: 11px;
}

.standardsida table.table .altrow {
background: #E3BCBC;
background: #EDD2D2;
}

.standardsida .kolumn2kolumner {
float: left;
display: inline;
width:50%;
}

.standardsida .upplank {
font-size: 10px;
text-align: right;
}

.standardsida .bild-liten {
float: right;
margin: 0px 0px 4px 4px;
}



/*
/* loppviminns-nav
/* - - - - - - - - - - - - - - - - - - - - - */

.loppviminns-nav {
margin: 0px 0px 10px;
border-bottom: 1px solid #B8B8B8;
padding-bottom: 10px;
}

.loppviminns-nav a {
font-weight: normal;
}

.loppviminns-nav {
}

/*
/* nyhet
/* - - - - - - - - - - - - - - - - - - - - - */

#nyhet {
}

#nyhet .nyhetsbild-stor {
margin: 4px 0px;
}

.standardsida  h1 {
margin-bottom: 1px;
}

.standardsida .datum {
color: #666666;
font-size: 11px;
margin: 0px 0px 12px;
}

#nyhet .ingress {
}

#nyhet .huvudtext {
}

#nyhet .flernyheter {
border-top: 1px solid #B8B8B8;
margin-top: 16px;
padding-top: 10px;
}

#nyhet .flernyheter h3 {
}

#nyhet .flernyheter a {
font-weight: normal;
}

/*
/* nyhetsarkivet
/* - - - - - - - - - - - - - - - - - - - - - */

ul.nyhetsarkivet {
list-style: none;
padding-left: 0px;
}

.nyhetsarkivet li {
margin: 4px 0px 8px;
}

.nyhetsarkivet li .datum {
color: #999;
font-size: 10px;
}

.nyhetsarkivet li a {
font-weight: normal;
}

/*
/* nyheter
/* - - - - - - - - - - - - - - - - - - - - - */

#nyheter {
padding: 16px 32px;
padding:16px 20px;
width: 500px;
width: 470px;
width:484px;
}

#nyheter .nyhet {
border-top: 0px solid #B8B8B8;
border-bottom: 1px solid #eee;
margin: 0px 0 8px;
padding: 4px 0 4px;
width: 484px;
}

#nyheter h3 {
margin: 0px 0 0px;
}

#nyheter .datum {
color: #999;
font-size: 10px;
}

#nyheter .textobild {
}

#nyheter .textobild .nyhetsbild-liten {
float: right;
margin: 0px 0px 4px 4px;
}

#nyheter .lasmer {
text-align: left;
font-weight: normal;
}

#nyheter .lasmer a {
font-weight: normal;
}

/*
/* Blocken i högerspalten
/* - - - - - - - - - - - - - - - - - - - - - */

#rightcol .block {
float: left;
display: inline;
width: 190px;
padding: 0px 0 20px 0px;
border-bottom:1px solid #BBBBBB;
margin: 0px 0px 20px;
color: #999;
}

#rightcol .block h4 {
color: #666;
margin: 0px 0px 4px;
font-size:12px;
}

#rightcol .block ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#rightcol .block ul li {
padding: 0px;
margin:0 0 4px;
list-style: none;
}


/*
/* vinjetter
/* - - - - - - - - - - - - - - - - - - - - - */

#vinjetter.block {
padding: 0px 0 0px 0px;
}

#leftads .vinjett,
#vinjetter .vinjett {
margin-bottom: 20px;
}

#vinjetter .vinjettext {
color: #000;
}

#vinjetter .intro {
font-weight: bold;
}

#vinjetter .quote {
font-style: italic;
}


/*
/* tavlingsdagar
/* - - - - - - - - - - - - - - - - - - - - - */

#tavlingsdagar {
color: #999;
}

#tavlingsdagar h4 {
}

#tavlingsdagar .manad {
color: #666;
margin-top: 8px;
font-size: 11px;
font-weight: bold;
}

#tavlingsdagar .datum {
color: #666;
font-weight: bold;
font-size: 11px;
line-height: normal;
}

#tavlingsdagar .datum .speltyp {
font-weight: normal;
}

#tavlingsdagar .beskrivning {
color: #666;
font-size: 11px;
padding-left: 8px;
}

/*
/* specialsidor, bloggar
/* - - - - - - - - - - - - - - - - - - - - - */

#specialsidor {
}

#bloggar {
}

#specialsidor li,
#bloggar li {
color: #666;
font-weight: bold;
font-size: 11px;
line-height: normal;
}

#specialsidor p a,
#bloggar p a {
}

#specialsidor h4,
#bloggar h4 {
margin: 3px 0px 0px;
font-weight: bold;
font-size: 12px;
color: #666;
}

#specialsidor ul,
#bloggar ul {
margin: 0px 0px 4px;
padding-left: 14px;
}

#bloggar ul {
margin: 0px 0px 4px;
padding-left: 0px;
list-style: none;
}

#specialsidor li,
#bloggar li {
}

#specialsidor li a,
#bloggar li a {
}

#bloggar .datum {
font-size: 10px;
}

/*
/* banners
/* - - - - - - - - - - - - - - - - - - - - - */

#banners {
}

#banners p {
color: #666;
font-weight: bold;
font-size: 11px;
line-height: normal;

}

#banners p a {
}

/*
/* footer
/* - - - - - - - - - - - - - - - - - - - - - */

#footer {
clear: both;
text-align: center;
color: #fff;
font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
border-top: 2px solid #666666;
padding-top: 3px;
xwidth: 930px;
width: 756px;
xmargin-left:202px;
margin-left:2px;
xtop:-3px;
xposition:relative;
background: #B4B4B4;
}

#footer a,
#footer a:link,
#footer a:visited {
color: #fff;
}

#credit {
color: #ddd;
font-size: 10px;
margin-top: 6px;
}

#credit a,
#credit a:link,
#credit a:visited {
color: #ddd;
}

/*
/* front
/* - - - - - - - - - - - - - - - - - - - - - */

#image-front {
float: left;
display: inline;
width: 380px;
}

#image-front img {
}

#image-front .slogan {
text-align: center;
font-style: italic;
font-weight: bold;
}

#text-front {
}

#text-front p {
}



/*
/* image upload
/* - - - - - - - - - - - - - - - - - - - - - */

#imageplace1,
#imageplace2,
#imageplace3 {
border: 0px solid red;
xbackground: #fff;
padding: 10px;
margin-bottom: -5px;
}

#fileplace1,
#fileplace2,
#fileplace3 {
border: 0px solid red;
xbackground: #fff;
padding: 10px 0px;
}

#imageplace1 label,
#imageplace2 label,
#imageplace3 label,
#fileplace1 label,
#fileplace2 label,
#fileplace3 label {
border: 0px solid red;
float: none;
clear: both;
display: block;
text-align: center;
width: auto;
margin: 4px 0px 0px;
}

#imageplace1 input,
#imageplace2 input,
#imageplace3 input,
#fileplace1 input,
#fileplace2 input,
#fileplace3 input {
xborder: 1px solid red;
margin: 0px;
}

.thumbplace,
.filenameplace {
border: 1px solid white;
background: #ECF5F5;
padding: 0px;
margin: 6px 0px 0px;
}

.thumbplace div,
.filenameplace div {
border: 0px solid red;
xbackground: #fff;
padding: 0px;
margin: 5px 0px -10px;
}

.thumbplace label,
.filenameplace label {
border: 0px solid red;
float: none;
clear: both;
display: block;
text-align: center;
width: auto;
margin: 4px 0px -5px;
padding: 0px;
}

.thumbplace input,
.filenameplace input {
xborder: 1px solid red;
xmargin: 0px;
padding: 0px;
}

.thumbplace input.button,
.filenameplace input.button {
display: inline;
}


/*
/* clear
/* - - - - - - - - - - - - - - - - - - - - - */

div.clear {
clear: both;
line-height: 1px;
font-size: 1px;
}


/*
/* misc
/* - - - - - - - - - - - - - - - - - - - - - */

img.imageright {
margin: 0px 0px 12px 12px;
float: right;
display: inline;
}

img.imageleft {
margin: 5px 0px 0px -150px;
float: left;
display: inline;
}

span.title {
display: block;
margin: -8px 0px 8px;
color: #004478;
font-style: italic;
}

p.empty {
color: #666;
font-weight: normal;
font-style: italic;
font-size: 11px;
line-height: normal;
}

img.img-r {
margin: 0px 0px 10px 10px;
}

.imagebox {
float: right;
margin: 0px 0px 10px 10px;
}

.imagebox .caption {
float: right;
font-style: italic;
font-size: 10px;
line-height: 1.3;
}

img.vinjett-stor {
margin-bottom: 10px;
}

.specialinfo {
padding: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
text-align: center;
}

tr.debug {
background: #ccc;
}

div.attached-file {
background: #eee;
padding: 10px;
}

.fileinfo {
color: #666;
font-size: 10px;
}