body { 
font-family: Helvetica, Arial, sans serif;
/*Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", 
 Tahoma, Geneva, "Helvetica Neue", Helvetica, "Arial Rounded MT Bold", Arial, sans serif;
*/
line-height: 1.5;
word-spacing:1px;
font-size: 14px;
background: #5f645b;
margin: 0;
padding: 0;
}

a { color: SlateBlue;/*#336699; */text-decoration: none;}
a:hover { text-decoration: underline; }
a:active { outline: none; }
a:focus{outline-style:none;} /*a:focus { -moz-outline-style: none; }*/
a:visited {outline:none;}

input::-moz-focus-inner {
  border: 0;
}

h1 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; }
img {
margin: 10px 8px 2px 2px; 
border:3px solid #DFE08C;


}

/*Styling av startsidans runda bild*/
.rundbild {
width:300px; border-width:0;
}

table.discrete {
border-spacing:0px;
border-collapse: separate;
}

table.discrete tr td {
border:0; 
}

.wrapclass {
width:90%;
max-width: 1200px;/*1020px;*/  
min-width: 660px;  
margin: 10px auto;
}

#wrap { 
/*width: 800px;background: #5f645b;*/
background: url(motorikbakgrund.jpg);
background-repeat: repeat;
border: 1px solid white;
border:3px solid #DFE08C;
margin-top:0px;
}

#header {
background:#5f645b;
border-bottom: 0px solid #66cc66;
border-right: 0;
margin-bottom: 0px;
}

#header h1 {
margin: 0 0 5px 25px;
padding: 15px 0 0 10px;
font-family: "Arial Rounded MT Bold", sans-serif;
font-weight: 100;
font-size: 42px;
letter-spacing: 19px;/*17px*/
color: #ffffff;
display: inline;
}
#header h1 a { text-decoration: none; color: #ffffff;}
#header h1 a:hover { 
text-decoration: none; 
color: #BEA9E8;
background: inherit;}

/********************************** Hr del av rubriken Motorisk Utvecklings som Grund fr Inlrning********/
#header a span{
display: inline; 
color: #BEA9E8; 
padding: 0 0 9px 25px; 
font-weight: 100; 
font-size: 32px; 
letter-spacing: 1.4px;
}
#header a:hover span{ 
color:  #ffffff;
background: inherit;
}

/*************#contentwrap hller bland annat bakgrundsfrgen gentemot innehllet i #content**********/
#contentwrap {
padding: 0;
background: #ffff98;
border: 0px solid #DFE08C;
margin: 30px 30px 30px 30px;
}

/************tabellen ser till att hlla menyn i frhllande till innehll och vice versa p plats********/
table {
width: 100%;
}

table tr {
margin:0; padding: 0;
}

#sceleton table{ 
width: 100%;
margin:0;
padding: 0; 
table-layout: fixed;
border-spacing:0px;
border-collapse: collapse; /* separate collapse */ 
}

#sceleton td {
margin: 0; 
padding: 0;
vertical-align:top;
/*border: 1px solid #b5b55b;*/
}

tr.topspace > td{
padding-top: 18px;
}

table.bottom tr td {
vertical-align: bottom;
}

/****************************table cellen som innehller menyn har class=pattern *********/
.content-td {
border: 1px solid #b5b55b; /*ljusare: #DFE08C;  ANNARS KUL LIMEGRN FRG FR NSTA VERSION #EDFF87; !!!!!  */
}

.pattern-td {
background: url(motorikbakgrund.jpg);  /*  KUL LIMEGRN FRG FR NSTA VERSION background:#EDFF87; med slkting till det gula hr: #F5FF8F;*/
background-repeat: repeat;
}

.center {
text-align:center;
}

.bottom {
vertical-align:bottom;
}

#content {
width: auto; /*=procent av tablecell storlek */
/*height:500px;min-height:500px;max-height:500px;*/
height:500px;
margin: 0;
padding:0;
display:block;
/*overflow-y:auto;*/
}

/****************************** De versta rubrikerna i html-sidorna*/
#content h2 {
padding: 0px 20px 15px 0;
color: DarkSlateBlue;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
line-height: 13px;
font-size: 17px;
font-weight: 600;
}

/**********************************underrubrik tillexempel fr olika publikationsr ***/
#content h3 {
color: #1D1E1B;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
font-weight: 600;
font-size: 14px;
}

#content p { padding: 0 0 10px 0; color: #1D1E1B;/*#232323;*/}

#content ul {
margin: 0;
padding:5px 0 15px 2em;
list-style-type:none;
}

