/* CSS menymall */

body {background-position:  center top; margin:0; font-family:Verdana; font-size:12pt; background-repeat:no-repeat; background-attachment:fixed; background-image:url('bakgrund.jpg')}

#content{background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80); position: absolute; margin-top: 4em; margin-left: 14em; width: 33em; height: 23em; padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:1em;}
#content h1{font-family:Verdana; font-size:18pt}
#content p{font-family:Verdana; font-size:12pt }

#contentsegling{background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80); position: absolute; margin-top: 4em; margin-left: 14em; width: 33em; height: 30em; padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:1em;}
#contentsegling h1{font-family:Verdana; font-size:18pt}
#contentsegling p{font-family:Verdana; font-size:12pt }

#contentcv{background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80); position: absolute; margin-top: 4em; margin-left: 14em; width: 33em; height: 23em; padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:1em; overflow:auto}
#contentcv h1{font-family:Verdana; font-size:18pt}
#contentcv p{font-family:Verdana; font-size:12pt }

#left{background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80); position: absolute; margin-top: 4em; margin-left: 1em; width: 9em; height: 25em;  }
#leftmeny{list-style-type: none; margin-left: 0.5em; margin-top: 0.5em; float: left; margin: 0.5em 0 0 0.5em; padding: 0;}
#leftmeny a{width: 6.5em;	text-decoration: none; display: block; padding: 0.3em 0.3em; margin-bottom: 0.6em; color: #99ccff;}
#leftmeny a:link{background: #99ccff; color: #000000; padding: 0.3em 0.3em; margin-bottom: 0.6em;}
#leftmeny a:visited{background: #99ccff; color: #000000; padding: 0.3em 0.3em; margin-bottom: 0.6em;}
#leftmeny a:hover{background: #9999cc; color: #000000; padding: 0.3em 0.3em; margin-bottom: 0.6em;}
#leftmeny a#current{background: #9999cc; color: #000000; padding: 0.3em 0.3em; margin-bottom: 0.6em;}


#adress{font-family:Verdana; font-size:12pt; border:"0";}
#adress{ position: absolute; margin-top: 2em; left: 0.5em;  width: 16em; height: 24em; padding: 0;}
#adress td{background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80);  padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em; }

#kontakt {background:#d0dcf0; opacity: 0.8; filter: alpha(opacity=80); position: absolute; margin-top: 4em; left: 20em; padding: 0.5em; width: 28em; height: 23em; opacity: 0.9; filter: alpha(opacity=90);}
#kontaktform {background:url(skugga1.gif); padding-left:0.5em;}

#bildarkiv {overflow: auto; width: 500px;  height: 125px }


/* menyn */
#menycontainer {padding: 3em 0 0 1em; margin: 0; background: #a9c0c6 url(logga.jpg) no-repeat;}
#menycontainer ul {margin: 0; padding: 5px 0 0 0; background: transparent; height: 1.5em;}
#menycontainer li {display: block; float: left; padding: 0 1em 0 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.menycontent {display: block; padding: 0 0 0.5em 0; background: #99ccff; color: #000000; text-align: center;}
a.meny, a:visited.meny {width: 8em; display: block; text-decoration:none;}
a:hover.meny {background: transparent;}
a#current .menycontent, a#current .r1, a#current .r2, a#current .r3, a#current .r4 {background: #ffffff; }
a#current .menycontent {border-bottom: none;}
a:hover.meny .menycontent, a:hover.meny .r1, a:hover.meny .r2, a:hover.meny .r3, a:hover.meny .r4 {background:#9999cc;}

/* runda horn */
.roundtop {background: transparent;}
.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #99ccff;}
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #99ccff;}
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #99ccff;}
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #99ccff;}

/* opacitetsbox fr IE */
#opacitet {width: 100%; padding: 1px 0 0 0; opacity: 0.5; filter: alpha(opacity=50);}