@import url("meny.css");

body { padding: 20px; margin: 0; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px;}
h1 { margin: 0 0 5px 0; font-size: 30px; font-weight: normal; letter-spacing: 1px; }
h2 { margin: 0 0 5px 0; font-size: 22px; font-weight: normal; letter-spacing: 1px;}
h3 { margin: 0 0 5px 0; font-size: 18px; font-weight: normal; color: #666666; letter-spacing: 1px;}
h4 {margin: 10px 0 5px 0; font-size: 12px;}

/* SIDLAYOUT */
#layout {width: 800px; margin: 0 auto;}
/* SIDHUVUD */
#sidhuvud {padding: 0 10px 5px 10px; margin: 0; height: 50px; background-image: url("bilder/header.jpg"); }
.sidhuvud_rubrik { font-size: 30px;  letter-spacing: 2px; }

/* KOLUMNBOX */
#kolumncontainer{ float: left; width: 797px; border-left: 2px solid #99c148; border-right: 1px solid #99cc00;}
/* KOLUMN 1 */
#kolumn1 {opacity: 0.9; filter: alpha(opacity=90); float: left; min-height: 400px; width: 400px; padding: 10px 10px 10px 10px; background: #ffffff; }
#kolumn1 p {line-height: 20px; margin: 0 0 5px 0;}
/* KOLUMN 2 */
#kolumn2 {float: left; width: 190px; padding: 30px 10px 10px 10px; margin: 0 0 0 10px}
/* KOLUMN 3 */
#kolumn3 {opacity: 0.9; filter: alpha(opacity=90); float: left; min-height: 400px; width: 600px; padding: 10px 10px 10px 10px; background: #ffffff; }
#kolumn3 p {line-height: 20px; margin: 0 0 5px 0;}

/* SIDFOT */
#sidfot {clear: both; padding: 3px 5px 0 5px; background: #99c148;}

/* SIDHUVUD - SIDFOT (hf) RUNDA HÖRN */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #99c148;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #99c148;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #99c148;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #99c148;}

/* BOX 1 - innehåll */
#kolumnbox1 { margin: 0px; padding: 0px 10px 0 10px; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; background: #ffffff;}
#kolumnbox1 p {line-height: 15px; margin: 0;}
/* BOX 2 runda hörn */
.rund1 {margin: 0 0 15px 0; background: none;}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #99cc00; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}


/* BOX 2 - innehåll */
#kolumnbox2 { margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #ffffff;}
#kolumnbox2 p {line-height: 15px; margin: 0;}
/* BOX 2 runda hörn */
.rund2 {margin: 0 0 15px 0; background: none;}
.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

/* Plaintext */
#plaintext { padding: 10px 10px 0 10px; margin: 1;}
.h2 {font-size: 1.8em; text-decoration: underline; padding-bottom: 5px;}
.h3 {font-size: 14px;
	font-weight: bold;
	background-color: #DDFF99 ;
	/*padding: 0.2em 0.2em 0.2em 0.2em;*/
	padding-top: 6px;
	border-bottom: 2px solid #99cc00;
	text-align: center; }
.h4 {font-size: 12px;
	font-weight: bold;
	background-color: #DDFF99 ;
	/*padding: 0.2em 0.2em 0.2em 0.2em;*/
	padding-top: 6px;
	padding-left: 5px;
	border-bottom: 2px solid #99cc00; 
	border-left: 2px solid #99cc00; 
	}
.p {padding-top: 6px; padding-bottom: 20px;}

/* Program med tillhörande punkter */
#program {	font-family: Verdana,Arial, Helvetica, sans-serif;
	width: auto;
	height: auto;
	padding: 1em 1em 1em 1em;
	background-color: white;
	margin: 10px 10px 10px 10px;
}
.month {	font-size: 14px;
	font-weight: bold;
	background-color: #99c148 ;
	padding: 0.4em 0.4em 0.4em 0.4em;
	vertical-align:middle;
}
.header {	font-size: 12px;
	font-weight: bold;
	background-color: #DDFF99 ;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-bottom: 2px solid #99cc00; 
}
.item {	font-size: 12px;
	padding: 0.5em 0em 0em 0.5em;
}
.description {padding-left: 0.8em; padding-top: 5px;}

