/* 
-------------------------------------------------------------
Site:		Skåne NordOst BoDagar 2009, Sweden
Author:   	Kreation Reklambyrå, Mikael Johansson, Kalmar, Sweden
Version:  	2009 v1
-------------------------------------------------------------


/* General styles */

body 	{
	margin: 0 auto; 
	position: relative;
	font: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}
	
h1, h2, h3	{
	font-style: normal;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}

h4	{
	font-style: normal;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin-bottom: 100px;
	}

ol	{
	margin-bottom: 10px;
	}
	
.content	{
	width:822px; 
	background: white;
	}
	
.content-alt	{
	width:822px; 
	background: white;
	}
.fl-content	{
	width:822px; 
	background: white;
	}

p	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	}
img {border-width: 0;}	

.fl-content	{
	width:822px; 
	background: white;
	}

/* Branding */

#branding {
	width: auto;
	height: 49px;
	background: black url(/graphics/bg-branding.png) no-repeat right top;
}
.default-branding 	{
	margin-left: 0;
	}
.fl-branding	{
	margin-left: 60px;
	}
	
	
/* Content styles */

.rubbig	{
	padding-bottom: 10px;
	z-index: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #ab1f18;
	font-size: 36px;
	}
	
.innehall	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	font-size: 11px;
	}
	
.rubb_innehall	{
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	font-size: 11px;
	}
	
.rubb_fakta	{
	line-height: 12px;
	z-index: 0;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	}
	
.innehall_fakta	{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	z-index: 0;
	padding-left: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	font-size: 10px;
	}
 
.sidfot		{
	z-index: 0;
	padding-right: 10px;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: white;
	font-size: 10px;
	}
  
.rubb_etta	{
	font-size: 12px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	}

.innehall_etta	{
	padding: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: black;
	}
	
#menybox	{
	position: relative;
	}
#thebox	{
	position: absolute;
	top: 106px;
	width: 0px;
	z-index: 0;
	}
	
	
	.puff	{
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -10px;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}
	
.puff_right	{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 15px;
	text-align: left;
	background-color: #ebebe8;
	z-index: 0;
	padding-right: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 10px;
	}
	
#puffy	{
	left: 480px;
	top: 30px;
	position: absolute;
	z-index: 0;
}
 
 /* CSS menymall 1*/
 
#menycontainer1	{
	z-index: 300;
	right: 11px;
	bottom: 0;
	position: absolute;
	font-weight: bold;
	background-image: url(../pics/menu/top_liner.gif);
}


#meny	{
	margin: 0;
	padding: 0 0 5px 0;
	font: 70% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	list-style-type: none;
	}
 
#meny li	{
	margin: 0;
	padding: 0;
	display: inline;
	}
 
#meny li a	{
	padding: 0 1em 14px 1em;
	margin: 0;
	float: left;
	display: block;
	
	}
 
#meny li a:link, #meny li a:visited	{
	background: url(/pics/menu/top_dot.gif) no-repeat left 4px;
	color: black;
	text-decoration: none;
	}

#meny li a:hover	{
	background: transparent url(/pics/menu/mouse_over.gif) no-repeat left 4px;
	color: #000000;
	border-bottom: 5px solid #c4c2ab;
	padding-bottom: 9px;
	}
 
body.m-1 #meny a#m-1, body.m-2 #meny a#m-2, body.m-3 #meny a#m-3, body.m-4 #meny a#m-4, body.m-5 #meny a#m-5, body.m-6 #meny a#m-6, body.m-7 #meny a#m-7	{
	border-bottom: 5px solid #ab1f18;
	padding-bottom: 9px;
	/*background-position: 0 0px;
	z-index: 0;
	background-repeat: repeat-x;
	background-image: url(/pics/menu/top_over.gif);*/
	font-weight: bold;
	color: #000000;
	}
 
