body {
font:normal 69%/1.4 verdana, arial, helvetica, sans-serif;
background:#fff url(../images/bg.gif) repeat;
background-attachment: fixed;
color:#000;
text-align:center;
margin:0;
padding:0;
}

#header {
height:114px;
width:979px;
background:transparent url(../images/header.gif) no-repeat;
text-align:left;
margin:17px auto 0;
padding:0;
}

#container {
background:transparent url(../images/bg2.gif) repeat-y;
overflow:hidden;
position:relative;
clear:both;
width:979px;
text-align:left;
margin:0 auto;
padding:0;
}

#content {
float:left;
background:transparent url(../images/content-top.gif) no-repeat;
padding-left:15px;
width:534px;
margin:0;
}

#navigation {
float:left;
background:transparent url(../images/navigation-top.gif) no-repeat;
width:162px;
margin:0;
padding:0;
}

#navigation ul {
line-height:1.5;
}

#subnav li {
    line-height:1.5;
}
.subnav li {
    line-height:1.5;
}

#navigation h2 {
font:bold 90% Verdana, sans-serif;
background:transparent url(../images/navigation-h2-top.gif) no-repeat top left;
border:none;
text-align:center;
color:#363;
height:21px;
width:150px;
margin:5px -1px -4px 13px;
padding:4px 0 0;
}
#navigation h2 a, #rightbar h2 a {
color:#363;
}

#navigation #menu .current {
list-style-image:url(../images/menubutton_current.gif);
}

#menu a,#login a,#miniad a {
color:#000;
border:0;
font-weight:bold;
}

#menu a:hover,#login a:hover,#miniad a:hover {
color:red;
border:0;
}


#menu #subnav {
    padding:8px 0 13px;
}

#menu .subnav {
    padding:8px 0 13px;
}

#navigation #menu ul {
border:none;
text-align:left;
color:#000;
margin:0 0 0 10px;
}

#navigation #menu #subnav li {
    list-style-image:url(../images/menu-subnav-ff.gif);
    margin-left:-2px;
}

#navigation #menu .subnav li {
    list-style-image:url(../images/menu-subnav-ff.gif);
    margin-left:-2px;
}

#subnav a {
    font-weight:400;
}

.subnav a {
    font-weight:400;
}

#navigation #menu #subnav #subsubnav {
    margin:0;
    padding:0;
}

#navigation #menu .subnav .subsubnav {
    margin:0;
    padding:0;
}

#navigation #menu #subnav #subsubnav li {
    list-style-image:none;
    list-style-type:square;
    margin:0 0 0 12px;
    padding:0;
}

#navigation #menu .subnav .subsubnav li {
    list-style-image:none;
    list-style-type:square;
    margin:0 0 0 12px;
    padding:0;
}

#commenu a {
color:#000;
}

#rightbar {
float:left;
background:transparent url(../images/rightbar-top.gif) no-repeat;
width:268px;
padding-top:7px;
margin:0;
}

#rightbar h2 {
font:bold 90% Verdana, sans-serif;
background:transparent url(../images/rightbar-h2-top.gif) no-repeat top left;
border:none;
text-align:center;
color:#000;
height:21px;
width:250px;
margin:-1px -1px -4px 8px;
padding:4px 0 0;
}

#rightbar p {
margin:0 20px 5px 5px;
padding:0;
}



.rightbar-margin {
background:transparent url(../images/rightbar-bottom.gif) no-repeat bottom left;
font:normal 100% Verdana, sans-serif;
border:none;
text-align:left;
color:#000;
line-height:16px;
margin:0 0 15px 8px;
padding:8px 10px 22px 12px;
}

.rightbar-margin ol {
margin:0 10px 5px 30px;
padding:0;
}

#rightbar-margin td {
margin:0;
padding:0;
}

#stickyAd {
position:relative;
margin-left:8px;
clear:both;
}

#footer {
height:75px;
width:979px;
background:transparent url(../images/bottom.gif) no-repeat;
text-align:right;
clear:both;
margin:0 auto 35px;
padding:0;
}

