

* {
	margin: 0;
	padding: 0;
}

body {
        font-family: "trebuchet ms", "courier new", sans-serif;
	color: #000;
	padding-left: 18em;
	padding-right: 3.5em;
	margin-top: 2.5em;
	background-image: url('img/lysbunny.jpg')
}

p.skip {
	display: none;
}

span.header-color1 {
	font-size: 180%;
	color: #c13234; 
	font-family: "trebuchet ms", "courier new", sans-serif;
	letter-spacing: 2px;
}

span.header-color2 {
	font-size: 180%;
	color: #000; 
	font-family: "trebuchet ms", "courier new", sans-serif;
	letter-spacing: 2px;
}

h2 {
	font-size: 120%;
	color: #black;
	font-family: "trebuchet ms", "courier new", sans-serif; 
	padding: 0em 0em 2em 0em;
}

p {
        margin-bottom: 0.7em;
}

p#right {
        font-size: 80%;
        float: right;
        margin: 0 0.5em 0.5em 0;
}


h4 {
        padding: 1em 0 0.5em 0;
}

/* Lenker */
a {
	color: #c13234;
	text-decoration: none;
}

a:hover {
	color: #000;  
	text-decoration: none;
}



/* http://alistapart.com/articles/multicolumnlayouts */
#container {	
        display: inline;
	float: left;
	margin-left: -15em;
	padding-left: 15em; /* The width of the rail */
	width: 100%;
}

* html #container {
	height: 1%; /* So IE plays nice */
}

#content {
        float: left;
	line-height: 1.5em;
        margin-right: -100%;
	width: 100%;
}

/* Meny */
ul#menu {
	float: left;
	background: #282828;
	width: 12em;
	margin-top: 1em;
	margin-bottom: 20px;
	margin-left: -15em;
	list-style-type: none;
}

ul#menu li {
	background: #282828 url(img/vo.png) no-repeat left top;
        border-bottom: 2px solid #fff;
}


ul#menu li :link {
	color: #fff;
}

ul#menu li :visited {
	color: #ddd;
}

ul#menu li a {
	background: url(img/ho.png) no-repeat right top;
	border: 0;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0.7em;
	font-family: "Helvetica", sans-serif;
}

ul#menu li :link:hover, ul#menu li :visited:hover {
	color: #c13234; 
	text-decoration: none;
}

ul#menu li :link:active, ul#menu li :visited:active {
	text-decoration: none;
}






/* Bilder */
img,
img a {
	border: none;
}

#forside {
	float: right;
	margin: 1em;
}

#skilletegn {
	display: block;
    	margin-left: auto;
   	margin-right: auto;
	padding: 1em;
}

/* footer */
#footer {
	background: #6fda27 url(img/vo.png) no-repeat left top;
	clear: both;
      margin-left: -15.5em;
	margin-bottom: 1em;
}

#footer p  {
	background: url(img/ho.png) no-repeat right top;
      margin-left: 16em;
	color: #fff;
	padding: 0.3em;
	font-size: 80%;
}


ul.kontakt {
	list-style-type: none;
}
