@import url('/global/imagedb/imagedb.css') screen;
@import url("/global/evkal_local/evkalLocal.css");
html { overflow: -moz-scrollbars-vertical; }
noscript { color:#ff0000; }
span.edit_right { display:block; width:100%; padding:10px 0 10px 0; }
span.edit_right a { width:100px; float:right; clear:right; display:block; height:20px; line-height:20px; background:#ffffff; color:#000000; text-decoration:none; font-weight:bold; text-align:center; font-size:14px; font-family:Calibri, Arial, Trebuchet MS, Verdana, Tahoma, Sans-serif; }
span.edit_right a:hover { background:#000000; color:#ffffff!important; }
div.modulefunctions { display:block; width:100%; float:left; clear:both; }
.text, .article, .article_list, .article_big_list, .doc, .calmod, .event, .events-list, .gallery, .faq, .forum, .forumlist, .poll, .sound, .login, .link, .newsbill { padding:0px 0px 10px 0px; }
.simpleform {}
.simpleform span.mod-title {}
.simpleform dl.cdform {}
.simpleform dt {}
.simpleform dd.data {margin:0; padding:0;}
.simpleform dd.cdbutton {margin:0; padding:0;}
.simpleform input { width:300px; border:1px solid #cccccc; max-width:100%; }
.simpleform textarea { width:300px; border:1px solid #cccccc; height:80px; max-width:100%; }
.simpleform #send_simpleform { width:100px; }
.text { clear:both; }
.article { clear:both; margin:0px; padding:0px 0px 20px 0px; line-height:20px; }
.article dl { margin:0px; padding:0px; }
.article dt { margin:0 0px 0px 0px; padding:0px; clear:left; line-height:40px; }
.article dt a { font-size:14px; }
.article div.item { float:left; width:100%; clear:both; padding:0 0 20px 0; }
.article dd { padding:0px; margin:0px; }
.article dd.introduction { font-style: italic; line-height:20px; }
.article strong { font-weight:bold; line-height:20px; }
.article dd.introduction img { margin: 0px 0px 0px 20px; float:right; }
.article dd.introduction p { margin:0; padding:0; }
.article img.detail { margin: 30px 0px 20px 20px; }
.article dd.posted { margin:0px; padding:0px; font-size:10px; float:right; clear:both; line-height:16px; }
.article_list { clear:both; display:block; margin:0px 0px 20px 0px; }
.article_list span.mod-title {}
.article_list ul {padding: 0px; margin: 0px; list-style:none; list-style-type:none; }
.article_list ul li {}
.article_big_list { clear:both; }
.article_big_list dt { margin:20px 0px 0px 0px; padding:0px; clear:left; line-height:40px; }
.article_big_list dt a { font-size:14px; }
.article_big_list dd {padding: 0px;margin: 0px;}
.article_big_list dd.introduction { font-style: italic; }
.article_big_list strong { font-weight:normal; font-style:italic; }
.article_big_list dd.introduction img { margin: 3px 0px 20px 20px; float:right; }
.article_big_list img.detail { margin: 30px 0px 20px 20px; }
.article_big_list dd.posted { margin:10px 0px 10px 0px; }
.doc { clear:both; margin:0px; padding:0px; }
.doc p { margin:0px; padding:0px; line-height:20px; }
.doc span.mod-title { line-height:40px; margin:0px 0px 2px 0px; }
.doc p.req { color:red;font-style: italic; display:none; }
.doc dl.itemlist { margin:0px; padding:0px; }
.doc dl.itemlist * { line-height:20px; }
.doc dt.heading { display:block; font-size:14px; line-height:20px; margin:20px 0px 0px 0px; padding:0px; font-weight:bold; }
.doc dd {padding: 0;margin: 0;}
.doc dd.file {}
.calmod { clear:both }
.calmod table {width:100%; vertical-align: top; margin:0px; padding:0px; }
.calmod td { margin:0px; padding:0px; }
.calmod th { text-align:left; }
.calmod tr.even { background-color:#eeeeee; }
.calmod h3 { font-size:18px; line-height:40px; }
.calmod dd { margin: 0px; padding:0;}
.calmod p.location, .calmod p.time { font-size:10px; }
.calmod p.time { margin:0px; padding:0px; }
.calmod p.location { margin:0px; padding:0px; }
.calmod input { border: 1px solid #aaaaaa; }
.event { clear:both }
.event span.mod-title {}
.event table {width:100%;}
.event th {background-color:#0f4368;color:white;padding:2px;text-align:left;}
.event tr.odd {}
.event tr.even {background-color:#eee;}
.event h1.mod-header {}
.event dl {}
.event dt {}
.event dd {}
.events-list { clear:both }
.events-list span.mod-title {}
.events-list ul {padding-left: 10px;margin-left:10px;}
.events-list ul li {}
.gallery { clear:both }
.gallery span.mod-title { clear: both }
.gallery div.gallery-list {float:left;width: 115px; height: 150px; margin: 5px 6px 5px 0; padding: 5px 5px 5px 5px; text-align: center;}
.gallery div.gallery-list img { }
.gallery div.gallery-list a { height: 50%; overflow: hidden; display: block; vertical-align: bottom }
.gallery div.gallery-list p.img-title {text-align: center; width: 115px; height: 30%; overflow: hidden; vertical-align: bottom }
.gallery div.gallery-list p.posted {display:none;}
.gallery div.img-dec {}
.gallery h1.img-title {}
.gallery p.img-date {display:none;}
.gallery p.img-desc {}
.faq { clear:both }
.faq span.mod-title {}
.faq dl {}
.faq dd {}
.faq dd span.posted {}
.forum { clear:both }
.forum span.mod-title {}
.forum div#threads {}
.forum div#threads dl {}
.forum div#threads dt {}
.forum div#threads dd {padding: 0;margin: 0;}
.forum div#topic {}
.forum dl#blue {}
.forum dl#blue dt {}
.forum dl#blue dd {padding: 0;margin: 0;}
.forum div#threads span.posted {}
.forum div#forum-form {}
.forum div#forum-form dl#green {}
.forum div#forum-form dt {font-weight:bold;}
.forum div#forum-form dd {padding: 0;margin: 0;}
.forum div#forum-form dd.note {font-size:smaller;}
.forum div#forum-form dd.note strong.alert {color:#aa0000;font-weight:normal;}
.forum div#posts {}
.forum div#posts dl {}
.forum div#posts dt {padding: 3px;background-color:#eee;}
.forum div#posts dd {padding: 3px;margin: 0;border:1px solid #eee;}
.forum div#posts dd p.reply {}
.forumlist { clear:both }
.forumlist span.mod-title {}
.forumlist ul {padding-left: 10px;margin-left:10px;}
.forumlist ul li {}
.poll { clear:both }
.poll span.mod-title {}
.poll p.poll-quest {}
.poll p.poll-desc {}
.poll dl {}
.poll dt {}
.poll dt.poll-radio {}
.poll dd {padding: 0;margin-left: 5px;}
.poll dd.poll-img {}
.poll p.cdbutton {}
.poll p.cdbutton input { border:1px solid #000000; width:80px; display:block; margin:0px 0px 0px auto; background:#ffffff; }
.sound { clear:both }
.sound span.mod-title {}
.login { clear:both }
.login span.mod-title {}
.login form#loginform {}
.login label {}
.link { clear:both }
.link span.mod-title {}
.link dl {}
.link dt {}
.link dt span.url {}
.link dd {padding: 0;margin:0;}
.link dd.desc {}
.newsbill { clear:both; overflow:hidden; }
.newsbill dl.itemlist { margin:0px; padding:0px; }
.newsbill span.mod-title {}
.newsbill span.posted-by { display:none; }
.newsbill dl {}
.newsbill dl.itemlist {}
.newsbill dt {clear:left;font-size:12px;font-weight:bold;}
.newsbill dt.heading {font-size:12px;font-weight:bold;}
.newsbill dd {padding: 0;margin:0;}
.newsbill dd img {float:left;margin: 5px 5px 5px 0;}
.newsbill dd.introduction {font-weight:normal; margin:0px 0px 5px 0px; }
.newsbill dd.introduction img {float:left;margin: 5px 5px 5px 0;}
.newsbill dd.text {}
.newsbill dd.posted {}
.newsbill {}
.newsbill {}
div.fts_container { float:left; width:100%; }
div.ft_search { position:absolute; float:left; border:1px solid #cccccc; background:#ffffff; }
div.ft_search a { color:#000000; text-decoration:none; }
div.ft_search .result, div.ft_search .result_focus { float:left; display:block; width:96%; padding:2px 2% 2px 2%; cursor:pointer; }
div.ft_search a.result:hover, div.ft_search a.result_focus { background:#cccccc; color:#ffffff; }

/* span.edit_right {height: 0; width: 0; margin: 0; padding: 0; clear: none; float:left; overflow: hidden;}   ----------  endast i bruk under test av layouten!!! ------------- */


/* Generella stildeklarationer */

body, div, span, table, tr, td, p, b, i, dt, dd, dl, a { 
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px; 
	line-height: 20px; 
	color: #666666;
	}

body {
	background: #002d4c;
	}

h1, h2, h3, h4, h5, h6, span.mod-title, .heading  { 
	font-family: Arial, Helvetica, Sans-serif; 
	font-weight:bold; 
	display:block; 
	background: #fcfcfc;
	color:#003366;
	}

p, p.paragraph_style_1 {
	margin: 0 0 15px 0 !important;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 13px;
}

a:hover {
	color: #0099ff;
	text-decoration: underline; 
	}

a:link  {
	color: #003366;
	text-decoration: underline; 
	}

a:visited {
	color: #003366;
	text-decoration: none; 
	}

/* Generella layout-deklarationer */

body { 
	background: #002d4c url(/images/layout/wigwam/body_bg.jpg) repeat-y 50.1% 50%;   
	margin:0px; 
	}

div { 
	margin:0px; 
	padding:0px; 
	display:block; 
	}

div.outerrim { 
	width:953px; 
	background: #002d4c;
	margin:0px auto; 
	}

div.innerrim { 
	width:953px; 
	float:left; 
	background: #002d4c url(/images/layout/wigwam/inner_bg.jpg) 50.1% top repeat-y; 
	}

div.header { 
	width: 953px;
	height:130px; 
	margin:0px auto; 
	overflow:hidden; 
	background: #002d4c url(/images/layout/wigwam/brage.jpg) center top no-repeat; 
	float:left; 
	clear:both; 
	text-align:center; 
	line-height:130px; 
	}

/* Brages olika sektioner har egen bild i sidhuvudet */

#drakt div.header { 
	background: #002d4c url(/images/layout/wigwam/drakt.jpg) center top no-repeat; 
	}

#bragesab div.header { 
	background: #002d4c url(/images/layout/wigwam/bragesab.jpg) center top no-repeat; 
	}

#folkliv div.header { 
	background: #002d4c url(/images/layout/wigwam/folkliv.jpg) center top no-repeat; 
	}

#folkdans div.header { 
	background: #002d4c url(/images/layout/wigwam/folkdans.jpg) center top no-repeat; 
	}

#idun div.header { 
	background: #002d4c url(/images/layout/wigwam/idun.jpg) center top no-repeat; 
	}

#spelman div.header { 
	background: #002d4c url(/images/layout/wigwam/spelman.jpg) center top no-repeat; 
	}

#orkester div.header { 
	background: #002d4c url(/images/layout/wigwam/orkester.jpg) center top no-repeat; 
	}

#drama div.header { 
	background: #002d4c url(/images/layout/wigwam/drama.jpg) center top no-repeat; 
	}

/* mellanrum mellan övre navigationsbalken och texterna */

div.spacer {
	background: #002d4c url(/images/layout/wigwam/body_bg.jpg) repeat-y 50.1% 50%;   
	height: 30px;
	width: 953px;
	clear: both;
	float: left;
}

div.main { 
	float:left; 
/*	background: url(/images/layout/wigwam/line.gif) center top repeat-y; */
	min-height: 350px;
	}

div.mainwide { 
	float:left; 
	background:url(/images/layout/wigwam/linewide.gif) center top repeat-y; 
	margin:0px 0px 10px 0px; 
	min-height: 350px; 
	}


/* Övre navigeringsbalken */

div.nav0 { 
	float: left;
	width: 953px;
	height: 29px;
	margin: 0px; 
	padding: 0; 
	overflow: hidden; 
	clear: both;
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px; 
        background: #002d4c url(/images/layout/wigwam/nav1_bg.jpg) center top no-repeat; 
	color:#ffffff; 
	font-weight: bold; 
	}

div.nav0 ul { 
	float:left; 
	list-style: none; 
	margin: 0; 
	padding: 0;
	}

div.nav0 li { 
	float: left; 
	width: 119px;
	text-align: center;
	margin: 0px; 
	}


div.nav0 a, div.nav0 a:link, div.nav0 a:visited { 
	float:left; 
	text-decoration:none; 
	width: 119px;
	text-align: center;
	font-weight:bold; 
	line-height:29px; 
	color: #ffffff; 
	}

div.nav0 ul li.level0-selected a,
div.nav0 ul li.level0-selected a:link,
div.nav0 ul li.level0-selected a:visited,
div.nav0 ul li.level0-selected a:hover
 { 
	font-weight: bold; 
	color: #000;
	padding-top: 3px;
	}

/* följande definitioner ändrar på tabbarnas bakgrund för den aktiva sektionen */

#brage div.nav0 ul li.level0-selected a.current,
#brage div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/brage_sel_bg2.jpg) center top no-repeat; 
	_margin-left: 1px;   /* specialare för IE6 som placerar bilden lite fel - inte CSS-standard men funkar... */
	#margin-left: 1px;   /* specialare för IE  som placerar bilden lite fel - inte CSS-standard men funkar... */
	}

#drakt div.nav0 ul li.level0-selected a.current,
#drakt div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#bragesab div.nav0 ul li.level0-selected a.current,
#bragesab div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#folkliv div.nav0 ul li.level0-selected a.current,
#folkliv div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat;
	}

#folkdans div.nav0 ul li.level0-selected a.current,
#folkdans div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#idun div.nav0 ul li.level0-selected a.current,
#idun div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#spelman div.nav0 ul li.level0-selected a.current,
#spelman div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#orkester div.nav0 ul li.level0-selected a.current,
#orkester div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/nav_sel_bg2.jpg) center top no-repeat; 
	}

#drama div.nav0 ul li.level0-selected a.current,
#drama div.nav0 ul li.level0-selected a.Drama-current,
#drama div.nav0 ul li.level0-selected a.current:hover { 
	background: url(/images/layout/wigwam/ork_sel_bg2.jpg) center top no-repeat; 
	}

div.nav0 a:hover {
	text-decoration: none;
	}

div.nav0 ul li a:hover { 
	background: url(/images/layout/wigwam/nav_hover_bg2.jpg) center top no-repeat;  /* annan bakgrundsfärg som hover-effekt */
	}

div.nav0 li.level0-selected a:hover {
	text-decoration: none;  /* ingen hover-effekt för den aktiva rubriken */
	}

div.nav0 ul#level0 {
	margin: 0; 
	padding: 0;
	}