#footer p {
margin:0;
padding:40px 15px 30px 0;
}

#footer a {
color:#525352;
border:0;
}

#navigation #login ul {
border:none;
text-align:left;
color:#000;
margin:0 0 0 10px;
}

#login label {
height:19px;
width:45px;
font-size:10px;
color:#333;
margin-left:5px;
margin-top:4px;
}

#username-field {
background:transparent url(../images/menu-login-back.gif) no-repeat;
width:67px;
height:19px;
border:0;
font-size:9px;
margin:0 0 0 8px;
padding:3px 0 0 6px;
}

#password-field {
background:transparent url(../images/menu-login-back.gif) no-repeat;
width:67px;
height:19px;
border:0;
font-size:9px;
margin:0 0 0 5px;
padding:3px 0 0 6px;
}

#submit {
background:transparent url(../images/menu-submit-back.gif) no-repeat;
width:87px;
height:19px;
border:0;
font-size:100%;
margin:4px 0 0 12px;
}

img {
border:0;
}

p {
margin:12px 24px 12px 0;
}

.paging {
font-size:120%;
text-align:center;
}

.paging2 {
clear:both;
font-size:120%;
text-align:center;
background:#ebebec url(http://www.jesper.nu/images/forumback_header.gif) repeat-x;
border:1px solid #CCC;
padding: 5px;
margin-right:19px;
}

div.paging {
clear:both;
font-size:120%;
text-align:center;
background:#ebebec url(http://www.jesper.nu/images/forumback_header.gif) repeat-x;
border:1px solid #CCC;
padding: 5px;
margin-right:19px;
margin-bottom: 15px;
}


ul, ol {
margin:12px 20px 12px 0;
}

ol li {
list-style-image:none;
}

li {
list-style-image:url(../images/li.gif);
margin:0;
}


/* H1 f�r profilRubrik */
.profileHeader {
clear:none;
font:140% Bold Verdana, sans-serif;
background:none;
border:none;
border-bottom:0;
border-right:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}





h3 {
font:bold 110% Verdana, sans-serif;
margin:17px 19px 8px 0;
}

h4 {
font:bold 100% Verdana, sans-serif;
margin:20px 19px 5px 0;
}

table {
margin:0 18px 5px 0;
}

a:link,a:visited {
padding-bottom:1px;
color:#579333;
text-decoration:none;
}

a:hover {
padding-bottom:1px;
color:red;
border-bottom:1px solid red;
/* OLD border-bottom:2px solid #E3D134; */
}

#contentlist dl {
float:left;
width:510px;
display:inline;
padding:0;
}

#contentlist dt {
float:right;
width:375px;
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
color:#ececec;
}

#contentlist dl dt a:link, #contentlist dl dt a:visited {
color:#000;
}

#contentlist dl dt a:hover {
border-bottom:0;
color:#ff0000;
text-decoration:underline;
}

#contentlist dd {
margin:0 0 3px 135px;
padding:0;
}

#contentlist dd.space {
background:transparent url(../images/hr.gif) repeat-x center;
height:1px;
clear:both;
margin:0;
padding:8px;
}

#contentlist dl dd.img {
margin:0;
}

#contentlist dd.img img {
float:left;
border:1px solid #000;
margin:5px 7px 0 0;
padding:0;
}

span.tooltip {
background:#FFF url(../images/tooltip_background.gif) repeat-x top left;
color:#000;
font:normal 100% Verdana, Arial, sans-serif;
width:225px;
height:auto;
border:1px solid #666;
text-align:left;
padding:7px;
}

span.tooltip h2 {
font:bold 110% Verdana, Arial, sans-serif;
color:#579333;
text-decoration:underline;
background:none;
border:none;
margin:0 0 5px;
padding:0;
}

.left {
float:left;
margin:5px 20px 5px 0;
}

.right {
float:right;
margin:5px 20px 10px 15px;
}

.p_image {
float:left;
border:none;
clear:left;
margin:5px 10px 5px 0;
}

