	body,
	html {
		margin:0;
		padding:0;

		color:#000;
	}

	body {
		min-width:750px;

	xbackground-image: url('images/bg1.jpg');
	xbackground-repeat: repeat-x;
	xbackground-color: #444;
	background-color: #BBDFB6;
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 80%;
	text-align: center;
	min-width: 600px;


	}



	button {
		font-family: Trebuchet MS, Arial, Helvetica;
		font-size: 100%;
		xmargin: 0;
		padding-left: 4px;
	}


	input {
		font-family: Trebuchet MS, Arial, Helvetica;
		xfont-size: 100%;
		xmargin: 0;
		xpadding-left: 4px;
	}


	button img {
		margin: 0;
	}

	.editbuttons button  {
		text-align: left;
	}


	#head {
		margin-top: 10px;
		xbackground:#AE606E;
		color: white;
		xclear:both;
		background-image: url('images/head.jpg'); 
		background-position: top center; 
		background-repeat: no-repeat;
		width: 770px;
		height: 78px;
		border-bottom: 1px solid black;
	}


	#wrap {
		xbackground:#99c;
		margin:0 auto;
		width:770px;
		height: 550px;

		xbackground-image: url('images/bild6.png'); 
		background-position: center 78px ; 
		background-repeat: no-repeat;

	}


	#mainwrap {
		margin-top: 20px;
		margin-left: 10px;
		xbackground:#9c9;
		float:left;
		width:540px;
		xwidth: 100%;
		margin-bottom: 20px;
		xborder: 1px solid red;
		/*
		filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		border: 1px solid black;
		xpadding: 1px;
		*/
	}


	#ruta {

		xpadding: 1em;
		xborder: 1px solid black;
		background-color: white;
		text-align:left;
		width: 100%;

		overflow: auto;

		z-index:100;
		height: 390px;
		xborder: 1px solid blue;
		float: left;
	}

	#inruta {
		padding: 1em;
		padding-top: 0.5em;
	}



	#sidebar {
		xbackground:#99c;
		float:right;
		width:210px;

		xfilter:alpha(opacity=70);
		xopacity: 0.7;
		x-moz-opacity:0.7;
		xborder: 1px solid black;
	}



	#foot {
		xmargin-top: 4px;
		background:#AE606E;
		color: white;
		clear:both;
	}

	#foot a {
		color: white;
	}

	#foot p {
		padding:5px;
		margin:0;
	}

	#foot table {
		width: 100%;
		font-size: 90%;
	}













a {
	text-decoration: none; 
	color: #951C6B;
}


a:hover {
	text-decoration: underline; 
}








#logo {
	margin-top: 20px;
	margin-left: 15px;
}




#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #AE606E;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #AE606E;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #8C4D58;
	border-left: 1px solid #D68895;
}

#navcontainer ul li a:hover
{
background-color: #D68895;
color: #fff;
}












/*---------------------------------*/

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

}








.edit {
	xcolor: #FFBAFF;
	background-color: #fff;
	xwidth: 650px;
	padding. 20px;
	margin-top: 20px;
}

.editor {
	padding-top: 5px;
}

.nyheter {
	width: 500px;
	background-color: #ffffff;
	xfloat: right;
	padding: 10px;
	xmargin: 0,0,20px,20px;
	text-align:left;


}

.nyheter h2 {
	font-size: 250%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	xborder-bottom: 1px solid #aaa;
}
.nyheter h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.nyheter p {
	font-size: 100%;

	padding: 0;
	margin-top: 2px;
	margin-bottom: 20px;
}


#ruta h2 {
	margin-bottom: 0px;
}


.rutor { 
	background-color: #eeeeee; 
	border: 1px solid #bbb;
	width: 355px;
	color: black;
	font-family: "trebuchet ms";
}


.checkbox { 
	background-color: transparent; 
	width: 20px;
	border: 0px solid #444;
}


.row2 {
	background-color: #eee;
}


.rad {
	clear:both;
	margin-bottom: 1em;
}

.rad .datum {
	xcolor: #951C6B;
	color: #999;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 90%;
	font-style: oblique;
}

.rad .rubrik {
	color: #951C6B;
	font-size: 120%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}


.rad p {
	color: #000000;
	margin-top: 0.5em;
	font-size: 90%;
}


.bild {
	float: right;
	border: 1px solid black;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
}



.catbild {
	xfloat: right;
	border: 1px solid black;
	xmargin-top: 25px;
	xmargin-left: 20px;
	margin-bottom: 5px;
}




/*---------------------------------*/



.topmeny {
	xcolor: #FFBAFF;
	background-color: #fff;
	width: 500px;
	xpadding. 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 140%;
}

.topmeny ul {
	margin: 0;
	padding: 0;
}

#horlist li {
	display: inline;
	list-style-type: none;
	xmargin-right: 20px;
	xmargin-left: 20px;
}


#horlist li a {
	color: #000;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;

}


#horlist li a.active {
	xcolor: #f00;
	xtext-decoration: underline;
	xpadding-left: 20px;
	xpadding-right: 20px;

	background-color: #eee;
	color: #009;
}

#horlist li a:hover {
	background-color: #ddd;
	text-decoration: none;
}


.red {
	background-color: #f00;
}

h1 {
	margin-top: 4px;
}
