/* Layout Stylesheet */ 

body {
 margin:20px;
 background-color: #ffffff;
 color: #333333;
 text-align:center;
 padding:0;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
 }

#outer {
 text-align:left;
 border:0px solid #000000;
 width:768px;
 margin:auto;
 }

#hdr {
 height:110px;
/* background: #000000; */
 background-image: url('img/klo-boule6.jpg');
 background-repeat: no-repeat;
 color: #fff;
 }

#bar {
 height:20px;
 background: #000000;
 color: #333333;
 border:solid #fff;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: #ffffff;
 color: #333333;
 width:768px;
 padding:0;
 }

#l-col {
 float:left;
 background: #ffffff;
 color: #333333;
 width:228px;
 padding:0;
 }

#cont {
 width:522px;
 background: #ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 min-height: 768px;
 }

#ftr {
 height:60px;
 background: #fff;
 color: #fff;
 border:solid #fff;
 border-width:1px 0 0 0;
 margin:0;
 font-weight: bold;
 background-image: url('img/footer_grus.jpg');
 background-repeat: no-repeat;
 }

/* Sidomeny */
#navcontainer { width: 220px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 1px;
width: 220px;
background-color: #fff;
border-bottom: 1px solid #000000;
}

#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #000000;
color: #fff;
}

#navlist li
{
padding-left: 10px;
/* background-image: url('img/boule.png');*/
background-repeat: no-repeat;
background-position: 0 .5em;
font-weight: bold;
}

/* Horisontell meny */

#hornavcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #000000;
color: #FFF;
width: 100%;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: center;
}

#hornavcontainer a:active
{
background: #fff;
color: #000000;
}

#hornavcontainer li#active a
{
background: #fff;
border: 1px solid #fff;
color: #000000;
}

#hornavlist li
{

}
li.hor { display: inline; }

li.hor a
{
text-decoration: none;
background-color: #000000;
color: #fff;
padding: .2em 1em;
font-weight: bold;
/* border-right: 1px solid #fff; */
}

/* Detta bara för att IE suger skit */

li.hor a:visited {
 color: #fff;
}

li.hor a:hover {
background-color: #fff;
color: #000000;
}

a {
 color: #000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
}

a:hover {
 text-decoration: none;
 color: #000;

}

a:visited {
 color: #000;
}

table {
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 }

table.lcol {
 width: 99%;
 border: 1px;
 margin: 0 auto;
 text-align: left;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0.1em 0.9em;
 }

table.news {
 width: 99%;
 border: 1px;
 margin: 0 auto;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0.1em 0.9em;
 vertical-align: top;
 }

th.news {
 padding: 0.1em 0.5em;
 background-color: #000000;
/* background-image: url("img/curl.png");*/
 background-repeat: no-repeat;
 background-position: right;
 color: #fff;
 vertical-align: top;
 }

td.news {
 border-color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0.1em 0.1em;
 vertical-align: top;
 }

 tr:hover.ml-tr  {
 background-color : #000000;
 color: #ffffff;
 }

th.lista {
 padding: 0.1em 0.9em;
 background-color: #ffffff;
/* background-image: url("img/curl.png");*/
 background-repeat: no-repeat;
 background-position: right;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 color: #000;
 }

td.lista {
 padding: 0.7em 1em;
 border-color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 }

//tr.news {
// border: none;
//}


th.lcol {
 padding: 0.1em 0.5em;
 background-color: #ffffff;
/* background-image: url("img/klo-mini.gif"); */
 background-repeat: no-repeat;
 background-position: right;
 color: #000000;
 border-color: #000000;
 border: 1px solid;
 text-align: center;
 }

td.lcol {
 padding: 0.7em 1em;
 border-color: #000000;
 }

tr.lcol {
 border: none;
}

img.nyhet {
 float: right;
 margin: 20px 10px 10px 10px;
 border: solid #CCCCCC;
 border-width: 0px 2px 2px 0px;
 position: top;
}

img#nyhet2 {
 float: top;
 margin: 10px 10px 10px 10px;
 border: solid #CCCCCC;
 border-width: 0px 2px 2px 0px;
 position: top;
}

table.arkiv {
 border: 0px;
 width: 500px;
 margin: 0 auto;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0 0;
 }

td.arkiv {
 width: 115px;
}

#tavl ol {
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
}

#tavl li {
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
}

#bild table {
 text-align: right;
 width: 210px;
 border: 1px;
 border-color: #000000;
 margin: 0 auto;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0.1em 0.9em;
}

