body{ background:#AEFFB3;color:#666666;padding:3px 0 0 0;margin:0;font-family:'Trebuchet MS','Verdana','Arial','Helvetica',sans-serif;font-size:10pt;}
h1{font-size:14pt;color:#663;}
h2{font-size:12pt;color:#663;}
h3{font-size:11pt;color:#663;margin:5px;}
h2.rubrik{font-size:14pt;color:#633;margin:0;}
.strong{font-weight:bold;}.italic{font-style:italic;}.text120{font-size:120%;}
p {margin:0;padding:0;}
#admin_titles {margin-left:20px;}
a{color:#663;text-decoration:none;}
a:hover{color:#366;text-decoration:underline;}
a:active{color:#069;}
img{border:none;}
.non_visible {visibility: hidden}
/* En clear är alltid bra att ha */
	.clear {
		display:block;
		height:0px;
		overflow:hidden;
		clear:left;
		margin:0;
		padding:0;
	}
.floatleft{float:left;}.floatleftbig{float:left;width:560px;}.floatright{float:right;}
/* Grunddesign */
.content_outline{position:relative; width:990px; text-align:center; margin-left:auto;margin-right:auto;margin-top:10px;}

.content{width:990px; text-align:left; margin-left:auto; margin-right:auto;}
 * html .content{ width:990px;height:600px; }

.header {padding-top:50px; margin: 0px 0 1px 0; background: transparent url(../images2/header.png) no-repeat top center;}
#topleft_img{position:absolute;left:20px;top:25px;width:190px;height:115px;background:transparent url(../images/topleft_2.png) no-repeat bottom center;z-order:100;}

.l_box{position:relative;float:left;width:720px;min-height:350px;;margin-top:8px;}
* html .l_box{height:390px;}
.r_box{position:relative;float:left;width:254px;min-height:350px;margin-top:8px;margin-left:12px;}
* html .r_box{height:390px;}
.footer{width:990px;height:30px;margin-top:5px;float:left;}

/* Basic tags */
hr{clear:both;border:none;border-top:1px solid #9FB1BC;height:1px;margin-bottom:10px;}
table {font-family:'Trebuchet MS','Verdana','Arial','Helvetica',sans-serif; font-size:10pt;}
td {vertical-align:top;}
* html td {vertical-align:top;}
th {background:#cc9;}
.td_even {background:#ffc;}
.td_odd {background:#cfc;}

/* Väderrutan */
#weather {margin:10px 10px;padding:10px 5px;height:90px;background:white url(../images2/sun_ud.png) no-repeat 45px 74px;text-align:center;}
/*.weather {border-left: 1px solid #6B8E23;border-top: 1px solid #6B8E23;padding:4px 5px;}*/
#weather h3, weather p{margin-top:-2px;}
#weather p{font-weight:bold;font-size:90%;}
#weather .tempen{font-size:240%;color:red;float:right;}
#bc_top {height:220px;}
#bc_top h2{margin-left:3px;}
/* Lista objekten på startsidan */
.lista_objekt {display: block;padding-left:15px;width:140px;color:#663;}
.lista_objekt h2 {font-size:12pt; color:#663; letter-spacing:1px;}
.lista_objekt a {text-decoration:none;color:#666;font-size:110%;}
.lista_objekt a:hover {text-decoration:underline;}
.lista_objekt a:active {color:red;}

/* Alpha-boxens CSS:er */
#login_box { opacity:0.9; display:none; position:absolute; top:60px; right:10px; width:340px; z-index:1100;
    border:medium solid #000; margin:8px 8px 16px 8px; padding:0 8px 8px 8px; min-height:80px;
    border-color:#90BADE; background:#FFFFCC;
}
* html #login_box { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); }

.f_set {width:800px;}
.show_name {position:absolute;top:15px;right:20px;background-color:#ccc;}
p.close {position:absolute;right:2px;top:2px;}

p.close span {cursor:pointer;display:block;border:none;width:22px;height:22px;background:transparent url(../images/exit.png) no-repeat top left;}
p.status {background-color:#ff6633;color:#ffff99;border:1px solid #990000;margin-left:15px;padding-left:15px;width:464px;}.eventcontent p {margin:0;}
/* Admin grejs */
#msgbox {position:absolute;right:280px;top:160px;background:#33ff66;border:1px solid #498430;padding:0 5px}
.msg_ok {background-color:#33ff66;color:#666666;border:2px solid #990000;margin-left:15px;margin-bottom:15px;padding-left:15px;width:464px;}
.msg_err {background-color:#FF3F3F;color:#FFEE9F;font-weight:bold;border:2px solid #990000;margin-left:15px;margin-bottom:15px;padding-left:15px;width:464px;}
#msg_adm {position:absolute;top:50px;left:100px;}

/* Inset 3D Curved */
.inset {background: transparent; margin:0 auto;}
#inset_wide{width:720px}
#inset_small{width:256px;}
#inset_header{width:990px;}
#inset_footer, #inset_events{width:990px;margin-top:6px;}
* html #inset_footer{margin-top:-12px;}

.inset h1, .inset h2, .inset p {margin:0 10px;}
.inset h2 {font-size:12pt; color:#663; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#D8ECD5; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#D8ECD5; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#D8ECD5; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #fff;height:340px;}
.inset .boxcontent ul {margin-left:-20px;margin-top:0;}#ie7 .inset .boxcontent ul {margin-left:20px;list-style:none;}
* html .inset .boxcontent ul {margin-left:0px;margin-top:0;list-style:none;}
* html .inset .boxcontent{height:340px;}
.inset .left_content {display:block; border-left:1px solid #999; border-right:1px solid #fff;height:340px;}
* html .inset .left_content{height:340px;}
.inset .left_content_more {display:block; border-left:1px solid #999; border-right:1px solid #fff;background: #D8ECD5;min-height:340px;}
* html .inset .left_content_more {border-left:1px solid #999; border-right:1px solid #fff;background: #D8ECD5;height:360px;}
.inset .headercontent {display:block; height:150px;border-left:1px solid #999; border-right:1px solid #fff;background: #D8ECD5 url(../images2/header.png) no-repeat top center;}.inset .footercontent {display:block; background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #fff;height:20px;}.inset .eventcontent {display:block; background:#D8ECD5; border-left:1px solid #999; border-right:1px solid #fff;}#ie7 .inset .eventcontent{height:135px;}
#page_1{background: #D8ECD5 url(../images2/back_left.png) no-repeat top left;}
#page_2{background: #D8ECD5 url(../images2/orki.png) no-repeat top left;}
.event_link {float:right;}.event_link a{color:;}
.reklam_text{position:relative;left:210px;top:0px;width:500px;height:325px;padding-top:15px;}

#rt_1{background: #D8ECD5 url(../images2/kossorna.png) no-repeat bottom right;}
#rt_2{background: #D8ECD5 url(../images2/orki2.png) no-repeat bottom right;}

/* Faktaruta för objekten */
.fakta_ruta {float:left;margin:5px 10px 10px 5px;width:150px;border:1px solid #C5FFB8;background:khaki;}
.fakta_ruta {border-left: 1px solid #6B8E23;border-top: 1px solid #6B8E23;}
.fakta_ruta p, .fakta_ruta h2, .ledigt_ruta p {margin-bottom:-8px;padding:0px;color:darkgoldenrod;}
.fakta_ruta p{width: 72px;clear: left;margin: 0;padding: 5px 0 2px 0;padding-left: 75px;border-bottom: 1px dashed gray;}
.fakta_ruta label{font-size:95%;font-weight: bold;float: left;margin-left: -65px;width: 65px;}
.fakta_ruta #titel {color:brown;font-size:105%;font-weight:bold;width:140px;padding-left:10px;}

/* Kolla ledigt-rutan */
.ledigt_ruta {float:left;margin:0px 5px 0px 5px;width:150px;min-height:50px;border:1px solid C5FFB8; background:khaki;}
.ledigt_ruta input[type="text"]{ width: 28px;margin-left:0px;}
.ledigt_ruta {border-left: 1px solid #6B8E23;border-top: 1px solid #6B8E23;}
.ledigt_ruta p {margin:3px;font-size:90%;}
* html .ledigt_ruta p {margin-bottom:-15px;}
#msg_free {margin-left:4px;padding:4px;color:green;background:lawngreen;}
#msg_taken {margin-left:6px;padding-left:12px;color:darkred;background:tomato;font-weight:bold;}
* html #msg_taken{margin-top:16px;}
* html #msg_free{margin-top:16px;}

/* Mer på objekt-sidan */
.td_objekt{text-align:center;font-size:90%;border-left:1px solid #ccc;}

/* Guestbooks */
.leftside{background: #D8ECD5;padding:5px 5px 0px 0px;width:200px;float:left;margin-left:0%;border-right:#ccc 0.1em dashed;}
.leftside ul{margin-left:-30px;margin-top:0;list-style:none;}
* html .leftside ul{margin-left:30px;margin-top:0;list-style:none;}#ie7 .leftside ul{margin-left:20px;margin-top:0;list-style:none;}

* html .left_box { height:150px; }
.rightside{background:transparente;padding:5px 0 0 15px;width:450px;float:left;margin-left:auto;}
p.news_date{font-weight:bold; font-size:100%; margin-bottom:0.1em;}
p.news_headline {font-weight:bold; margin-bottom:0.2em; font-size:110%; margin-top:0.1em;}
p.news_ingress{margin-top:0.6em; margin-bottom:0.4em;font-style:italic;}
p.news_text {text-align:left;text-justify:newspaper; /* endast IE */line-height:14px;}
/* Händelser Events */#eventbox{padding:16px;}
/* TEst med meny */
#cfnavbar{
float:right;margin:100px 20px 0 0;
padding: 0;
}

#cfnavbar ul{
background: url(../images2/menu/bg.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 6px 5px 3px;
text-decoration: none;
background: url(../images2/menu/divider.gif) top right no-repeat;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(../images2/menu/leftcorner.gif) top left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(../images2/menu/rightcorner.gif) top right no-repeat;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Test nu meny */
#navigation {
text-align: center;
float: right;
margin:101px 20px 0 0;
/*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
#navigation ul {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;
}
#navigation li {
	display: inline;
	background: url(../images2/menu/greenbg.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;
	float: left;
}
#navigation a {
	color: #663300;
	background: url(../images2/menu/greenleft.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span {
	background: url(../images2/menu/greenright.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span {
	float: none;
}

#slantedmenu{
font-weight: bold;
font-size: 90%;
float: right;
margin:101px 20px 0 0;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../images2/menu/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

* html #bc_top{height:239px;}