/* Based on version: 1.3.0 (January 12, 2009)

Screen layout: */

/***** Body and main container *****/

body {
	margin: 0 /*auto*/;
	padding: 0px 0px 0px 0px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #339933 url(img/bg.gif) top center repeat-y; /*(LBK-grön) */
	color: #404040;
}

#wrap {
	background: #FFFFCC; /* bakgrundsfärg TS 090301 */
	color: #404040; /***** Rubriker och brödtext *****/
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 934px; /* 814 --> 934px TS 100304 */
	border: 3px solid #b0b0b0;
}

/***** Various tags *****/

table{
    width: 50%;
    font-size: 11px;
}

.table3 {
    width: 90%; /* Styrelsesidan TS 100304 */
	height: 240px; /* Styrelsesidan TS 100304 */
    font-size: 11px;
    /*border-top: 6px solid #EBE9ED;
    border-right: 6px solid #A7A6AA;
    border-bottom: 6px solid #A7A6AA;
    border-left: 6px solid #EBE9ED;
    border-spacing: 2px;*/
	margin: 5px 0 0 0; 
}

.table4 {
    width: 90%; /* Styrelsesidan TS 100304 */
	height: 140px; /* Styrelsesidan TS 100304 */
    font-size: 11px;
    /*border-top: 6px solid #EBE9ED;
    border-right: 6px solid #A7A6AA;
    border-bottom: 6px solid #A7A6AA;
    border-left: 6px solid #EBE9ED;
    border-spacing: 2px;*/
	margin: 5px 0 0 0; 
}

/***** Header *****/

#header {
	margin:10px 0 0;
	padding:0;
	height:45px;
}

#header h1 {
	color:#505050;
	background-color:inherit;
	width:350px;
	margin:0 0 10px;
	font-size:2em;
	float:left;
}

#topBox {

}

#topBoxLeft{
	float: left;
	width: 300px;
	/*border: 1px solid blue;*/
	padding: 10px;
}

#topBoxRight{
	margin-left: 400px;
	padding-top: 15px;
    padding-right: 10px;
	text-align: right;
}

#topBoxRight img {
    padding: 0;
    margin-left: 5px;
    border: 0; /* POK 2008-07-29 */
    vertical-align: top;
}

#frontphoto {
	margin:0 0 0px; /* Luft mellan menyn och frontfoto. TS090301 */
	border-bottom:3px solid #b0b0b0;
}

/*** Horizontal menu ***/

#topMenu {
	padding: 10px 0 20px 0; /* Skjuter ner menyn från bilden: TS 080825/100304 8px down, 100510 10px down */
	margin: 0;
	text-align: left;
}

.topMenuItem {
	font-size: 18px;
	font-weight: bold;
	/* margin-right: 20px; */
	/* border-right: 1px solid #b0b0b0; */
	/* padding: 0px 0px 0px 0px; */
}

.topMenuItem a {
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #b0b0b0;
	font-size: 0.7em;
	color: #339933; /* Menyfärg 606060 --> 339933 TS 091024 */
}

.topMenuItem a:hover {
	background-color: #CCFFCC; /* Flikfärg f0f0f0 --> d3d3d3 TS 080825 */
	color: #505050;
}

a.current {
	background-color: #C0C0C0; /* 99CC99 */
	text-decoration: none;
}


/*
#navbox ul li {
	padding: 0;
	margin: 0;
}
*/

#navbox ul { /* VAD SÄGER DU PO? SKALL VI TA BORT NEDANSTÅENDE? HAR DE NÅGON ROLL LÄNGRE?: TS 080825 */
	font-size:16px;
	text-align: center;
}

#navlist li {
	display: inline;
	list-style-type: none;
	/*padding: 8px 5px 8px; 5px; */
	border-right:1px solid #b0b0b0;
}

#navlist a {
	color: #606060;
	text-transform: uppercase;
	font-size: 0.7em;
	/* padding: 8px 10px 8px 10px; */
}

#navlist a:hover {
	background:#f0f0f0 url(images/menuhover.jpg) top left repeat-x;
	color:#505050;
	text-decoration:none;
}