/* Vänstra menyn */

div.recnav { 
	float:left; 
	clear:both; 
	margin: 0 0 0 5px;
	padding:0px 0px 20px 0px; 
	min-height: 200px;
	}

div.recnav, div.recnav a {
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color:#003366; 
	text-decoration: none; 
	}

div.recnav ul { 
	list-style:none; 
	margin: 0; 
	padding: 0;
	}

div.recnav ul ul { 
	list-style:none; 
	margin: 0; 
	padding: 0 0 0 15px;
	}

div.recnav ul ul ul { 
	list-style:none; 
	margin: 0; 
	padding: 0 0 0 15px;
	}

div.recnav a { 
	text-decoration:none; 
	}

div.recnav a:link { 
	color: #003366; 
	text-decoration: none; 
	}

div.recnav a:visited { 
	color: #003366; 
	text-decoration: none; 
	}

div.recnav a:hover { 
	color: #0099ff; 
	text-decoration: underline; 
	}

div.recnav a.current, div.recnav a.current:visited {
	color: #3e7593; 
	text-decoration: none;
	}

div.recnav ul li a {
	padding: 0 0 0 15px;
	}

div.recnav ul li a.current {
	background: url(/images/layout/wigwam/sel_arrow.jpg) left top no-repeat; 
	padding: 0 0 0 15px;
	}

