/* Stylesheet för larssonline.se */
* {margin:0; padding:0;}
body {background:#fff url(images/bg.jpg) fixed repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000;}
#wrap {width:1020px; margin:auto; background:#fff url(images/bg_mid2.jpg) repeat-y;}
#header {height:180px; background:#fff url(images/bg_header2.jpg) no-repeat bottom;}
#content #sidebar {width:274px; float:right;}
#content #left {width:735px; float:left; margin:0;}
.clear {clear:both;}
#footer {background:#fff url(images/bg_footer2.jpg) no-repeat; height:55px; margin:0 5px;}
#footer p {padding:4px 10px 10px 10px; font-size:.8em;}
#footer a {color:#fff;}
#footer a:hover {color:#fff; text-decoration:none;}

#sitename {float:left; display:block; margin:0; padding:10px 8px; font-size:.9em; font-weight:bold; width:370px;}
#sitename .description {margin:0; padding:5px 0 0 6px; display:block; font-size:.8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#BB9F6C;}
#sitename a{text-decoration:none; color:#BB9F6C;}
#sitename a:hover{text-decoration:underline;}
#banner {float:right; margin:0 5px 0 0; padding:0; font-variant:normal; width:500px; height:104px;}
#bannertext {float:right; margin:-2px -1px 0 0; padding:10px 20px; font-size:.8em; text-align:left;}
h1, h2, h3, h4, h5, h6 {color:#333; font-family:Arial, Verdana, sans-serif;}

h1 {font-size:1.8em;}
h2 {font-size:1.3em; margin-bottom:5px;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.8em;}
h6 {font-size:.6em;}
hr {color:#ddd;}
a {color:#000;}
a:visited {color:#333;}
a:active {color:#584A30;}
a:hover {color:#7C5B43; text-decoration:none;}

#kundvagn {float:right; clear:both; width:355px; margin:0; padding:4px 10px; font-size:.8em; text-align:right; background:#eee; border:1px solid #999;}
#kundvagn_list {float:right; clear:both; width:195px; margin:-20px -5px 0 20px; padding:10px; font-size:.9em; text-align:center; background:#eee; border:1px solid #999;}
#bildbox{float:left; width:120px; height:205px; margin:10px 9px; padding:5px; background-color:#fff; border:1px solid #ccc;}
#inlaggsbox{float:left; clear:both; width:700px; margin:0 0 10px 0; padding:0;}
#inlaggsboxsmal{float:left; width:280px; height:200px; margin:0 0 10px 0; padding:10px 26px 0 0; border-bottom:1px solid #ccc;}
#bildvanster{float:left; margin:0 15px 0 10px; border:1px dotted #ccc;}
#bildhoger{float:right; margin:0 0 5px 16px; padding:3px;}

#annonsbox {float:left; width:570px; height:100px; margin:10px; padding:5px; border:1px solid #ccc;}
#content #left p {line-height:1.4em; margin-bottom:10px;}
#sidebar .sidebartop {background:#fff url(images/bg_sidebartop2.jpg) no-repeat top left; height:65px; margin-top:-1px;}
#sidebarcontent {padding:10px 10px 10px 15px; font-size:.8em; line-height:1.4em; margin-top:-40px;}

#sidebar h2 {background:url(images/sidebar_h.jpg) no-repeat center bottom; display:block; padding:5px; font-size:1.3em;}

#sidebar ul {list-style:square; margin-left:20px;}
#sidebar li {height:auto; margin-bottom:2px;}
#sidebar a {color:#060; text-decoration:underline;}
#sidebar a:visited,active {color:#060; text-decoration:none;}
#sidebar a:hover {color:#000; text-decoration:underline;}
#left .post {background: url(images/postmid.jpg) repeat-y; width:641px; margin-left:8px; margin-bottom:20px;}
#left .post .posttop {background:url(images/posttop.jpg) no-repeat; height:11px;}
.post .postitem {padding:10px;}
.post .postbottom {background:url(images/postbottom.jpg) no-repeat; height:30px; font-size:.7em; padding-top:17px; text-align:center;}
.post h2 {display:block; padding:5px 0px 5px 0px; border-bottom:solid 1px #D8CDB8; margin-bottom:15px;}
#left .postinfo {display:block; font-size:.6em; color:#666666; font-variant:normal; font-weight:normal;}
h2 a {text-decoration:none;}
h2 a:visited {text-decoration:none;}
h2 a:active {text-decoration:none;}
h2 a:hover {text-decoration:none;}

blockquote {display:block; padding:15px 15px 15px 35px; margin:10px; border-bottom: dashed 1px #D0BE9B; 
border-top: dashed 1px #D0BE9B; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color: #000; 
background:url(images/quote.png) no-repeat 5px 10px;}
blockquote p {line-height:1.4em; margin:0px;}
.rightquote { float:right; width:250px; text-align:left;}
blockquote cite {display:block; color:#000; font-weight:bold; padding:3px; margin-top:10px;}

.leftquote  {float:left; width:250px; text-align:right;}

#header ul {list-style:none;}
#topmenu {float:left; margin:5px; height:36px; width:1010px; background:url(images/bg_topmenu2.jpg) repeat-y;}
#topmenu li {float:left; margin:0 0 0 9px; display:inline; font-size:1em; font-family:"Trebuchet MS", Verdana, sans-serif; font-variant:small-caps; font-weight:bold;}
#topmenu a {display:block; float:left; color:#fff; height:32px; padding:8px 13px 0 14px; text-decoration:none;}
#topmenu a:hover {display:block; float:left; margin:0; background:#fff; color:#000;}

#pagination {background:#F5F0EA; padding:8px; margin:0 0 0 5px; font-size:.7em;}
#pagination .pre{display:block; padding:3px; float:left;}
#pagination .next{display:block; padding:3px; float:right;}
#pagination .clear2 {clear:left; width:99%;}

#sidebar .leftimg {float:left; margin:0 10px 10px 10px; background:#fff; padding:3px; border:solid 1px #D3C2A3;}

#left .leftimg {float:left; margin:0 7px 10px 0;background:#fff; padding:3px; border:solid 1px #D3C2A3;}
#left .rightimg {float:right; margin:0 0 10px 10px;background:#fff; padding:3px; border:solid 1px #D3C2A3;}

#tab {background-color:#ede9dd; margin-bottom:0px; margin-left:5px; min-height:350px;}
#tab #tabhead {background:url(images/tabheader.jpg) repeat-x; height:40px; font-size:.9em;}
#tab #tabcontent {padding:10px 15px; font-size:1em;}
#tabcontent #tabcontentbox {float:left; margin:0 0 10px 0; padding:10px; width:321px; background:#fff; border:1px solid #ccc;}
#tabcontent #tabcontentbox h4{margin:-10px; padding:8px 10px; background:url(images/tabheader.jpg) repeat-x;}
#tabcontent #tabcontentlist {float:left; margin:0; padding:0; width:14px;}
#tab #tabcontent p {font-size:.8em; line-height:1.4em;}
#tabhead ul {list-style:none; padding-left:10px;}
#tabhead li {display:inline; font-family:"Trebuchet MS", Verdana, sans-serif; font-variant:small-caps; font-weight:bold;}
#tabhead a {display:block; float:left; height:30px; margin-right:3px; padding:10px 14px 0 14px; background:url(images/tabnormal.jpg) repeat-x; font-size:1.2em; color:#333; text-decoration:none;}

#tabhead a:visited,active {display:block; float:left; height:30px; background:url(images/tabnormal.jpg) repeat-x; color:#000; 
text-decoration:none;}

#tabhead a:hover {background:url(images/tabhover.jpg) repeat-x; color:#000;}
#tabhead .activetab a{background:url(images/tabhover.jpg) repeat-x; color:#000;}
#tabhead .activetab a:visited{background:url(images/tabhover.jpg) repeat-x; color:#000;}
#tabhead .activetab a:active{background:url(images/tabhover.jpg) repeat-x; color:#000;}

#tabcontent ul {list-style:square; margin-left:10px; font-size:.8em;}
#tabcontent ol {list-style:decimal; list-style-position:inside; font-size:.8em;}
#tabcontent li {padding:5px 10px 5px 10px; line-height:1.1em;}
#tabcontent ul li {margin-left:10px;}

#left code {white-space:pre; display:block; font-family:"Courier New", Courier, monospace; font-size:.6em; background-color: #E3D6C6; 
color:#000000; margin:10px; padding:10px;}
	
#left table {width:95%;}
#left th {padding:10px; background:url(images/strips.jpg) repeat-x; color:#000000; font-family:"Trebuchet MS", Verdana, sans-serif; 
font-size:.8em; text-transform:uppercase; margin:0px; border-bottom: solid 1px #DBD2B0;}
#left td {padding:5px; text-align:left; font-size:.8em;}

.form {margin:0;}
.form .text {display:inline; border:solid 1px #B6A278; background: #F9F8F2; width:270px; padding:5px; color:#000000;}
.form .text2 {display:inline; border:solid 1px #B6A278; background: #F9F8F2; padding:5px; color:#000000;}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {background:#F4EFE3; border: solid 1px #000000;}
.form .button {display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:3px 10px; margin:0;}
.form .button:hover {display:block; border:solid 1px #000; background:#EDECD1; padding:3px 10px; margin:0;}

#popup {padding:10px; font-size:.8em; line-height:1.4em; background-color:#ede9dd;}
.red {color:#900;}
* html #kundvagn_list {margin:-20px -2px 0 0;}

* html #bildvanster{margin-left:5px;}
* html #bildhoger{padding-bottom:0;}
* html #banner{ margin-right:3px;}