/*
Yellow ecd523
Green  97c900
Green darker        527018

red    b01d2d
*/
*
{
 margin: 0;
 padding: 0;
 border:0px;
}

body {
    font-family: arial, helvetica, Geneva, verdana, sans-serif;
	text-align: center;
	color: #555;
    font-size: 12px;
    height: 101%;
    overflow:auto;
    background: #cae1f3 url(images/bg.gif);  
}

p{
color: #555;
font-size: 13px;
line-height: 140%;
}

.ingress{
font-weight:normal; 
font-size: 1.5em; 
color: #333; 
line-height: 1.2;
}

.strong{
color: #222;
font-weight: bold;
}

h2{
color: #333;
font-family: helvetica, arial, futura, sans-serif; 
font-size: 15px;
font-weight: bold;

}

h2.index{
color: #ce2431;
font-size: 1.6em;
font-weight: normal;
}

h2.smaller{
color: #ce2431;
font-size: 128%;
font-weight: bold;
}

h3.art
{
font-size: 1.1em;
font-weight: bold;
color: #000;
}

.h2copy
{
color: #4b4b4b;
font-size: 1.5em;
}

.tagline
{
font-weight:bold;
font-style: italic;
}

h3{
color: #ce2431;
font-family: helvetica, futura, sans-serif; 
font-size: 1.3em;
font-weight: bold;
}

blockquote{
	margin: 1em 10px;
	padding-left: 50px;
	background: transparent url(images/quote.gif) no-repeat;
	min-height: 50px;
}

h2, h3, p {
margin: 10px 0;
}

.line {
border-top:1px solid #ddd;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}

h1{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 2.1em;
font-weight: bold;
display:inline;
margin: 15px 0;
padding-top:0;
}

/*
h1{
color: #ce2431;
font-family: arial, helvetica, futura, sans-serif; 
font-size: 2.4em;

font-weight: normal;
display:inline;
margin-top: 0px;
padding-top:0;
}
*/

.green
{
    color: #000;
    font-weight:bold;
}

.rightcolumn ol{
margin: 10px 20px;
}

.rightcolumn ol li{
margin-bottom: 5px;
}

#green{
padding-top: 7px;
padding-bottom: 5px;
text-align: left;
}

#leftcolumn li{
list-style-type:none; 
font-size: 0.9em;
font-style: normal;
margin-left:0px;
margin-top: 2px;
padding-left: 35px;
background: #efe7d4;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(/images/arrow-menu.gif); 
background-repeat: no-repeat;
background-position: 25px 10px;
display: block; 

}

#leftcolumn li:hover{

background: #ddd;
background-image: url(/images/arrow-menu.gif); 
background-repeat: no-repeat;
background-position: 25px 10px;
}

#eftcolumn ul 
{
margin-left:20px;
margin-right: 0px;
padding-left:20px;
padding-right:0px;
font-family: arial, helvetica, futura, sans-serif; 
}


/* DIVS*/

#dejtingsajter{
width:832px; 
padding:5px; 
background-color: #fff; 
position:absolute;
left: 50%;
margin-left: -416px;
}

#grey 
{
background-color: #666; 
background: #666 url(images/natdejting-guide.gif) no-repeat top right;  
height: 75px;
text-align: left;
padding-left: 15px;      
}

#dejtingsajter-pic
{
margin-top: 4px; 
padding-left:60px; 
text-align: right; 
height: 141px; 
background:#95ca00 url(/images/dejtingsajter.png) no-repeat;
color:#fff;
}

#topnav
{
margin-top: 1px; 
text-align: left; 
height: 35px; 
background:#fff url(/images/bg-topnav2.png) no-repeat;
color:#fff;
}

#topnav ul
{
margin-left: 182px;
padding-top: 7px;
}

#topnav li
{
display: inline;
list-style-type:none;
font-weight: bold;
color: #fff;
}

#topnav a{color: #fff; text-decoration:none; padding: 7px 15px; font-size: 1.0em; }
#topnav a:visited{color: #fff; text-decoration:none; padding: 7px 15px; font-size: 1.0em;}
#topnav a:hover{color: #527018; text-decoration:none; background-color: #efe7d4; padding: 7px 15px; font-size: 1.0em;}

#leftcolumn
{
float: left;
color: #97c900; 
width:180px; 
background-color:#fff; 
margin-top: 0px; 
text-align:left;
border: 0px solid blue; 
}

