/* Version: 1.3.0 (January 12, 2009)

Screen layout: */

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

body {
	/*background: url("/images/bg-body-1.gif") repeat-x scroll 0 0 #EEEEEE; /* Färgen (den ljust grå) på omhuldande hölje */
	margin: 0 /*auto*/;
	padding: 0px 0px 0px 0px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #BFDAFF url(img/bg.gif) top center repeat-y; /* Färgen (den ljust blå) på omhuldande hölje */
	color: #404040;
}

#wrap {
	
	background: #ffffff; /* bakgrundsfärg  (vit) TS 090301 */
	color: #404040; /***** Rubriker och brödtext *****/
	margin: 0 auto;
	/*padding: 0px 0px 0px 0px;*/
	width: 960px;
	/*border: 1px solid #b0b0b0;*/
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

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

table {
    width: 97%; /* 100% --> 97%  eftersom detta numera är normalstd på hemsidan TS 080729 */
	font-size: 11px;
	line-height: 11pt; /* Lade till line-height för att få "ihop" tabellerna lite mer TS 100608 */
    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;
}

.table2 {
    width: 95%; /* 100% --> 95%  och height 250px = 4 rader TS 080728 */
	height: 200px;
    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;
}

.table21 {
    width: 95%; /* 100% --> 95%  och height 250px = 5 rader TS 080728 */
	height: 250px;
    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;
}

.table22 {
    width: 95%; /* 100% --> 95%  och height 300px = 6 rader TS 080908 */
	height: 300px;
    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 15px 0;
}

.table3 {
    width: 95%; /* 100% --> 95%  och height 500px = Holknytts startsida TS 080728 */
	height: 500px;
    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: 95%; /* 100% --> 95%  och height 1600px = Märklins historia TS 090104 */
	height: 1600px;
    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;
}

.table5 {
    width: 95%; /* 100% --> 95%  --> till karatänsidan TS 100812 */
	height: 500px;
    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; /* cell-spacingen regleras (som alltid) med "height" --> till karatänsidan TS 100812 */
	
}

td {
    padding-left: 2px;
    border-top: 1px solid #A7A6AA;
    border-right: 1px solid #EBE9ED;
    border-bottom: 1px solid #EBE9ED;
    border-left: 1px solid #A7A6AA;
}

.hnstart {
    padding: 500px 200px 500px 200px;
    border-top: 1px solid #A7A6AA;
    border-right: 1px solid #EBE9ED;
    border-bottom: 1px solid #EBE9ED;
    border-left: 1px solid #A7A6AA;
}

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

#header {
	margin:10px 0 0;
	/*border: 1px solid blue;*/
	padding:0;
	height:45px;
}

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

#topBox {
}

#topBoxLeft{
	float: left;
	width: 300px;
	/*border: 1px solid blue; /* Namnet www.soth.se */
	padding-left: 10px;
}

#topBoxRight{
	margin-left: 400px;
	/*border: 1px solid blue; /* Sökrutan */
	padding-top: 20px;
    padding-right: 10px;
	text-align: right;
}

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

#frontphoto {
	margin:-10 0 0 0px; /* 3:e positionen ger luft mellan menyn och frontfoto. TS090301 */
	border:0;
}

/*** Horizontal menu ***/

#topMenu {
	padding: 10px 0 20px 0; /* Sista som är = 0 (just nu) skjuter ner menyn från bilden: TS 080825 */
	margin: 0;
	text-align: left;
}

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

.topMenuItem a {
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #b0b0b0;
	font-size: 0.7em;
	color: #606060;
}

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

a.current {
	background-color: #f0f0f0;
	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:#505050;
text-decoration:none;
}

#spanLeft a {
	border-left: 0px solid #b0b0b0; /* Tar bort FÖRSTA strecket i menyn */
} 
 


/***** 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; /* Skjuter ner vänsterspalten 25px från Huvudmenyn */
}

