@charset "utf-8";
/* CSS Document */
/* Tullangen div och css */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FC6;
	background-color: #990000;
	background-image:url(mm_bg_red.gif);
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #FC6;
	letter-spacing:.1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16x;
	font-weight: lighter;
	letter-spacing:.2em;
	color: #FC6;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF9;
	text-decoration: none;
}

a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF9;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF9;
	text-decoration: underline;
}

a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF6;
	text-decoration: line-through;
}

.navigera a:link { /* Class för länkarna medan */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FF6;
	text-decoration: none;
}

.navigera a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FF6;
	text-decoration: none;
}

.navigera a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FF9;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9;
	border-bottom-color: #FF9;
}

.navigera a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FC0;
	text-decoration: underline overline;
}
.bildruta170x170 { /* Class som de två bilderna till höger ligger i( en klass får man använda hur många gånger man vill på sidan) */
	width: 170px;
	height: 175px;
	padding-top: 5px;
}

#ybermorsan { /* diven som håller allt på plats, all kod ligger i denna div och det är denna som håller ihop sidan */
	width: 800px;
	height: auto;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
}

#banner {
	width: 800px;
	height: 108px;
	background-color: #220103;
}

#inner_left_banner { /* DIVen till v�nster i bannern */
	width: 215px;
	height: 108px;
	float: left;
}

#inner_middle_banner { /* DIVen  i mitten bannern */
	width: 360px;
	height: 98px;
	padding: 5px;
	float: left;
}

#inner_right_banner { /* DIVen till h�ger i bannern */
	width: 215px;
	height: 108px;
	float: left;
	text-align: center;
}

.logotext { /* Texten i bannern */
	font:18px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
}

.logotext2 { /* Texten i bannern - den undre raden */
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.3em;
	line-height: 30px;
	text-align: center;
}

.navigera { /* Classen för länkarna till navigeringen till vänster i sidan */
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	padding: 10px;
	border-bottom: 1px dotted #F93;
}
#sub_banner { /* Bara en liten långsmal div under bannern */
	width: 800px;
	height: 20px;
	background-color: #850D0F;
	border-bottom: 2px solid #990000;
}

#leftcolumn { /* diven till vänster i sidan, den men sidans länkar */
	width: 150px;
	height: 600px;
	padding: 10px;
	float: left;
	background-color: #850D0F;
}

#maincolumn { /* diven i mitten på sidan, den med all test i */
	width: 420px;
	height: 600px;
	padding: 10px;
	float: left;
	background-color: #850D0F;
}

#rightcolumn { /* diven till höger i sidan */
	width: 170px;
	height: 600px;
	padding: 10px;
	float: left;
	background-color: #850D0F;
}
#footer { /* diven längst ner på sidan */
	width: 780px;
	height: 25px;
	background-color: #850D0F;
	padding: 10px;
	border-top: 1px solid #990000;
	clear: left;
	
	
}#ybermorsan #maincolumn p { /* Denna sträcker ut texten, det vill säga; marginal justerar texten i maincolumn */
	text-align: justify;
}