body {font-size:100%;margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0px;background-color: #000000;}

* {margin:0; padding:0;}

a img {text-decoration:none;}

div#wrapper {width: 751px; margin: 30px auto 40px auto;}

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

div#menu {float:right; font-size: 0.7em;color:#003366;width:201px;padding:0; background-color: #333333; min-height: 600px;}
div#menu li { list-style-type:none; margin-right:10px;padding: 2px 0 2px 10px; color:gray;}
div#menu ul {margin: 0 10px 10px 15px; text-transform:capitalize;}
div#menu ul a {text-decoration:underline; color:#FFFFFF; font-weight:bold;}
div#menu p {margin-right: auto; margin-left: auto; width: 150px;}
div#menu img {margin-left:0;}
div#menu h3 {color: #cccccc; text-transform:capitalize;text-align:center; margin-top:15px; margin-bottom:15px; padding-top:5px; padding-bottom:5px;width:100%; background-color: #444444; font-size:1.2em;}
div#menu h3 a {color:#CCCCCC;}

div#forumRegister {background-image:url(images/forum-register.gif); background-repeat:no-repeat; font-size:24px; width: 290px; height: 67px;padding-left: 20px; padding-top:16px; margin-top: 20px;}
div#forumEnter {background-image:url(images/forum-enter.gif); background-repeat:no-repeat; font-size:24px; width: 290px; height: 67px;padding-left: 20px; padding-top:16px;  margin-top: 20px; margin-bottom:20px;}

.startsida {margin-left:15px;margin-top: 5px; margin-bottom: 5px;}
.startsida a{margin-left:0px;color:#FFCC00; font-weight:bold; color:#ffcc00;}
.underkategori {color: red; font-size: 1.2em;font-weight:bold; padding-left:0; margin-bottom:10px; font-variant:small-caps;}

div#logo {float:left; width:200px;}

div#tabsHolder {margin-bottom:0;}
div#tabs {margin-top:10px;background-color:#000000;height:32px; width:751px; margin-right:auto; margin-left:auto; text-align:center;}

.blueTab {float:left;background-image:url(images/tabs/blue.gif); width: 128px; height:31px; background-repeat: no-repeat; margin-left:9px; display:inline;font-size:0.7em; font-weight:bold; font-variant:small-caps; padding-top:1px;}
.blueTab a {color:#ffffff;}
.blueTab:hover {background-image:url(images/tabs/black.gif);}
.blueTab:hover a {color:#ffcc00; text-decoration:none;}
.blueTab p {margin-top:2px;}

.blackTab {float:left;background-image:url(images/tabs/black.gif); width: 128px; height:31px; background-repeat: no-repeat; margin-left:9px; display:inline;font-size:0.7em; font-weight:bold; font-variant:small-caps;padding-top:1px;}
.blackTab a {color:#ffcc00;}
.blackTab p {margin-top:2px;}
.tabFloat {float:left; font-size:14px;margin:0;padding:0;}

div#ovrigaLankar {margin: 0px 21px 0px 20px; padding-bottom:10px;}
div#ovrigaLankar a {padding-left:6px; padding-right:6px;/*border-right: solid 1px;*/}
div#ovrigaLankar a:first-child { padding-left: 0;}

/* OBS! ARV PÅ MARGINALER! */

div#topLinks {background-color:#222222;font-size: 0.8em; text-align:center; color: #999999; font-weight:bold;}
div#topLinks a {color: #999999;}

div#rubrik {width: 550px; font-size: 0.8em; padding: 0; margin: 0 0 30px 0;border-bottom:solid 1px; border-color:#333333; background-color:#222222;}
div#rubrik p {font-variant:small-caps; color:#DDDDDD; font-size:12px; margin-left:20px;margin-bottom:0;padding-top:5px; padding-bottom:0;}
div#rubrik h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 2em; padding:0px 40px 5px 40px; color: #FFCC00; background-color: #222222; text-align:center; margin-top:0px;}

div#ad {text-align:center; background-color: #000000; padding-top:10px;border-bottom:solid 1px;}
div#ad_square {float:left; margin:0; padding: 0; font-size: 0.8em;text-align:center;}
div#ad_square img {padding-top:5px;border:0; margin:0;}
div#ad_square p {font-variant:small-caps; font-weight: bold;}

div#huvudtext {float:right; width: 550px; font-size: 0.8em; margin: 0; padding:0; background-color: #FFFFFF; color:#000000;}
div#huvudtext a {text-transform:capitalize;}
div#huvudtext span {font-size: 1.1em; background-color: #CCCCCC; text-align:center; color:white;padding: 5px 0 5px 0; color:black; width:500px;}
div#huvudtext h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 2em; padding:10px 40px 10px 40px; color:#FFCC00; background-color: #333333; text-align:center; text-transform:capitalize;}
div#huvudtext h2 {font-size: 1.2em; background-color: #BBBBBB; text-align:center; color:white;padding: 5px 0 5px 0; text-transform:capitalize;}
div#huvudtext h2 a {color:white; text-decoration:underline;}
div#huvudtext h3 {margin: 20px 20px 0 20px; font-size: 1.2em; padding-bottom:0px; color:#003366; text-transform:capitalize;}
div#huvudtext h4 {margin: 20px 20px 20px 20px; }
div#huvudtext p { margin-top: 20px;margin-left: 20px; margin-right: 20px; margin-bottom: 20px;}
div#huvudtext ul,ol { margin-left: 40px; margin-right: 40px; line-height:1.2em;list-style-position:inside;}
div#huvudtext ul { list-style-type: disc;}
div#huvudtext ul code {font-size:1em;}
div#huvudtext li {margin-bottom: 1em;}
div#huvudtext table {margin-left:20px;margin-bottom:20px;}
div#huvudtext table tr {border:solid 1px;}
div#huvudtext dt {font-weight:bold;}
div#huvudtext strong {color: #CC0000; text-transform:capitalize;}

div#huvudtext hr {margin-left: 20px; margin-right: 20px; margin-bottom:20px;}
div#huvudtext p code {font-size: 1em; border-color:#EEEEFF;margin-top:10px;}
div#huvudtext sup {vertical-align: 40%; font-size: 0.6em; font-family:Verdana, Arial, Helvetica, sans-serif;color: #333333; background-color: #FFDDFF;}
div#huvudtext dt {margin:10px 10px 0 20px;}
div#huvudtext dt a {color: black; font-size:1.2em;}
div#huvudtext dd {margin-left:20px;}
div#huvudtext input {margin-left:20px;}
div#huvudtext textarea {margin-left:20px;}

div#noteWide {float:left; width: 200px; padding-top:10px; padding-bottom:10px; border-top:solid 3px; border-bottom:solid 3px; border-color:#cccccc; margin: 0 10px 0 20px; font-size: 0.8em;}
div#noteNarrow {float:left; width: 150px; padding-top:10px; padding-bottom:10px; border-top:solid 3px; border-bottom:solid 3px; border-color:#cccccc;  margin: 5px 10px 0 20px; font-size: 0.8em; background-color:#eeeeee;}
div#noteNarrow p {padding: 0 2px 0 2px; margin:0;}

div#huvudtextLeftFloat{float:left;width: 350px;}
div#huvudtextRightFloat {width:195px; min-height:870px; float:left;background-color: #FFFFCC; font-size:0.8em; border-left:solid 1px; border-color: #FFFF99; height:100%;}
div#huvudtextRightFloat h3 {font-variant:small-caps; font-size:1.2em;}
div#huvudtextRightFloat p {margin-top:0;}

.borderTop {border-top:solid 3px; border-color:#CCCCCC; padding-top:10px;}
.bottomLine {text-align:center;}
div#kategori {width:751px;float:right;font-size: 0.9em; font-variant:small-caps; background-color: #BBBBBB; text-align:center; color:#FFFFFF; font-weight:bold; padding: 5px 0 5px 0; text-indent: 20px;}
.kategori h3 {color: white;}

.h3special {background-color: #FFCCCC;}
.extrabottenmarginal {padding-bottom:20px;}
.displayInline {display:inline; padding-right: 10px;}

.square {border: dotted 2px; background-color: #FFFFCC; border-color: black; padding:5px; margin: 10px 20px 10px 20px;}

div#footer {padding:0;font-style:normal; font-size: 0.8em; color: #888888;}
div#footer a {color:white;}
div#bottomad {text-align:center; background-color: #000000; padding-top:10px;}
div#subscribe {padding: 5px 20px 0 20px; height:95px; border-top: solid 10px;border-bottom: solid 10px;  border-color: #666666; color:black; font-size:0.8em;}

.first {width: 160px; margin-top:3px; float:left;  font-variant:normal;}
.second {margin-top:3px; padding:3px 5px 0 5px; height:40px;  font-variant:normal;}
div#bottom_body {background-image:url(images/bottom-body.jpg); background-repeat:no-repeat; height:16px;text-align:center;}

.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 */
}

/*.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */