/* Includes */
@import url("/includes/modcss/videomod/videomod.css");
@import url("/global/evkal_local/evkalLocal.css");
/********************************************************************************************/
/****************************************** FÄRGER ******************************************/
/********************************************************************************************/

/* Sidans bakgrundsfärg */
body {

}

/* Modulens bakgrundsfärg */
#modul_bg {
padding:20px;font-family:'Trebuchet MS';font-size:12px;color:#333;text-align:left;
}

/* Högra spaltens bakgrundsfärg */
#rightcolumn {

}

/* Textfärg */
body, table, tr, th, p, span, div, a {
	color: #333333;
}

/* Rubrikernas färg */
h1, h2, h3, h4, h5, h6, h1.mod-header, span.mod-title {
	color: #A43747;
}

/* Länkfärg */
a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #A43747;
}

/* Länkfärg, OnMouseOver */
a:hover {
	text-decoration: underline;
	color: #333333;
}

/********************************************************************************************/
/***************************************** TYPSNITT *****************************************/
/********************************************************************************************/

/* Grundtypsnitt */
body, table, tr, th, p, span, div {
	font-size: 12px; 
	line-height: 16px; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* Typsnitt för moduler */
h1.mod-header, span.mod-title {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
display:block;
padding-bottom: 10px;
}

/* Typsnitt för Rubrik 1 */
h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

/* Typsnitt för Rubrik 2 */
h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

/* Typsnitt för Rubrik 3, 4, 5 och 6 */
h3, h4, h5, h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


/********************************************************************************************/
/**************************************** NAVIGERING ****************************************/
/****************************************   Nivå 0   ****************************************/
/********************************************************************************************/

#navibg0 {
	background-color: #35557a;
}

#level0 .level0-unselected a:link, #level0 .level0-unselected a:visited {
	color: #d7dde4;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#level0 .level0-unselected a:hover {
	color: #d7dde4;
	text-decoration: underline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#level0 .level0-selected a:link, #level0 .level0-selected a:visited, #level0 .level0-selected a:hover {
	color: #d7dde4;
	text-decoration: underline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navigationbar0 { 
	height: 29px;
	padding-left: 30px;
	padding-right: 30px;
}

#level0 {
	margin: 0px;
	padding: 0px;
}

#level0 li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

/* Menyknappar: ej vald, horisontell justering respektive mellanrum */
#level0 .level0-unselected a:link, #level0 .level0-unselected a:visited {
	float: left;
	margin: 6px 17px 0px 0px;
}

/* Menyknappar: vald, horisontell justering respektive mellanrum */
#level0 .level0-selected a:link, #level0 .level0-selected a:visited {
	float: left;
	margin: 6px 17px 0px 0px;
}


/********************************************************************************************/
/**************************************** NAVIGERING ****************************************/
/****************************************   Nivå 1   ****************************************/
/********************************************************************************************/

#navibg1 {
	background-color: #cfddeb;
}

#level1 .level1-unselected a:link, #level1 .level1-unselected a:visited {
	color: #35557a;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#level1 .level1-unselected a:hover {
	color: #35557a;
	text-decoration: underline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#level1 .level1-selected a:link, #level1 .level1-selected a:visited, #level1 .level1-selected a:hover {
	color: #35557a;
	text-decoration: underline;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#navigationbar1 { 

}

#level1 {
	width: 620px;
	margin: 0;
	padding: 0px 30px 0px 30px;;
	height: 27px;
}

#level1 li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

/* Undermenyknappar: ej vald, horisontell justering respektive mellanrum */
#level1 .level1-unselected a:link, #level1 .level1-unselected a:visited {
	float: left;
	margin: 6px 17px 0px 0px;
}

/* Undermenyknappar: vald, horisontell justering respektive mellanrum */
#level1 .level1-selected a:link, #level1 .level1-selected a:visited {
	float: left;
	margin: 6px 17px 0px 0px;
}


/********************************************************************************************/
/****************************************** DIVERSE *****************************************/
/********************************************************************************************/

/* Banner */
#banner {
	background-image: url(http://www.rasmuswikman.com/kh/bungalow/img/bungalow_banner.jpg);
}

/* Skuggor */
#shadow_left {
	background-image: url(http://www.rasmuswikman.com/kh/img/bungalow_shdw_1_3a-trans.png);
}

#shadow_right {
	background-image: url(http://www.rasmuswikman.com/kh/img/bungalow_shdw_1_3b-trans.png);
}

/* Sidans marginaler */
body {
	margin: 30px 0px 0px 0px;
}

/* Högra kolumnens marginaler */
#rightcolumn {
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

/* Kulturhusets logo */
#khlogo {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
}

/* Lodrät (y-axel) scrollbar synlig */
html {
	overflow-y: scroll;
}

/* Sökfunktion */
#searchform {}
#searchform label {}
#searchform input#search {width: 100px;}
#searchform input.btn {}

/* CDIV STANDARD */
.create_right, .edit_right, .delete_right {
	background-color: #eee;
	display: block;
	padding: 3px;
}

/* CDIV STANDARD */
.error {
	color: red;
}


