a { text-decoration:none; color: #32B3D3; }
a:visited { text-decoration:none; color: #32B3D3; }
a:hover { text-decoration:underline; font-weight:bold; color:#oc8cba; }


		
body{  
	background:#F2FCFF url(img/bg2.gif);
	background-position:left;
	background-repeat: repeat-y;
	margin:0px;
	height:100%;
	}
	
.banner-right{
	position: absolute;
	top: 30px;
	left: 690px;
	width:120px;
	background: transparent;
	}
.banner-left{
	position: absolute;
	top: 700px;
	left: 20px;
	width: 120px;
	background: transparent;
	}
	
.banner-mitten{
	position: relative;
	margin-bottom: 200px;
	left: 200px;
	width: 400px;
	background: transparent;
	}

.kropp{
	width: 896px;
	margin:0px;
	height: 100%;
	}
	
.topp{
	background:url(img/bgtop.gif);
	background-position:left;
	background-repeat: no-repeat;
	height:28px;
	width: 896px;
	margin-top:0px;
	margin-left:0px;
	}

/* menyraden övert - om oss, kontakta oss osv */	
.toppmeny {
	margin-left:150px;
	margin-top: 0px;
	line-height: 18px;
	width: 500px;
	text-align: center;
	font-size: 7pt;
	font-family: verdana, helvetica, arial, sans-serif;
	letter-spacing: 0.1em;
	color:#32B3D3;
	font-weight:bold;
	 }

/* alla de saker som ligger till vänster från topp-logo, vänster-meny o ner */	 
.leftside{
	background: transparent;
	height: 400px;
	margin-left:20px;
	width: 120px;
	text-align: center;
	}

.glapp{
	position: absolute;
	top:10px;
	width: 500px;
	left:150px;
}
	
.logo {
	background:transparent;
	width:71px;
	height:68px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	}
	
.sidomeny-ord {
	margin-left:0px;
	width: 90px;
	text-align: left;
	font-size: 12pt;
	color:#32B3D3;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight:900;
	margin-top: 2px;
	margin-left:5px;
	background:transparent;

	}

.favorit{
	margin-left:0px;
	width: 90px;
	text-align: left;
	font-size: 10pt;
	color:#32B3D3;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight:700;
	margin-top: 6px;
	background:transparent;
	}

.prickstreck{
	border-bottom: 2px dotted #32B3D3;
	width: 100%;
	height: 1px;
	background:transparent;
	}
	
.datum {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 7pt;
	color:#FB4700;
	font-weight:bold;
	line-height: 20pt;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	border-top: 2px dotted #FB4700;
	background:transparent;
	}

	/* div med de namn som har namnsdag*/	
.nyheter {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 7pt;
	color:#32B3D3;
	font-weight:bold;
	line-height: 13pt;
	margin-top: 20px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	background:transparent;
	border-top: px solid #32B3D3;
	text-align:left;
	}


/* div med de namn som har namnsdag*/	
.namn {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 7pt;
	color:#FB4700;
	font-weight:bold;
	line-height: 15pt;
	margin-top: 6px;
	margin-left:auto;
	margin-right:auto;
	border-top: 2px dotted #FB4700;
	border-bottom: 2px dotted #FB4700;
	background:transparent;
	}
	
/* nytt-inlägg-pratbubblan i vänstermenyn*/
.nytt{
	text-align: center;
	width: 100%;
	height: 100px;
	margin-top: 40px;
	border-bottom: 2px dotted #32B3D3;
	background:transparent;
	}
	
.nytt-liten{
	position: relative;
	top: -100px;
	left: 190px;
	width:70px;
	height: 48px;
	background:transparent;
	}

.xnytt-liten{
	margin-top: 30px;
	margin-left: 50px;
	width:70px;
	height: 48px;
	background:transparent;
	}

/*divven som innehåller Dagens Ros-rubriken*/	
.mitt-topp{
	background: transparent url(img/dagens-rubr.gif);
	background-repeat:no-repeat;
	background-position: top center;
	position: absolute;
	top:35px;
	left:0px;
	margin-left: 152px;
	width: 500px;
	height:155px;
	}
.xmitt-topp{
	background: transparent url(img/dagens-rubr.gif);
	background-repeat:no-repeat;
	background-position: top center;
	margin-top:35px;
	margin-left:0px;
	width: 500px;
	height:155px;
	}

.xmitt-saljtext{
	background: transparent;
	margin-top:10px;
	margin-left:50px;
	width: 400px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	line-height: 13pt;
	text-align:justify;
	overflow:visible;
	z-index: 1000;

	}
	
/* den där texten med "Ger du nånsin beröm..."*/
.mitt-saljtext{
	background: transparent;
	position: absolute;
	top:197px;
	left:200px;
	width: 400px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	line-height: 13pt;
	text-align:justify;
	overflow:visible;
	z-index: 1000;

	}

/* "sjoket som håller tack för att du tipsade" på plats"*/
.tacktext{
	background: transparent;
	position: absolute;
	top:0px;
	margin-left: 50px;
	width: 380px;
	height:90px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	line-height: 13pt;
	text-align:justify;
	overflow:visible;
	z-index: 1000;

	}
	
	
/* de rader längst nere tex Sidan är gjord av glada kunder osv*/			
.adressbalk {
	width: 500px;
	margin-bottom:0px;
	margin-top:180px;
	margin-left:149px;
	background:transparent;
	border-top: 2px dotted #FB4700;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:#32B3D3;
	font-weight:500;
	line-height:20pt;
	}

.xadressbalk {
	width: 500px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:100px;
	background:transparent;
	border-top: 2px dotted #FB4700;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:#32B3D3;
	font-weight:500;
	line-height:20pt;
	}

.xxadressbalk {
	width: 500px;
	margin-bottom:0px;
	margin-left:-20px;
	margin-top:100px;
	background:transparent;
	border-top: 2px dotted #FB4700;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:#32B3D3;
	font-weight:500;
	line-height:20pt;
	}
	

/* next = den rad till höger som ska visa om man vill visa nästa eller föregående 5 meddelanden*/
.next {
	background: transparent;
	position: relative;
	top:-120px;
	left:150px;
	margin-left:60px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}

.next2 {
	background: transparent;
	position: relative;
	top:-300px;
	left:150px;
	margin-left:60px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}

.next3 {
	background: transparent;
	position: absolute;
	top:300px;
	left:200px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}

.xnext3 {
	background: transparent;
	margin-top:30px;
	margin-left: 40px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}

.next_below {
	background: transparent;
	position: relative;
	top:-120px;
	left:250px;
	margin-left: 60px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}

.xnext_below {
	background: transparent;
	margin-top: 20px;
	margin-left:50px;
	width: 400px;
	height:25px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:gray;
	font-weight:500;
	}


/* nedan kommer allt som har med själva meddelandena att göra*/

.messblock{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	/*position: absolute;
	left: 188px;
	top: 310px;*/
	position: relative;
	top: -130px;
	margin-left: 188px;
	margin-bottom:0px;
	background: transparent;
	
	/*rätt: top: -130px;*/
	}
	
.messblock2{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	/*position: absolute;
	left: 188px;
	top: 310px;*/
	position: relative;
	top: -250px;
	margin-left: 188px;
	margin-bottom:0px;
	background: transparent;
	}
.messblock3{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	/*position: absolute;
	left: 188px;
	top: 310px;*/
	position: relative;
	top: -130px;
	margin-left: 188px;
	margin-bottom:0px;
	background: transparent;
	}

.messblock4{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	/*position: absolute;
	left: 188px;
	top: 310px;*/
	position: relative;
	top: -250px;
	margin-left: 188px;
	margin-bottom:0px;
	background: transparent;
	}

.messblock5{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	position: relative;
	left: 188px;
	top: -100px;
	background: transparent;


	}

.xmessblock5{
	/*det div som håller alla meddelanden på plats*/
	width:420px;
	position: relative;
	margin-left: auto;
	margin-right:auto;
	margin-top:10px;
	background: transparent;


	}
	
	

.message{
	/*hela meddelandet totalt inkl ram osv*/
	background: white;
	border: 4px solid #32B3D3;
 	margin-top:5px;
	width: 100%;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: #32B3D3;
	font-weight: 600;
	line-height:12pt;
	overflow: hidden;

	}
.message: P{
line-height:12pt;
}


.mess-topp {
	/*blå bakgrunden för rubrik o datum*/
	border-top:0px;
	height: 30px;
	overflow: hidden;
	background: #32B3D3;
	width: 100%;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: white;
	font-weight: 600;
	}
	
.mess-rub {
	/*Rubriken*/
	position: relative;
	left:5px;
	top: -10px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8p t;
	color:white;
	font-weight:bolder;
	width: 300px;
	background:transparent;
	}

.mess-rub2 {
	/*Rubriken*/
	position: relative;
	left:5px;
	top: 0px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:white;
	font-weight:bolder;
	width: 300px;
	background:transparent;
	}
	
	
	
.mess-date {
	/*Datumet till höger*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:white;
	font-weight:bolder;
	width: 90px;
	background:transparent;
	position: relative;
	float: right;
	margin-left:320px; 
	top: -41px;
	}
	
.mess-date2 {
	/*Datumet till höger*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:white;
	font-weight:bolder;
	width: 90px;
	background:transparent;
	position: relative;
	float: right;
	margin-left:320px; 
	top: -31px;
	}
	
.mess-date3 {
	/*Datumet till höger*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color:white;
	font-weight:bolder;
	width: 90px;
	background:transparent;
	position: relative;
	float: right;
	margin-left:320px; 
	top: -15px;
	}
	
	
	
.mess-tillofran {
	/*De två raderna överst i message: till och från */
	margin:3px;
	min-height: 50px;
	background: transparent;
	width: 410px;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: 400;
	line-height: 15pt;
	border-bottom: 2px dotted #32B3D3;
	
	}	

.mess-text {
	/*Själva meddelande-texten */
	margin:3px;
	min-height: 50px;
	background: transparent;
	width: 405px;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: 200;
	line-height: 12pt;
	}
.mess-tipsa{
	/*knappen "tipsa en vän" inne i message*/
	background:transparent;
	background-position: top;
	background-repeat: no-repeat;
	width: 72px;
	height:35px;
	margin-left:330px;
	margin-bottom:2px;
	margin-top:3px;
	}
.mess-logo{
	background: transparent url(img/logo2.gif);
	background-repeat: no-repeat;
	float:right;
	position: relative;
	margin-top: 3px;
	margin-right: 5px;
	width:33px; 
	height:36px;
	}

/*slut på saker som har med meddelandet att göra*/

h3 {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12pt;
	color:#32B3D3;
	font-weight:bolder;
	}
h6 {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9pt;
	color:#32B3D3;
	font-weight:bolder;
	}
	
.meny-ang {
	height:42px;
	width: 8px;
	background:transparent;
	position:absolute;
	left:13px;
	top:335px;
	}