#content ul li {
display:block;
margin: 0 8px 12px 0;
padding:0;
line-height: 1.3;
}

/*********************************** Specialbehandling av poster som innehlller mugi-obs-schema ******/
#content ul li.contains_observationsschema {
background: white;
}
#content ul li.contains_observationsschema_mini {
background: Aquamarine; /**/
}
#content span.notabene {
font-weight:bold; font-size:85%;
}

/***********************************class=jumpto anvnds fr att gra liggande lista, som innehller klickbara rtal.  ****/
/*list-style-type funkar ej att styla om display:inline = ej radbryt vid ny post*/
#content ul.jumpto { padding: 0; list-style-type: none; } 
#content ul.jumpto li{ padding-right: 6px; display:inline; color:inherit; }


/*************************************** class="lankar" anvnds i lankar.html fr att slippa lgga in radbrytningar. display:block = en lnk fr varje rad **/
#content div.lankar a {display:block; clear:both; margin-bottom: 15px;}

/*************************************** class="metainfo" ska anvnds dr info r av meta-karaktr, tex vem som r fotograf till bild eller nr sidan uppdaterades senast **/
#content p.metainfo {
font-size: 10px; margin:0; padding:0; margin-top:-5px;
}

/* Om utifall att man i framtiden vill att sljbara bcker ska visas p annat stt:#content div.salj{color: FireBrick;}*/

/************************************ Tillbaka-knappen som visas efter frsta klicket *******************/
#tillbaka {
float:right; 
display:inline;
background:MediumPurple; 
border:1px solid #97995B;
border-bottom-width: 1px;
color:white; 
font-size: 10px; 
font-weight:600; clear:both;
cursor:pointer;
padding: 3px;
margin-top:-26px;
margin-right:-1px;
}

#tillbaka:hover {
background:DarkSlateBlue;
}


#content span.mugistart {
padding:0;
margin:0;
color: DarkSlateBlue;/* SlateBlue #1f1f1f;#5f645b; #232323;*/
line-height: 13px;
font-size: 17px;
font-weight: 600;
font-family:"Comic Sans MS", sans-serif;
}

/*********************************sidebar = MENY INNEHLLSFRTECKNING meny-innehll finns i meny.html*/
#sidebar ul li.mugistart { border-top:1px solid #97995B;}
#sidebar ul.mugistart li a  {border-top:none;}

#sidebar {
width: 200px;
/** background: url(images/motorikbakgrund.jpg) repeat; **/
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
}

#sidebar h3 {
margin: 0;
color: #fff;/*#1f1f1f;*/
line-height: 20px;/*27px;*/
font-size: 14px;
font-weight: 600;
padding-left: 10px;
padding-bottom:0px;
text-transform: uppercase;
background: SlateBlue;/*#236195; #5f645b; #009933;#658F00*/
border: 1px solid #97995B; /*#B5B55B;*/
border-right: none;
margin-right: -2px;
}

#sidebar p { padding: 0 10px 10px 10px; color: #232323;}

#sidebar ul {
padding: 0px 0 0px 0;
list-style-type: none;
margin:0px -2px 20px 0;
/*border-top:0px solid #B5B55B; border-left:0px solid #b5b55b;*/
}

#sidebar ul li a { 
 color: white; 
 display: block; 
 padding:5px 5px 5px 10px; 
 border: 1px solid #97995B;/*#97995B= mrkare variant av #B5B55B*/
 border-top:none;
 border-right:none;
background: MediumPurple;
font-weight: bold;
}
#sidebar ul li a:hover { background: DarkSlateBlue;/*#009933;*/ text-decoration: none; }
#sidebar ul li a:focus { background: #5f645b; /*#6F746B;= ljusare nyans av #5f645b; *//*#ffff98;*/; text-decoration: none; color:White;/* #1f1f1f; #5f645b; #009933;*/ font-weight:900; }

/**********ev placering av ENGELSK-VERSION av mugi:  ***/
.top { width:99%; text-align:right; margin-top:-15px; margin-bottom:7px; padding:0;}
#swaplang {text-decoration:underline;}

/*NEDERKANTEN innehllande copyrightinformation,a*/
#footer { 
text-align: right;
color: white;
font-family: Arial, sans-serif; 
font-size: 10px;
margin: -10px 0px 0 0;
padding: 0 0 7px 0;
}

#footer p { padding: 0 ; margin: 0; }
#footer a { color: #BEA9E8; padding:0px; font-size: inherit;font-weight:bold;}
#footer a:hover { text-decoration: underline;}