@charset "utf-8";
/* CSS Document */

* {
	margin:0; 
	padding:0
}

body {
	background-color: #edecea;
	margin-left: 0px;
}

p, h1, h2 {
	padding: 3px;
}

h1 {
	color: #578727;
	font-size: 16px;
}

h2 {
	color: #578727;
	font-size: 12px;
}

#vitlisttopp {
    background-image:url(delar/toplista.jpg);
    background-repeat: repeat-x;
	height: 30px;
	max-width: 99%; 
	min-width: 1020px;
}

#boksida {
    background-image:url(delar/bg_whiteboard_undersidor.jpg);
    background-repeat: no-repeat;
	font-family:Arial;
	font-size:11px;
	width:1011px;
	height:1000px;	
}

#startsida {
    background-image:url(delar/bg_startsida_nolist.jpg);
    background-repeat: no-repeat;
	font-family:Arial;
	font-size:11px;
	width:1011px;
	height:1000px;	
}

#kurssida {
    background-image:url(delar/bg_whiteboard_undersidor.jpg);
    background-repeat: no-repeat;
	font-family:Arial;
	font-size:11px;
	width:1011px;
	min-height:1000px;
}

#vitlist_top {
	width: 1011px;
	height: 21px;
	position: absolute;
}

#vitlist_bottom {
	width: 1011px;
	height: 21px;
	margin-bottom: -21px;
	position: absolute;
	z-index:-1;	
}

img {
	border: 0px;
} 

#logocontainer {
    margin-top:5px;
	margin-left:15px;
	padding-top: 5px;
	position: relative;
}

#merinfo {
    margin-top:30px;
	margin-left:720px;
}

#a4leftcontainer {
	margin-top: -160px;
	margin-left: 250px;
	position: absolute;
}

#a4lefttop {
	background-image:url(delar/a4left-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 34px;
}

#rubrikpulsforforetag {
	margin-left: 130px;
	margin-top: -15px;
	position: absolute;
}

#a4leftcontent  {
	background-image:url(delar/a4left-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-right: 40px;
}

#a4leftbottom {
    background-image:url(delar/a4left-bottom.png);
	width: 302px;
	height: 101px;
}

#a4leftcontent p {
	color: gray;
}

#a4rightcontainer {
	margin-left: 550px;
	margin-top: 0px;
	position: absolute;
}

#a4righttop {
    background-image:url(delar/a4right-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 101px;
}

#a4rightcontent  {
    background-image:url(delar/a4right-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 40px;
}

#a4rightbottom {
    background-image:url(delar/a4right-bottom.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 36px;
}

#a4rightcontent p {
	color: gray;
}

#a4rightcontent ol {
	margin-left: 20px;
	list-style-type:decimal;
	color: gray;
}

#polaroid {
    background-image:url(delar/polaroid.png);
    background-repeat: no-repeat;
	width: 203px;
	height: 242px;
	margin-left: 525px;
	margin-top: -160px;
	position: absolute;
}

#postittop, #postitbottom {
	margin-left: 100px;
}

#postit {
    background-image:url(delar/greenpostit-middle.gif);
    background-repeat: repeat-y;
	width: 160px;
	margin-left: 100px;
	padding-left: 32px;
	padding-right: 90px;
	padding-top: 20px;
}

#postit a {
	text-decoration: none;
	color: black;
}

#litenlapp {
	margin-top: -6px;
	margin-left: 56px;
}

#sudd {
	width: 389px;
	height: 387px;
	margin-left: 880px;
	margin-top: 20px;
	position: absolute;
}

#meny {
	margin-left: 50px;
	margin-top: 38px;
	clear: both;
}

#meny a {
	color: gray;
	text-decoration: none;
}

#firstlevel {
	list-style-image: url(delar/orangedutt.png);
	list-style-type:none;
	font-size: 16px;
	line-height: 24px;
}

#secondlevel  {
	list-style-image: none;
	list-style-type:none;
	font-size: 16px;
	line-height: 24px;
	padding-left: 20px;
}

#secondlevel .selected {
	list-style-image: url(delar/grontkryss.png);
}

#secondlevel .selected a {
	color: #578727;
}

#bokuppslagoutercontainer {
	margin-left: 270px;
	margin-top: -240px;
	position: absolute;
}

#bokuppslagoutercontainer2 {
	position: absolute;
}

