/*---  @import url("artme.css");  ---*/
<!--
body
    {
      margin: 0;
      padding: 0;
      font: 100%/1.4 helvetica, arial, sans-serif;
      text-align: center;
    }
#container
{
        margin: 0 0px;
        background: #fff; background-image:url('background_03.png'); background-repeat:repeat-x;
}

#header
{

        width: 100%;
        height: 75px;
        color: #0A5F94;
        background: url(background1-content.jpg);
        font-size: 23px;
}

#header h1 { margin: 0; padding: 18px; font-weight: bold; text-align: center }
h1 {
	margin: 10px 0 10px 0;
	font: 20pt 'Arial', Helvetica, sans-serif;
	color:#779410;
	padding-bottom:18px;
}

#content
{
        clear: left;
        padding: 20px;
}

#content h2
{
        color: #2CCEFB;
        font: 18pt 'Arial', Helvetica, sans-serif;
        margin: 0 0 .5em;
}
#content h3        {
	font            : 14pt 'Arial', Helvetica, sans-serif;
	}
#content h4        {
	font            : 13pt 'Arial', Helvetica, sans-serif;
	}
#content h5        {
	font            : 12pt 'Arial', Helvetica, sans-serif;
	}

#navigation
{
width: 100%;  
}

a:link {
font-weight : bold;
color : #008800;
background-color : transparent;
text-decoration : none;
}
a:visited {
font-weight : bold;
color : #F45555;
background-color : transparent;
text-decoration : none;
}
a:hover, a:active {
font-weight : bold;
color : #8FB116;
text-decoration : underline; thin dotted;
}
/*--- Floating an image thumbnail gallery ---*/
.thumbnail1 {
float : left;
width : 232px;
height : 315px;
margin : 0 15px 15px 0;
padding-top : 0.1em;
padding-left : 0.5em;
padding-right : 0.5em;
padding-bottom : 0;
}
p {
margin-top : 0;
text-align : left;
color : #999;
font : 14pt 'Arial', Helvetica, sans-serif;
}
.clearboth {
clear : both;
}

/*--- Bort med alla fula ramar i image bilderna ---*/
a img {
border : 0;
}
div.c2 {background:url('http://www.artme.se/gallery/grass.jpg') repeat-x bottom;width:480;height:200px;}
/* -----------------------------------footer----------------------------------- */
	
	#footer-container
	{
		clear: both;
		float: left;
		width: 100%;
		padding: 30px 0;
		border-top: 5px solid #819F6C;
		background: #DAE4CB;
	}

	#footer
	{
		margin: 0 auto;
		width: 940px;
	}
div#footer ul {
padding : 0;
margin : 0;
font-weight : bold;
background-color : transparent;
text-decoration : none;
}
div#footer li {
display : inline;
margin-right : 1em;
}

ul.sub {padding:0; margin:0 0 5px 0; list-style:none; width:100%; min-height:5px; text-align:center;}
ul.sub li {display:inline-block;}
ul.sub li {*display:inline;}
ul.sub li a {font:normal 14px/30px 'latomedium', arial, sans-serif; color:#415106; text-decoration:none; padding:0 8px;}

 --------------------------------------------------------------------------------- */
/* MOBILTELEFON och SMARTPHONE (portrait/stående)

/* --- För skärmar med bredden 700px eller mindre --- */

@media screen and (max-width: 700px) {
#content {
	width: 100%;
	float: none;
}
#sidebar {
	width: 100%;
	float: none;
}
}

/* --- För skärmar med bredden 480px eller mindre --- */

@media screen and (max-width: 480px) {

#sidebar {
	display:none;
}
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.myScrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#f00), to(#900));
	border:1px solid #800;
	-webkit-background-clip:padding-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

/*--- EndOfFile ---*/
-->