/*#meny a:hover	{
	padding-bottom: 14px;
	background: transparent url(/pics/menu/mouse_over.gif) no-repeat left 50%;
	color: #000000;
	}
 
body.m-1 #meny li#m-1, body.m-2 #meny li#m-2, body.m-3 #meny li#m-3, body.m-4 #meny li#m-4, body.m-5 #meny li#m-5, body.m-6 #meny li#m-6, body.m-7 #meny li#m-7	{
	padding-bottom: 14px;
	background-position: 0 0px;
	z-index: 0;
	background-repeat: repeat-x;
	background-image: url(/pics/menu/top_over.gif);
	font-weight: bold;
	color: #000000;
	}*/

 
 /* CSS menymall 2*/


	
#menycontainer2	{
	position: absolute;
	z-index: 100;
	top: 100px;
	margin-left: 25px;
	width: 167px;
	font: 70% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	border-top: 0px solid #d5d4bd;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	}
	
ul#menysub	{ 
	padding: 0; 
	list-style-type: none;
	margin: 8px 0 0 1px;
	}
ul#menysub li {
	display: inline;
}
	
ul#menysub li a	{
	padding: 7px;
	margin: 0px;
	display: block;
	background: #b6b596;
	text-decoration: none;
	border-bottom: 1px solid #d5d4bd;
	}
	
ul#menysub li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#menysub li ul li a	{
	padding-left: 21px;
	margin: 0;
}
	 

	
#menysub a:link	{
	color: black;
	}

#menysub a:visited	{
	color: black;
	}

#menysub a:hover	{
	color: white;
	background: #ab1f18;
	}

#menysub a.current	{
	font-weight: bold;
	background-color: #a8a78a;
	}

#menysub a.subcurrent	{
	background-color: #a8a78a;
	background-image: url(/pics/menu/pil.gif);
	font-weight: bold;
	}

/* ----------- Content */

#content {
	overflow: hidden;
	display: inline-block;
	position: relative;
	background: #ddd9d0 url(/graphics/concrete.jpg) no-repeat left top;
	vertical-align:bottom;
}
#content-alt {
	overflow: hidden;
	display: inline-block;
	position: relative;
	background: black url(/graphics/bg-news.jpg) no-repeat left top;
	vertical-align:bottom;
	min-height: 642px;
	height: auto !important;
	height: 642px;
	width: 860px;
}
#content-alt-list {
	overflow: hidden;
	display: inline-block;
	position: relative;
	background: black url(/graphics/h1-newslist.png) no-repeat left top;
	vertical-align:bottom;
	
	width: 860px;
}
.branding-footer {
	background: transparent url(/graphics/branding-footer.png) no-repeat left top;
	width: 860px;
	height: 150px;
	clear: both;
	position: relative;
}
.branding-footer-list {
	background: transparent url(/graphics/branding-footer-list.png) no-repeat left top;
	width: 860px;
	height: 166px;
	clear: both;
	position: relative;
	padding-bottom: 2em;
}
.branding-footer img {
	position: absolute;
	right: 31px;
	bottom: 31px;
	display: block;
}
/* ----------- Maincontent */

#maincontent {
	
	width: 620px;
	min-height: 500px;
	height: auto !important;
	overflow: hidden !important;
	display: inline-block;
}
#maincontent p {
	padding: 0 20px 1em 20px;
}
#maincontent img.left {
	float: left;
	margin: 0 1em 2em 0;
}
#maincontent img.right {
	float: right;
	margin: 0 -2em 2em 1em;
}
#maincontent img.border {
	border: 4px solid white;
}
#maincontent .storylist {
	clear: both;
}
#maincontent h3  {
	margin: 0 20px 0.25em 20px;
	font-size: 1em;
	padding-bottom: 0.25em;
}
#maincontent h4  {
	font-size: 1em;
	margin: 0 20px 0.25em 20px;
}
#maincontent h2  {
	margin-left: 20px;
	margin-bottom: 0.5em;
	margin-right: 20px;
	margin-top: 10px;
	font-style: normal;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #b90000;
	font-size: 36px;
	}
	
