@charset "utf-8";
/* CSS Mall
#########################
# page: style3.css      #
# version: 1.3.36       #
# update: 11-11-15      #
# code: Andreas Tunberg #
#########################
*/
body {padding: 2em 0; margin: 0; font: 0.7em Verdana, sans-serif; background: #000000;}
h1 {margin: 0 0 5px 0; letter-spacing: 0.05em; font: normal 4.5em Georgia, serif; color: #ff9933;}
h2 {margin: 10px 0 5px 0; letter-spacing: 0.1em; font: normal 1.5em Georgia, serif; color: #ff9933;}
h3 {margin: 10px 0 5px 0; letter-spacing: 0.1em; font: normal 1.5em Georgia, serif;}
h4 {margin: 10px 0 3px 0; letter-spacing: 0.1em; font: 1.2em Georgia, serif; color: #cc6600; border-bottom: 1px dotted #cc6600;}
h5 {margin: 10px 0 1px 0; letter-spacing: 0.1em; font: 0.9em Georgia, serif; color: #cc6600;}/* border-bottom: 1px dotted #cc6600;*/
h6 {margin: 10px 0 3px 0; letter-spacing: 0.1em; font: normal 1.2em Georgia, serif;}
hr {height:1px; border-bottom: 1px dotted #cc6600; border-top: none; border-right: none; border-left: none; }
p {margin: 0 0 5px 0;}
a{text-decoration:none;}
a:link{color:#000000;}
a:visited{color:#4A4A4A;}
a:hover, a:active, a:focus{text-decoration:underline;}
.emlink{font-size:0.8em;font-style:italic;}
img{border:none;}
.datum{color:#BBA;}
.desc{font-weight:bold;font-size:110%;}
.error{color:#F00;}
.indrag{padding-left:1ex;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
h1 a, h1 a:link, h1 a:visited{color:#ff9933;text-decoration:none;}
abbr{border-bottom:1px dotted #EEE;cursor:help;}

/* bbcode styles */
/*code{background: #FFCC00; display: block; font: 1.2em Terminal, Courier, monospace; border: 1px dotted #000000;}*/
.bb_code{background: #FFCC00; font: 1.2em monospace, Courier; border: 1px dotted #000000; padding: 0.2em 0.5em; margin: 0.5em 0;overflow:auto;}
.bb_code code{white-space:nowrap;}
.bb_code dd{margin:0;}
.bb_code dt{font-size:75%; border-bottom: 1px dotted #000000; padding-bottom: 0.2em;}
#bb_toplink{padding-right: 0.5em; float: right;}
#bb_toplink a:link{border-bottom: none;}
.bb_toplink{padding-right: 0.5em; float: right; border-bottom: none;}
.bb_select{background: #FFCC00;}
.bb_type_1{list-style:decimal;}
.bb_type_a{list-style:lower-latin;}
.bb_type_A{list-style:upper-latin;}
.bb_type_i{list-style:lower-roman;}
.bb_type_I{list-style:upper-roman;}
#kolumn1 .bb_imglink{border-bottom:none;}

/* sidlayout */
#layouthead {width: 65em; padding: 1em 10em 0 10em; background: url(/media/tribal_bg3.png) no-repeat bottom; margin-left: auto; margin-right: auto;}
#layout {width: 73em; padding: 0 6em 1em 6em; background: #FFF0E0; margin-left: auto; margin-right: auto;}
#layoutmeny {width: 85em; padding: 0; margin-left: auto; margin-right: auto;}
#sidhuvud {padding: 1em; margin: 0;}
#kolumncontainer{float: left; border-left: 1px solid #000000;}
#kolumn1 {float: left; width: 49em; padding: 0 0.75em 0 0.75em; background: #ffffff; line-height: 1.8em; min-height: 50em;}
#kolumn1 a{border-bottom: 1px dotted #000000;}
#kolumn1 ol{padding: 0; margin: 0.6em 2.5em; list-style-position:outside;}
#kolumn1 li{padding: 0; margin: 0.5em 0;}
#kolumn1 li a img{margin-left:-2.6em;}
#kolumn1 blockquote{background:transparent url(/media/blockquoteBg.gif) no-repeat scroll right top; margin:0.7em 1.4em; min-height:22px; padding-right:40px; font-style:italic;}
#kolumn2 {float: left; width: 20.4em; padding: 1em 0.5em 1em 1em;}
.box1{margin: 0 0 1em 0; padding: 0.75em; background: #ff6633; line-height: 1.5em;}
.box1 a{display:block;}
.a_inline a{display:inline;}
.infobox{margin: 0 0 1em 0; padding: 1em; background: #ffeedd; line-height: 1.8em; border: 1px solid #000000; overflow:hidden;}
#sidfot{clear: both; padding: 10px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc; font-size: 0.8em;}

#top-link{position:fixed;bottom:0;right:0;padding:.3em 1em 1em .3em;text-transform:uppercase;}
#top-link a{color:#ff9900;}

#undermenycontainer{padding-top: 0em; background: #ffffff; border-left: 1px solid #000000;}
#meny2container{float: left; width: 21.5em; padding: 0.2em; background: #ffffff; text-align: right;}
#meny3container{padding: 0.2em; background: #ffffff; left: -1em; top: -1em; width: 22.5em; position:relative; text-align: right;}
#usercontainer{float: left; width: 21.5em; padding: 0.2em; background: #ffffff;}

/* Dl tabel */
#tb_dl{border: 1px solid #000000;background:#eef0f0;width:100%;}
#tb_dl th{background:#f93;text-align:left;padding:0.1em 0.5em;}
#tb_dl td{padding:0.1em 0.5em;}
#tb_dl tr:nth-child(2n+1){background:#f5f5f5;}
#tb_dl tr:hover{background:#fa9;}

/* Kommentarer */
#comment{border:1px solid #000000;background:#eef0f0;padding:0 0.5em;margin:0.5em -0.5em;}
#comment p{font-size: 0.8em;}
#comment textarea{resize:vertical;}
.comment{border:1px dotted #F95;background:#FFE;padding:0 0.5em;margin:0.5em -0.5em;}
.comment p{font-size: 0.8em;}
.comment img{padding:0.5em;padding-left:0;float:left;}
.comment div{width:490px;}
.bg0{background:#FFE;}
.bg1{background:#EFF;}
.bg2{background:#FEF;}
/*#comment{border:1px solid #000000;background:#eef0f0;padding:0 0.5em;margin:0;width:48.5em;left:-0.5em;position:relative;}*/

/* CSS menymall */
#menycontainer{text-align: left; padding-left: 9.5em; padding-top: 0em; border-bottom: 1px solid #000000; border-top: 1px solid #000000; background: #ff9900;}
#menycontainer ul{padding: 0.4em 0; margin: 0;  font: 90% Verdana, Helvetica, sans-serif;}
#menycontainer li{margin: 0; display: inline; list-style: none;}
#menycontainer li a{text-decoration: none; padding: 0.4em 2em; margin-left: -5px; border: 1px solid #000000; border-bottom: none; background: #ff9900;}
#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover, #menycontainer a:active, #menycontainer a:focus{border-color: #666666; background: #ffcc33;}
#menycontainer a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000; margin-left: -5px;}

/* opacitetsbox för IE */
#opacitet {width: 100%; padding: 1px 0 0 0;}

/* CSS ulmenymall */
#ulmenycontainer{padding-left: 0em; padding-top: 0em;}
#ulmenycontainer ul{padding: 0em 0.3em; margin: 0em;  font: 95% Verdana, Helvetica, sans-serif;}
#ulmenycontainer li{margin: 0em; list-style: none;}
#ulmenycontainer a:link{color: #000000;}
#ulmenycontainer a:visited{color: #000000;}
#ulmenycontainer a:hover, #ulmenycontainer a:active, #ulmenycontainer a:focus{text-decoration: underline;}

#ulmenycontainer_all{padding-left: 0em; padding-top: 0em;}
#ulmenycontainer_all ul{padding: 0em 0.3em; margin: 0em;  font: 95% Verdana, Helvetica, sans-serif;}
#ulmenycontainer_all li{margin: 0em; list-style: none;}
#ulmenycontainer_all a:link{color: #000000;}
#ulmenycontainer_all a:visited{color: #000000;}
#ulmenycontainer_all a:hover, #ulmenycontainer_all a:active, #ulmenycontainer_all a:focus{text-decoration: underline;}

#AjaxBox_overlay {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:100;
}

.AjaxBox_overlayBG {
background:url(/media/bg-75.png) repeat;
/*
background-color:#000000;
opacity:0.75;
filter:alpha(opacity = 75);
*/
}


#AjaxBox_window {
background:#ffeedd none repeat scroll 0 0;
border: 1px dotted #cc6600;
color:#000000;
display:none;
left:50%;
position:fixed;
text-align:left;
top:50%;
z-index:102;
}

.rotate {
-webkit-animation: rotate 4s .5s ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-animation: rotate 4s .5s ease-in-out;
-moz-transform-origin: 50% 50%;
animation: rotate 4s .5s ease-in-out;
transform-origin: 50% 50%;
}
@-webkit-keyframes rotate {
0% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(360deg); }
}
@-moz-keyframes rotate {
0% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(360deg); }
}
@keyframes rotate {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
} 