#navlist a.current {
background:#d3d3d3 url(images/menuhover.jpg) top left repeat-x;
color:#339933;
text-decoration:none;
}

#spanLeft a {
	border-left: 0px solid #b0b0b0;  /* Håller reda på hela Floatkoceptet --- Måste vara kvar --- TS: 090301 */
} 


/***** Left sidebar - news.php *****/

#leftside {
clear:left;
float:left;
width:140px; /* 200px at start: TS 090302 */
margin: 0 0 5px;
padding: 25px 0 0 0;
}

#leftside h2, #leftside h3 {
color:#505050; /* Färgen på rubriken "Senaste nytt" TS:080825 */
background-color:inherit; /* Senaste nytt-rubrikens bakgrundsfärg TS:080825 */
font-weight:bold;
font-size:17px;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin: 4px 0em 15px 0px; /* styr news.php  TS 080825 */
width:144px; /* 126px at start: TS 090301 */
font-size:0.9em;
background-color:#FAF0E6; /* Senaste nytt-bakgrundsfärg  TS 090301 */
color:#505050;
border-left:0px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-top:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
line-height:1.5em;
padding: 7px 5px 7px 10px;}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main left menu **** TS:080825 */

ul.avmenu {
width:140px;
margin:0 0 18px;
padding:0;
list-style:none;
}

ul.avmenu li {
width:140px;
padding:0;
line-height:1.5em; /* 1.4em --> 1.5em * TS:090724 */
display:inline;
}

ul.avmenu li a {
background-color:#FAF0E6; /* Bakgrundsfärgen 80000 ger totalt helt vit bakgrund - blending * TS:080825 */
color:#339933; /* Menyfärg 505050 --> 339933 TS 091024 */
font-weight:bold;
text-transform: uppercase; /* 130px --> 150px * TS:090724 */
width:134px; /* 130px --> 146px * TS:090724 */
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:20px solid #cccccc;
border-top:3px solid #b0b0b0; /* TS:090724 */
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#ccffcc; /* Changed to d3d3d3 - OLD was eaeaea * TS:080825 */ /* Changed to ccffcc - OLD was d3d3d3 * TS:090424 */
border-left:4px solid #286ea0;
border-right:4px solid #286ea0;
color:#505050;
}
ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:125px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:100px;
}

.submenu
{
    display: none;
}

/***** Right sidebar *****/

#extras {
float:right;
width:120px;
margin:0;
padding:25px 10px 0 0;
line-height:1.4em;
}

#extras p, #extras ul {
margin:0 0 16px;
padding:0;
}

#extras p {
font-size:0.9em;
line-height:1.4em;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 8px;
padding:0;
}
 
/***** Main content *****/

#contentwide #contentbox p {
  padding-right: 60px; /* Mariginalen på Medlemssidan för alla artiklar om medlemmarna. Fungerar på allt som har detta menysystem * TS:100528 */
}

p {
padding-right: 115px; /* Changed to 115px * TS:100304 */
margin-bottom: 12px; /* Mellanrum efter varje helt stycke */
margin-top: 2px; /* Made this and put value 2px. Effects text under pictures - why??????? * TS:100304 */
/* border: 1px solid red;  100527 */
}


#content {
margin:0 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}

#contentwide {
margin: 0 0 5px 150px;
/*border-left:1px solid #b0b0b0;  ------- TS 090301 */
padding: 25px 50px 0 50px; /* Left padding 10px at start: TS 090302 */
line-height:1.3em; /* Changes spaces between the lines: TS 100304 : Changed from 1.5em --> 1.3em 100606 */
}

#contentwide ul li {
margin:0px 0px 0px 70px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100518 */
padding:1px 0 1px 0px; /* Ändrade marginalen i listorna på länksidan klockan 12 och 18 till 1px vardera  TS 100606 */
}


#contentwide2 {
margin: 0 0 5px 150px;
/*border-left:1px solid #b0b0b0;  ------- TS 090301 */
padding: 25px 50px 0 50px; /* Left padding 10px at start: TS 090302 */
line-height:1.3em; /* Changes spaces between the lines: TS 100304 : Changed from 1.5em --> 1.3em 100606 */
}