/* SMU */
#smu {font-family: Verdana,Arial, Helvetica, sans-serif;}
.smu_group {width: auto; height: 20px; font-size: 1.4em; background: #DDFF99;  padding: 5px 5px 5px 5px;}
.smu_image {padding: 5px 0px 5px 0px;}
.smu_age {padding-top: 8px;}
.smu_time {font-size: 1.2em; padding-top: 8px;}
.smu_contactperson{padding-top: 8px;}

#smudescription {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 1.2em;}

/* Förbön */
#forbon {font-family: Verdana,Arial, Helvetica, sans-serif;}
.forbon_header {font-size: 1.2em; padding: 5px 5px 5px 5px;}
.forbon_image {float: right; padding: 5px 5px 5px 5px;}
.forbon_type {padding-top: 8px;}
.forbon_data {width: 200px; font-size: 1.2em; padding-top: 8px;}

/* Kontakta oss */
#contact {font-family: Verdana,Arial, Helvetica, sans-serif;}

.contact_header {height: 20px; font-size: 1.4em; background: #99cc00;  margin-top: 20px; padding: 5px 5px 5px 5px;}
.contact_address {padding-top: 5px; padding-bottom: 10px;}
.contact_type {padding: 5px 0px 5px 0px; background: #DDFF99; font-size: 12px;}
.contact_data {font-size: 12px;}

/* Kontakt */
#files {font-family: Verdana,Arial, Helvetica, sans-serif;}

.files_navigate {height: 20px; font-size: 1.4em; background: #99cc00;  margin-top: 20px; padding: 5px 5px 5px 5px;}
.files_table {padding-top: 5px; padding-bottom: 10px; width:auto;}
.files_table th {padding: 5px 0px 5px 0px; background: #DDFF99; font-size: 12px;}
.files_table td {padding: 5px 0px 5px 0px; font-size: 12px;}
.files_table a:link {text-decoration: none;}
.files_table a:hover {font-weight: bold; text-decoration: underline;}

/* Länkar */

.links_table{padding-top: 20px;}
.links_row {height: 80px; padding-top: 10px;}

.links_image {
	vertical-align: middle;
	border-style: sold;
	border-color: #FFFFFF;
}

.links_description {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: center;
}

.links_description a:link { text-decoration: none;}
.links_description a:visited {text-decoration: none; }
.links_description a:hover { font-weight: bold; text-decoration: underline;}
.links_image img:hover { border-style: solid; border-color: #99cc00;}

/* Blogg */

#blogg {margin-top: 20px; font-family: Verdana,Arial, Helvetica, sans-serif;}

.blogg_navigate {padding: 5px; height: 20px; font-size: 14px; background-color: #99cc00; vertical-align: center;}

.blogg_header {padding-top: 20px; height: 10px; font-size: 16px; color: #99cc00; }

.blogg_date {padding-top: 20px; font-size: 10px; color: #99cc00;}

.blogg_text {font-size: 14px; line-height: 160%;}

.blogg_divider {margin: 10px 0px; height: 2px; background-color: #99cc00;}

/* Veckans bibelord */

#bibelstalle {padding-top: 10px; font-size: 10px; color: #99cc00;}
#bibelord {padding-top: 10px; font-size: 10px; line-height: 180%; text-align: justify;}
.bibelord_link { padding: 3px 3px 3px 5px; border: 1px solid #99cc00; font-size: 12px;} 
.bibelord_link a:link{text-decoration: none;}
.bibelord_link a:visited{text-decoration: none;}
.bibelord_link a:hover{font-weight: bold; }
.bibelord_link_selected {font-size: 12px; font-weight: bold; padding: 3px 3px 3px 5px; background: #ccff66; border: 1px solid #99cc00; }
.bibelord_link_selected a:link{text-decoration: none;}
.bibelord_link_selected a:visited{text-decoration: none;}

/* Nyhetsflash */
    #newsTicker {
        height: 33px;
	width: 400px;
    }
    #tickerTextHolder {
        float: left;
        height: 32px;
        overflow: hidden;
        padding: 0 5px;
    }
    #tickerTextHolder .tickerText {
        color: #333333;
        line-height: 32px;
	font-family: Verdana,Arial, Helvetica, sans-serif; 
	font-size: 14px;
	text-align: center;
    }

/* Box med runda hörn */
.newsflash {margin: 0 0 15px 0; background: none;}
.rundtoppflash {background: transparent;}
.rundbottenflash {background: transparent;}
.rundflash_toppr1{margin: 0 5px; height: 1px; overflow: hidden; background: #99cc00; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rundflash_bottenr1{margin: 0 5px; height: 1px; overflow: hidden; background: #99cc00; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rundflash_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #DDFF99; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-width: 0 2px;}

.rundflash_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #DDFF99; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}
.rundflash_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #DDFF99; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00;}

