@charset "utf-8";

* {margin:0; padding:0;}
html, body {width:100%; height:100%;}


/*.flir {display:none;}*/
.replace {font-size:0; text-indent:-9999px; line-height:0;}
.iepngfix {behavior:url(iepngfix.htc);}
#container {margin:0 auto; width:1200px; height:100%;}

div.tip {background:#777; padding:5px; width:200px; height:auto; border:2px solid #444;}
div.tip h3 {color:#fff; font:bold 10pt arial, helvetica, sans-serif; margin:0 0 .3em 0;}
div.tip p {color:#fff; font:normal 8pt arial, helvetica, sans-serif;}


#page {margin:0 auto; width:1200px;}
#page .top {width:inherit; height:600px;}
#flash-menu, #flash-animation {outline:none;}
#page .middle {background:url(images/content-main.jpg) repeat-y center; padding:0 260px 0 278px; height:950px;}
#content {position:relative; height:950px;}
#content .star {position:absolute;}
#content .graphic {position:absolute;}
#content .row {}
#content .column {}

/* page-specific style */
/* animation */
.animation #content h2 {background:url(images/h2-animation.png); margin:0 0 0 19px; width:466px; height:266px;}
.animation #content #flash {position:absolute; left:128px; top:164px; width:388px; height:268px; z-index:998;}
.animation #content .star {left:459px; top:241px; width:134px; height:132px; z-index:999;}
.animation #content .graphic {background:url(images/animation-bg.png); left:45px; top:244px; width:571px; height:512px;}
.animation #content ul {list-style:none; position:absolute; left:224px; top:498px; width:249px; height:101px;}
.animation #content #sticker-gorillas {font-size:0; text-indent:-9999px; line-height:0; background:url(images/sticker-gorillas.png) no-repeat; width:249px; height:15px;}
.animation #content #sticker-passport-panties {font-size:0; text-indent:-9999px; line-height:0; background:url(images/sticker-passport-panties.png); margin:16px 0 0 26px; width:200px; height:30px;}
.animation #content #sticker-jungle-crooks {font-size:0; text-indent:-9999px; line-height:0; background:url(images/sticker-jungle-crooks.png); margin:22px 0 0 42px; width:167px; height:18px;}
.animation #content li a {display:block;}
.animation #content #sticker-gorillas a {width:249px; height:15px;}
.animation #content #sticker-passport-panties a {width:200px; height:30px;}
.animation #content #sticker-jungle-crooks a {width:167px; height:18px;}
.animation #page .bottom #footer {background:#f6921e url(images/footer.png);}
/* e-learning */
.e-learning #content h2 {background:url(images/h2-elearning.png); margin:0 0 48px 26px; width:598px; height:87px;}
.e-learning #content .row {padding:0 34px 0 22px; height:325px;}
.e-learning #content .column {float:left; width:331px}
.e-learning #content img {float:left; width:273px; height:325px;}
.e-learning #content .column h3 {background:url(images/h3-tdc.png); margin:0 0 6px 0; width:223px; height:71px;}
.e-learning #content .column #elearning1 {background:url(images/h4-elearning1.gif); margin:0 0 23px 10px; width:217px; height:15px;}
.e-learning #content .column #elearning2 {background:url(images/h4-elearning2.gif); margin:0 0 23px 10px; width:222px; height:15px;}
.e-learning #content .column #content p {font:11pt verdana, arial, helvetica, sans-serif; line-height:1.5em; margin:0 0 0 10px;}
.e-learning #content .column #content p span {font-size:larger;}
.e-learning #page .bottom #footer {background:#000 url(images/footer.png);}
/* logoer */
.logoer #content h2 {background:url(images/h2-logo.png); margin:0 auto; width:593px; height:224px;}
.logoer #content ul {list-style:none;}
.logoer #content img {position:absolute;}
.logoer #content .star {left:36px; top:420px; width:135px; height:134px;}
.logoer #content #logo-logo01 {left:31px; top:193px; width:241px; height:238px;}
.logoer #content #logo-logo02 {left:333px; top:333px; width:206px; height:203px;}
.logoer #content #logo-logo03 {left:60px; top:586px; width:211px; height:208px;}
.logoer #content #logo-logo04 {left:228px; top:258px; width:178px; height:177px;}
.logoer #content #logo-logo05 {left:355px; top:491px; width:275px; height:277px;}
.logoer #content #logo-logo06 {left:151px; top:403px; width:255px; height:255px;}
.logoer #content #logo-logo07 {left:365px; top:131px; width:231px; height:227px;}
.logoer #page .bottom #footer {background:#00adee url(images/footer.png);}
/* os */
.os #content h2 {background:url(images/h2-os.png); margin:0 0 6px 0; width:266px; height:134px;}
.os #content .graphic {background:url(images/os-graphic.png); left:-146px; top:383px; width:894px; height:458px;}
.os #content .column {float:left; width:317px}
.os #content .column.first {width:272px; margin:0 18px 0 24px;}
.os #content .column.first p {margin:0 0 1em 0;}
.os #content .column p {font:10pt arial, helvetica, sans-serif;}
.os #content .column p span {font:bold 11pt arial, helvetica, sans-serif;}
.os #page .bottom #footer {background:#eb008b url(images/footer.png);}
/* kontakt-us */
.kontakt-us #content h2 {background:url(images/h2-kontakt-os.png); margin:14px 0 6px 0; width:241px; height:163px;}
.kontakt-us #content .column {position:absolute; right:49px; top:0; width:300px;}
.kontakt-us #content .first {left:39px; top:0; width:241px;}
.kontakt-us #content .graphic {background:url(images/kontakt-graphic.png); left:-248px; top:391px; width:1050px; height:378px;}
.kontakt-us #content .status {color:#060; font:8pt arial, helvetica, sans-serif; background:#ff0; margin:0 0 10px 0; padding:5px;}
.kontakt-us #content .status em {font-style:normal; font-weight:bold;}
.kontakt-us #content .error {color:#f00;}
/*.kontakt-us #content dl {background:url(images/kontakt-os-info.png); margin:13px 0 0 0; width:226px; height:149px;}*/
.kontakt-us #content .site {font:normal 17pt/1em verdana, arial, helvetica, sans-serif; margin:14pt 0 .2em 0;}
.kontakt-us #content .address {margin:0 0 25px 0;}
.kontakt-us #content .address div {font:normal 11pt/1em verdana, arial, helvetica, sans-serif; margin:0 0 .3em 0;}
.kontakt-us #content .telephone {font:normal 17pt/1em verdana, arial, helvetica, sans-serif; margin:0 0 6px 0;}
.kontakt-us #content .email {font:normal 11pt/1em verdana, arial, helvetica, sans-serif;}
.kontakt-us #content .email a {color:#000; text-decoration:none;}
.kontakt-us #content .email a:hover {color:#f00;}


/*.kontakt-us #content .site {font-size:21pt; line-height:0; margin:14pt 0 .2em 0;}
.kontakt-us #content .address {margin:0 0 25px 0;}
.kontakt-us #content .address div {font-size:14pt; line-height:0; margin:0 0 .3em 0;}
.kontakt-us #content .telephone {font-size:21pt; line-height:0; margin:0 0 6px 0;}
.kontakt-us #content .email {font-size:14pt; line-height:0;}*/
.kontakt-us #contact {padding:14px 0 0 0; background:url(images/scissors.png) no-repeat right top;}
.kontakt-us #contact fieldset {padding:42px 0 5px 8px; border:1px dashed #000; height:287px;}
.kontakt-us #contact div, #contact label, #contact input {float:left;}
.kontakt-us #contact .row {margin:0 0 14px 0;}
.kontakt-us #contact label {margin:0 12px 0 9px;}
.kontakt-us #row-navn label {background:url(images/label-navn.png); width:50px; height:16px;}
.kontakt-us #row-telefon label {background:url(images/label-telefon.png); width:87px; height:17px;}
.kontakt-us #row-email label {background:url(images/label-email.png); width:66px; height:17px;}
.kontakt-us #row-besked label {background:url(images/label-besked.png); width:71px; height:17px;}
.kontakt-us #contact div {padding:0 0 3px 0; height:20px;}
.kontakt-us #contact input, .kontakt-us #contact textarea {border:0; background:none;}
.kontakt-us #navn {width:203px;}
.kontakt-us #telefon {width:167px;}
.kontakt-us #email {width:190px;}
.kontakt-us #row-navn div {background:url(images/input-navn.png) no-repeat; width:203px;}
.kontakt-us #row-telefon div {background:url(images/input-telefon.png) no-repeat; width:167px;}
.kontakt-us #row-email div {background:url(images/input-email.png) no-repeat; width:190px;}
.kontakt-us #besked {width:270px; height:127px; border:0; overflow:auto;}
.kontakt-us #row-besked div {background:url(images/input-besked.png) no-repeat; margin:13px auto 0 auto; padding:6px 0 0 6px; width:282px; height:139px;}
.kontakt-us #contact .button {position:absolute; right:0; margin:11px 0 0 0;}
.kontakt-us #page .bottom #footer {background:#ff00a6 url(images/footer.png);}

/* grafisk */
.grafisk #content h2 {background:url(images/h2-print.png); margin:0 0 0 28px; width:327px; height:138px;}
.grafisk #content ul {list-style:none;}
.grafisk #content img {position:absolute; border:0;}
.grafisk #content .star {left:310px; top:392px; width:134px; height:132px;}
.grafisk #content .graphic {background:url(images/print-graphic.png); left:464px; top:691px; width:167px; height:92px;}
.grafisk #content #print-photo01 {left:443px; top:335px; width:205px; height:324px;}
.grafisk #content #print-photo02 {left:277px; top:498px; width:183px; height:228px;}
.grafisk #content #print-photo03 {left:267px; top:122px; width:190px; height:294px;}
.grafisk #content #print-photo04 {left:454px; top:4px; width:184px; height:233px;}
.grafisk #content #print-photo05 {left:422px; top:212px; width:177px; height:148px;}
.grafisk #content #print-photo06 {left:156px; top:289px; width:163px; height:225px;}
.grafisk #content #print-photo07 {left:-13px; top:447px; width:231px; height:254px;}
.grafisk #content #print-photo08 {left:49px; top:136px; width:226px; height:165px;}
.grafisk #content #print-photo09 {left:14px; top:279px; width:151px; height:175px;}
.grafisk #content #print-photo10 {left:3px; top:146px; width:76px; height:169px;}
.grafisk #content #print-photo11 {left:203px; top:517px; width:87px; height:258px;}
.grafisk #page .bottom #footer {background:#85d600 url(images/footer.png);}
/* hjemmesider */
.hjemmesider #content h2 {background:url(images/h2-hjemmesider.png); margin:0 0 0 4px; width:383px; height:119px;}
.hjemmesider #content ul {list-style:none;}
.hjemmesider #content img {position:absolute; border:0;}
.hjemmesider #content #website-photo01 {left:436px; top:13px; width:208px; height:226px;}
.hjemmesider #content #website-photo02 {left:134px; top:329px; width:183px; height:182px;}
.hjemmesider #content #website-photo03 {left:237px; top:581px; width:204px; height:202px;}
.hjemmesider #content #website-photo04 {left:412px; top:520px; width:209px; height:223px;}
.hjemmesider #content #website-photo05 {left:27px; top:101px; width:247px; height:249px;}
.hjemmesider #content #website-photo06 {left:415px; top:223px; width:234px; height:247px;}
.hjemmesider #content #website-photo07 {left:236px; top:106px; width:200px; height:250px;}
.hjemmesider #content #website-photo08 {left:290px; top:359px; width:202px; height:238px;}
.hjemmesider #content #website-photo09 {left:15px; top:497px; width:249px; height:273px;}
.hjemmesider #content #website-photo10 {left:-6px; top:324px; width:164px; height:195px;}
.hjemmesider #page .bottom #footer {background:#ff00a6 url(images/footer.png);}
/* templates */
.templates #page .middle {background:url(images/templates-bg.jpg) repeat-y center; padding:0 260px 0 278px; height:1572px;}
.templates #content h2 {background:url(images/h2-templates.png); margin:0 0 17px 17px; width:610px; height:101px;}
.templates #content p {font:11pt/1.4em arial, helvetica, sans-serif; margin:0 0 15px 0; padding:0 29px 0 33px;}
.templates #content p em {color:#f00; font-weight:bold; font-style:normal;}
.templates #content .row {margin:0 0 0 33px; width:601px; height:233px;}
.templates #content .column {float:left; background:url(images/scissors.png) no-repeat right top; padding:14px 0 0 0; width:299px; height:247px;}
.templates #content .column a {display:block; padding:22px 26px; width:247px; height:189px; border:1px dashed #000;}
.templates #content .row .first a {border-right:0;}
.templates #content .column img {border:0;}
.templates #page .bottom #footer {background:#000 url(images/footer.png);}


#page .bottom {margin:-159px 0 0 0; padding:0 260px 0 278px; height:83px; /*height:159px;*/}
#page .bottom #footer {margin:0 0 0 9px; width:622px; height:49px;}
#page .bottom #bottom-nav {margin:55px 0 0 0;}
#page .bottom ul {text-align:center; position:relative;}
#page .bottom li {display:inline; list-style:none; margin:0 5px;}
#page .bottom li a {color:#000; font:8pt Arial, Helvetica, sans-serif; text-decoration:none;}
#page .bottom li a:hover {color:red;}
#page .bottom #copyright {font:8pt arial, helvetica, sans-serif; text-align:center; line-height:30px; height:30px;