﻿
*
{
 margin: 0;
 padding: 0;
}

body {
    font-family: verdana, arial, helvetica, Geneva, verdana, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
    color: #333; 
    font-size: 0.8em;
    overflow:auto;
    background: #cae1f3 url(images/bg.gif);  
}

p{
margin-bottom: 20px;
margin-top: 10px;
color: #333;
font-size: 0.9em;
line-height: 130%;
}

.boldsub{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 1.3em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
display: block;
}

h3{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 1.1em;
font-weight: bold;
margin-left: 0px;
margin-bottom: 5px;
}

h2{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 1.3em;
font-weight: bold;
margin-left: 0px;
margin-bottom: 5px;
}

h1{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 1.7em;
font-weight: bold;
margin-bottom: 4px;
margin-top: 0px;
display: inline;
}

p.strong{
color: #222;
font-weight: bold;
}
 
img {
border:0px;
}

#green{
padding-top: 7px;
padding-bottom: 5px;
text-align: left;
}

.author{
color: #999;
font-weight: normal;
display:block;
font-size: 0.8em;
margin-top: 4px;
}

#red ul { /* for positioning and styling preferences */
margin-top: 15px;

}

#red li {
list-style-type:none; /* removes default bullet */
background-image:url(/images/bock2.png);
background-repeat: no-repeat; /* ONE bullet only please */
background-position: 0 .50em; /* .45em from top (vertical) */
padding-left:20px; /* space between bullet and text */
line-height:1.5em;
font-weight:bold;
font-size: 1.3em;
color:#000;
text-decoration:none;
padding-top: 0px;
font-family: arial; 
margin-left: 20px;
}

#leftcolumn li{
list-style-type:none; 
font-family: arial, helvetica, futura, sans-serif; 
font-size: 0.9em;
font-style: normal;
margin-left:0px;
margin-top: 2px;
padding-left: 35px;
background: #efe7d4;
padding-top: 5px;
padding-bottom: 5px;
}

#leftcolumn li a:hoover{
list-style-type:none; 
font-family: arial, helvetica, futura, sans-serif; 
font-size: 0.9em;
font-style: normal;
margin-left:0px;
margin-top: 2px;
padding-left: 35px;
background: #ddd;
padding-top: 5px;
padding-bottom: 5px;
}

#eftcolumn ul 
{
margin-left:20px;
margin-right: 0px;
padding-left:20px;
padding-right:0px;
font-family: arial, helvetica, futura, sans-serif; 
}

#rightcolumn li {

line-height: 130%;
font-style: normal;
margin-left: 17px;
margin-right: 10px;
margin-bottom: 10px;
font-size: 0.9em;
margin-top: 10px;
}

#rightcolumn ul {
margin-bottom: 20px;
list-style-type:disc; 
}


/* DIVS*/

#wrapper{
width:740px; 
padding:5px; 
background-color: #fff; 
position:absolute;
left: 50%;
margin-left: -370px;
}

#leftcolumn
{
float: left;
color: #97c900; 
width:180px; 
background-color:#fff; 
margin-top: 2px; 
text-align:left;
font-family: arial; 
border: 0px solid blue; 


}

#rightcolumn 
{
float:right;
text-align: left; 
margin-top: 2px; 
background: url(images/bg-header.gif) repeat-x top;
padding-left: 10px;
padding-right: 10px; 
border: 0px solid #ddd;
width: 535px;
min-height: 450px;
margin-bottom: 20px;
border: 0px solid orange;
}

#red{
background: url(images/redbg2.gif) repeat-x;
height: 153px;
margin-top: 5px;
text-align: left;
float: left;
width: 180px;
}

#grey 
{
background: url(images/bg-top.gif) no-repeat;    
height: 75px;
text-align: left;
padding-left: 15px;
color: #333;         
}

.box1top{
background-color: #97c900; 
height: 24px; 
text-align: center; 
color: #fff; 
line-height: 24px; 
font-weight: bold; 
font-size: 1.2em;
font-family: Arial;
}

.box1content{
background: url(images/bg-header.gif) repeat-x top left; 
text-align: left; 
border:1px solid #ddd;
color: #527018;
padding-bottom: 10px;
padding-top: 10px;
}