div.recnav ul#levelrec2 li a.current {
	background: url(/images/layout/wigwam/sel_circle.jpg) left top no-repeat; 
	padding: 0 0 0 15px;
	}

/* adressfältet */

div.footer { 
	height:20px; 
	background: #002d4c url(/images/layout/wigwam/footer.png) center top no-repeat; 
	clear:both; 
	}

/* definition av spaltbredder */

div.leftcontent { 
	width:180px; 
	float:left; 
	overflow:hidden; 
	}

div.maincontent { 
	width:528px; 
	float:left; 
	margin:0px 0px 0px 10px; 
	overflow:hidden; 
	}

div.rightcontent { 
	width:220px; 
	float:right; 
	overflow:hidden; 
	}

div.mainwidecontent { 
	float:right; 
	width:755px; 
	margin:0px 0px 0px 10px;
	}

div.inner { 
	padding:0px 20px; 
	}

div.maincontent div.inner { 
	padding:0px 20px 10px 20px;
	}


/* Stildefinitioner tillhörande olika moduler */

/* Sökmodulen */

#searchform { 
	display:block; 
	height: 22px;
	margin:0 0 20px 0; 
	padding:0; 
	clear: both;
	}

#searchform input[type=text] { 
	border:1px solid #cccccc; 
	background:#ffffff; 
	width:110px; 
	font-size:10px; 
	height:14px; 
	clear: none;
	}

#searchform input[type=submit] { 
	margin-left: 5px;
 	background: #3e7593;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	}


/* Kalender */

h1, span.mod-title { 
	margin:10px 0px 10px 0px; 
	font-size:18px; 
	}

h2 { 
	margin:14px 0px 6px 0px; 
	font-size:14px; 
	}

h3 { 

	margin:16px 0px 4px 0px; 

	font-size:12px; 
	}

a:hover { 
	text-decoration:none; 
	}


/* Nyheter (Aktuellt) */ 

div.newsmod {
	margin: 0 0 0 3px;
	}

div.rightcontent span.mod-title {
	font-size: 14px;
	width: 100%;
	background: #efefef !important;
	}

div.rightcontent div.inner {
       	margin-bottom: 25px;
       }

div.newsmod h1 {
	font-size: 14px;
	width: 100%;
	background: #efefef;
	margin-top: 0;
	}

div.newsmod dt {
	margin-top: 10px;
	}

div.newsmod dd {
	margin-left: 10px;
	}

div.newsmod a:link, div.newsmod a:visited {
	text-decoration: none;
	}

div.newsmod a:hover {
	text-decoration: underline;
	}