.rightcolumn 
{
float:right;
text-align: left; 
margin-top: 3px; 
background:#fff url(/images/bg-rightcontentX.png) repeat-x;
padding-left: 10px;
padding-right: 10px; 
border: 0px solid #ddd;
width: 630px;
min-height: 600px;
margin-bottom: 20px;
border: 0px solid orange;
}

.box1top, .box2top
{
background-color: #97bf0d; 
height: 24px; 
text-align: center; 
color: #fff; 
line-height: 24px; 
font-weight: bold; 
font-size: 1.1em;
margin-top: 1px;
}

.box2top{margin-top: 10px;}

.box1content, .box2content{
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;
}

.box2content{padding: 10px; text-align: center;}

.citat{
color: #000;
font-weight: bold;
}



.box1top a:link {color: #fff; font-size: 1.0em; text-decoration: none;}
.box1top a:visited {color: #fff; font-size: 1.0em; text-decoration: none;}
.box1top a:hover {color: #fff; font-size: 1.0em; text-decoration: none;}

.box2content a:link {color: #527018; text-decoration: none;}
.box2content a:visited {color: #527018; text-decoration: none;}
.box2content a:hover {color: #527018; 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: #527018; text-decoration: none; }

        



.smalltext
{
font-size: 0.8em;
}

.floatleft
{
float:left;
margin-top: 3px;
}

.cleaner {
  clear: both;
  font-size: 1px;
}

.btn-arrow
{
background: #fff url(/images/arrow-green.png) no-repeat;
background-position: 2px 0px;
padding-left: 30px;
float:left;
margin-top: 7px;
}

.author{
color: #999;
font-weight: normal;
display:block;
font-size: 0.8em;
margin-top: 4px;
}

.rowOdd
{
background-color: #f6faff;   
}

.rowEven
{
 background-color: #fff;   
}

.footer-bold
{
font-size: 1.1em; 
font-family: verdana; 
font-weight: bold; 
color: #ddd; 
}



#pris-caption
{
color: #b3b3b3;
padding: 0 10px;
text-align:center;
font-size: 10px;
height: 27px;
}

#andra-artiklar
{
margin-top: 20px;
height: 24px;
line-height: 24px;
background: #97bf0d url(/images/andra-artiklar.gifX) no-repeat;
font-weight: bold;
font-size: 1.2em;
color: #fff;
padding-left: 10px;
}   

.datum
{ 
font-size:1.0em; 
font-weight: normal; 
color: #444; 
margin-right: 20px;
} 

.textlink-blue
{

}

.red
{
color: #d20101;
}

.txt-green
{
color: #75970d; 
font-weight: bold;   
}

a:link { text-decoration: underline; font-size: 12px; font-family: arial; color: #0066cc;}
a:visited { text-decoration: underline; font-size: 12px; font-family: arial; color: #0066cc;}
a:hover { text-decoration: none; font-size: 12px; font-family: arial; color: #0066cc;}


.textlink-blue a:link{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.textlink-blue a:visited{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.textlink-blue a:hover{font-weight: bold;text-decoration:none;   color: #106bde; font-family: arial;}

.link-blue a:link{text-decoration:underline; color: #106bde; font-family: arial;}
.link-blue a:visited{text-decoration:underline; color: #106bde; font-family: arial;}
.link-blue a:hover{text-decoration:none; color: #106bde; font-family: arial;}

.btn-yellow a:link{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.btn-yellow a:visited{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.btn-yellow a:hover{font-weight: bold;text-decoration:none;   color: #106bde; font-family: arial;}

.btn-arrow a:link{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.btn-arrow a:visited{font-weight: bold; text-decoration:underline; color: #106bde; font-family: arial;}
.btn-arrow a:hover{font-weight: bold;text-decoration:none;   color: #106bde; font-family: arial;}

.read-review a:link{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:underline; font-family: arial;}
.read-review a:visited{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:underline;  font-family: arial;}
.read-review a:hover{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:none; font-family: arial;}

.toplist-small a:link{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:underline; font-family: arial;}
.toplist-small a:visited{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:underline;  font-family: arial;}
.toplist-small a:hover{font-weight: normal; font-size: 1.0em; color: #666; text-decoration:none; font-family: arial;}


table.dejtingsidor td
{

    vertical-align:top;
    border: 0px solid #ddd;

}

table.dejtingsidor
{
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
border-collapse: collapse;
border-bottom: 1px solid #ddd;
background: #fff url(images/gradient-blue.png) repeat-x bottom left; 
}


.h2-black
{
color:#666666;
margin:0;
}

.rightcolumn ul
{
list-style-type:disc;    
margin: 10px 0px 10px 20px;
font-size: 12px;
}
.rightcolumn li
{
margin-bottom: 10px;
}


ul.arrow
{
margin: 10px 20px;
border: 0px solid #ddd;
}

ul.arrow li
{
list-style-type:none; 
font-size: 1.0em;
background-image: url(/images/arrow-link.png); 
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 12px;
margin-bottom: 0;
padding-bottom:10px;
margin-left: 0px;        /* ReWork rightcolumn li OLD */
color: #333;
}

ul.features-arrow
{
margin: 5px 0px;
border: 0px solid #ddd;
}

ul.features-arrow li
{
list-style-type:none; 
font-size: 12px;
background-image: url(/images/arrow-link.png); 
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 11px;
margin-bottom:3px;
margin-left: 0px;        /* ReWork rightcolumn li OLD */
color: #333;
}

ul.features-big
{
margin: 10px 0 20px 0;
border: 0px solid #ddd;
}

ul.features-big li
{
list-style-type:none; 
font-weight:normal;
font-size: 1.2em;
background-image: url(/images/icon-plus.gif); 
background-repeat: no-repeat;
background-position: 0px -2px;
padding-left: 20px;
margin-bottom:7px;
margin-left: 0px;        /* ReWork rightcolumn li OLD */
color: #555;
}


ul.features-small, ul.features-toplist
{
margin: 0px 0px 3px 0px;
border: 0px solid #000;
}

ul.features-small li, ul.features-toplist li
{
list-style-type:none; 
font-size: 12px;
background-image: url(/images/v-small.png); 
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 18px;
margin-bottom:4px;
margin-left: 0px;        /* ReWork rightcolumn li OLD */
}

ul.features-toplist li
{
background-image: url(/images/v-small-silver.png); 
  font-size: 12px;  
}

table.toplist {border-collapse: collapse; margin-top: 10px; margin-bottom :10px; width: 100%; font-size: 12px;}      
        
table.toplist td {height: 40px; padding: 7px; margin-bottom: 1px; text-align: center; border: 0px dotted #ddd; vertical-align:middle; }

table.toplist th
{
background:#90be03;
font-weight: bold;
color: #fff;
font-family: arial, helvetica;
height: 24px;
text-align: center;
}


.till
{
    padding-left: 200px;
    font-weight:bold;
    margin: 10px 0;
}


.con-block
{
    padding:10px;
    background-color: #f6faff;
    border-top: 1px solid #f3f0f0;
    border-left: 1px solid #f3f0f0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    margin-bottom: 10px;
}

.con-block ul
{
margin: 0;
border: 0px solid #000;
}

.con-block li
{
list-style-type:none; 
font-size: 12px;
background-image: url(/images/v-small-silver.png); 
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 20px;
margin-bottom:4px;
margin-left: 0px;        /* ReWork rightcolumn li OLD */
}


.highlight
{
font-weight:bold;
color: #ce2431;
}

.btn-orange
{
background: #fff url(/images/btn-orange.png) no-repeat;
width: 141px;
height: 30px;
line-height: 30px;
text-align:center;
vertical-align: middle;
margin-left: 20px;
}

.btn-yellow
{
background: #fff url(/images/btn-yellow.png) no-repeat;
width: 100px;
height: 33px;
line-height: 32px;
text-align:center;
margin-left: 20px;
vertical-align: middle;
background-color: transparent;
}

#footer{
background: #666;
text-align: center;
color: #ccc;
font-family: arial; 
font-size: 11px;
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;
    padding:0 0px 0 4px;
    margin: 0px;
}

ul.normal
{
margin: 4px 15px;
}

ul.normal li
{
    list-style-type:square;
    padding:0 0px 3px 0px;
    margin: 0px;
}
    
    
#footer a:link {color: #ccc; font-size: 11px; text-decoration: none;}
#footer a:visited {color: #ccc; font-size: 11px;text-decoration: none;}
#footer a:hover {color: #333; font-size: 11px;}

.data
{
color: #638108;
}


.hora
{
font-size: 11px;
}

.site-info
{
background: #fff url(images/gradient-blueX.png) repeat-x bottom left;     
clear: both; 
margin-top: 25px; 
border-bottom: 1px solid #ddd; 
padding-bottom: 10px; 
overflow: auto;

}

.site-image
{
width: 150px; 
height: 109px; 
margin: 0 20px 15px 0;
}


.text-background{
background-color: #fff;
}

ol li
{
margin-left: 0px;
}


.newsfacts{
border: 1px dotted #ddd; 
padding: 5px 10px 10px 10px; 
background-color: #fcfbfb;
margin: 25px 0;
}



dt, dd 
{
font-size: 1.0 em;
padding-top: 0.2em;
padding-right: 0.2em;
padding-bottom: 0.5em;
padding-left: 0.2em;
}

dd 
{
clear: right;
border-bottom-width: 0px;
border-bottom-style: dashed;
border-bottom-color: #bfc4c6;
}

dt 
{
float: left;
width: 100px;
padding-left: 0px;
font-weight: normal;
}


.sitehome
{
background: #fff url(images/bg-sajthome.png) no-repeat; 
width: 228px;
height: 168px;
}

.picshade-small
{
background: #fff url(images/bg-sajthomesmall.png) no-repeat; 
width: 155px;
height: 111px;
}

/*sitefacts*/

.sitefacts-outer
{
border: 1px solid #ddd; 
float: right; width: 220px; 
margin-top: 35px; 
margin-left: 10px; 
margin-bottom: 30px;
}


.sitefacts-header
{
background: url(images/bg-menutop.png) repeat-x; 
color: #fff;
font-weight: bold;
height: 24px;
line-height: 24px;
padding: 0 10px;
text-align:center;
}

.sitefacts-text
{
font-family: verdana; 
color: #666; 
font-size: 0.9em; 
margin-top: 5px;
}

.sitefacts-content
{ 
border: 1px solid #fff; 
background: #fff url(/images/bg-prices.png) repeat-x;
text-align:center;
padding-top: 10px;
}


#news
{
padding-left: 31px; 
padding-top: 35px; 
width: 334px; 
height: 90px;  
text-align:left;
position: absolute;
top: 86px;
left: 50px;
}

#news a:link {color: #fff; text-decoration: none;}
#news a:visited {color: #fff; text-decoration: none;}
#news a:hover {color: #fff; text-decoration: underline;}
#news a:active {color: #fff; text-decoration: underline;}


.toplist-small-top
{
background: #fff url(/images/small-toplist-top.png) no-repeat; 
float: right; 
width: 240px; 
margin-top: 8px; 
margin-left: 10px; 
margin-bottom: 15px;  
padding-top: 45px;
}

table.toplist-small
{
border: 0px solid #000; 
width: 100%; 
height:130px; 
border-collapse: collapse; 
font-size: 0.9em;
}

table.toplist-small td {border-bottom: 1px solid #ddd; padding-left: 10px; }




table.features
{
width: 95%;    
border-collapse: collapse;
margin: 10px 0px;
text-align:left;
}

table.features th
{
text-align:left;
height: 25px;
background-color: #8cb904; 
color: #fff;
padding: 5px;
}

table.features td
{
padding: 5px;
vertical-align:top;
border: 0px solid #000;
}

.odd, .odd-feature
{
background-color: #f6faff; 
}

.even, .even-feature
{
background-color: #fff; 
}


.sitepicture-small
{
margin: 1px  0 0 1px;
width:180px;
height:140px;
margin-right: 10px;
margin-top: 5px;
}

.center
{
width: 100%;    
text-align:center;
}


table.kontaktannons
{  
border-collapse: collapse;
text-align:left;
width: 100%;
color: #555;
}

table.kontaktannons th
{  
color: #555;
background-color: #efe7d4;
vertical-align:top;
height: 24px;
line-height: 24px;
padding-left: 10px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}

table.kontaktannons td
{  
vertical-align:top;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 10px;
border-bottom: 1px dotted #ddd;
}

table.kontaktannons .first
{  
padding-left: 20px;
padding-top: 20px;
width: 220px;
}

table.kontaktannons .second
{  
width: 350px;
padding-top: 20px;
}

table.kontaktannons .rightalign
{  
width: 350px;
text-align: right;
}


table.toplist-brown {border-collapse: collapse; margin-top: 10px; margin-bottom :10px; width: 100%; font-size: 12px;}      
        
table.toplist-brown td {height: 40px; padding: 7px; margin-bottom: 1px; text-align: center; border: 0px dotted #ddd; vertical-align:middle; }

table.toplist-brown th
{
background-color: #90be03;
color: #fff;
vertical-align:top;
height: 24px;
line-height: 24px;
padding-left: 10px;
font-size: 11px;
font-weight: bold;
text-align:center;
text-transform: uppercase;
}


table.related-sites
{
margin-top: 10px; 
height: 70px; 
margin-left: 10px;
border-collapse: collapse;
}

table.related-sites .bullet {background: #fff url(images/icon-bullet.png) no-repeat 0px 9px; padding-left: 14px;  }



.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	text-align: left;
	padding-top: 18px;
}


.highlight-text
{  
color: #ce2431;
}