/* AM Interactive CSS, Arild Garde Winter 2008-2009 */
@media screen {
html { background: #fff url(img/bg-grad.gif) repeat-x; font-size: 62.5%; }
body { margin: 0; font: normal 1em Calibri, Arial, sans-serif; padding: 0; background: url(img/bg-top.gif) center top no-repeat; min-width: 960px; }
h1, h2, h3 { font-weight: normal; margin-top: 0; color: #222; }
h1 { font: normal 2.5em Calibri; color: #5c00d2; }
h2 { font: bold 1.6em Calibri; }
h3 { font: bold 1.2em Calibri; }
#top h2 { display: none; }
#subTop h2 { display: none; color: #bbb; font: bold 1.3em Calibri; padding: 20px; margin: 0; }
b, strong { font-weight: bold; }
form { border: none; margin: 0; padding: 0; }
img { border: none; }
.clear { display: block; clear: both; height: 1px; overflow: hidden; }
.tomholder {}
.dNone { display: none; }
.fPost { margin-bottom: 30px; height: 127px; overflow: hidden; }
blockquote { margin: 0; font-style: italic; border: 1px solid #dee0d9; display: block; }
blockquote p { margin: 10px; }
.tbl01 { margin-bottom: 30px; }
.tbl01 th { text-align: left; font-weight: bold; }
.tbl01 th, .tbl01 td { border-bottom: 1px solid #dee0d9; padding: 3px 6px 3px 0; vertical-align: top; }
.valid, .valid li { margin: 0; padding: 0; list-style: none; }
.valid { float: right; margin-top: 40px; }
.valid li { float: left; margin-left: 15px; }

/* LINKS */
a { color: #a100a7; text-decoration: none; }
#fcol02 a { color: #fff; text-decoration: underline; }
.fPost a.fPostHead, .fboxList a { font: bold 1.5em Calibri; color: #333; }
.fPost a { color: #000; }
a:hover, #fcol02 a:hover, .sPostList a:hover  { color: #f600ff; text-decoration: underline; }
.fPost a:hover, .fPost a.fPostHead:hover { color: #f600ff; }
.sPostList { padding: 15px; background: url(img/pList-bg2.gif) right top no-repeat; border: 1px solid #dee0d9; }
.sPostList a { color: #000; }
.sPostList a.sPostHead { font: normal 2em Calibri; color: #a100a7; }

.fboxList, .fboxList li, .boxList, .boxList li, .ulMenu, .ulMenu li { margin: 0; padding: 0; list-style: none; }
.ulMenu li { margin: 0 0 5px 0; }
.fboxList li { margin-bottom: 30px; height: 127px; overflow: hidden; }
.boxList li { padding: 15px; background: url(img/pList-bg2.gif) right top no-repeat; border: 1px solid #dee0d9; margin-bottom: 15px; }
.boxList a { font: normal 2em Calibri; color: #a100a7; }
.boxList p { margin: 0; }
.boxList p.LiClient { color: #555; }
p.pClient    {}
p.pTeaser    { font-weight: bold; }
#fcontent .fPostHead { background: url(img/picto-globe.gif) right top no-repeat; display: block; margin: 2px 0; padding-right: 20px; }
#fcol01 br, #fcol03 br { display: none; }
#fcol01b .fPostHead { background-image: url(img/picto-page.gif); }
#fcol03a .fPostHead { background-image: url(img/picto-pin.gif); }
#fcol03b .fPostHead { background-image: url(img/picto-ami.gif); }
#fcol01a, #fcol03a { height: 284px; overflow: hidden; }

/* divs */
#top, #main, #foot { margin: 0 auto; width: 960px; }
#top { border-top: 5px solid #333; }
#foot { margin-top: 0px; min-width: 960px; width: 100%; background: url(img/bg-foot.gif) center top no-repeat; text-align: center; height: 132px; font-size: 1.3em; }
#logo { float: left; width: 180px; }
#sea, #menu { float: right; width: 700px; text-align: right; }
#sea { padding: 10px 30px 0 0; height: 38px; overflow: hidden; }
#menu { margin-right: 22px; }
#focus { clear: both; height: 83px; overflow: hidden; padding: 25px 30px; }
#focusTxt { float: left; width: 450px; overflow: hidden; }
#focusTxt h1 { font: bold 2.5em Calibri; margin: 0; line-height: 1.1em; color: #222; }
#focusTxt p { font: normal 1.4em Calibri; margin: 0; }
#focusImg { float: right; width: 450px; overflow: hidden; text-align: right; }
#footHold { width: 900px; padding: 15px 30px 0; text-align: right; margin: 0 auto; }
#foot p { margin: 0; }

/* forside */
#fcontent { border-top: 5px solid #333; background-color: #fff; clear: both; min-height: 340px; font-size: 1.3em; }
#fcontent p { margin: 0; }
#process { display: none; clear: both; margin: 0 0 30px 0; background-color: #333; height: 100px; overflow: hidden; font-size: .9em; }
.fPostImg {}
.fPostTxt {}
#fcol01a, #fcol03a { margin: 30px; display: block; }
#fcol01, #fcol03 { width: 310px; float: left; }
#fcol02 { width: 338px; float: left; margin: 30px 0; height: 284px; overflow: hidden; background: #333; color: #fff; }
#fcol02 h1 { color: #fff; font-size: 2.2em; }
#fcontent #fcol02 p { margin: 0 0 .5em; }
#fcol02 .rul { width: 298px; height: 244px; overflow: hidden; padding: 20px; }

/* underside */
#inMain { background-color: #fff; border-top: 5px solid #333; min-height: 340px; }
#subTop { float: left; width: 200px; }
#func { display: none; text-align: right; }
#subMenu { width: 200px; overflow: hidden; }
#content { font-size: 1.3em; float: left; width: 760px; }
#col01 { float: left; width: 460px; padding: 30px; }
#col02 { float: right; width: 180px; padding: 30px 30px 0; color: #666; font-weight: bold; overflow: hidden; }
#col02 p { margin: 0 0 .5em; }
#col02a, #col02b, #col02c, #col02d { padding: 0 0 30px; }
.xtra01 {}
#menu ul, #menu li, #subMenu ul, #subMenu li, #focusImg ul, #focusImg li, #process ol, #process lo { margin: 0; padding: 0; list-style: none; }
#pil { margin: 18px 0 20px 30px; height: 60px; overflow: hidden; }
#process li { float: left; width: 138px; background: url(img/arr-graybg.gif) right top no-repeat; color: #fff; margin-right: 15px; padding-right: 30px; font-size: .95em; }
#process li b, #process li strong { font-size: 1.8em; }
#logo img { margin: 10px 0 0 30px; }
#sea fieldset { border: none; margin: 0; padding: 0; }
#sea legend, #sea label { display: none; }
#menu ul { float: right; }
#menu li { float: left; margin: 0 1px 0 0; }
#menu a { font: bold 1.7em Calibri; letter-spacing: 1px; padding: 8px 8px 0; height: 28px; overflow: hidden; color: #000; display: block; float: left; }
html>body #menu a { float: none; }
#menu a.opnd, #menu a.slct { background-color: #5c00d2; color: #fff; }
#menu a.opnd { background-color: #333; }
#menu a:hover { background-color: #a100a7; color: #fff; text-decoration: none; }
#subMenu ul { margin: 30px 0; }
#subMenu ul ul { margin: 0; }
#subMenu li a { font: normal 1.5em Calibri; padding: 7px 30px; color: #000; display: block; border-bottom: 1px solid #e0e2da; letter-spacing: 1px; width: 140px; margin: 0 !important; }
#subMenu li li a { font: bold 1.3em Calibri; padding: 4px 30px 4px 45px; letter-spacing: 1px; width: 125px; }
#subMenu a.opnd, #subMenu a.slct { background-color: #333; color: #fff; }
#subMenu a.slct { background-color: #5c00d2; }
#subMenu li li a.opnd, #subMenu li li a.slct { /* lighter #923eff*/ }
#subMenu a:hover { background-color: #a100a7; color: #fff; text-decoration: none; }
#focusImg ul { float: right; }
#focusImg li { display: block; float: left; margin: 56px 0 0 20px; }
.violetText, #focusTxt h1.violetText { color: #5c00d2; }
input { font: normal 1.1em Tahoma; }
.ip-S { width: 125px; margin-right: 3px; }
.ip-M { width: 175px; }
.ip-L { width: 250px; }
.btn { background-color: #a100a7; border: 1px solid #a100a7; color: #fff; font-weight: bold; padding: 0 5px; }
.inForm legend { display: none; }
.inForm form { margin: 0; padding: 0; }
.inForm fieldset { margin: 0; padding: 0; border: none; }
.inForm input { margin-bottom: 5px; }
.inForm div input { display: block; margin-bottom: 0; }
}

@media print {#menu, .valid, #sea, #func, #focus, #subMenu, .dNone, .clear { display: none; }
body { font: normal .9em Calibri, Arial, sans-serif; width: 15cm; }
#foot { font-style: italic; }
#col02 { font-size: .8em; }
#logo { width: 100%; text-align: right; }
#logo img { width: 3cm; height: auto; }
img { border: none; }
a { color: #000; text-decoration: underline; }
h1 { color: #5c00d2; }
}