body{		color: #666;
			line-height:18px;
			font-family: Verdana,Arial,sans-serif;
  			font-size: 11px;
			letter-spacing: 0.1em;
			margin: 0px;
			padding: 0px;
			background-color: #ffffff;
			text-align:justify; }

a:link, a:visited{color: #999;text-decoration: underline;}
a:hover   {	color:#ccc}


/*rubriker*/

h1{			font: bold 18px Verdana,Arial,sans-serif;
 			line-height:20px;
	 		letter-spacing:4px;
 			text-transform:uppercase;
 			color: #666;
 			margin: 0;
			padding-left: 5px;}

h2{ 		font:14px Verdana,Arial,sans-serif;
			background-image:url(grafik/menybak.gif);
			background-repeat:no-repeat;
			font-weight:600;
  			line-height:23px;
  			letter-spacing:3px;
  			text-transform:uppercase; color: #fff;
 			margin:0;
 			padding-left:10px;
	 		border:0;}

h3{ 		font: bold 12px Verdana,Arial,sans-serif;
  			line-height:14px;
  			letter-spacing:2px;
  			text-transform:uppercase; color: #fff;
 			margin:0;
 			padding-bottom:5px;
 			border:0;}

/*textfix*/
p{			padding:5px}
blockquote{ margin: 5px 30px 0 5px;
			padding-left: 10px;
			border-left: 5px solid #999; }
.right{		text-align:right}
.center{	text-align:center}
.left{		text-align:left}
.fet{		font-weight:bold}
.kursiv{	font-style:italic;}
.strike{	text-decoration:line-through;}
.osynlig{	color:#FFFFFF}
.kommentar{	color:#999999; font-style:italic; font-size:10px}
.nytt{		color:#CC0000}


/* bilder */
img{		border:1px solid #000; padding:5px; margin:10px; }
a img{		border:0; padding:0; margin:0;}
.ingenram{	border:0px; padding:0; margin:0px;}
.alignleft{	float:left}
.alignright{float:right}
hr{  		border:thin solid #ccc; width:100%; }


/***********************************************/
/* grund-divar                               */
/***********************************************/

#ram{		width:750px;
			margin:5px auto 5px auto;
			background-color:#e0f2f7;
			background-image:url(grafik/bak.png);
			background-repeat:no-repeat;
			background-position:top right;
			border: 1px solid black;}
	
#rubrik{	margin:0;
			padding:0;
			height:130px;
			background-image:url(grafik/topp2.jpg);
			background-repeat:repeat-x;}	
			
#rubrik a{ 	text-decoration:none;}	

#botten  {background-image:url(grafik/botten.jpg); background-repeat:no-repeat; height:46px; width:750px;}

#sida{		width:190px;float:left;margin-top:15px;margin-bottom:15px; margin-left:5px;}

#sida2{		width:550px;float:right;margin-top:15px;}	

#text, #text2, #twitter {padding:10px; line-height:20px; border:1px #666 solid; width:150px; background-image:url(grafik/rutbak.gif); color:#fff; font-weight:600;}
#text a:hover   {	color:#b9dce6}
#text2 a:hover   {	color:#b9dce6}
#twitter a:hover   {	color:#b9dce6}

#text a, #text2 a{display:block; text-decoration:none; color: #fff}
#twitter a { text-decoration:none; color: #fff}

/** twittrar */
.twitters {

  padding: 5px;
  margin: 0px;
}

.twitters ul {
  list-style: none;
  padding: 0;
}

.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  color: #c5c5c5;
  font-size:10px;
}

.twitters span.status {
  font-style: italic;
}
.paddad {padding: 5px; text-align:right}

#meny{ 		width:750px; 
			height:23px; 
			text-align:right; 
			color:#fff; 
			font-size:12px; 
			line-height:15px; 
			font-weight:700; 
			letter-spacing:2px;
			border-top: 0px;
			border-bottom: 1px #ccc solid;
			border-left: 0px;
			border-right:0px;
			margin: auto;
			background-image:url(grafik/menybak.gif);
			background-repeat:repeat-x;}	
#menyul{margin: auto; padding: 3px; border:0px}
#meny li{display: inline; list-style-type: none;}
#meny a{padding: 0.25em 1em; text-decoration: none;}
#meny a:link{color: #fff;  }
#meny a:visited{color: #fff; }
#meny a:hover{background: #fff; }
#meny a:current{background: #fff;}
	
	
#ruta{	 	
			margin:5px auto 5px auto;
			width:520px;}
#ruta a:hover{text-decoration: underline;}	

#statistik{	color:#ccc; 
			position:absolute; top: 2px; left:5px; 
			letter-spacing:normal; 
			line-height:12px}
#statistik a{color:#ccc;  text-decoration:none;}

/***********************************************/
/* Special-divar                               */
/***********************************************/


/*dagboken*/
.dbtext{	padding:5px}
.dbmeta{	padding: 5px; font-style:italic; color:#ccc}
.dbstreck{	height:30px; background-image:url(grafik/streck.jpg); background-repeat:no-repeat;}
.dbkommentera{text-align:right; color:#666;}
#db     {margin:5px; margin-bottom: 10px; padding:5px; background-color:#FFF; border: 1px #666 solid; width:500px}

/*formulär + gästbok*/
form{ 		margin: 0; padding: 0;}

textarea{ 	border:1px solid  #666; font-size:11px; margin:0 0 10px 0}
				
input{ 		border:1px solid  #666; font-size:11px; margin:0}

/*gästboken*/
.gastboktable{margin:5px; margin-bottom: 10px; padding:5px; background-color:#FFF; border: 1px #666 solid; width:510px}
.gastbokpostsida{width:40px; text-align:right;}
.gastboksbild{padding:0px; margin:0px;border:0px;}
.gastboknamn{color:#999; font-weight:bold; text-align:right;}
.gastbokdatum{font-style:italic; color:#999;}
.gastbokmeddelande{border-top:1px solid  #ccc;}
.gastboksvar{font-style:italic; border-top:1px solid  #333; color: #000;}
.gastbokprivat{font-style:italic;  color:#ccc; text-align:center;}

.gbnav {width:100%}
.gastboksnavv{ text-align:left;  color: #66ccffc; margin:20px;}
.gastboksnavv a, .gastboksnavh a, .gastboksnavv  a:hover, .gastboksnavh  a:hover{color: #fff; text-decoration:none; font-weight:500}
.gastboksnavh{ text-align:right; color: #66ccff; margin:20px;}

#arkiv a{display:block}



#slut{ clear:both;}  

/********************* slut på stilmallen  **********************/