body{
background-color: #414141;
margin-top: 0px;
font-family: "Tahoma";
font-size: 11px;
color:#696969;
background-image: url('./images/bg.png');
}

img {
border:0;
}

a{
outline: none;
}

a, a:link {
text-decoration: underline;
color: white;
}

a:hover {
text-decoration: none;
color:#B3B3B3;
}

#main{
position: relative;
margin: auto;
height: auto;
width: 885px;
padding-top: 50px;
}

#top{
height: 54px;
width: 885px;
margin: 10px 0 0 0;
background-image: url('images/top.png');
}

#header{
background: #000000 url('images/logo.jpg') no-repeat;
height: 177px;
width: 885px;
margin:auto;
}

#Dmenu{
height: 31px;
width: 885px;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:885px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}

#content{
background-color: #FFF;
width: 885px;
height: auto;
background:transparent url(images/background.jpg) repeat scroll 0 0;
padding-top: 3px;
color: white;
}

#footer{
font-size:9px;
color: white;
padding-top:7px;
margin-top: 0px;
height: 19px;
width: 885px;
text-align: center;
background-image: url('images/footer.png');
}

#icons{
font-size:9px;
padding-top:7px;
height: 19px;
width: 885px;
text-align: center;
border: 0px;
}

#contact{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 10px none lime;
}
#contact .left{
	margin-left: auto;
	margin-right: auto;
}
#contact .right{
	margin-left: auto;
	margin-right: auto;
	font: normal 10pt "Helvetica";
}
.namn, .epost, input{
	width: 215px;
	padding: 2px;
	font: normal 8pt "Arial";
}

.meddelande{
	width: 215px;
	height: 85px;
	padding: 2px;
	margin-bottom: 5px;
	font: normal 8pt "Arial";
}
.submit{
	font: normal 8pt "Arial";
	width: 80px;
}
.leftcolumn_top{
height: 15px;
width: 223px;
margin: 5px 0 0 8px;
background-image: url('images/leftcolumn_top.png');
}

.leftcolumn_middle{
height: auto;
width: 211px;
padding-left: 12px;
margin: 0 0 0 8px;
color: black;
background-image: url('images/leftcolumn_middle.png');
}

.leftcolumn_bottom{
height: 15px;
width: 223px;
margin: 0 0 0 8px;
background-image: url('images/leftcolumn_bottom.png');
}


#middlecolumn_top{
height: 15px;
width: 403px;
margin: 5px 0 0 11px;
background-image: url('images/middlecolumn_top.png');
}

.middlecolumn_middle img{
margin-left: -4px;
}

.middlecolumn_middle{
height: auto;
width: 393px;
padding: 0 0 0 10px;
margin: 0 0 0 11px;
background-image: url('images/middlecolumn_middle.png');
color: black;
}

.middlecolumn_middle a{
color: black;
}

#middlecolumn_bottom{
height: 9px;
width: 403px;
background-image: url('images/middlecolumn_bottom.png');
margin: 0 0 10px 11px;
}

#rightcolumn_top{
height: 15px;
width: 211px;
margin: 5px 0 0 8px;
background-image: url('images/leftcolumn_top.png');
}

.rightcolumn_middle{
height: auto;
width: 199px;
padding-left: 12px;
margin: 0 0 0 8px;
background-image: url('images/leftcolumn_middle.png');
color: black;
}
#rightcolumn_bottom{
height: 15px;
width: 211px;
margin: 0 0 0 8px;
background-image: url('images/leftcolumn_bottom.png');
}

#news{
	padding: 5px;
	border: 0px solid #CCCCCC;
	margin: 0px;
	width: 94%;
}
#titel{
	padding: 1px;
	font-size: 14px;
	font-weight: bold;
}
#time{
	float: right;
	position: relative;
	top: -20px;
}

ul#meny
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:885px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#meny li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#meny li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#meny li a:hover
{	
	color:#ff0000;
	height:22px;
}

.text {
	color:Silver;
	font-size:12px;
}

.txtarea {
	width: 220px;
	font: normal 8pt "Arial";
}
.knapp {
	 font-size: 10px;
	 font-family: Tahoma;
	 background-image: url(../images/btnbg2.jpg);
	 color: #000;
	 height: 22px;
	 border: 0px;
	 padding: 5px;
	 width: 50px;
}
A.n:link,A.n:active,A.n:visited {
 color: #999999;
 text-decoration: none;
 cursor: default;
}
A.n:hover {
 color: red;
 text-decoration: none;
 cursor: default;
}
.br4 { line-height: 4px; }

select {
 background-image: url(../images/textlargebg2.gif);
 font-size: 10px;
 font-family: Tahoma;
 background-color: #FFFFFF;
 height: 22px;
 border: 0px;
 padding: 5px;
 width: 113px;
}

.gallery{
height: auto;
width: 600px;
margin: 10px 16% 10px;
padding: 2px;
border: 0px white dotted;
}
.gallery img{
	border: 0px white solid;
}

.eventlist {
	border: 0px white solid;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 90%;
	padding: 5px;
}

.eventlist .events {
	border: 0px white solid; 
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}
.eventlist a {
	font-size: 12px;
}
.eventlist .events:hover {
	color: black;
	background: black;
	cursor: default;
}

.eventlist .event {
	border: 1px silver solid; 
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	height: 300px;
}
.event .titel {
	line-height: 150%;
	width: 65%;
	float: left;
	height: 10%;
	border: 0px white solid;
	font-size: large;
}
.event .datum{
	width: 65%;
	float: left;
	height: 5%;
	border: 0px white solid;
}
.event .info {
	float: left;
	width: 65%;
	height: 65%;
	border: 0px white solid;
	padding-top: 5px;
	font-size: 12px;
}

.event .bild {
	float: right;
	margin: 0px;
	border: 1px silver solid;
	width: 30%;
	height: 100%;
}
.event .url_fb {
	height: 19%;
	border: 0px white solid;
	width: 32%;
	float: left;
}
.event .url_ms {
	height: 19%;
	border: 0px white solid;
	width: 32%;
	float: left;
}

#mat_left {
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
	float: left;
	border: 1px white solid;
}

#mat_right {
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
	float: right;
	border: 1px white solid;
}

.bbcode input {
	width: 40px;
	height: 25px;
}