#maincontent a:link,#maincontent a:visited {
	text-decoration: none; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 18px; 
	z-index: 0; 
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
 	color: #ab1f18;
 	font-size: 11px;
 	}
#maincontent .eventlist a:link, #maincontent .eventlist a:visited 	{
	text-decoration: none; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 18px; 
	z-index: 0; 
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
 	color: #ab1f18;
 	}
 	
#maincontent .eventlist a:hover	{
	color: #1aa53b;
	}

#maincontent a:hover	{
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	z-index: 0;
	position: static;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #1aa53b;
	font-size: 11px;
	}

#maincontent a:active	{
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	z-index: 0;
	position: static;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #0c1216;
	font-size: 11px;
	}

#maincontent a:visited	{
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	z-index: 0;
	position: static;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #4b4140;
	font-size: 11px;
	}
	
/* Alternativ maincontent */

#maincontent-alt {
	width: 822px;
	background: #f3f3ea;
	margin-top: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}
#maincontent-alt a:link, #maincontent-alt a:visited {
	color: #ab1f18;
	text-decoration: none;
}
h1.blogg {
	width: 840px;
	height: 321px;
	text-indent: -9999px;
	margin: -6px 0 0 -17px;
	background: transparent url(/graphics/blogg-header.png) no-repeat left top;
}
#maincontent-alt p.blogg-intro {
	position: absolute;
	left: 305px;
	top: 160px;
	width: 458px;
	line-height: 18px;
}
.blogg-article {
	width: 600px;
	float: left;
}
.blogg-article p {
	font-size: 12px;
	line-height: 18px;
}
#maincontent-alt .blogg-article h2  {
	margin: 10px 20px 0.5em 8px;
	font-weight: normal
	color: #b90000;
	font-size: 36px;
	}
.blogg-menu {
	float: left;
	width: 160px;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	list-style-type: none;
	margin: 25px 20px;
	padding: 0;
}
.blogg-menu a {
	display: block;
	padding: 6px 4px;
	border-bottom: 1px dotted #ddd;
}
#maincontent-alt .blogg-menu a.current {
	color: black;
	font-weight: bold;
}
.blogg-menu a:link, .blogg-menu a:visited {
	text-decoration: none;
	color: #ab1f18;
}

/* Aktiviteter */

#maincontent .eventlist, #maincontent-alt .eventlist {
	border-top: 1px solid #eee; 
	padding: 1em 0;
	margin: 0 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	clear: both;
}
#maincontent-alt .eventlist {
	margin-left: 248px;
	border-top: 1px dotted #ccc;
}	
#maincontent .eventlist h3, #maincontent-alt .eventlist h3 {
	margin: 0;
}
#maincontent .eventlist h3 a {
	font-size: 1em;
}
#maincontent .eventlist h3, #maincontent-alt .eventlist h3 {
	padding: 0.5em 0 0.5em 36px;
	font-size: 1em;
	background: transparent url(/graphics/arrow.png) no-repeat left 50%;
}
#maincontent .eventlist div.main {
	padding: 0.5em 0 0 36px; 
	float: left;
	min-height: 120px;
}
#maincontent .eventlist ul {
	line-height: 18px; 
	padding: 0 0 0.5em 0;
	font-size: 11px;
	list-style: none;
	margin: 0;
	float: left;
}
#maincontent .eventlist img.thumb {
	padding: 0 1em 0.5em 0;
	float: left;
	margin: 0;
}
#maincontent-alt .eventlist img.thumb-alt {
	padding: 0 1em 0.5em 1em;
	float: right;
	margin: 0;
}
#maincontent .eventlist div.brodtext, #maincontent-alt .eventlist div.brodtext {
	clear: both;
	margin-left: 36px;
	overflow: hidden;
}
#maincontent .eventlist div.brodtext p, #maincontent-alt .eventlist div.brodtext p {
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 18px;
}
#maincontent .eventlist div.main ul {
	width: 340px;
}
#maincontent .eventlist .main div.tavling-text p {
	clear: both;
	margin-left: 0;
	padding-left: 0;
}
#maincontent .projekt {

	float: left;
}
#maincontent .projekt h3 {
	font-size: 12px;
	font-weight: bold;
}