.hr {
background:transparent url(../images/hr.gif) repeat-x;
clear:none;
height:1px;
padding-top:3px;
margin:7px 25px 7px 0;
}
.hr hr .hrclear { display: none; }

.hrclear {
background:transparent url(../images/hr.gif) repeat-x;
clear:left;
height:1px;
padding-top:3px;
margin:7px 25px 7px 0;
}

input {
border: solid 1px #CCC;
font:normal 100% verdana, arial, helvetica, sans-serif;
padding:3px;
color: #000000;
}

.upload {
border:0;
}

.radiobutton {
border:0;
background:0;
}

select {
border: solid 1px #CCC;
background-color: #F4F4F4;
font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
padding:2px;
}

textarea {
border: solid 1px #CCC;
background-color: #F4F4F4;
font:normal 105%/1.5 verdana, arial, helvetica, sans-serif;
width:350px;
height:130px;
padding:4px;
    color: #000000;
}

#menu,#commenu,#login,#miniad {
background:transparent url(../images/navigation-bottom.gif) no-repeat bottom left;
font:normal 100% Verdana, sans-serif;
border:none;
text-align:left;
color:#000;
line-height:16px;
margin:0 0 15px 13px;
padding:8px 10px 25px 15px;
}

#navigation #menu li,#commenu li {
list-style-image:url(../images/menubutton.gif);
margin:0 0 0 18px;
}

#navigation #menu li a:hover,#commenu li a:hover{
list-style-image:url(../images/menubutton2.gif);
}

.tablediv {
float:left;
display:inline;
margin:0 11px 10px 0;
}

.contentlist {
background:0;
border:0;
font-size:110%;
font-weight:normal;
margin:0 19px 0 135px;
padding:0;
}

.contentlistp {
margin:4px 19px 0 135px;
}

.contentlistimg {
float:left;
}

.contentlist a:link,h2 a:visited,h2 a:active {
text-align:left;
color:#579333;
border:0;
}

.contentlist a:hover {
color:red;
font-weight:normal;
text-decoration:underline;
}

.preamble {
font-weight:bold;
}


