body {padding: 2em;	margin: 0; font: 0.7em Verdana, sans-serif; background: url(images/bg_bas2.gif) repeat-x;}
h1 {margin: 0 0 5px 0; letter-spacing: 0.3em; font: normal 4.5em Georgia, serif; color: #000;}
h3 {margin: 10px 0 5px 0; letter-spacing: 0.1em; font: normal 1.5em Georgia, serif;}
h4 {margin: 10px 0 3px 0; letter-spacing: 0.1em; font: 1.2em Georgia, serif; color: #3964c3;}
p {margin: 0 0 5px 0;}
img {border: none;}
a:hover{text-decoration: underline;}

/* sidlayout */
#layout {width: 82em; height: 67em; padding: 1em 10em 0 0; background: url(images/bg_1.jpg) no-repeat; margin-left: auto; margin-right: auto;}
#kolumncontainer{float: left;}
#kolumn1 {float: left; width: 22em; padding: 0 1em 0 0;}
#sidfot {clear: both; padding: 10px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;}
#kolumn2 {float: left; width: 56em; height: 40em; overflow-y:auto; padding: 1em; background: url(images/vit.png) repeat; line-height: 1.5em; border: solid 5px #e5e5e5; }
#kolumn2 div.textcontent {float: left; width: 36em; padding-right: 1em;}
#kolumn2 div.textcontent-no-image { width: 50em; }
#kolumn2 div.textimage {float: left; padding-left: 1em;}
#kolumn2 div.textimage img {border: 2px solid #565a5c; width:180px;}

div.opacitybox{float: left; width: 150px; margin-left: 19px; padding: 5px; background: url(images/vit.png) repeat; line-height: 1.8em;}
div.banner{float:left;width: 150px; margin-left:10px; margin-top:10px;color:#FFF;}

/* sidhuvud */
#sidhuvud {padding: 1em; margin: 1em 0 1.6em 2.1em;float:left; width:100%;}
#sidhuvud img.logo{ }
#sidhuvud div.headerText {float:right; margin-top: 3.7em; color: #000;}

/* meny */

#menycontainer{float: left; margin: 0 0 0 0; padding: 0;}
#meny{margin: 0; padding: 0; list-style-type: none;	font: 1em Georgia, serif;}
#meny li{background: url(images/menu_bg_selected.jpg) no-repeat;height:30px; width:183px; margin-bottom: 0.8em; position:relative;}
#meny li.current{background: url(images/menu_bg.jpg) no-repeat;}
#meny li a{font:normal bold 1.2em/1.8em arial, verdana, sans-serif; color:#FFF; float: left; padding: 3px 0 0 35px; text-decoration:none; }
#meny li.current a{color:#000;}
#meny a{text-decoration: none; display: block;	padding: 0.3em 1em;	margin-bottom: 0.8em;}
#meny a:hover{text-decoration: underline;}

/* common styling 
#meny {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
#meny li a, #meny li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;}
#meny {padding:0; margin:0;list-style-type: none; }
#meny li {float:left; margin-right:1px; position:relative;}
#meny li ul {display: none;}
*/

/* specific to non IE browsers */
#meny li:hover ul {display:block; position:absolute; top:0; left:140px; width:105px;}
#meny li:hover ul li {font: 0.8em Georgia, serif;; margin-bottom: 0em;height:20px; width:100px; margin-bottom: 0em;}
#meny li:hover ul li a.hide {background:#dfc184; color:#000;}
#meny li:hover ul li:hover a.hide {width:150px;}
#meny li:hover ul li ul {display: none;}
#meny li:hover ul li a {display:block; background:#fff; color:#000; width:140px; padding: 0.3em 1em;	margin-bottom: 0em;}
#meny li:hover ul li a:hover {background:#dfc184; color:#000;}
#meny li ul {display: none;}

/* fotoalbumet */
#kolumn1foto {float: left; width: 22em; padding: 0 1em 0 0;}
#kolumn2foto {float: left; width: 56em; height: 40em; overflow-y:auto; padding: 1em; background: url(images/vit.png) repeat; line-height: 1.2em; border: solid 5px #EEE; }
#menyfotocontainer{float: left; margin: 0 0 0 0; padding: 0;}
#menyfoto{margin: 0; padding: 0; list-style-type: none;	font: 1em Georgia, serif;}
#menyfoto li{background: #FFF; }
#menyfoto li.current{text-decoration: underline;}
#menyfoto a{width: 14em; background: #ffffff; text-decoration: none; display: block; padding: 0.3em 1em;	margin-bottom: 0.8em;	border: 1px dotted #3964c3;}
#menyfoto a:link{color: #2d371e;}
#menyfoto a:visited{color: #2d371e;}
#menyfoto a:hover{text-decoration: underline;}
#menyfoto a#current{font-weight: bold; border-right: 10px solid #3964c3;}
#kolumn2foto img{border: solid 1px #000; vertical-align:middle;}
#image{float:left; width: 44em;}
#image p{margin-top:1em;}
#kolumn2foto ul{list-style: none;}
#kolumn2foto li.spacer{margin-bottom:1em;}

div.hidden {display:none;}