#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:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin: 4px 0em 15px 0px; /* styr news.php  TS 080825 */
width:136px; /* 126px at start: TS 090301 */
font-size:0.9em;
background-color:#f4f4f4; /* Senaste nytt-bakgrundsfärg  TS 090301 */
color:#505050;
/*border-left:4px solid #cccccc;*/
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:141px;
margin:0 0 18px;
padding:0;
list-style:none;
}

ul.avmenu li {
width:141px;
padding:0;
line-height:1.5em;
display:inline;
}

ul.avmenu li a {
background-color:#f4f4f4; /* Bakgrundsfärgen 80000 ger totalt helt vit bakgrund - blending * TS:080825 */
color:#505050;
font-weight:bold;
width:142px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#d3d3d3; /* Changed to d3d3d3 - OLD was eaeaea * TS:080825 */
border-left: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:115px;
}

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

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

.submenu
{
    display: none;
}

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


#extras {
float:right;
width:200px;
background: #fff;/*#339933;*/ /* bakgrundsfärg  (LBK-grön) TS 100409 */
margin:0;
padding:6px 10px 0 0; /* Top-padding: 25 --> 10px TS 100226 */
line-height:1.7em;  /* changed from 1.4em --> 1.7em TS 100409 */
}

#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;
}

.lbk {
background-color: #339933;
}

/***** Main content *****/

#contentwide #contentbox li {
  margin-left: 20px; /* Mariginalen på sidan som berättar vilka klubbar vi är med i TS:100608 */
}

p {
padding-right: 15px; /* Changed from 15px to 40px an back again to 15px (goto line 715 instead) * TS:090112 */
margin-bottom: 10px;
margin-top: 2px; /* Made this and put value 2px. Effects text under pictures - why??????? * TS:100304 */
}

#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 180px 5px 150px;
/* border-left:1px solid #f0f0f0;  TS 080728 */
/*padding: 25px 40px 0 25px; /* padding (left): 10px --> 25px  TS 080728 */
padding: 25px 40px 0 30px; /* Changed left side margin 30 --> 34px and back again TS:100608 */
line-height:1.5em;
}

#contentwide ul li {
margin:0px 0px 0px 20px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100520 */
padding:0 0 0 0px;
}

#contentwide ul.subheader {
margin:0px 0px 10px -3px; /* 1000607 *********************************************************** */
}

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

#contentwide3 {
margin: 0 180px 5px 260px;
/* border-left:1px solid #f0f0f0;  TS 080728 */
/*padding: 25px 40px 0 25px; /* padding (left): 10px --> 25px  TS 080728 */
padding: 25px 40px 0 30px; /* Changed left side margin 30 --> 34px and back again TS:100608 */
line-height:1.5em;
}

#contentwide3 ul.subheader {
margin:0px 0px 10px -30px; /* Styr den första övermenyn som man kan klicka på  TS 1000607 */
}

#contentwide3 ul li {
margin:0px 0px 0px 50px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100520 */
padding:0 0 0 0px;
}

#contentframe {
  width: 100%;
  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 {  /* Påverkar alla bilderna 090817 */
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:0 0 0 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;
}

#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;
padding:15px 0;
border-top:4px solid #f0f0f0;
width:960px;
/* text-align:center;  TS: 080825 */ 
color:#808080;
background:#ffffff;
}

#footer p {
margin:0px 0px 0px 180px; /* Changed 0 --> 180px TS: 080825 */
padding:0;
}

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

#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 vår länksida - fet stil *****/
font-size:13px;
font-weight: bold;
margin-top: 45px;
margin-bottom: 2px;
}


.linkheader2 {/***** För vår länksida - kursiv stil *****/
font-size:12px;
font-style: italic;
margin-top: 10px;
margin-left: 40px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100520 */
margin-bottom: 2px;
}

.linkheader3 {/***** För vår länksida - fet stil men negativ bottom *****/
font-size:13px;
font-weight: bold;
margin-top: 45px;
margin-bottom: 13px;
}

.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 100526 **** För vår sida om vår undulathistoria - migrerad från .linkheader2 *****/
font-size:12px;
font-style: italic;
margin-top: 35px;
margin-left: 0px; /* marginalen i listorna på länksidan - passerar valideringen  TS 100526 */
margin-bottom: 5px;
}