#contentwide2 ul li {
margin:0px 100px 0px 15px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100518 */
padding:4px 20px 4px 0px;
}

#contentframe {
  width: 674px; /* 100% at start: TS 100304 */
  height: auto;
  border: 0;
}

#content h2,#contentwide h2, #contentwide2 h2 {
font-size:1.6em;
line-height: 15pt;
/*margin: 60px 0em 40px 125px; */
margin:0px 25px 25px 0px; /* högermariginalen -->25px  TS080728 */
text-align: center;}

#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.2em; /* TS 080729 1.3em --> 1.2em */
margin:40px 0px 8px 0px;
}

#content h4,#contentwide h4, #contentwide2 h4 {
font-size:1.1em;
margin:25px 0px 0px 0px;
}

#content img,#contentwide img, #contentwide2 img {
padding: 1px;
display:inline;
background: #ffffff url(images/ovrigt/IMG_0005);
border:4px solid #f0f0f0;
}
#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0px 0px 16px 20px;/*marginalen i p� HELA listAN t ex p� Antonartikeln*/
padding:0;
}

#content li, #contentwide li, #contentwide2 li {
margin:10px; /*marginalen i listorna t ex p� Antonartikeln*/
padding:0px 120px 0px 5px;
}

#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}










#rot li { color:red; }

/* Alternativ */
#contentwide #rot li { color:red; }  /* TS 110831: Skapa en klass med specieella ändamål - eg rött. */











#hnlink a:hover {
background: url(images/button46.jpg) repeat;
color:#505050;
text-decoration:none;
}

#moviebox {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.searchUrl { /* POK 2008-07-30 */
    color: #008000;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
margin-top: 30px;
margin-bottom: 10px;
padding:15px 0 15px 0;
border-top:3px solid #b0b0b0;
width:760px;
/* text-align:center;  TS: 080825 */ 
color:#808080;
background:#FFFFCC;
}

#footer p {
margin:0px 0px 0px 200px; /* Changed 250 --> 200px TS: 100601 */
padding:0;
}

#footer a {
color:#808080;
/* background-color:#ffffff; */
text-decoration:none;
font-weight:bold;
}

#_footer img {
	margin: 0 0 0 0;
	vertical-align: middle;
}
#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight: bold;}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.float2 { text-align: left; }/* TS080730 **** För vår tågsida - undulatkontakt i contentbox använder center i text-align float *****/

.hide {
display:none;
}

.linkheader {/***** För LBK:s länksida - rubrikerna TS100608 *****/
font-size:13px;
font-weight: bold;
margin-top: 45px;
margin-left: 45px;
margin-bottom: 2px;
}


.linkheader2 {/***** För vår länksida - kursiv stil *****/
font-size:12px;
font-style: italic;
margin-top: 10px;
margin-bottom: 2px;
}

.linkheader3 {/* TS 100304 **** För calendarpage - fet stil  *****/
font-size:13px;
font-weight: bold;
margin-top: 45px;
margin-bottom: 10px;
}

.linkheader4 {/* TS 080729 **** För vår klubbsida - fet stil och mer mellanrum *****/
font-size:12px;
font-style: italic;
margin-top: 35px;
margin-bottom: 5px;
}

.linkheader5 {/* TS 090308 **** För LBKs "Bli medlem"-sida *****/
font-size:13px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 2px;
}

.anchorheader {/***** För LBK:s länksida - Återgång till toppen/ankaret TS100608 *****/
/* font-size:13px;
font-weight: bold;
margin-top: 45px; */
margin-left: 45px;
margin-bottom: 2px;
}

.diaryexplaintext {/***** För vår Holknytts eftertext - kursiv stil *****/
font-size:11px;
font-style: italic;
margin-top: 10px;
margin-bottom: 2px;
}

.ref_head {/***** För referenser på bl a genetiksidorna/För text/foto-text på medlemssidorna *****/
font-size:10px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
}

