/* CSS Document */

/* Positioning */
body{ padding:0 0 3em 0; margin:0 0 3em 0;  font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:1em;  background-color:#024c8d;  background-image:url(../img/bakgrund_web.jpg); background-repeat:no-repeat; background-position:50% 0; }

#holder{ margin-left:auto; margin-right:auto; text-align:left; width:52em; margin-bottom:3em; margin-top:0; padding:0 0 3em 0; }
#insideholder{ position:relative; float:left; }
#leftside { position:relative; float:left; width:16.25em; }
#underthemenu { position:relative; float:left; margin:1em 0 0 0; padding:1em 0.5em 1em 0; width:15.5em; background-image:url(../img/dotted-line.gif);  background-position:right; background-repeat:repeat-y; }
#contents { position:relative; float:left; width:30.8em; padding:1em 1em 1em 1em; margin:1em 0 3em 0; }

/* Contact */
#kontakt { position:relative; float:left; margin-top:-2em; width:32em; }
.contactrow{ position:relative; float:left; clear:both; width:32em;}
.contact{ position:relative; float:left; width:10.25em; height:20em; }
.contactimg{ position:relative; float:left;  border:solid #fff 5px; height:11.25em; width:8.75em; }
.cimgpos{ position:absolute; top:0; left:0; }
.contacttext{ position:relative; float:left; width:10.25em;  }
#adress{ position:relative; float:left; width:8.75em; background-image:url(../img/dotted-line-horisontal.gif); background-position:top; background-repeat:repeat-x; padding:1em 0 1em 0; }
.border{ position:relative; float:left; width:100%; height:1em; background-image:url(../img/dotted-line-horisontal.gif); background-position:top; background-repeat:repeat-x; }
.adresstext{ position:relative; float:left; width:9em; padding-bottom:2em; height:16em; padding-right:1em;  }
.kontakt h2{ font-size:1em; color:#fed217; margin:0; padding:0 0 0 0; font-weight:bold;}

.cshadowholder{ position:absolute; bottom:-0.9em; left:-0.3em;  width:10.25em;  z-index:-1; }
.cshadowrightholder{ position:absolute; top:-0.4em; right:-0.95em; height:15.63em; }


/* Links */
.linkimg{ position:relative; float:left;  border:solid #fff 5px; height:5.75em; width:10em;  }
.limgpos{ position:absolute; top:0; left:0; }
.lshadowholder{ position:absolute; bottom:-0.9em; left:-0.3em;  width:16.25em;  z-index:-1; }
.lshadowrightholder{ position:absolute; top:-0.4em; right:-0.95em; height:15.63em; }

.link{ position:relative; float:left; clear:both; width:100%; padding-bottom:2em;}
.linkimg{ position:relative; float:left; margin-right:1em;}
.link a{ text-decoration:none; color:#FFF; }

/* Header */
#header{ position:relative; float:left; width:50em; height:11.88em; }
#logo{ position:relative; float:left; padding:5.5em 0 0 4em; margin:0; }
#topmenu { position:relative; float:right; padding:10em 0 0 0; }
#sitemap { position:relative; float:left; padding:0.3em 0 0.2em 0.5em; }
#language { position:static; float:left; padding:0.2em 0.7em 0.2em 0; background-image:url(../img/dotted-line.gif); background-position:right; background-repeat:repeat-y; }
#breadcrumbs{ position: relative; float:left; width:30em; clear:both; padding-bottom:1em;}
#language a{ font-size:0.67em; text-decoration:none; padding-left:0.5em; margin:0; color:#FFF;}

/* Breadcrumbs */
div#breadcrumbs p{ padding:0 0 0 0 ; margin:0;  font-size:0.67em; }
div#breadcrumbs a{ text-decoration:none; font-weight:bold; color:#fff;}
p.bread{ font-size:0.55em; }

/* Forms, buttons */
select{ font-family:Arial, Helvetica, sans-serif; font-size:0.65em; border:#fff solid 1px; height:1.7em;}
input.formruta{ font-family:Arial, Helvetica, sans-serif; font-size:0.65em; border:#fff solid 1px; height:1em;}
div.myButton input {
background:url(../img/knapp-shadow.png) no-repeat;
cursor:pointer;
width: 119px;
height: 35px;
border: none;
behavior: url(iepngfix.htc);
font-size:0.7em; 
font-weight:bold;
color:#024c8d;
padding-bottom:0.9em;
float:left;
}

#form{ position:relative; float:left; clear:both; width:100%;}
.form100{ position:relative; float:left; width:200px; height:2em; padding-right:1em; clear:both;}
.form20{ position:relative; float:left; width:33%; height:2em; padding-right:1em;}
.form80{ position:relative; float:right; width:57%; height:2em;}

.form20 h4{ margin:0; padding:0; font-weight:bold;}

/* Headerpic */
#mycontent{ position:relative; float:right; height:14.8em; width:550px; }
#headerpic{ border:7px solid #fff; position:relative; float:left; height:18.75em; width:32.75em;  }
#headerpic2{ border:7px solid #fff; position:relative; float:left; height:25em; width:32.75em;  }
#imgpos{ position:absolute; top:0; left:0; width:524px; height:300px; overflow:hidden; }
#imgpos2{ position:absolute; top:0; left:0; width:524px; height:300px; }
#hshadowholder{ position:absolute; bottom:-1.1em; left:-0.5em;  width:16.25em;  z-index:-1; }
#hshadowrightholder{ position:absolute; top:-0.4em; right:-1.1em; height:15.63em; }
#imgtext{ position:absolute; text-align:center; width:32.75em; top:40%;}

/* News */
#newsimgholder{ position:relative; float:left; width:12em; }
.newsimg{ border:7px solid #fff; position:relative; float:left; margin:0.8em 0 0.8em 0; height:10em; width:10em;  }
.imgpos{ position:absolute; top:0; left:0; }
.nshadowholder{ position:absolute; bottom:-1.1em; left:-0.5em;  width:10em;  z-index:-1; }
.nshadowrightholder{ position:absolute; top:-0.4em; right:-1.1em; height:15.63em; }
.newsart{ position:relative; float:left; margin-bottom:2em; }

/* Meny */
#menuholder{ position:relative; float:left; width:16.25em; height:16.25em; margin:0; padding:0; overflow:hidden; }
.menuitem{ position:relative; float:left; width:15.63em; height:1.529em; cursor:pointer; background-image:url(../img/knapp.jpg); border-bottom:1px solid #000; clear:both; }
.boxholder{ position:relative; float:left; clear:both; }
.box{ background-color:#01509b; width:15.63em; height:7.81em; margin:0; padding:0; }
#shadowholder{ position:absolute; bottom:0em; left:0;  width:16.25em;  z-index:-1; }
#shadowrightholder{ position:absolute; top:0; right:0em; height:15.63em; }
.menusection{ position:relative; float:left; clear:both; padding-bottom:2em; width:100%; }

/* Submenu */
.iconmenuitem{ position:relative; float:left; width:100%; background-image: url(../img/dotted-line-horisontal.gif);  background-position: bottom; background-repeat:repeat-x; }
.icon{ position:relative; float:left; width:10%; }
.iconlink{ position:relative; float:left; padding-top:0.25em;}
.iconmenuitem a{ text-decoration:none; color:#FFF; font-size:0.7em;}

/* Left */
#lefttopborder { position:absolute; top:1.1em; right:1em; width:5em;  }

/* Text, Links, Lists */
#menuholder a{ font-size:0.7em; color:#FFF; text-decoration:none; padding:0.25em 0 0 0.25em; margin:0;}
#menuholder a:hover{ color:#fed217; }

h1{ font-size:1.6em; color:#fed217; margin:0; padding:0 0 0.5em 0; font-weight:bold;}
h2{ font-size:0.9em; color:#fed217; margin:0; padding:0 0 0.5em 0; font-weight:bold;}
#contents h2{ font-size:1em; color:#fff; margin:0; padding:0 0 0 0; font-weight:bold;}
#kontakt h2{ font-size:1em; color:#fed217; margin:0; padding:0 0 0 0; font-weight:bold;}
h3{ font-size:0.7em; color:#01509b; margin:0; padding:0.5em 0 0 0.5em; }
h4{ font-size:0.7em; color:#fff; margin:0; padding:0.5em 0 0 0; font-weight: normal; }
h5{ font-size:0.7em; color:#fed217; margin:0; padding:1em 0 0 0; font-weight: bold; }

#contents p, #leftside p { font-size:0.8em; color:#fff; margin:0; padding:0.5em 0 1em 0 ; line-height:1.4em;}

p.news { font-size:0.8em; color:#fff; margin:0; padding:0.5em 0 1em 0 ; font-weight:bold;}
a.newslink { color:#fed217; text-decoration:none; }
a.link{ color:#fed217; text-decoration:none; font-size:0.7em; font-weight:bold;  }

#adress p, #kontakt p{ font-size:0.7em; color:#fff; padding:0 0 0.5em 0; }
#adress a, #kontakt a{ color:#FFF; text-decoration:none; margin:0;  }

#underthemenu ul{ list-style: disc; margin:0; padding:0.5em 0 0 1em; }
#underthemenu li{ padding-left:0em; font-weight:bold; line-height:1em; }
#underthemenu li a{font-size:0.7em; color:#FFF; text-decoration:none; padding:0.25em 0 0 0.25em; margin:0; }
#underthemenu li a:hover{ color:#fed217;}

#menuholder ul{ list-style:none; margin:0; padding:0.5em 0 0 0; }
#menuholder li{ padding-left:0.5em; font-weight:bold; line-height:1em;}

#contents ul{ list-style: disc; margin:0; padding:0.5em 0 2em 1em; }
#contents li{ padding-left:0em; font-size:0.7em; line-height:1.4em; font-weight:normal;}

#lefttext ul{ list-style: disc; margin:0; padding:0.5em 0 0 1em; }
#lefttext li{ padding-left:0em; font-size:0.7em; line-height:1.4em; font-weight:normal;}

#lefttext p{ font-size:0.7em;} 

#imgtext a{ color:#fed217; text-decoration:none;}

/* IMG */
img{ border:none;}
img{ behavior: url(iepngfix.htc); }