#bokuppslagcontainertopp {
    background-image:url(delar/bok_top.png);
    background-repeat: no-repeat;
	width: 610px; 
	height: 19px;
	margin-top: -23px;
	margin-left: 0px;
}

#bokuppslagcontainer {
    background-image:url(delar/bok_mitten.png);
    background-repeat: repeat-y;
	width: 610px; 
	margin-left: 0px;
	padding-left: 30px;
}

#bokuppslagcontainerbotten {
    background-image:url(delar/bok_bottom.png);
    background-repeat: no-repeat;
	width: 610px; 
	height: 49px;
	margin-left: 0px;
}

#bokuppslagleft, #bokuppslagright {
	float: left;
	padding-top: 20px;
}

#bokuppslagright {
	padding-left: 30px;
}

#bokuppslagleftleft, #bokuppslagrightleft {
	float: left;
	width: 130px;
}

#bokuppslagleftright, #bokuppslagrightright {
	float: left;
	width: 130px;
}

#bokuppslagleftbottom, #bokuppslagrightbottom {
	clear: both;
	float: left;
	width: 260px;
	padding-top: 20px;
}


#bokuppslagrightbottom ul {
	list-style-position:inside;
}

#kurscontainer {
    background-image:url(delar/a3_mitten.png);
    background-repeat: repeat-y;
	width: 657px; 	
	margin-top: 0px;
	margin-left: 280px;
	padding-left: 30px;
}

#kurscontainertopp {
    background-image:url(delar/a3_top.png);
    background-repeat: no-repeat;
	width: 657px;
	height: 23px;
	margin-left: 280px;
	margin-top: -250px;
}

#kurscontainerbotten {
    background-image:url(delar/a3_bottom.png);
    background-repeat: no-repeat;
	width: 657px;
	height: 111px;
	margin-left: 280px;
	margin-top: 0px;
}

#kurscontent {
	padding-top: 50px;
	margin-left: 0px;
}

#kurscontenttopleft {
	width: 290px;
	float: left;	
}

#kurscontenttopright {
	width: 320px;
	margin-top: -80px;
	float: left;
}

#kursmedgem {
	margin-top: -5px;
}

td {
	border-width: 1px; 
	border-color: #578727;
	border-style: solid;
}

table {
	width: 590px;
	/* border-collapse: collapse; */
}

td {
	padding-left: 5px;
	padding-right: 5px;
}

td a {
	background-color: orange;
	color: black;
	text-decoration: none;
}

.orangeknapp div {
	text-align:center;
	background-image:url(delar/knapp.jpg);
    background-repeat: no-repeat;
    background-color: orange;
	background-position: center center;
	width: 53px;
	height: 23px;
}

#kurscontenttoprightimage {
	margin-top: -40px;
	width: 377px;
	height: 283px;
}

.clear {
	clear: both;
}

#randiglapptopp {
    background-image:url(delar/lapp_randig_top.png);
    background-repeat: no-repeat;
	width: 242px;
	height: 20px;
	margin-left: 30px; 	
}

#randiglapp {
    background-image:url(delar/lapp_randig_mitten.png);
    background-repeat: repeat-y;
	width: 222px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px; 	
	margin-left: 30px;	
}

#randiglappbotten {
    background-image:url(delar/lapp_randig_bottom.png);
    background-repeat: no-repeat;
	width: 242px;
	height: 52px; 	
	margin-left: 30px;	
}

#hogapunkter {
	padding-left: 10px;
	padding-right: 10px;
	width: 222px; 	
	margin-left: 30px;
	color: #578727;		
}

#hogapunkter ul li {
	list-style-type: none;
	padding-left: 3px;
	margin-bottom: 10px;
}

#hogapunkter h2 {
	color: black;	
}

#hogapunkter a {
	text-decoration: underline;
	color: gray;	
	padding-left: 3px;
}

#kundvagn {
	margin-top: -130px;
	margin-left: 730px;
	height: 83px;
	width: 67px;
	position: absolute;
}

#pil {
	margin-left: -52px;
	margin-top: -50px;
}

#bestalltopp {
    background-image:url(delar/bestall_top.png);
    background-repeat: no-repeat;
	width: 617px;
	height: 20px; 	
}

#bestallcontent{
    background-image:url(delar/bestall_mitten.png);
    background-repeat: repeat-y;
	width: 642px;
	padding-left: 10px;
	padding-right: 10px;
}