#maincontent .puff-projekt {
	width: 184px;
	float: left;
	position: relative;
	margin: 0 0 1em 17px;
}
#maincontent .puff-projekt h3 {
	margin: 0;
	padding: 1em 0 0.25em 0;
	font-size: 14px;
}
#maincontent .puff-projekt p {
	margin: 0;
	padding: 0;
	line-height: 18px;
}
#maincontent .puff-projekt p.kommun {
	background: transparent url(/graphics/bg-kommun.png) no-repeat right center;
	margin: 0;
	padding: 0 10px;
	font: bold 11px/24px Arial, sans-serif;
	float: right;
	position: absolute;
	top: 0;
	right: 10px;
	text-transform: uppercase;
	color: white;
}
#maincontent .puff-projekt img {
	padding-top: 1px;
}

#maincontent .faktaruta {
	background: #e8e6d5;
	padding: 1em 1em 0.5em 0;
	margin-left: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#maincontent .faktaruta h3 {
	color: #a91f1a;
	font-size: 16px;
}
#maincontent .faktaruta p {
	line-height: 21px;
}

/* Anmalan */

#anmalan {
	margin: 10px 0 0 0 !important;
	margin: 10px 0 0 0;
	padding: 2em;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: transparent url(/graphics/bg-anmalan.jpg) no-repeat right bottom;
}
#anmalan table {
	font: normal 11px/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin-bottom: 1em;
}
#anmalan table th {
	text-align: left;
	border-bottom: 1px solid #eee;
}
#anmalan table th, #anmalan table td {
	padding: 5px 2em 5px 0;
}
#anmalan p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 150%;
}
#anmalan input.default {
	width: 360px;
}
	


	
/* ----------- Puffar */

.puffar {
	float: none;
	z-index: 0;
	bottom: 5px;
	left: 5px;
	top: 5px;
	right: 5px;

}
.puffar p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
}

.puffar h3  {
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 13px;
	padding-bottom: 0px;
}
.puffar h4  {
	font-style: normal;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 10px;
	padding-bottom: 0px;
	line-height: 16px;
}

.puffs, .last {
	background: #d0ddd5;
	float: left;
	width: 198px;
	margin: 8px 10px 0 0;
	height: 244px;
	position: relative;
}
.last {
	margin: 8px 0 0 0;
}
.puffs h3, .last h3 {
	font-weight: bold;
	margin: 10px 10px 5px 10px;
	font-size: 13px;
}
.puffs h4, .last h4 {
	font-weight: normal;
	margin: 0 10px 0 10px;
	font-size: 10px;
	line-height: 16px;
}
.puffs img.bottom, .last img.bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 700;
}
.puffs img.top, .last img.top {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 800;
}


	
/* ----------- Sponsorer */	

#sponsorer {
	float: none;
	position: absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 830px;
	top: 0px;
}

/* ----------- Siteinfo */

#siteinfo {
	clear: both;
	background: black;
	padding:0.5em 0;
	font-size: 0.92em;
}
#siteinfo p {
	background: url(/graphics/siteinfo-logo.png) no-repeat left 50%;
	padding:0 0 0 2em;
	color: #666;
}
#siteinfo a:link, #siteinfo a:visited {
	color: #414042;
}
#siteinfo a:hover {
	color: #ed1c24;
}

/* Youtube */

.youtube {
	margin: 0 48px 1em 48px;
}

.floatright {float: right; padding: 0 0 1em 1em;}