.contentlist2 {
clear:none;
background:0;
border:0;
font-size:100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentlist2 a:link, .contentlist2 a:visited, .contentlist2 a:active {
margin-top:0;
color:#669933;
text-decoration: underline;
}

.contentlist2 a:hover {
color:red;
}

.contentlist2p {
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
}

.contentlist2div {
background-image:url(http://www.jesper.nu/onlinespel/spelhallen/gfx/contentlist2_background.gif);
border:1px solid #CCC;
width:243px;
height:75px;
padding:5px;
float:left;
margin-bottom:5px;
margin-right:5px;
}

.contentlist2lefttext {
float:left;
clear:left;
margin-top:2px;
}

/*
.contentlist2left {
background-image:url(http://images.jesper.nu/icons/games/contentlist2_background.gif);
clear: both;
border:1px solid #CCC;
width:242px;
height:60px;
padding:5px;
float:left;
margin-bottom:5px;
}

.contentlist2right {
background-image:url(http://images.jesper.nu/icons/games/contentlist2_background.gif);
border:1px solid #CCC;
width:242px;
height:60px;
padding:5px;
float:right;
margin-bottom:5px;
}

*/
.contentlist2img {
float:left;
padding-right:5px;
border:0;
}


.clearer {
clear: left;
line-height: 0;
height: 0;
}

.contentlist3 {
background:0;
border:0;
font-size:100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentlist3div {
width:152px;
height:170px;
text-align:center;
border:1px solid #CCC;
padding:4px;
margin:0 12px 20px 0;
float:left;
background:#EEE url(../images/fade_background.jpg) repeat-x;
}

.contentlist3h2 {
font-size:105%;
font-weight:bold;
margin:5px 0 0 0;
padding:0;
border:0;
background:0;
}

.contentlist3desc {
font-size:90%;
margin:3px 0 5px 0;
}

.contentlist3img {
width:130px;
height:100px;
margin:8px 0 0 0px;
border:1px solid #FFF;
}

.contentlist3h2 a:link, .contentlist3h2 a:visited, .contentlist3h2 a:active {
margin-top:0;
color:#333;
text-decoration:none;
padding:0;
}

.contentlist3h2 a:hover {
color:#FF0000;
text-decoration:none;
}

.contentlist3div:hover {
border:1px solid #FF0000;
}

.tdright {
	font-size:90%;
	vertical-align:top;
	color:#666;
	margin-left:15px;
	margin-left:15px;
	float:right;
	padding-right:15px;
}

.hidden {
visibility: hidden;
display: none;
}

.a_cat {
color:#666;
text-transform:uppercase;
}

.citat_start {
background:transparent url(/images/community/icons/start_quote.gif) no-repeat top left;
padding-left:23px;
color:#666666;
margin:5px 24px 0 30px;
width:350px;
}

.citat_end {
background:transparent url(/images/community/icons/end_quote.gif) no-repeat bottom right;
padding-right:23px;
}

h1 {
clear:both;
font:bold 130% Verdana, sans-serif;
background:#EEE url(../images/h1_background.gif) repeat-x top;
border:none;
border-bottom:1px solid #AAA;
border-right:1px solid #AAA;
margin:20px 19px 15px 0;
padding:3px 3px 3px 10px;
}

h1 a:link, h1 a:visited, h1 a:active {
color:#666;
text-decoration:none;
}

h1 a:hover {
color:#CCCCCC;
font-weight:bold;
border:0;
}

h2 {
clear:both;
font:bold 110% Verdana, sans-serif;
background:#EEE url(../images/h1_background.gif) repeat-x top;
border:none;
border-bottom:1px solid #AAA;
border-right:1px solid #AAA;
margin:22px 19px 12px 0;
padding:3px 0 3px 15px;
}

h2 a:link,h2 a:visited,h2 a:active {
text-align:left;
color:#000;
border:0;
}

h2 a:hover {
font-weight:bold;
}


#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('http://static.jesper.nu/images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('http://static.jesper.nu/images/stars.gif') left 25px; font-size: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; font-size: 13px; FONT-FAMILY: Arial; COLOR: #888; }



/* ----------- greenform ----------- */
#greenform{
border:solid 1px #deedd9;
background:#f1faef;
margin-right:22px;
}
#greenform h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#greenform p{
clear:both;
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #deedd9;
padding-bottom:10px;
}
#greenform .p2{
clear:none;
float:left;
font-size:12px;
padding:4px 2px;
border:0;
margin:0 0 20px 10px;
width:330px;
}
#greenform label{
clear:both;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#greenform .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#greenform input{
float:left;
font-size:110%;
padding:4px 2px;
border:solid 1px #deedd9;
width:250px;
margin:2px 0 20px 10px;
}
#greenform .inputbutton {
float:left;
font-size:90%;
padding:4px 8px 4px 8px;
margin:2px 10px 4px 2px;
width:auto;
}
#greenform button, #greenform .submit{
	background:#666666 url(../images/button.png) no-repeat;
	border:0;
	clear:both;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:31px;
	line-height:31px;
	margin-left:150px;
	padding:0;
	text-align:center;
	width:125px;
}
#greenform textarea{
font-size:100%;
width:300px;
height:100px;
float:left;
padding:4px 2px;
border:solid 1px #deedd9;
margin:2px 0 20px 10px;
}
#greenform select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #deedd9;
margin:2px 0 20px 10px;
}
.spacer{clear:both; height:1px;}

.greenform{
	margin:0 25px 0 0;
	width:484px;
	padding:14px;
}

form, button{border:0; margin:0; padding:0;}

.jpaint_comment_head {
    margin-left: 10px;
    font-weight: bold;
    padding: 2px;
    width: 638px;
    font:bold 1em Verdana, sans-serif;
    background:#EEE url(../images/h1_background.gif) 0 50% repeat-x;
    border:none;
    border-bottom:1px solid #AAA;
    border-right:1px solid #AAA;
}

