html   { margin: 0; padding: 0 }
body.index     { background-color: #f1ce6e; background-image: url(img/bg.gif); background-repeat: repeat-x; margin: 0; padding: 0  }
body.others { width: 583px; margin: 0; padding: 0; background-image: url(img/contentbg.gif); background-repeat: repeat-y; }
img { border-width: 0; }
#mainBox { background-image: url(img/mainbg.gif); background-repeat: repeat-y; display: block; margin: 0 auto 0; padding: 0; width: 830px; height: 570px; }
#header { display: block; margin: 0; padding: 0; position: relative; width: 836px; height: 118px }
#top-left { background-image: url(img/top_left.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 307px; height: 104px ; border-width: 0; }
#logga { background-image: url(img/logga.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 307px; width: 228px; height: 104px }
#top-right { background-image: url(img/top_right.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 535px; width: 301px; height: 104px }
#top { background-image: url(img/top.gif); background-repeat: no-repeat; position: absolute; top: 104px; left: 0; width: 836px; height: 14px }
p, td, li, form, input, textarea    { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 13px; margin: 0; }
input,  textarea { margin-bottom: 2px; }
input.full, textarea.full { width: 100% }
textarea { height: 3em }
ul { margin: 0; padding: 1ex 0 0 1ex ; }
p { margin: 0; padding: 1ex 0 0; }
.subrub { font-size: 10px; font-weight: bold ; font-style: normal; text-transform: uppercase; margin: 0; padding: 0; }
h2 { font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-transform: uppercase; margin: 0; padding: 2ex 0 0; }
#meny      { margin: 0; padding: 50px 0 0; left: 0; width: 163px; height: 300px; float: left }
.menyItem  { margin: 0; padding: 0; width: 160px; float: left; clear: left }
.menyItem a  { height: 18px }
#content       { padding: 20px 0 0 20px; width: 550px; float: left; margin: 0; }
#contentnoscroll       { padding: 20px 0 0 20px; width: 580px; float: left; margin: 0; }
iframe { background-image: url(img/contentbg.gif); background-repeat: repeat-y; width: 600px; float: left; }
.scroll {scrollbar-3dlight-color: #C9320F; scrollbar-arrow-color: #C9320F; scrollbar-base-color: #C9320F; scrollbar-darkshadow-color:#C9320F; scrollbar-face-color: #F8ECCB; scrollbar-highlight-color: #F8ECCB; scrollbar-shadow-color: #f1ce6e }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright     { display: block; margin: 0 0 0 10px }
img.alignleft  { display: block; margin: 0 0 0 0; padding: 0 }

.alignright   { display: block; float: right }
	
.alignleft  { display: block; float: left }
/* End Images */
#content p,#content ul, #contentnoscroll p,#contentnoscroll ul { width: 220px ; list-style-type: none; list-style-position: outside; }
#left_content        { margin: 0; width: 235px; float: left  ; padding: 0; }
#left_content_bigger          { margin: 0; padding: 0 10px 0 0; width: 300px; float: left; }
#right_content         { margin: 0; padding: 0; width: 300px; float: right        }
#right_content img {display: block; margin: 0 0 0 10px}
#right_content_smaller          { margin: 0; padding: 0; width: 212px; float: right   }
#right_content p    { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; margin: 0; width: 170px; float: right    ; padding: 40px 1.3em 0 0; }
#fohlin      { display: block; margin: 398px 0 0 12px; padding: 0; width: 53px; height: 25px; float: left }
#fotter { font-size: 1px; background-image: url(img/fotter.gif); background-repeat: no-repeat; margin: 0; padding: 0; position: absolute; z-index: 2001; top: 538px; width: 836px; height: 39px }
table { width: 320px; }
table.gotland { width: 500px; }
h1 { margin: 0; padding: 0; }
.clearall { clear: both; }
.floatbig { width: 270px; float: right; clear: right; margin: 0 0 5em; padding: 0; display: block; }
.floatsmall { width: 200px; float: right; clear: right; margin: 0 0 5em; padding: 0; display: block; }
.floatboende { width: 270px; float: right; clear: right; margin: 0; padding: 0; display: block; }
.floatpris { width: 200px; float: right; clear: right; margin: 0; padding: 0; display: block; }
.floatbig img, .floatsmall img, .floatboende img, .floatpris img{ margin: 0; padding: 0; }

.floatbig div, .floatsmall div, .floatboende div, .floatpris div { font-size: 9px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 80%; margin: 0; padding: 0 0 0 1em; }