@import url("sidhuvud.css");

body {padding: 0.5em;	margin: 0; font-family: Arial,Verdana, Helvetica, sans-serif; font-size:0.7em; background: url('/images/gras.png') bottom repeat-x fixed; height:100%;}
h2 {margin: 0 0 0.5em 0; font-size: 2em; letter-spacing:1px;}
h3 {margin: 0; padding: 0 0 5px 0; font-size: 1.3em; text-align:center; letter-spacing:1px;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
p { margin: 0 0 5px 0;}

/* Sidlayout */
#layout {margin:auto auto; width:82.2em; background: #a1ba67; padding:0;}
#kolumncontainer{float: left; width: 82em; background: #d4ea86;
                 border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000; border-bottom:1px solid #000000;}
#kolumn1 {float: left; width: 52em; padding: 10px; background: transparent; }
#kolumn2 {float: right; width: 25em; padding: 10px; padding-right:20px; background:transparent; }
#sidfot {clear: both; width: 80em; padding: 10px 10px 0 10px; margin: 0; background: #a1ba67;
         text-align:center;}


/* Box1 med runda horn - innehall */
#kolumnbox1, .kolumnbox1 {margin: 0 ;padding:5px 0 5px 0; border-left:1px solid #000000; border-right:1px solid #000000; background:#b0c310;}
#kolumnbox1 p, .kolumnbox1 p {margin-bottom: 0px;}

/* Box1 */
.rund1 {background:none ; margin-bottom:20px;}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; border-left:2px solid #000000; border-right:2px solid #000000; background: #b0c310;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; border-left:1px solid #000000; border-right:1px solid #000000; background: #b0c310;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; border-left:1px solid #000000; border-right:1px solid #000000; background: #b0c310;}


/* Box2 med runda horn - innehall */
#kolumnbox2, .kolumnbox2 {margin: 0; padding: 0 10px 5px 10px; border-left:1px solid #000000; border-right:1px solid #000000; background: #b0c310;}
#kolumnbox2 p, .kolumnbox2 p {margin-bottom: 0px;}

/* Box2 */
.rund2 {background: none;}
.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; border-left:2px solid #000000; border-right:2px solid #000000; background: #b0c310;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; border-left:1px solid #000000; border-right:1px solid #000000; background: #b0c310;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; border-left:1px solid #000000; border-right:1px solid #000000; background: #b0c310;}


/* Box3 med runda horn - innehall */
#kolumnbox3, .kolumnbox3 {margin: 0; padding: 7px 10px 10px 10px; border-left: 1px solid #000000; border-right: 1px solid #000000;
                          background: #000000; text-align:center;}
#kolumnbox3 p, .kolumnbox3 p {margin-bottom: 0px;}

/* Box3 */
.rund3 {background: none;}
.rundtopp3 {background: transparent;}
.rundbotten3 {background: transparent;}
.rund3_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
.rund3_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.rund3_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}

/**** Egen CSS ****/

.anchor{
    margin-right:20px;
}

.anchor:hover{
    text-decoration:none;
}
.bold {
    font-weight:bold;
}

.clearBoth{
    clear:both;
}

.floatLeft{
    float:left;
}

.displayNone{
    display:none;
}

#logo {
    position:relative;
    top:-70px;
}
#logo a {
    border:none;
}
#logo img {
    border: 2px solid black;
}

.bildtext{
    color:white;
    font-style:italic;
}

a.visted {
    text-decoration:none;
    border: none;
}
a	{
    color:black;
    text-decoration:none;
    border: none;
}
a:hover {
    text-decoration:underline;
}

.thumbs{
    width:24em;
    padding:0 5% 0 5%;
    margin-top: 0.5em;
}

.thumb {
    padding:2px;
    background:#000000;
    position:relative;
}

.thumbover {
    position:absolute;
    padding:3px;
    background:white;
    z-index:2;
    border: 2px solid black;
}

.pageButton{
    text-align:center;
}

.pageButton img{
    border:none;
}

.thickline{
    height: 4px;
    background-color: black;
}

/* ##### Sidspecifik CSS ##### */

#snabbaFakta p {
    margin-bottom: 0.5em;
}

/* ### Index sidan ### */

#index #kolumn1 .rund3 {
    position:relative;
    top:2em;
    width:443px;
    margin: auto auto;
}

/* ### Nyhetssidan ### */ 
#nyheter .scrollbox {
    text-align:center;
    height:32em;
    margin:auto;
    overflow-y:scroll;
    padding-left:20px;
}

#nyheter #tabell {
    width: 30em;
    margin:auto;
}

/* ### Gallerisidan ### */
#galleryForm{
    width:100%;
    margin-bottom: 0.2em;
}

.album {
    background: #d4ea86;
}

a.album:hover{
    background: #9cda22;
}

#gallerForm input, #galleryForm select{
    float:left;
    margin-right: 1em;
}

#galleryForm span{
    float:right;
}

.info{
    color:red;
    font-size:1.2em;
}

#vote{
    margin-bottom:1em;
    text-align: center;
}

.tipList li{
    margin-bottom:1em;
}

/* ### Gästbookssidan ### */ 
.button {
    position:relative;
    left:30px;
    border: none;
}

.column {
    float:left;
    padding: 5px;
    position:relative;
    top:-10px;
}

#debatt #left{
    width:24em;
    text-align:right;
}	

#debatt #right{
    width:23em;
}

#bottom {
    position:relative;
    top:-10px;
}

.form {
    margin: 0 ;
    padding:5px 5px 0 5px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    background:#b4c810;
    text-align:center;
}

#displayForm{
    position:relative;
    top:-0.8em;
}

#form{
    display:none;
}

#form input{
    margin-bottom: 0.5em;
}

#debatt .scrollbox {
    overflow: auto;
    max-height:27em;
    padding-left:20px;
    overflow-y: scroll;
}

#debatt #kolumn1 .rund1 {
    margin:auto auto;
    position: absolute;
    width:50em;
}

#debatt #kolumn1 .rundbotten1 {
    position: absolute;
    width: 50em;
}
#debatt #kolumncontainer {
    height:40em;
}

#debatt #tabell
{
    width:30em;
}

#debatt .info{
    display:inline-block;
    width: 19em;
    text-align: left;
    color:black;
    font-size: 0.8em;
    margin-bottom: 0.3em;

}

/* ### INFO sidan ### */

#links ul{
    list-style:none;
}
#links a{
    font-weight:bold;
    font-size:1.2em;
}
#links li{
    padding:10px 0 10px 0;
}

/* ### Nyhetssidan ### */
#rss {
    border:none;
}
#rssText {
    width:70%;
    float:left;
}
#rssTextSmal{
    width:25%;
    float:left;
}
#RSS {
    height:11.5em;
}

/* ### Flera sidor ### */	
#snabbaFakta {
    width:24em;
}