.ref_head2 {/***** För referenser på bl a genetiksidorna/För text/foto-text på medlemssidorna *****/
font-size:10px;
font-weight: bold;
margin-top: -6px;
margin-bottom: 2px;
}

.ref_ordinarytext {/***** För text/foto-text på medlemssidorna *****/
font-size:10px;
font-style:;
margin-top: 0px;
margin-bottom: 2px;
}

.ref_ordinarytext2 {/***** För text/foto-text på medlemssidorna *****/
font-size:10px;
font-style:;
margin-top: -6px;
margin-bottom: 2px;
}

.ref_italictext {/***** För text/foto-text på medlemssidorna *****/
font-size:10px;
font-style: italic;
margin-top: 0px;
margin-bottom: 2px;
}

.tableinftxt {/***** F�r referenser p� bl a genetiksidorna *****/
font-size:11px;
font-style: italic;
margin-top: 0px;
margin-bottom: 2px;
}

.linkspace {/***** F�r v�r l�nksida - mellanrum *****/
margin:0px 0px 0px 0px; /*marginalen i listorna p� l�nksidan*/
padding:0px 0px 0px 0px;
}

/*#linkheader li{
margin:0px; /*marginalen i listorna p� l�nksidan*/
/*padding:0 0px 0 0px;
}*/

#linkspace li{
margin:0px 0px 0px 0px; /* fungerar INTE TS 100527 */
padding:0 0 0 0px;
}

#linkspace2 li{/* TS 100304 **** För prospekt-sidan - vänster mariginal *****/
margin:0px 0px 0px 0px; 
padding:0 0 0 0px;
}

#signunder {/* TS 090307 **** Svens undertecknande på index-sidan *****
margin:0px 0px 0px 0px; /*marginalen i listorna p� l�nksidan*/
padding:0px 0px 0px 0px;
line-height:1.3em;
}

input.cssbutton
{
    font-size:12px;
    font-family: Arial,sans-serif;
    height:26px;
    width:60%;
    background-color:#779999;
    background-image:url(../images/button.gif);
    border-style:solid;
    border-color:#DDDDDD;
    border-width:1px;
}

#mylinks li
{
    margin: 0;
    padding: 0;
}

#tblUtveckling td.leftCol
{
    width: 150px;
    font-size: 11px;
}

/* --- undulatkontakt --- */

#contentbox {overflow: hidden; /* border: 1px solid red; 100527  --- aktiverad ritar den en ram för att kolla contentboxen på sidan */}
div.float { float: left; margin-left: 10px; margin-bottom: 20px; }
div.floatlbk { float: left; margin-left: 10px; margin-bottom: 0px; }
div.floatlbk2{ float: left; margin-left: 10px; margin-bottom: 0px; } /* Till Kontaktsidan TS 100903 */
div.floatGastserie { float: left; margin-left: 0px; margin-bottom: 20px; } /* Skapade klassen floatGastserie: margin-left: 0px TS090120 */
div.floatlbk p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 40px} /* TS 100829 */
span.floatlbk2 { text-align: left; font-style: normal; font-weight: bold; line-height:120%; font-size: 11px; padding-right: 40px} /* Till Kontaktsidan TS 100903 */
div.floatright p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 40px} /* Lade till font-size: 11px: TS 090111 + padding-right: 40px TS090112 */ 
div.floatright1 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 40px; padding-top: 0px; padding-bottom: 10px} /* Styr bl a texten till bilden på Yvonnes sida TS 120130 -------------*/
div.floatright2 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 40px; padding-bottom: 10px} /* Styr bl a bilden på Svens sida TS 100607 */
div.floatright3 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 0px} /* För texten under kartbilden på indexsidan TS 100607 */
div.floatright4 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 0px} /* För bildtexten till Kjells artikel på Medlems-sidan TS100607 */
div.floatright5 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 40px; padding-bottom: 0px} /* Styr bl a bilden på Lennarts sida TS 100607 */
div.floatleft p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 20px} /* Lade till font-size: 11px: TS 090424 + padding-right: 0px TS090424 */
div.floatleft2 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 20px} /* TS 090502 */
div.floatleft3 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 20px} /* TS 100304 */
div.floatPortrait { margin-left: 70px; margin-bottom: 20px; font-size: 11px;} /* Lade till font-size: 11px: TS 090111 */
div.floatright { float: right; margin: 5px 25px 0px 20px;} /* Lade till margin-right (bl a bild Kjell Dahlqvist på KONTAKT-sidan). Styr även första bilden på Svens sida. TS 100304 */
div.floatright1 { float: right; margin-left: 20px; margin-bottom: 0px; margin-top: 16px} /* Styr bl a bilden på Yvonnes sida TS 120130 -------------*/
div.floatright2 { float: right; margin-left: 20px; margin-bottom: 0px; margin-top: 0px}
div.floatright3 { float: right; margin: 3px 50px 0px 37px;} /* För kartbilden på indexsidan TS 100607 */
div.floatright4 { float: right; margin: 3px 60px 0px 25px;} /* Lade till marginal på höger sida (bl a bild Kjell Dahlqvist på Medlems-sidan) TS 100607 */
div.floatright5 { float: right; margin-left: 20px; margin-bottom: 0px; margin-top: 20px} /* Styr bl a översta bilden på Lennarts sida  TS 100607 */
div.floatleft { float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 5px }
div.floatleft2 { float: left; margin-right: 0px; margin-bottom: 10px; margin-top: 16px }
div.floatleft3 { float: left; margin-right: 50px; margin-bottom: 10px; margin-top: 5px; padding-right: 20px }