/*
Yellow ecd523
Green  97c900
Green darker        527018

red    b01d2d
*/

#footer{
background: #666;
text-align: center;
color: #ccc;
font-family: arial; 
font-size: 0.8em;
margin-top: 20px;
padding: 10px 0;
clear:both;
overflow: auto;
display:block;
}

div #footer ul
{
margin: 4px 0px;
}

div #footer li
{
    list-style-type: none;
    display: inline;
    border-left: 0px solid #ccc;
    padding:0 0px 0 4px;
    margin: 0px;
}

div #footer li:first-child
{
border-left: 0px;
}
    
    
#footer a:link {color: #ccc; text-decoration: none;}
#footer a:visited {color: #ccc; text-decoration: none;}
#footer a:hover {color: #333;}

.citat{
color: #000;
font-family: arial, Verdana;
font-weight: bold;
}

.line {
border-top:1px solid #ddd;
margin-top: 0px;
margin-bottom: 5px;
margin-right: 0px;
}

a:link { text-decoration: underline; font-family: arial; color: #75970d;}
a:visited { text-decoration: underline; font-family: arial; color: #666;}
a:active { text-decoration: none;}
a:hover { text-decoration: none; font-family: arial; color: #6b8e00;}

#red a:link {color: #fff; text-decoration: none;}
#red a:visited {color: #fff; text-decoration: none;}
#red a:hover {color: #ecd624;}



.box1top a:link {color: #fff; text-decoration: none;}
.box1top a:visited {color: #fff; text-decoration: none;}
.box1top a:hover {color: #fff; text-decoration: none;}


#leftcolumn li a:link {color: #527018; text-decoration: none;}
#leftcolumn li a:visited {color: #527018; text-decoration: none;}
#leftcolumn li a:hover {color: #b01d2d; text-decoration: none; background-color: #ddd;}

        

table.toplist {border: 0px solid #ddd; border-collapse: collapse; margin-left: 0px; margin-right: 0px; width: 97%;}      
        
table.toplist td {background: url(images/table-bg.gif) repeat-x; height: 30px; padding: 10px; border: 0px solid #ddd; text-align: center; }

table td.leftcolumn {text-align: left; font-weight: bold; background: #eee; }


table td.head
{
background: url(images/table-hbg.gif) repeat-x;
font-weight: bold;
color: #fff;
font-family: arial, helvetica;
height: 10px;
margin:0px;
}

table.listing {border: 0px solid #ddd; border-collapse: collapse;}      
        
table.listing td {height: 27px; padding: 9px 4px; border-bottom: 1px solid #ddd; text-align: center; }

table.listing th
{
font-weight: bold;
color: #fff;
font-family: arial, helvetica;
background-color: #fff;
height: 30px;
text-align: center;
border: 0px solid #000;
}

.important
{
background:#eee;
border: 1px solid #ddd;
padding: 7px;
margin-top: 25px;
margin-right: 10px;
}

#news
{
background: #82ab08 url(/images/bg-news.gif) no-repeat; 
padding-left: 10px; 
padding-top: 40px; 
width: 334px; 
height: 109px; 
text-decoration: none; 
color: #fff;
}

#news a:link {color: #fff; text-decoration: none;}
#news a:visited {color: #fff; text-decoration: none;}
#news a:hover {color: #fff; text-decoration: underline;}


.cleaner {
  clear: both;
  font-size: 1px;
}


#test
{
background: #779a0c; 
position: absolute;
top: 86px;
left: 50px;
width: 20px; 
height: 20px; 
color: #fff;
}

#topbild
{
margin-top: 4px; 
padding-left:60px; 
text-align: left; 
height: 155px; 
background:#95ca00 url(/images/dejtingsajter2.jpg) no-repeat;
color:#fff;
}


.knappgratis{
background: #fff url(/images/btn_gratis.gif) no-repeat;
width: 178px;
height: 33px;
line-height: 33px;
float: left;
}

.knappbesok{
background: #fff url(/images/btn_besok.gif) no-repeat;
width: 85px;
height: 27px;
line-height: 27px;
}

