﻿ body,html {margin:10px 0 0 0; padding:0px; font:1.0em verdana, arial, sans-serif;  background-color:#ffffff;}
 
 div#helsida {width:800px; background-color:#fff; position:relative; margin-left:auto; margin-right:auto; margin-top:auto;}
 
 div#sidhuvud {top:20px; margin:10px; color:#100f5b; text-align:center; height:80px;}
 div#sidhuvud img {text-align:center; border:0;}
 div#sidhuvud p {display:inline; color:#000; padding:0 5px 5px 13px; font-size:.7em;}
 div#sidhuvud ul {margin-top:65px; display:block;}
 div#sidhuvud li {display:inline; color:#000; padding:0 5px 5px 13px; font-size:.6em;}
 div#sidhuvud .rightjust {position:absolute; right:5px;}
 
 div#container {border:0px; float:none;}
 
 div#container div#huvudmeny {background-image:url(images/knappar/menyimg.jpg); background-repeat:no-repeat; height:30px;}
 
 div#huvudmeny ul {padding-top:5px; display:block; margin:0 0 0 8px;}
 *div#huvudmeny ul {padding-top:5px; display:block; margin:0 0 0 45px;}
 div#huvudmeny li {display:inline; color:#fff; padding:0 20px 0 8px; margin-top:10px; font-size:1.0em; font-weight:bold;}
 div#huvudmeny li a {text-decoration:none; color:#fff;}
 div#huvudmeny li:hover a {color:#9999cc;}
 div#huvudmeny li.select a {color:#330066;}
 
 div#content { margin:0px;  border:0px;}

 div#content div#leftside {background-image:url(images/knappar/venstermenyimg.jpg); background-repeat:no-repeat; left:0px; display:inline; width:150px; position:absolute;  margin:0px; padding:0px; top:145px;}
 *div#content div#leftside {left:0px; display:inline; width:150px; position:absolute;  margin-top:10px; padding:0px; top:145px;}

 /*div#content div#leftside img {border:0px; padding:0px; margin-bottom:3px;}
 *div#content div#leftside img {border:0px; padding:0px; margin:0px;}*/

 div#content div#leftside ul {width:146px; margin-left:0px; margin-top:-9px; padding:0 0 0 1px; list-style-type:none; border-top:5px solid #330066; border-right:1px solid #330066; border-left:1px solid #330066; border-bottom:1px solid #330066;}
  *div#content div#leftside ul {width:146px; margin-left:0px; margin-top:-12px; padding:0 0 0 1px; list-style-type:none; border-top:5px solid #330066; border-right:1px solid #330066; border-left:1px solid #330066; border-bottom:1px solid #330066;}

 div#content div#leftside li { font-size:.8em; color:#330066; display:block; text-align:left; padding:0; margin-left:10px; margin-bottom:10px;}
 div#content div#leftside li:hover {background-color:#fff;}
 div#content div#leftside li.select {color:#000;}

 div#leftside a {text-decoration:none; color:#1966c4;}
 div#leftside a:hover {color:#330066;}
 div#leftside p {color:#fff; margin-left:10px; margin-top:8px; font-size:1.0em; font-weight:bold;}
 div#leftside div#vanster_ruta p {font-size:.8em; color:#1966c4; margin:5px 0 5px 0; font-weight:lighter}
 div#leftside div#vanster_ruta h5 {font-size:.9em; color:#330066; margin:0 0 2px 0;}
 div#leftside div#vanster_ruta img {border:0;}
 div#leftside div#vanster_ruta a {border:0;}
 
 div#content div#leftsidedagbok {left:0px; display:inline; width:150px; position:absolute;  margin:0; padding:0; top:145px;}

 div#leftsidedagbokcontent {width:150px; top:0px; margin:0; padding:0;}
 div#leftsidedagbokcontent img {border:0px; padding:0px;}
 div#leftsidedagbokcontent ul {margin:0px; padding:5px 0 5px 1px; width:147px; list-style-type:none; border:0;}
 div#leftsidedagbokcontent li {font-size:.55em; float:left; width:130px; text-align:left; padding:0; border:0; margin-left:3px; margin-bottom:10px; color:#000;}
 div#leftsidedagbokcontent li:hover {background-color:#fff;}
 div#leftsidedagbokcontent li.select {color:#000;}
 div#leftsidedagbokcontent a {text-decoration:none; color:#1966c4;}
 div#leftsidedagbokcontent a:hover {color:#330066;}
 div#leftsidedagbokcontent .rightjust {position:absolute; right:5px;}
 
 div#content div#mitten {position:relative; margin:0 0 0 180px; width:350px; top:20px;}
 div#content div#mitten h3 {font-size:1em; color:#330066; text-align:left; margin-top:20px; padding-left:20px;}
 div#content div#mitten h4 {font-size:.9em; color:#330066; text-align:left; margin-top:20px; margin-bottom:8px; padding-left:20px;}
 div#content div#mitten img {border:0px; margin-left:25px;}
 div#content div#mitten ul {margin-left:50px; padding:0;  border:0;}
 div#content div#mitten li {font-size:.8em; color:#000;}
 div#content div#mitten a {color:#1966c4; text-decoration:none;}
 div#content div#mitten a:hover {color:#330066;}
 
 div#content div#gastbokmitten {position:relative; margin:0 0 0 200px; width:560px; top:20px; overflow:hidden;}
 div#content div#gastbokmitten h3 {font-size:1em; color:#330066; text-align:left; margin-top:20px;}
 div#content div#gastbokmitten ul{margin:0; padding:0; list-style-type:none;}
 div#content div#gastbokmitten li {margin:0; padding:0 0 10px 0; font-size:.8em; color:#000; width:50px;}
 div#content div#gastbokmitten img {display:inline;}
 div#content div#gastbokmitten .formular {right:50px; position:absolute; width:330px;}
 div#content div#gastbokmitten .smiles {right:50px; position:absolute; width:330px;}
 div#content div#gastbokmitten .label {width:170px;}
 
 div#content div#hogerspalt {position:absolute; margin:168px 0 0 450px; width:400px; top:20px;}
 div#content div#hogerspalt h3 {font-size:1em; color:#330066; text-align:left; margin-top:20px; padding-left:20px;}
 div#content div#hogerspalt h4 {font-size:.9em; color:#330066; text-align:left; margin-top:20px; margin-bottom:8px; padding-left:20px;}
 div#content div#hogerspalt a {color:#1966c4; text-decoration:none;}
 
 div#content div#rightbox {right:10px; width:210px; display:inline; position:absolute; top:135px; margin:0px;}
 *div#content div#rightbox {right:0px; width:210px; display:inline; position:absolute; top:145px; margin-top:10px;}
 div#content div#rightbox img {border:0; margin-bottom:3px; padding-top:10px;}
 *div#content div#rightbox img {border:0; margin:0;}
 div#content div#rightbox div#hogermeny {background-image:url(images/knappar/hogermenyimg.jpg); padding:0; height:30px; margin:0;}

 div#content div#rightbox basic_container {margin:5px;}
 
 
 div#rightbox div#dagbok {margin-top:3px; border-top:5px solid #b4b5b9; border-right:1px solid #b4b5b9; border-bottom:1px solid #b4b5b9; border-left:1px solid #b4b5b9; padding:0 5px 10px 5px;}
 div#content div#dagbokbox {margin:10px 230px 0 180px;}

 div#content div#bildsida {position:relative; margin:0 0 0 200px; top:20px;}
 div#bildsida img {border:0; margin-right:13px; margin-top:10px; padding:1px;}
 div#bildsida h3 {font-size:1em; color:#330066; text-align:left; margin-top:20px; padding-left:2px;}
 
 
 div#sidfot {border-top:3px solid #1a66c4; border-bottom:3px solid #1a66c4; margin:50px 0 10px 0; height:20px; text-align:center;}
 div#sidfot ul {margin:2px; display:block;}
 div#sidfot li {display:inline; color:#000; padding:0 5px 5px 13px; font-size:.6em;}

 /*Stilar i class*/
 /*Länkar i huvudmeny*/
 .huvudmenytextaktiv:hover,.huvudmenytext:hover {color:#1a66c4; text-decoration: none;}
 .huvudmenytext {color:#fff; text-decoration: none;}
 .huvudmenytextaktiv {color:#330066; text-decoration: none;}
 /*Röd text*/
 .roedtext  {font-family:times new roman;font-weight:bold;font-size:20px;color:#ff3333}
 /* Datum i rightbox: index.html, kameror.html */
 .datumstil {padding:10px 0 0px 135px; font-size:.7em; margin:10px 0 0 0; border-top:1px dotted #b4b5b9;}

 /*Text i rightbox: index.html, kamera1.html, kamera2.html, webb-butik.html, garden.html*/
 .dagboktext {font-size:.75em; margin:0; padding:0;}
 .dagboktext img {width:18px; height:18px; padding-left:50px;}
 .dagboktext a {color:#1a66c4;}
 .dagboktext a:hover {color:#330066;}
 .hogermenyrubrik {color:#fff; padding:7px 0 0 10px; font-size:1.0em; font-weight:bold;}
 
 /*.understruken {text-decoration:underline;}*/
 
 /*Beskrivande text i boka.html, bopalantgård.html, garden.html, index.html, kamera1.html, kamera2.html, livekamera1, livekamera2, webb-butik.html*/
 .infotext {font-size:.8em; padding:0 20px 0 20px; margin-top:10px; text-align:justify;}
 
 /*Text på bildsidorna*/
 .bildtext {font-size:.8em; text-align:left;}
 .bildrubrik {font-size:.9em; text-align:left; color:#1966c4;}
 /*Text i Dagboken, månader*/
 .dagboksidatext {font-size:.8em; padding:0; margin:0;}
 .dagboksidatextgron {font-size:.95em; font-weight:bold; color:green; padding:0; margin:0;}
 .dagboksidadatum {font-size:.7em; margin:0; padding:0px;}
 
 /*Rubrik och text till Månadens bild i dagbok.html*/
 .dagbokboxrubrik {font-size:.8em; text-align:center;  padding:0; margin:0;}
 .dagbokboxtext {font-size:.7em;  padding:0; margin:0;}
 
 /*.infolenk a {color:#330066; font-size:1.5em; margin-left:50px;}*/
 
 /*Stilar för Gästboken*/
 .gastbokar {font-size:.7em; margin:0 10px 0 8px; padding:0 5px 0 0;}
 .gastboktotal {font-size:.7em; position:absolute; right:30px; }
 .gastbokdatum {font-size:.7em; color:black; text-decoration:none; position:absolute; right:30px;}
 .gastbokrubrik {font-size:.85em; color:blue; margin-left:5px; text-decoration:underline;}
 .gastboktext {font-size:.85em; margin-left:5px; text-align:justify;}
 .gastboksvar {font-size:.85em;color:blue; margin-left:5px; font-style:italic; text-align:justify;}
 .gastboksvardatum {font-size:.7em; color:blue; font-style:italic; position:absolute; right:30px;}
 


 
 div.clearfix {clear:both;}
