/*basic*/
body,html {margin: 0; height: 100%; width: 100%; padding: 0}
body { color: #000; font-size: 13px; font-family: Arial, Helvetica, Verdana, SunSans-Regular, sans-serif; line-height: 150%; background-color: #f8f8ef }
p { margin: 0 0 20px 0; font-size: 13px; }
h1 { color: #FFFFFF; font-size: 10px; font-weight: normal; position: relative; margin: 0; }
h2 { color: #000; font-size: 16px; margin: 0 0 8px }
h3 { color: black; font-size: 15px; margin: 0; font-weight: bold;}
h4 { color: black; font-size: 14px; margin: 0 0 3px; line-height: normal}
h5 { font-size: 15px; color: black; margin: 0 0 10px 0 }
h6 { font-size: 13px; color: black; margin: 0 0 15px 0 }
td { }
img { border: none}
a { color: #600; text-decoration: none; border-bottom: 1px solid #600; outline: none; margin: 0; }
a:hover { color: silver; border-bottom: 1px solid silver; }
#leftcolumn a { color: #600; text-decoration: none; border-bottom: 1px solid #600; }
#leftcolumn a:hover { color: #c0c0c0; border-color: silver }
ul, ol { background-image: none; position: relative; margin: 0; padding: 0; }   /* för meny, rör ej */
li { margin: 0; padding: 0; list-style-type: none; }
blockquote { margin-left: 0; background: #F1F1E9; padding: 30px; }

a.noborder { border: none;}
a.noborder:hover { border: none;}

/*programmeny*/
#programmenu a { }
#programmenu a:hover { }
#programmenu a:focus { }
#tohuvudmeny { display: inline }

/*layout*/
#main { width: 920px; left: 50%; margin: 0 -460px auto -460px; top: 0; position: absolute; height: 100%; min-height: 100%; background-image: url(../images/bkg_skugga.jpg); background-repeat: repeat-y; padding: 0 }
#top { background-color: #600; position: relative; left: 10px; height: 110px; width: 900px; z-index: 2; margin: 0; padding: 0; }
#logo { cursor: pointer;}
#intro { position: relative; top: 0; left: 0; height: 330px; width: 880px; z-index: 1; overflow: hidden; margin: 25px 0 0 20px; padding: 0; }
#intro2   { position: relative; height: 90px; width: 880px; z-index: 1; overflow: hidden; margin: 25px 0 0 20px; padding: 0; }
#leftcolumn { position: relative; width: 500px  ; height: 100%; float: left; margin: 20px 0 0 40px; padding: 0; display: inline; }
#programmenu { position: relative; width: 100%; height: auto; margin-bottom: 20px; padding-bottom: 5px; }
#leftcolumn ul { margin: 0 0 10px 35px }
#leftcolumn ol { margin: 0 0 10px 25px }
#leftcolumn ul li { list-style-type: circle; }
#leftcolumn ol li { list-style-type: none; }
#leftcolumn h3 { margin: 0 0 3px; color: #000; font-style: italic; }
#leftcolumn img { }
#rightcolumn { background-color: #333; position: relative; width: 338px; height: auto; float: right; margin: 25px 20px 20px 0; padding: 0; display: inline; }
#mainimg { position: absolute; left: 0; top: 0; width: 540px; height: 330px; z-index: 1}
#mainimg h1 { position: absolute; margin: 60px 0 0 60px; font-size: 40px; color: black }



.clear_div { float: none; clear: both;}

.citat { font-style: italic; margin: 0 0 5px; }
.citatperson { font-weight: bold; margin: 0}
.citatjobb { margin: 0 0 25px 0; font-size: 12px; }

.nottext { font-size: 11px; line-height: normal;}
.merlink { position: relative; top: -15px; margin: 0 0 0 0 }


/*normal page layot*/
#textcolumn { position: relative; width: 538px  ; height: 100%; float: left; margin: 10px 0 0 20px; padding: 0; display: inline; }
#bodytext { position: relative; width: 500px  ; height: 100%; float: left; margin: 20px 0 0 20px; padding: 0; border-width: 0; display: inline; }
#sidecolumn { background-color: #fff; position: relative; width: 338px; height: 100%; float: right; margin: 24px 20px 20px 0; padding: 0; display: inline; }

/*main text color block*/
#maintextnormal { position: absolute; left: 542px; top: 0; width: 338px; height: 90px; background-color: white; z-index: 1}
#maintextommil { background-image: url(../images/maintext_ommil.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 90px; z-index: 1}
#maintextsemin { background-image: url(../images/maintext_semin.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 90px;  z-index: 1}
#maintextaktuellt { background-image: url(../images/maintext_aktuellt.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 90px; z-index: 1}
#maintextfront { background-image: url(../images/maintext_front.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1  }
#maintextprogram { background-image: url(../images/maintext_program.jpg); background-repeat: no-repeat; position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1  }
#maintextuppverk { background-image: url(../images/maintext_upp.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1 }
#maintextuppchef { background-image: url(../images/maintext_upp_chef.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1 }
#maintextcoach { background-image: url(../images/maintext_coach.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1 }
#maintextmedlem { background-image: url(../images/maintext_medlem.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1 }
#maintextkontakt { background-image: url(../images/maintext_kontakt.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1 }
#maintextbroschyr { background-image: url(../images/maintext_aktuellt.jpg); position: absolute; left: 542px; top: 0; width: 338px; height: 90px; z-index: 1}
#maintextarlteori { background-image: url(../images/maintext_arl_teori.jpg); background-repeat: no-repeat; position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1  }
#maintextarlpraktik { background-image: url(../images/maintext_arl_praktik.jpg); background-repeat: no-repeat; position: absolute; left: 542px; top: 0; width: 338px; height: 330px; z-index: 1  }
#maintextcontent { position: relative; left: 25px; top: 25px ; width: 300px; }
#maintextcontent h1 { color: white; font-size: 18px; font-weight: normal; margin: 0 0 5px; }
#maintextcontent p { color: white ; line-height: normal; padding: 0; }
#maintextcontent a { font-size: 13px; color: white; border-bottom: 1px solid #FFF; }
#maintextcontent a:hover { color: #c0c0c0 ; border-bottom: 1px solid silver; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
#maintextcontent img { vertical-align: baseline; margin-right: 8px; }
#maintextcontent .date { color: #fff; font-family: Arial, Verdana, san-serif; font-size: 11px; margin-bottom: 8px; margin-left: 26px     }
#maintextcontent .list { color: #fff; font-family: Arial, Verdana, san-serif; font-size: 12px; text-transform: none; margin-bottom: 10px; margin-left: 0   }
#maintextcontent .statement { color: #fff; font-family: Arial, Verdana, san-serif; font-size: 13px; text-transform: none; margin: 150px 0 0 0; line-height: 150% ; }
#maintextcontent .statementfront { color: #fff; font-family: Arial, Verdana, san-serif; font-size: 16px; text-transform: none; margin: 0 50px 10px 0; line-height: 130% }
#programfakta { margin: 20px 0 0 }

.statementlist { background-image: url(../images/pil_link.png); background-repeat: no-repeat; background-position: 0 5px; border: 0; margin: 0 0 6px 0; line-height: normal; }
.statementlist a { margin-left: 10px; }

/*coacher*/
.coachblock { margin: 0 0 20px; }
.coachblock > img { float: left; margin: 0 0 5px 0; display: inline; border: solid 2px black }
.coachblock p { color: #000; line-height: 140%; margin-left: 78px; }

/*kontakt*/
.kontaktblock { margin: 0 0 0; }
.kontaktblock img { float: left; margin: 0 0 5px 0; display: inline; border: solid 2px black }
.kontaktblock p { color: #000; line-height: 140%; margin-left: 78px; }

/*rightcontent*/
#rightcontent { margin: 20px 20px 0 24px; }
#rightcontent img { height: auto; float: left; margin: 0 0 5px; display: inline; border: solid 2px #fff        }
#rightcontent p { color: #fff; line-height: 140%; margin-left: 78px; }
#rightcontent .programkontakt { color: #fff; font-weight: bold; text-transform: uppercase; margin: 0  }
#rightcontent a { color: white; border-color: white }
#rightcontent a:hover { color: silver; border-bottom-color: silver }
#rightcontent a img { }
#rightcontent h4 { color: white; font-size: 13px; margin: 0 0 10px; }
#rightcontent ol { margin: 0 0 10px 10px}
#rightcontent li { color: white }
.img_banner_link { margin-bottom: 20px; float: none;}
.img_banner_link img { float: none; }

/*righttext*/
#rightcontent .righttext { left: 0; margin-left: 0 }

/*produktnamn i bild*/
#produktnamn { position: absolute; bottom: 15px; left: 20px; font-size: 20px; width: 540px; z-index: 20; padding: 0; color: #FFFFFF; }
#produktnamn_eng { position: absolute; bottom: 15px; left: 20px; font-size: 19px; width: 540px; z-index: 20; padding: 0; color: #FFFFFF; }
#produktnamnbkg { position: absolute; bottom: 0; left: 0; width: 540px; height: 50px; background-color: #000000; opacity: 0.7; filter:alpha(opacity=70); z-index: 2 }

/*kontakt*/
#kontakt { position: relative; margin: 0; }

/*right pdf*/
#rightpdf { position: relative; clear: both; margin: 0; }
#rightpdf > img {  position: absolute; border: solid 2px white; }
#rightpdf p { margin: 0 0 0 105px }

/*right person list*/
.rightnamn { color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 70px;}
.righttitel { color: silver; font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 0; line-height: normal }


/*skiljelinje*/
#rightcontent .rightline { position: relative; left: 0; width: 100%; height: 2px; clear: both; margin: 20px 0; padding: 0; border-bottom: 1px solid silver; display: block; }

#leftcolumn .line { position: relative; left: 0; width: 100%; height: 2px; clear: both; margin: 20px 0; padding: 0; border-bottom: 1px solid silver; display: block; }


/*footer*/
#footer { position: relative; width: 880px; height: auto; clear: both; margin-top: 0; margin-left: 20px; }
#footer a, #footer p { font-size: 11px; border: 0; color: black ; }
#footer a:hover { color: gray }

/*aktuellt*/
.aktuelltblock { position: relative; background-image: url(../images/aktuellt_symbol.png); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 35px 0; padding: 0 0 0 20px; }

/*arl*/
.conceptsblock { position: relative; margin: 0 0 35px 0; padding: 20px 20px 20px 100px; background: #FCF899; border: 8px solid #CCC; }
.conceptsblock h5 { text-transform: uppercase;}
.conceptsblock img { border: 3px solid #FFF;}

.arlblock { position: relative; margin: 0 0 35px 0; padding: 20px 20px 20px 100px; background: #E7EFF7; border: 8px solid #CCC; }
.arlblock h5 { text-transform: uppercase;}
.arlblock img { border: 3px solid #FFF;}

.mailafriend a { border-color: #F60; text-decoration: none; }
.mailafriend a img { border: none; }

/*shop*/
.shopblock { background: #FFF; margin: 0 0 25px; padding: 0 0 0 20px; }


/*kalender*/
.kalenderblock { background-color: #fff ; background-image: url(../images/klocka.png); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 20px; padding: 0 0 20px 20px; border-bottom: 1px solid silver; }
.kalenderblock h2 { font-size: 13px; margin: 0; text-transform: uppercase; padding: 0 0 0 0; }
.kalenderblock2 { background-color: #fff ; background-image: url(../images/klocka.png); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 0px; padding: 0 0 10px 20px; border-bottom: 0px solid silver; }
.kalenderblock2 h2 { font-size: 13px; margin: 0; text-transform: uppercase; padding: 0 0 0 0; }
.kalendertitel { margin: 10px 0 10px 0; padding: 0; font-weight: bold; }
.kalenderinfo { margin: 0; padding: 0; }
.kalenderplats { margin: 0; padding: 0; }
.kalenderanm { margin: 0; padding: 0; }
.kalenderlink { margin: 0; padding: 0; }

/*kalender fullbokat*/
.kalenderblockfullt { background-color: #fff ; background-image: url(../images/fullbokat.gif); background-repeat: no-repeat; background-position: 200px 0px; margin: 0 0 20px; padding: 0 0 20px 20px; border-bottom: 1px solid silver; }
.kalenderblockfullt h2 { font-size: 13px; margin: 0; color: #cccccc ; text-transform: uppercase; padding: 0 0 0 0; }

/*intro program*/

#intro_wrap { border: 0px solid ; margin: 2px 20px 0 20px; background: url(../images/stor_pil_program.png) no-repeat 20px -1px #534B3D }
#intro_column_left { position: relative; height: auto; margin: 40px 0 0 40px; border: 0px solid; width: 370px; overflow: hidden; float: left; }
#intro_column_right	{ position: relative; height: auto; margin: 40px 0 0 50px; border: 0px solid; width: 370px; float: left; overflow: hidden }
.intro_program { position: relative; width: 100%; height: auto; border: 0px solid #CCC;  margin: 0 0 0px 0; padding: 10px 0 0 0; float: none; clear: both; }
.intro_program_rubrik { position: relative; margin-bottom: 4px; margin-left: 76px; background: url(../images/blad.png) no-repeat 0px 3px; padding-left: 13px; }
.intro_program_bild { position: absolute; width: 60px; top: 45px; left: 12px; height: auto; border: 2px solid #FFF; margin-right: 0px; background:#FFF }
.intro_program_rubrik a {  font-size: 14px; line-height: 150%; color: #FFF; border-bottom: 1px solid transparent;}
.intro_program_rubrik a:hover {  font-size: 14px; line-height: 150%; color: #FFF; border-bottom: 1px solid #FFF;}
.intro_program_omfattning { position: relative; padding: 5px 0px 5px 0px; margin: 0; font-weight: normal; color: #FFF; display: inline; font-size: 9px; text-transform: uppercase; width: auto; border-bottom: 1px dotted #666; letter-spacing: 1px;}
.intro_program_textarea { border: 0px solid #F60; width: 280px; margin: 0 0 30px 0; float: right;}
.intro_program_text { margin: 5px 0 0 0px; line-height: 150%; color: #FFF;}

/*omossintro*/
#omossintro p { margin-bottom: 5px }

/* menu*/
#menu { left: 100px; position: absolute; top: 88px; width: 770px; height: auto; margin: 0 0 0 20px; padding: 0;  }
#menu ul { text-align: left; position: absolute; top: 0; height: 20px; margin: 0; padding: 0; border: none;  }
#menu ul li { position: relative; width: auto; height: auto; float: left; margin-right: 12px; padding: 0; display: block; border: none}
#menu ul li a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none ; vertical-align: top; height: auto; margin: 0; padding: 0; border: none }
#menu ul li a:hover { color: #c0c0c0 ; }
/*#menu ul li > ul { top: auto; left: auto }*/


/*sub*/
#menu ul ul { background-image: url(../images/vit_menu_block.gif); background-repeat: repeat-x; background-position: 0 1px; position: absolute; top: 20px; width: 850px; height: 80px; z-index: 2; margin: 5px 0 0; padding: 0; border-width: 0; display: none; white-space: nowrap;  }
#menu ul ul li { width: auto; height: auto; float: left; margin-right: 15px; border-width: 0; }
#menu ul ul li a { color: #000; font-weight: bold; background-color: white; text-decoration: none ; vertical-align: top; height: auto; margin: 0; padding: 0; border-width: 0; }
#menu ul ul li a:hover { color: #660900 ; }

#menu ul li .active { color: #c0c0c0; border-bottom: 1px solid #fff; }
#menu ul li .tempactive { color: #c0c0c0; border-bottom-width: 0; }
#menu ul ul li .active { color: #660900 ; border: 0px solid; }


/*PBS Show Image*/
#pbsshowimage { position: fixed; width: auto; height: auto; padding: 20px; margin: 50% 0 0 50% ;left: 0; top: 0; background: #FFF;z-index:100; -webkit-box-shadow: #333 0px 0px 2px; -moz-box-shadow: #333 0px 0px 2px; box-shadow: #333 0px 0px 2px; display: block; }
#pbsshowimageclose { position: absolute; top:4px; left: 4px; font-size: 12px; color: #CCC; border: none; }

/*form*/
fieldset { border: none; padding: 0; margin: 0;}
fieldset div { position: relative; margin: 0 18px 0 0; float: left;}
input  { border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0 0 10px 0; width: 200px; height: 18px; padding: 3px 0 3px 0; font-size: 12px;}
select { margin: 0 0 10px 0;}
input:focus { background-color: #ffefd1; }
label { display: block; color: black; margin: 0; margin-bottom: 2px; padding: 0; white-space: nowrap; }
.formtextfield  { color: black; font-size: 13px; font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular; font-weight: normal; background-color: #fff; display: block; margin: 0 0 10px; padding: 2px 0; width: 200px; height: 20px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999  }
.submit input { color: #000; margin-top: 20px; width: auto; height: 22px; cursor: pointer; background-image: url(../images/button_bar.png); background-repeat: repeat-x; font-size: 11px; font-weight: bold; line-height: normal; background-color: transparent; text-transform: uppercase; padding: 0 10px 2px 10px; border-color: #808080 #333 #333 #808080; border-style: solid; border-width: 1px; }
.submit input:hover { background-color: silver; background-image: none; }


/*sidequote*/

.side_quote { font-family: Times; font-style:italic; color: #CCC; font-size:15px; padding: 20px; line-height: 150%;}
.side_quote_person { font-family: Arial; font-style:normal; color: #CCC; font-size: 12px; margin: 0; padding: 0; line-height: 140% }

/*övrigt*/
.linkup { background-image: url(../images/pil_upp.png); background-repeat: no-repeat; background-position: 0 5px; border: 0; margin: 0 0 20px 0; line-height: normal; }
.linkup a { margin-left: 10px}
.linkup img { border-width: 0; vertical-align: middle; margin: 0 2px 0 0; }

#lang { position:absolute; top: 133px; left: 838px; width: 60px; height: 30px; background-color: white; text-align: center; z-index: 10; cursor: pointer; background-image: url(../images/eng_link.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 0; border: 2px solid white; font-size: 0; overflow: hidden;}
#lang a { margin: 0; padding: 0; display: block; line-height: normal; border: none; height: 100%;}
.fullbokat { font-weight: bold; color: #E60000;}

#lang_eng { position:absolute; top: 10px; right: 80px; width: 80px; height: 20px; text-align: right; z-index: 10; cursor: pointer; background: transparent; padding: 0; border: 0px; overflow: hidden; white-space: nowrap;}
#lang_eng a { margin: 0; padding: 0; display: block; line-height: normal; border: none; color: #FFF; font-size: 11px;}

.fullbokat { font-weight: bold; color: #E60000;}

/*programmenu active*/
#programmenu .al { color: #333333; border-color: black; border-bottom: 2px solid #333333 }


/*bildvisning på uppdrag chefer*/
#LIAimg { position: absolute; border: 10px solid;}


/*height fix*/
html>body #main {height: auto}