div.jpaint_list2 {
    margin-left: 5px;
}

div.jpaint_list2 div>a:hover {
    text-decoration: none;
    border-bottom: 0;
}

div.jpaint_list {
    margin-left: 5px;
}

div.jpaint_list a:hover {
    text-decoration: none;
    border-bottom-width: 0;
}

div.jpaint_list img {
    margin: 2px;
    border: 1px solid #8e8;
}
div.jpaint_list img:hover {
    border: 1px solid #494;
}

.even {background-color:#fff}
.odd {background-color:#f5f5f5}

.fun{
clear:both;
font-weight:bold;
width:400px;
float:left;
}
.fun .small{
clear:both;
color:#666666;
font-size:11px;
font-weight:normal;
text-align:right;
width:400px;
}
.e textarea{
    width:100%;
    height: 200px;
}
.button
{
    border: 1px solid #e1e1e2;
}
.button:hover {
    background:#c1d2ee;
    border:1px solid #90adde;
}
.active {
    background:#c1d2ee;
    border:1px solid #90adde;
}

.comment {
	clear:both;
	background:transparent url(/inc/images/randig_ton.gif) repeat-x top left;
	width:492px;
	border:1px solid #dcdcdc;
	padding:10px 10px 5px 10px;
	margin-bottom:13px;
	margin: 0 0 13px 0;
}
.comment_right {
	width:90px;
	float:left;
	margin:0;
}
.comment_main {
	margin-left:100px;
}

.comment_main p {
	width:360px;
}

.paging3 {
	margin-bottom:10px;
	text-align:center;
	font-size:120%;
	margin-right: 24px;
}

.paging3ruta {
	border: 1px solid #dcdcdc;
	padding:2px 6px 2px 6px;
}

td, th {
	font-size:11px;
}
.new { color:#FF0000; }






/* Jesper.nus startsida */ 

/* h2 rubriker startsidan för contentthumbs*/
.contentthumbs {
    clear:left;
    font:bold 120% Verdana, sans-serif;
    margin:15px 0 5px 0;
    padding:3px;
    padding-left:10px;
    background:#EEE url(http://www.jesper.nu/images/h1_background.gif) 0 50% repeat-x;
    border:none;
    border-bottom:1px solid #AAA;
    border-right:1px solid #AAA;
    width:500px;
}
.contentthumbs2 {
    clear:both;
    font:normal 110% Verdana, sans-serif;
    margin:15px 0 7px 0;
    padding:5px;
    padding-left:10px;
    background:#EEE url(http://www.jesper.nu/images/h1_background.gif) 0 50% repeat-x;
    border:none;
    border-bottom:1px solid #AAA;
    border-right:1px solid #AAA;
    width:760px;
}


#contentthumbs {
    margin: 15px 0 30px 0;
}

#contentthumbs img {
    display:block;
    border:0;
    margin-bottom:2px;
}

#contentthumbs a:hover img {
    opacity: 0.8;
}

#contentthumbs a {
    display:block;
    text-align:center;
    border:0;
}

#contentthumbs p {
	margin-top:-5px;
}

#contentthumbs h2 a {
    text-align:left;
    color:#000;
}
#contentthumbs p {
    text-align:left;
	clear:both;
}
#contentthumbs p a {
	display:inline;
}

.class_startsida {
    margin: 15px 0 30px 0;
}

.class_startsida img {
display:block;
border:0;
margin-bottom:2px;
}

.class_startsida a:hover img {
opacity: 0.8;
}

.class_startsida a {
display:block;
text-align:center;
border:0;
}

.class_startsida h2 a {
text-align:left;
color:#000;
}


.contentthumbs_imglist {
margin: 15px 0 30px 0;
}

.contentthumbs_imglist img {
display:block;
border:0;
margin-bottom:2px;
}

.contentthumbs_imglist a {
display:block;
text-align: center;
border: 0;
}

.contentthumbs_imglist h2 a {
text-align: left;
color: #000;
}