#bild td {
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 font-style: italic;
}

table.kalender {
 width: 120px;
 border: 0;
 border-color: #000000;
 margin: 0 auto;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 10px;
// padding: 2;
}

td.kalender {
  font-family: Verdana;
  font-size: 10px;
}
.today {
  font-weight: bold;
  color: #009900;
}
.sunday {
  color: #BB0000;
}

// Gästbok

#gb table, td {
    border-color: #000000;
    border-style: solid;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
 }

table.gb {
    width: 498px;
    border-width: 1px;
    border-spacing: 0;
    border-collapse: collapse; 
    min-height : 80px;
    margin: 0 auto;
    padding: 0;
}

td.gb {
    margin: 0;
    padding: 4px;
    border-width: 0 1px 1px 1px;
}

////
////
td.kalender {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 11px;
  border: 1px;
}
tr.kalender {
  border: 1px;
}
// Test för msg

#msgcont {
  border: 2px dashed #000000;
  background-color: #fff;
  width: 490px;
  padding: 0px;
  margin: 0px auto;
  }

div.msgcont {
  width: 490px; 
  background-color: #fff; 
  border: 1px solid #000000; 
  padding: 0px; 
  margin: 0px auto;
  }

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #000000;
  width: 98%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #000000;
  width: 49%;
  }

div.spacer {
  clear: both;
  }

li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 4px;
  border-right: 1px dotted #000000;
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }



div.standard {
  float: left;
  width: 66%;
  padding:15px;
}

div.spec1 {
float: left;
width: 66%;
}

div.spec2 {
float: right;
width: 33%;
}

div.body {
	margin:50px 0px; padding:0px;
	text-align:center;
	}
#footer a {
 color: #fff;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
}

#footer a:hover {
 text-decoration: none;
 color: #fff;
}

#footer a:visited {
 color: #fff;
}

	
#Content {
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	}

#tabell table {
 font-family: Verdana;
 font-size: 10px;	
 border-width: 1px;
}

table.tabell {
    width: 180px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse; 
    min-height : 80px;
    margin: 0 auto;
    padding: 0;
    border-color: #000;
}

tr.tabell {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #000;

    border-spacing: 0;
    border-color: #000;
}

.tabell-namn {
 width: 150px;
 text-align: left;
}

.tabell-p {
 width: 20px;
 text-align: right;
}

.tabell-pos{
 width: 10px;
 text-align: left;
}

.ml {
 width: 275px;
 border: 0px;
}

.bild {
 float:right;
 background:#fff;
 color: #000;
 width:130px;
 position: relative;
 margin: 15px;
 border: solid 0px;
 }

.bildtext {
 float:left;
 background:#fff;
 color: #000;
 width:130px;
 position: relative;
 margin: auto;
 font-family: verdana;
 font-size: 11px;
 font-style: italic;
 text-align:left;
 }

.bild130 {
 float:center;
 background:#fff;
 color: #000;
 width:130px;
 position: relative;
 margin: 15px;
 border: solid 0px;
 }

.bild130text {
 float:left;
 background:#fff;
 color: #000;
 width:130px;
 position: relative;
 margin: auto;
 font-family: verdana;
 font-size: 11px;
 font-style: italic;
 text-align:left;
 }

.bild1 {
 float:right;
 background:#fff;
 color: #000;
 width:275px;
 position: relative;
 margin: 15px;
 border: solid 0px;
 }

.bild1text {
 float:left;
 background:#fff;
 color: #000;
 width:275px;
 position: relative;
 margin: auto;
 font-family: verdana;
 font-size: 11px;
 font-style: italic;
 text-align:left;
 }

.bild2 {
 float:left;
 background:#fff;
 color: #000;
 width:450px;
 position: relative;
 margin: 15px;
 border: solid 0px;
 }

.bild2text {
 float:left;
 background:#fff;
 color: #000;
 width:450px;
 position: relative;
 margin: auto;
 font-family: verdana;
 font-size: 11px;
 font-style: italic;
 text-align:left;
 }

.space {padding: 10px;}

table.tavl {
 width: 99%;
 border: 1px;
 margin: 0 auto;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 0.1em 0.9em;
 vertical-align: top;
 }

th.tavl {
 background-color: #000000;
 color: #fff;
 vertical-align: top;
 text-align: left;
 }

th.tavl-p {
 background-color: #000000;
 color: #fff;
 vertical-align: top;
 text-align: right;
 }

td.tavl {
 border-color: #000000;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 11px;
 vertical-align: top;
 text-align: left;
 }