/*body {font-family: verdana, sans-serif; color: #003366; font-size:76%;}*/
* {margin: 0px, 0px, 0px, 0px; padding:0;}
/* HÄR BÖRJAR CSS FÖR FORMULÄRET */
div#formcontainer {width:90%; margin-left:40px; margin-top:0px; overflow: hidden;}
div#formcontainer h3 {margin:20px 0 0 10px; font-weight:bold; font-size:.8em;} /* justera toppmarginalen för ditt kontext */
div#formcontainer h4 {margin:0 0 5px 10px; font-weight:normal; font-size:.75em;}
div#formcontainer form  {border-top:2px solid #CCC; border-bottom:3px solid #CCC;} /* den övre kantlinje är
visuellt 1 px tjockare, eftersom den tangerar den övre kantlinjen för div.clearfix */
div#formcontainer div.clearfix {border-top: 1px solid #CCC; padding:10px 0px; vertical-align:top;} /* lägger till linjen
ovanför varje avsnitt och ger lodrätt mellanrum */
div#formcontainer form label {width:120px; float:left; font-size:.75em; color:#003366; margin:0 10px;} /* det här är
textetiketten till vänster om varje inmatningselement */
/* några extra stilar för uppsättningen med alternativknappar och kryssrutor */
div#formcontainer div.buttongroup {float:left; border:0; padding:0px;} /* en behållare för en grupp
knappar - omintetgör att den övre kantlinjen på clearfix div-behållaren också dyker upp på div-behållarna runt
alternativknapparna och kryssrutorna. */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} /* hölje (wrapper) för INPUT
och dess text - margin-bottom skapar lodrätt mellanrum mellan knapparna */
div#formcontainer div.buttongroup input {margin-right:5px;} /* anger avståndet mellan en knapp och dess textetikett */
/* positionerar skicka-knappen genom att påverka en div med attributtypen SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
/* HÄR SLUTAR CSS FÖR FORMULÄRET*/

/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.php */
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
    display: block;          /* inline-element reagerar inte på egenskapen clear */
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     	/* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */
/* Slut på gömning för IE-mac */
.hideForm { display: none; }

.thumbMap h2 {text-align:left}

/* --- Slideshow --------------------------------------------- */
#fadeshow1 {
	float: right; 
	margin-right: 40px; 
	margin-left: 10px;
}

#fadeshow1 img {
	width: 307px;
	height: 230px;
	border: 4px solid #f0f0f0;
}