body {
background-image:url(../bilder/foton/overall.png);
font-family:Arial, Helvetica, sans-serif;
margin:1em 0 1em 0;
padding:0;
line-height:1.2em;
}

a, a:visited {
text-decoration:none;
}

h2, h3, h4 {
margin: .5em 0 .25em 0;
padding:0;
}

p {
margin:0;
padding:0;
font-size:1em;

}

img {
border:0;
}


#allt {
margin:auto;
width:32em;
position:relative;
}

/* Sidhuvud och meny */
#sidhuvud {
width:20em;
padding:0;
margin:0 auto 0 auto;
text-align:center;
}
	.titel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	font-style:normal;
	color:#fff;
   	margin:0 auto 0 auto;
	padding:.4em;
	background-color:#000;
	}
		#sidhuvud a, a:visited, a:hover{
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-style:normal;
		}

	#navigation {
	width:22em;
	padding:0;
	height:4em;
	margin:.5em auto 0 auto;
	}
			#navigation a, a:visited, a:hover{
			text-decoration:none;
			color:#fff;
			font-weight:bold;
			font-style:normal;
			}
			.PRES {
			width:11em;
			float:left;
			background-color:#FF8BA1;
			color:#fff;
			font-weight:bold;
			padding:.45em 0 .45em 0;
			text-align:center;
			}

			.PRES:hover{
			background-color:transparent;
			}
			
			.KAL {
			width:11em;
			float:right;
			background-color:#FFABFF;
			color:#fff;
			font-weight:bold;
			padding:.45em 0 .45em 0;
			text-align:center;
			}
			
			.KAL:hover{
			background-color:transparent;
			}
			
			.KYSS{
			clear:both;
			width:11em;
			float:left;
			background-color:#99F5E8;
			color:#fff;
			font-weight:bold;
			padding:.45em 0 .45em 0;
			text-align:center;
			}
			.KYSS:hover{
			background-color:transparent;
			}
			
			.MOA{
			width:11em;
			float:right;
			background-color:#B0B8FF;
			color:#fff;
			font-weight:bold;
			padding:.45em 0 .45em 0;
			text-align:center;
			}
			
			.MOA:hover{
			background-color:transparent;
			}
			

			
/* Sidinnehåll */
#main{
width:32em;
clear:both;
margin-top:1em;
background-color:#fff;
}

	#main a, a:visited {
	text-decoration:none;
	color:#000099;
	font-style:italic;
	font-weight:normal;
	}

	#main a:hover{
	text-decoration:underline;
	}

	#meny {
	width:11em;
	float:right;
	text-align:right;
	margin:3em .6em 0 0;
	}
	
	#innehall {
	width:18em;
	margin:1em 1.8em 1em 0;
	padding:.5em 1.2em 3em 1.2em;
	min-height:20em;
	}
	
	#innehall li {
	margin:0 0 1.2em 0;
	}
		
	.kyssliten {
	width:10em;
	}
	
	#full {
	margin:1em 0 1em 0;
	padding:.5em 1.2em 3em 1.2em;
	min-height:20em;
	}

/* sidfot */
#sidfot {
font-size:.8em;
color:#fff;
font-weight:normal;
}

#sidfot a, a:visited{
color:#fff;
font-weight:normal;
text-decoration:underline;
font-style:normal;
}

#sidfot a:hover{
color:#fff;
font-weight:normal;
text-decoration:none;
}

#mail{
width:18em;
text-align:center;
background-color:#000;
float:right;
padding:.4em;

}

#Om {
width:14em;
text-align:center;
background-color:#000;
padding:.4em;
}




/*TWITTER*/			
#twitter{
width:15.5em;
position:absolute;
top:1.2em;
right:-10em;
z-index:1;
padding:0em;
color:#fff;
font-weight:normal;
text-align:left;

}
	#ett{
	float:left;
	}
		#ett img {
		width:1.75em;
		}

	#twitt {
	margin-left:1.75em;
	padding:.6em 1.2em .8em 1.2em;
	background-color:#ff002d;
	font-size:.8em;
	min-height:4em;
	line-height:1.2em;
	}
		#twitt a, a:visited{
		color:#fff;
		text-decoration:underline;
		}
		
		#twitt a:hover{
		color:#fff;
		text-decoration:none;
		}
		
		#twitt li, ul {
		margin:0;padding:0;list-style-type:none;
		}
		
.ITEM1, .ITEM2, .ITEM3, .ITEM4{
clear:both;
background-color:#ccc;
padding:.2em .5em .2em .5em;
margin:0;
}

.HIDDEN1, .HIDDEN2, .HIDDEN3, .HIDDEN4{
clear:both;
height:5em;
padding:.5em;
background-color:#eee;
position:relative;
margin:0;
}

.OLD, .OLD2{
margin:0;
}