body { font-family: Verdana, Geneva, sans-serif; color: #333333; background-color:#002244; background-image:url(images/background.jpg); background-repeat:repeat-x; }

* {margin:0; padding:0;}

div#wrapper {width:859px; margin: 0 auto 40px auto; background-color:white;}

div#bodycontainer {width: 859px;background-image:url(images/background.gif); background-repeat:repeat-y;}

div#header {
position:relative;
border:none; 
width: 859px;
height:105px;
background-color:#002244;
background-image: url(images/header-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;}

#logo {position: absolute;left:30px; top:0; border:none;}
#slogan {position:absolute; left:50px; top:50px; font-weight:bold; color:white; font-size:18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}

div#mainDiv {width:659px; padding-top: 20px;float:left; display:inline; background-color:white; position:relative;}
div#minDiv {width: 200px;float:left; display: inline; background-color:white;}

.ingress{font-weight: bold;}

#breadcrumbs {position:absolute; top:-10px; left:40px;font-size:10px;}
#artikelText { padding-right:10px;}
#artikelText h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 30px 15px 40px; color: #002244; font-size: 36px;}
#artikelText h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 30px 10px 40px; color: #002244; font-size:18px;}
#artikelText h3 { margin: 0 30px 0 40px; color: black; font-size:12px;}
#artikelText p { font-family:Verdana, Geneva, sans-serif; margin: 0 30px 15px 40px; font-size:11px; color:black; line-height:20px;}
#artikelText ul {font-size: 11px; margin: 0 30px 10px 55px; list-style-position: inside; line-height:18px;}
#artikelText strong {font-weight:normal; font-style:italic;}
#artikelText .h1-underline {border-bottom:solid 5px;}
#artikelText .h2-underline {border-bottom:solid 3px;}
div#artikelText .review-p strong{font-weight: bold; font-style:normal; text-transform:uppercase;}
.float-right {float:right; margin: 0 20px 10px 10px;}

a img {border:none;}

.article-box {margin: 20px 40px 20px 40px; border: solid 1px; border-color: #aaaaaa; width:370px;}
#artikelText .article-box p {margin:0 10px 10px 10px;padding:0;}
#artikelText .article-box h2 {margin:0;padding: 2px 10px 2px 5px; font-size: 18px; margin-bottom:6px; background-color:#517291; border-bottom:solid 1px;border-color:#cccccc; color: #ffffff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#artikelText .article-box ul {margin-left:10px; color: black;}

blockquote {font-size:11px; margin: 10px 50px 20px 50px; font-family:"Courier New", Courier, monospace; background-color:#CCC; padding:5px;}

#mainDivRightContainer {width:205px;float:left; background-image:url(images/container-background.jpg); background-repeat:repeat-x;}

div#artikelText2 {position:relative; top:-10px;}
div#artikelText2 h3 {font-size: 12px; margin: 0 15px 0 15px; font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; color: #002244;}
div#artikelText2 p {margin: 0 15px 10px 15px; font-size:10px; color:black; line-height:18px;}
div#artikelText2 h4 {margin: 10px 15px 0 15px; line-height:15px; font-size:11px; color:#002244;}
div#artikelText2 .right-float {float:right; margin-left:10px; margin-right:5px;}
div#artikelText2 ul {font-size: 10px; margin: 10px 10px 10px 20px; position:inside;}
div#artikelText2 hr {margin: 5px 10px 5px 10px; border: solid 1px;border-color:#C0DFFE;}
div#artikelText2 strong {font-size:10px;}
div#artikelText2 a {color:#003366;}
#obs {border-left: solid 1px; border-right: solid 1px; border-color:#C9E4FF; margin-bottom:20px;}
div#artikelText2 #obs p {color:white;}
div#artikelText2 #obs h4 {font-size:10px; text-transform:uppercase; color:red;}
div#artikelText2 #obs a {color:yellow;}
#news {height:600px; margin-top:35px;}
#news h4 {text-transform:uppercase;}
#news ul a {font-size: 10px; color:black; text-decoration: none;}
#news li {margin-bottom: 5px;}

.anfang {font-weight: bold; font-size:14px;}

.prelink p a {
text-decoration:none;
font-weight: bold;
color: #333333;
}

.out {text-decoration:none; color:black; font-weight: bold;}

div#navMenu {font-size: 12px; text-align:left; min-height:500px;margin-right:2px; margin-top: 20px;}
div#navMenu p {color:#806680; margin-bottom:20px; line-height:normal;}
div#navMenu ul, ol {margin-bottom:15px; list-style-type:none; list-style-position:inside;}
div#navMenu ul:first-child {padding-top: 10px;}
div#navMenu li {line-height:normal; padding: 2px 0 2px 5px; font-size:10px;}
div#navMenu a {color:#003366; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
div#navMenu li:hover a {text-decoration:underline;}
div#navMenu span {font-size: 10px;}
.sidebar-header {background-image:url(images/menyrubrikbakgrund.jpg); background-repeat:repeat-x;padding-left: 5px; background-color:#024;color:white; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#navMenu .sidebar-header a {color:white;}
#usp {font-size:9px; margin: 5px 0 7px 0; font-family: Verdana, Geneva, sans-serif; color: black;}
div#navMenu table td {font-size:10px; border:none;}
#url {width:60px;}
#hot {width:15px;}
#price {width: 35px;}
#review {width:60px; font-size: 10px;}
#price-list .review-link {color: #666;}
div#footer {clear:all;text-align:center; background-color:#003366; color:white; font-size:12px; padding-bottom:5px;}
div#footer img {margin-bottom:-10px; width: 217px; height: 26px;}

.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                  /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     /* försäkrar ytterligare att punkten inte är synlig */
}