#bestallcontent h2 {
	margin-bottom: 10px;
}

#bestallcontenttopleft {
	float: left; 
	margin-right: 20px;
	width: 250px;
}

#bestallcontentbottomleft {
	float: left; 
	margin-right: 20px;
	width: 300px;
}

#bestallcontentbottomright{
    background-image:url(delar/lapp_mitten.png);
    background-repeat: repeat-y;
	width: 272px;
	margin-left: 300px;
	padding-left: 10px;
}

#bestallcontentbottomrightbottom {
    background-image:url(delar/lapp_bottom.png);
    background-repeat: no-repeat;
	width: 272px;
	height: 29px;
	margin-left: 300px;
}

label {
	float: left;
	width: 70px;
}
#bestallcontentbottomrighttop {
    background-image:url(delar/lapp_top.png);
    background-repeat: no-repeat;
	width: 272px;
	height: 31px; 	
	margin-left: 300px;
	margin-top: 20px;
}

#bestallbotten{
    background-image:url(delar/bestall_bottom.png);
    background-repeat: no-repeat;
	width: 642px;
	height: 41px; 	
}

#moms {
	margin-left: 520px;
	margin-top: -550px;
	position: absolute;
	width: 196px;
	height: 154px;
}

#skicka .submit {
	background-color: orange;
	margin-left: 538px;
	margin-top: 15px;
	position: absolute;
	text-decoration: none;
	color: black;	
}

#a4x4leftcontainer {
	margin-top: -160px;
	margin-left: 250px;
	position: absolute;
}

#a4x4lefttop {
	background-image:url(delar/a4left-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 34px;
}

#a4x4leftcontent  {
	background-image:url(delar/a4left-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-right: 40px;
}

#a4x4leftbottom {
    background-image:url(delar/a4left-bottom.png);
	width: 302px;
	height: 101px;
}

#a4x4leftbottomhelt {
    background-image:url(delar/a4left-bottom-helt.png);
	width: 302px;
	height: 36px;	
}

#a4x4leftcontent p {
	color: gray;
}

#a4x4leftcontent ul li {
	color: gray;
	list-style-type: none;
	padding-left: 3px;
	margin-bottom: 10px;
}

#a4x4rightbottomcontent ul li {
	color: gray;
	list-style-type: none;
	padding-left: 3px;
	margin-bottom: 10px;
}


#a4x4leftbottomtop {
	background-image:url(delar/a4left-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 34px;
}

#a4x4leftbottomcontent  {
	background-image:url(delar/a4left-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-right: 40px;
}

#a4x4leftbottombottom {
    background-image:url(delar/a4left-bottom.png);
	width: 302px;
	height: 101px;
}

#a4x4leftbottomcontent p {
	color: gray;
}

#a4x4rightcontainer {
	margin-left: 550px;
	margin-top: -160px;
	position: absolute;
}

#a4x4righttop {
    background-image:url(delar/a4right-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 101px;
}
.a4x4righttophelt {
    background-image:url(delar/a4right-top-helt.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 34px;
}

#a4x4rightcontent  {
    background-image:url(delar/a4right-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 40px;
}

#a4x4rightbottom {
    background-image:url(delar/a4right-bottom.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 36px;
}

#a4x4rightbottomtop {
    background-image:url(delar/a4right-top.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 101px;
}

#a4x4rightbottomcontent  {
    background-image:url(delar/a4right-middle.png);
    background-repeat: repeat-y;
	width: 237px;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 40px;
}

#a4x4rightbottomcontent  p {
	color: gray;
}


#a4x4rightbottombottom {
    background-image:url(delar/a4right-bottom.png);
    background-repeat: no-repeat;
	width: 302px;
	height: 36px;
}

#multiprojektomslag {
	margin-top: -30px;
	margin-left: 10px;
}

#synlighetochsamspelomslag {
	margin-top: -20px;
	margin-left: -20px;
}

#tackfordinbestallning {
	margin-left: 350px;
	margin-top: 100px;
}

#pulsrumho {
	margin-top: -130px;
	margin-left: -40px;
}

#pulsmote {
	margin-top: -130px;
	margin-left: -60px;
}

a {
	color: gray;
	text-decoration: underline;
}

input.error { 
	border: 1px solid red; 
}

#dynamikomslag {
margin-left: -20px;
    margin-top: -10px;	
}