/********************************************************************************************/
/****************************************** MODULER *****************************************/
/********************************************************************************************/

/* Kalender */
.calmod {}
.calmod span.mod-title {}
.calmod table {width:100%;}
.calmod th {padding:2px;text-align:left;}
.calmod tr.odd {}
.calmod tr.even {background-color:#eeeeee;}
.calmod h1.mod-header {}
.calmod h3 {}
.calmod dl {}
.calmod dt {}
.calmod dd {margin:0; padding:0;}

/* Nyheter */
.newsmod {}
.newsmod h1 {margin-top:0;padding-top:0;}
.newsmod span.mod-title {}
.newsmod dl.itemlist {}
.newsmod dt {font-size:16px;clear:left;}
.newsmod dd {padding: 0;margin: 0;}
.newsmod dd.introduction {font-weight:normal;padding-bottom:5px;}

/* E-post formulär */
.simpleform {}
.simpleform span.mod-title {}
.simpleform dl.cdform {
}
.simpleform dt {
}
.simpleform dd.data {margin:0; padding:0;}
.simpleform dd.cdbutton {margin:0; padding:0;}

/* Användarlista */
.member {}
.member span.mod-title {}
.member ul.itemlist {padding-left: 10px;margin-left:10px;}
.member ul.itemlist li {}

/* Text */
.text {}

/* Artikellista */
.article_list {}
.article_list span.mod-title {}
.article_list ul {padding-left: 10px;margin-left:10px;}
.article_list ul li {}

/* Artikellista per modul */
.article_big_list {}
.article_big_list span.mod-title {}
.article_big_list dl.itemlist {}
.article_big_list dt {clear:left;}
.article_big_list dt.heading {font-size:16px;}
.article_big_list dd {padding: 0;margin: 0;}
.article_big_list dd.introduction {font-weight:bold;min-height:80px;}
.article_big_list dd.introduction img {margin: 5px 5px 5px 0;}
.article_big_list dd.posted {display: none;}

/* Dokument */
.doc {}
.doc span.mod-title {}
.doc p.req {color:red;font-style: italic;}
.doc dl.itemlist {}
.doc dt.heading {font-size:16px;}
.doc dd {padding: 0;margin: 0;}
.doc dd.file {}

/* Artikel */
.article {}
.article span.mod-title {}
.article dl.itemlist {}
.article dt {font-size:16px;clear:left;}
.article dd {padding: 0;margin: 0;}
.article dd.introduction {font-weight:bold;}
.article dd.introduction img {margin: 5px 5px 5px 0;}
.article dd.posted {display: none;}

/* Evenemang */
.event {}
.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 {}

/* Evenemanglista */
.events-list {}
.events-list span.mod-title {}
.events-list ul {padding-left: 10px;margin-left:10px;}
.events-list ul li {}

/* Bildgalleri */
.gallery {}
.gallery span.mod-title {}
.gallery div.gallery-list {
	float: left;
	border: 1px solid black;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 5px;
}
.gallery div.gallery-list img {}
.gallery div.gallery-list p.img-title {text-align: center;}
.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 */
.faq {}
.faq span.mod-title {}
.faq dl {}
.faq dd {}
.faq dd span.posted {}

/* Forum */
.forum {}
.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 */
.forumlist {}
.forumlist span.mod-title {}
.forumlist ul {padding-left: 10px;margin-left:10px;}
.forumlist ul li {}

/* Gallup */
.poll {}
.poll span.mod-title {
	font-size: 15px;
	line-height: 15px;
}
.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 {}

/* Ljudfiler */
.sound {}
.sound span.mod-title {}

/* Login */
.login {
	background-color: #d7dde4;
	padding: 10px;
}
.login span.mod-title {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}
.login form#loginform {}
.login label {}

/* Länkar */
.link {}
.link span.mod-title {}
.link dl {}
.link dt {}
.link dt span.url {}
.link dd {padding: 0;margin:0;}
.link dd.desc {}

/* Löpsedel */
.newsbill {}
.newsbill span.mod-title {}
.newsbill dl {}
.newsbill dl.itemlist {}
.newsbill dt {clear:left;font-size:16px;font-weight:bold;}
.newsbill dt.heading {font-size:16px;font-weight:bold;}
.newsbill dd {padding: 0;margin:0;}
.newsbill dd img {float:left;margin: 5px 5px 5px 0;}
.newsbill dd.introduction {font-weight:bold;}
.newsbill dd.introduction img {float:left;margin: 5px 5px 5px 0;}
.newsbill dd.text {}
.newsbill dd.posted {display:none;}
.newsbill {}
.newsbill {}



/********************************************************************************************/
/******************************************* ÖVRIGT *****************************************/
/********************************************************************************************/

/*
ul {padding-left: 15px;} 
.itemlist dt {clear: left;}
.itemlist dd, dd {padding: 0;margin: 0;}
.itemlist dd img {float: left;margin: 5px 5px 5px 0;}
*/
/* MOD REQUIRED (inloggning & redan röstat) 
p.req {font-style: italic;}
*/
