/*Skriv alla generella saker. Sist layout för olika screen
Skriv alla deklarataioner som inte behöver @media, i samma fil
Skriv sedan för minsta screen och öka, genomm:
@media only screen and (min-width: 40em) {
body { background-color: blue; }
p { padding: 5px 5%; }
.example { color: red; }
}
/*
Rules
1. Default values
2. Inherited rules
3. Rules containing elements and pseudo-elements
4. Rules containing classes, attributes, and pseudo-classes
5. Rules containing IDs
6. Inline style rules
7. Rules that are marked as important
/*root {display: block;}*/

html{background-color: aliceblue; margin-bottom: 50px; min-height: 100%; }
*, *:before, *:after {/*Border-box*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mindreText{font-size: 0.9em;}
.yellowbg{background-color: yellow;}
input, textarea{background-color: aliceblue;}
#fix{display:  none;}
#meny{display: none;}
#utmost{margin-top: 20px; max-width: 1304px;}
#wrapper{ margin:0 2%; width: 96%; max-width: 1300px;}
#navig, #main { padding: 10px 2%; margin-top: 20px; margin-bottom: 40px; background-color: white;}
#navig{float: left; width: 27%; margin-left: 1%;}
#main{float: right; width: 67%; margin-right: 1%; }
#links{display: none;}
#links ul li{list-style-type: none;}
h1 { font-size: 1.5em; text-align: center; padding-bottom: 10px;}
h2 { font-size: 1.1em; }
h3 { font-size: 1em;}
h1, h2 { font-weight: bold; margin: 5px 0; }
p { font-size: 1.1em; margin: 10px 0; line-height: 1.4em;}
hr{margin: 20px auto;}
.bold{font-weight: bold;}
.litenText{font-size: smaller;}
dt{margin-top: 16px; font-weight: bold; }
dd{margin-top: 7px; margin-left: 20px; }
ul{padding-bottom: 0px; margin-top: 4px; margin-bottom: -4px;}
li{ list-style-type: none; margin-left: -35px; padding: 6px 0;}
a{ text-decoration: none; color: crimson; cursor: pointer;}
img { width: 96%; margin: 10px 2%; }
#karta{width: 100%; margin: 10px 0;}

#fixFoot{border: 3px solid aqua; position: fixed; bottom: 0; left: 1%; width: 98%; background-color: aliceblue;opacity: 1; max-width: 1100px;}
#innerFixFoot{border: 3px solid red; text-align: center; line-height: 1.8;  height: 43px}

/*från egenCSS.css*/
.text{ width: 65%;}
.textarea{height: 8em; width: 90%; vertical-align: top; overflow: auto;}
.red{color: red;}
.ib{font-style: italic; font-weight: normal;}
.center{text-align: center;}
.vline{vertical-align: text-top;}

/*Teman*/
.indrag{padding-left: 3%;}
.merIndrag{margin-left: 5%; padding-left: 3%;}
.liteMerIndrag{margin-left: 3%; padding-left: 3%;}
.hiddenInput{color: brown; font-weight: bold;}
#newComment{border: 2px dotted black; padding: 2%; margin: 10px auto;}

/*
#hideResult{visibility: hidden; position: absolute;}
#showResult:checked + #hideResult{visibility: visible;}
*/

            #utmost #wrapper #navig ul li{list-style-type: none;}
            .husen{cursor: pointer;}
            .husenUL{ text-indent: 5%; background-color: #ffffcc;}
            .testa { background-color: #ffffcc;}