@import url("layout.css");
body {
	margin: 0;
	background-color: #ccc;
	/*background-image:url('../grafik/Slagv.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: small;
	color: #000;
}
/* Styles for DIV tags */
#masthead{
	background-color: #789;
	border-bottom: .2em solid #456;
}
#container {
	background-color: #fff;
	border-right: .3em solid #999;
	border-left: .3em solid #999;
	border-bottom-width: .2em;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#navigation {
	text-align: center;
	background-color: #234;
}
#listmenu{
	text-align: center;
	border-bottom: .2em solid #665533;
	background-color: #339;
}
html>body #navigation {
	overflow: hidden;
}
html>body #listmenu{
	overflow: hidden;
}
#user{
	background-color: #234;
	color: #fff;
}
#column_right{
	border-left: .1em solid #234;
}
#translate{
	border-top:  .1em solid #234;
	border-left: .1em solid #234;
}
#image {
	margin-bottom: .6em;
	margin-left: .6em;
	margin-right: .3em;
}
#footer {
	color: #fff;
	background-color: #000;
}
/* Styles for Masthead */
#masthead h1 {
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 2em;
	height: 1.7em;
	margin: 0;
	text-align: left;
	padding: 0;
}
#masthead h3 {
	margin-top: 0.4em;
	color: #fff;
	margin-bottom: 0;
	text-align: left;
	font-size: 1.5em;
	padding-top: .3em;
	font-style: normal;
	font-weight: normal;
}
#masthead a {
	color: #000;
	text-decoration: none;
}
#masthead a:hover {
	color: #444;
	background-color: #789;
}
/* Stil för offentlig navigering */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	margin: 0 .1em;
	padding: .5em;
	display: block;
}
#navigation a:hover {
	background-color: #456;
}
/* Stil för interna navigationen*/
#listmenu ul{
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#listmenu li{
	float: left;
}
#listmenu a{
	color: #fff;
	text-decoration: none;
	margin: 0 .1em;
	padding: .5em;
	display: block;
}
#listmenu a:hover{background-color:#009;}

/* Styles for user */
#user h4{
	color:#fff;
	font-size: 1em;
	margin: 0; 
	padding: .4em 0;
}
#user a{	
	width: 10em;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: .2em 0 .2em 0;
	display: block;
}
#user a:hover{background-color: #456;}
#user ul{
	margin: 0;
	padding: .2em 0;
}
/* Stilar för högra kolumnen */
#column_right h6 {
	color: #000;
}
#column_right h5 {
	color: #000;
	margin-top: .4em;
}
#column_right h4 {
	color: #000;
	margin-top: 0;
}
#column_right p {
	color: #000;
	margin-top: 0;
	margin-bottom: .4em;
}
#column_right a {color: #c00;}
#column_right a:hover {background-color: #c00; color: #fff;}
#column_right ul{
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
}
/* Stilar för data */
#data table{
	border: 1px solid;
	border-color: #000;
}
#data td {
	border: 1px solid;
	border-color: #000;
}
#calendar table{
	width:700px;
    border: 0px solid #888;    
    border-collapse:collapse;
	font-size: 10px;
}
#calendar tr{
	height:80px;
}
#calendar tr.header_footer{
	height: 15px;
	font-size: 12px;
	font-weight: bold;
}
#calendar td {
	width: 100px;
	text-align: left;
	vertical-align:top;
    border: 1px solid #888;
}
.datum{
	font-size: 12px;
}
.in_month{
    background-color: #F1F3F5;
}
.today{
    background-color: #998866;
    font-weight: bold;
}
/* Stilar för huvudkolumnen */
h1 {
	font-size: 2em;
	color: #333;
	margin-top: 0;
}
h2 {
	font-size: 1.6em;
	color: #333;
	margin-top: 0;
}
h3 {
	font-size: 1.4em;
	color: #333;
	margin-top: 0;
	margin-bottom: .5em;
}
h4 {
	font-size: 1.2em;
	color: #000;
	margin-top: 0;
	margin-bottom: .5em;
}
h5 { 
	font-size: 1em;
	margin-top: 0;
	margin-bottom: .5em;
}
h6 { 
	font-size: 1em;
	margin-top: 0;
	margin-bottom: .5em;
}
ul{
	margin:0 0 0 8px;
	padding:0;
	list-style-type: none;
}
li {
	margin:0;
	padding:0;
}
/*Stilar för länkar i allmänhet*/
a {color: #c00;}
a:hover {color: #fff; background-color: #c00; text-decoration: none;}

.feed {
  padding: 0 0 0 1.6em;
  background: url("../grafik/feed-icon-14x14.png") no-repeat 0 50%;
} 
.tabellrubrik {
	/*font-size:small;*/
	font-weight: bold;
	color: #000;
	background-color: #789;
}
.tabell{
	/*font-size: 12px;*/
	background-color: #9ab;/*#9AA7B4;*/
}
.tabell a{color: #234;}
.tabell a:hover{color: #234; text-decoration: none; background-color: #789;}
.centered {
	text-align: center;
	/*font-size: x-small;*/
	color: #FFFFFF;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.errormess{
	color: #f00;
}
.okmess{
	color: #0f0;
}
#textmassa{
	text-align: justify;
}
#textmassa p{
	text-indent: .8em;
	margin: .5em .5em 0 .5em;
}
.ingress{
	font-weight: bold;
}
.byline{
	text-align: right;
	font-style: italic;
}

/* Styles for Artiklar */
#form_container{
	font-size: 1em;
	margin-bottom: .5em;
}
div.clothes{
	float:right; 
	width:10em;
	position:relative;
	top:-2em; 
	padding: .5em; 
}
#artiklar{
	float:left;
}
#artiklar h5{
	font-size:1.2em;
	font-style: italic;
	padding-left: .5em;
	padding-top: .1em;
	padding-bottom: 0;
	color:#555; 
}
#artiklar h6{
	font-size: 1em;
	font-style: italic;
	padding-top: .1em;
	padding-bottom: 0;
	color:#555; 
}
div#artiklar p{
	min-width: 10em;
	/*border-bottom: .1em solid #234;*/
	padding-left: 1em;
	padding-bottom: .2em;
	margin-bottom: .2em;
	padding-top: 0;
}
div#artiklar hr{
  background: #ccc;
  /*color: #000;*/
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

span.kolumn{
	width:15em;
	float:left;
	margin:0 1em .5em 0;
}
span.kolumn b{
	color:#456;
}

/* Stil för anslagstavlan */
.post_it{
	width:180px;
	height:190px;
	padding:5px;
	margin:0 4px 5px 0;
	float: left;
	margin: 10px;
}
.post_it p{
	font-size: 11px;
	margin:0;
}
.post_it h6{
	font-size: 12px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.post_it a:link{color: #234; text-decoration: underline;}
.post_it a:hover{color: #567; text-decoration: none;}
.post_it a:avtice{color: #567; text-decoration: underline;}
#gigtitel{
	font-size: 14px;
	font-weight: bold;
}
/* Styles for Footer */
#footer p {
	margin: 0;
	font-size: x-small;
	text-align: left;
}
#copyright {
	float: right;
	text-align: right;
}
#copyright p {
	font-size: x-small;
}
#footorientation{
	text-align: center;
	font-size: x-small;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}
.heavy{
	color: #f00;
	font-weight: bold;
}