.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 *****/
font-size:11px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
}

.ref_ordinarytext {/***** För referenser/fotnötter på bl a genetiksidorna och sjukdomssidorna*****/
font-size:9px;
font-style:;
margin-top: 0px;
margin-bottom: 2px;
}

.ref_ordinarytext2 {/***** För referenser/fotnötter på bl a genetiksidorna, sjukdomssidorna & sidan Da-artikeln *****/
font-size:9px;
font-style:;
margin-top: -6px;
margin-bottom: 2px;
}

.ref_ordinarytext25 {/***** För referenser/fotnötter på bl a genetiksidorna, sjukdomssidorna & sidan Da-artikeln OBS! Denna storlek ligger mittemellan .ref_ordinarytext2 OCH .ref_ordinarytext3 *****/
font-size:9px;
font-style:;
margin-top: -8px;
margin-bottom: 2px;
}

.ref_ordinarytext3 {/***** För referenser/fotnötter på bl a genetiksidorna, sjukdomssidorna & sidan Da-artikeln *****/
font-size:9px;
font-style:;
margin-top: 0px;
margin-bottom: -6px;
}

.ref_ordinarytext4 {/***** För referenser/fotnötter på bl a genetiksidorna, sjukdomssidorna & sidan Da-artikeln *****/
font-size:9px;
font-style:;
margin-top: 2px;
margin-bottom: -6px;
}

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

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

.ref_italictext3 {/***** För referenser/fotnötter på bl a genetiksidorna, sjukdomssidorna & sidan Da-artikeln *****/
font-size:9px;
font-style: italic;
margin-top: 0px;
margin-bottom: -6px;
}

.ref_headline {
font-size:11px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
}

.ref_text {
font-size:9px;
font-style:;
margin-top: 0px;
margin-bottom: 10px;
line-height: 11px;
}

.ref_itext {
font-size:9px;
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;
}

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

#linkspace2 li{/* TS 080729 **** För vår sida map site - vänster mariginal *****/
margin:0px 0px 0px 25px; 
padding:0 0 0 0px;
}

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: 400;
    padding: 0;
}

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

/* --- undulatkontakt --- */

#contentbox {overflow: hidden;}
div.float { float: left; margin-left: 10px; margin-bottom: 20px; }
div.floatGastserie { float: left; margin-left: 0px; margin-bottom: 20px; } /* Skapade klassen floatGastserie: margin-left: 0px TS090120 */
div.float p { text-align: left; line-height:120%; font-size: 11px; padding-right: 40px} /* Lade till font-size: 11px: TS 090111 + padding-right: 40px TS090112 */
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} /* TS 110129 - Rolles sida */
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.floatleft1 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 20px} /* TS 110129 - Rolles sida */
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.floatleft4 p { text-align: left; font-style: italic; line-height:120%; font-size: 11px; padding-right: 20px} /* TS 110129 - Rolles sida */
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: 5px 0px 0px 20px;} /* TS 100304 - Rolles sida*/
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.floatleft1 { float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 20px } /* Styr bl a översta bilden på Rolles sida  TS 110129 */
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 }
div.floatleft4 { float: left; margin-right: 20px; margin-bottom: 0px; margin-top: 5px } /* Styr bl a lecablocksbilden på Rolles sida  TS 110129 */
div.floatDa{ float: left; margin-left: 0px; margin-bottom: 20px;
margin-top: 20px; font-style: italic; line-height: 120%; font-size: 11px;}
div.floatDaLeftPortrait { float: left; font-style: italic; line-height: 120%; font-size: 11px; margin-left: 0px; 
margin-right: 20px; margin-bottom: 20px; margin-top: 20px }
div.floatDaLeftPortrait2{ float: left; margin-left: 0px; 
margin-right: 20px; margin-bottom: 20px; margin-top: 20px; font-style: italic; line-height: 120%; font-size: 11px;}
div.floatDaLeftPortrait3 { float: left; font-style: italic; line-height: 120%; font-size: 11px; margin-left: 0px; 
margin-right: 20px; margin-bottom: 20px; margin-top: 35px }

/*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}