@charset "UTF-8";
/* CSS Document */

/* GENERAL */
*{margin:0px;padding:0px;border:none;}
body{background:url(../graphics/bg.gif) repeat #C7B299;font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#FFFFFF;overflow:hidden;}
.float-clear{clear:both;}
a{outline:none;color:#FFFFFF;font-size:9px;text-decoration:none;letter-spacing:2px}
a:hover{text-decoration:underline;}
h2{text-align:center;font-size: 14px; }
h3{margin:10px 0 10px 0;}
.darkGrey { color: #333333; font-weight: bold; }
.orange { color: #E95900; }
.align-center { text-align: center; }
.small { font-size: 10px; color: #B2B2B2; text-transform: none; }
.align-center { text-align: center; }
#pure-button a { background: url(../graphics/pure-logo-sprite.png) no-repeat -145px 0; width: 135px; height: 140px; display: block; text-indent: -999em; }
#pure-button a:hover { background-position: 5px 0;  }

/* CONTAINER */
#container{position:relative;width:990px;height:700px;margin:0 100% 0 0;}


/* TOP */
#top{position:relative;height:150px;background:url(../graphics/bg_gradient.png) top left repeat-y;}


/* CENTER */
#center{position:relative;height:400px;background-color:#333333;}


/* BOTTOM */
#bottom{position:relative;height:800px;background:url(../graphics/bg_gradient.png) top left repeat-y;padding-top:10px}


/* CONTACT */
#contact{position:absolute;bottom:5px;right:0;width:150px;height:27px;}
/*#contact a{color:#777777;font-size:10px;}*/
#contact a{color:#000000;font-size:10px;}


/* LOGO */
#logo{position:absolute;bottom:12px;left:30px;width:274px;height:54px;font-size:50px;}


/* NAVIGATION */
#navigation{position:absolute;top:0;left:0;width:270px;height:320px;z-index:999}
#navigation ul{list-style:none;margin:20px 0 0 20px;}
#navigation li{margin:0 0 4px 0}
#navigation a{display:block;width:140px;height:20px;background:url(../graphics/navigation-matrix.png) top left no-repeat;text-indent:-999em;text-transform:uppercase;font-size:10px;}

#navigation a.winter{background-position:7px 0px;}
#navigation a.spring{background-position:7px -20px;}
#navigation a.summer{background-position:7px -40px;}
#navigation a.autumn{background-position:7px -60px;}
#navigation a.films{background-position:7px -80px;}
#navigation a.news{background-position:7px -100px;}
#navigation a.about{background-position:7px -120px;}
#navigation a.references{background-position:7px -140px;}
#navigation a.contact{background-position:7px -160px;}

#navigation a.winter:hover{background-position:-150px 0px;}
#navigation a.spring:hover{background-position:-150px -20px;}
#navigation a.summer:hover{background-position:-150px -40px;}
#navigation a.autumn:hover{background-position:-150px -60px;}
#navigation a.films:hover{background-position:-150px -80px;}
#navigation a.news:hover{background-position:-150px -100px;}
#navigation a.about:hover{background-position:-150px -120px;}
#navigation a.references:hover{background-position:-150px -140px;}
#navigation a.contact:hover{background-position:-150px -160px;}

body.winter #navigation a.winter{background-position:-300px 0px;cursor:default;}
body.spring #navigation a.spring{background-position:-300px -20px;cursor:default;}
body.summer #navigation a.summer{background-position:-300px -40px;cursor:default;}
body.autumn #navigation a.autumn{background-position:-300px -60px;cursor:default;}
body.films #navigation a.films{background-position:-300px -80px;cursor:default;}
body.news #navigation a.news{background-position:-300px -100px;cursor:default;}
body.about #navigation a.about{background-position:-300px -120px;cursor:default;}
body.references #navigation a.references{background-position:-300px -140px;cursor:default;}
body.contact #navigation a.contact{background-position:-300px -160px;cursor:default;}


/* KAMPANJER */
#navigation-kampanje { position: absolute; top:0; left: 0; width: 100px; height: 100px; z-index: 999}
#navigation-kampanje ul { list-style: none; margin: 20px 0 0 20px;}
#navigation-kampanje li { margin: 0 0 4px 0}
#navigation-kampanje a { display: block; width: 100px; height:20px; text-transform: uppercase; font-size: 10px; font-weight: bold; }
#navigation-kampanje a:hover { text-decoration: none; color: #E95900; }
body.beskrivelse #navigation-kampanje a.beskrivelse { color: #E95900; }
body.bilder #navigation-kampanje a.bilder { color: #E95900; }
body.film #navigation-kampanje a.film { color: #E95900; }
body.kontakt #navigation-kampanje a.kontakt { color: #E95900; }
#scrollbox { position: absolute; top: 0; left: 0; width: 990px; height: 400px; overflow-y: scroll; z-index: 990; }
#scroll-bg { position: absolute; top: 0; left: 275px; width: 420px; height: 400px; z-index: 988; background: url(../graphics/bg_text.png) top left; }
#scroll-content { width: 380px; height: 400px; margin: 0 auto 0 auto; font-size: 13px; }
body.beskrivelse h2 { color: #E95900; text-transform: uppercase; line-height: 24px; }
#scroll-content a { text-decoration: underline; font-size: 13px; }
#scroll-content a:hover { text-decoration: none; }
body.presse div.presse { text-align: center; }
body.presse div.presse a { text-decoration: underline; }
body.presse div.presse a:hover { text-decoration: none; }


/* PAGE-TITLE */
#pagetitle{position:absolute;bottom:0;left:30px;width:400px;height:50px;background:url(../graphics/pagetitle.png) top left no-repeat;z-index:999}
body.winter #pagetitle{background-position:0px 0px;}
body.spring #pagetitle{background-position:0px -50px;}
body.summer #pagetitle{background-position:0px -100px;}
body.autumn #pagetitle{background-position:0px -150px;}
body.news #pagetitle{background-position:0px -200px;}
body.about #pagetitle{background-position:0px -250px;}
body.contact #pagetitle{background-position:0px -300px;}


/* TEXT */
#text{position:absolute;top:60px;right:30px;width:500px;height:400px;z-index:980;text-transform:uppercase;font-size:18px;line-height:26px;}


/* ABOUT US */
#text_nofade.about{position:absolute;top:0px;left:565px;width:350px;height:400px;z-index:999;text-transform:uppercase;font-size:10px;line-height:16px;overflow:hidden;}


/* NEWS */
#text_nofade.news{position:absolute;top:0px;left:565px;width:350px;height:400px;z-index:999;text-transform:uppercase;font-size:10px;line-height:16px;overflow:hidden;}
#text_nofade.news div.newsItem{margin:40px 0 40px 0}
.newsContact{font-family:arial;font-size:8px;margin:5px 0 0 0;letter-spacing:2px}
.newsContact a{font-family:arial;font-size:8px;text-decoration:underline}
.newsContact a:hover{font-family:arial;font-size:8px;text-decoration:none}

/* CONTACT INFO */
#text.contactinfo{position:absolute;top:0px;left:565px;width:350px;height:400px;z-index:999;text-transform:uppercase;font-size:10px;line-height:16px;overflow:hidden;}
#text.contactinfo div.worker{clear:both;margin:40px 0 0 0}
#text.contactinfo div.worker div.image{float:left;margin:0 15px 0 0}
#text div p.name{font-size:20px}
#text div p.host{font-weight:bold;font-size:12px;}
#text div p.email{margin:20px 0 0 0;}
#text div p.email a{font-family:arial;font-size:10px;text-decoration:underline;letter-spacing:1px}
#text div p.email a:hover{font-family:arial;font-size:10px;text-decoration:none}  
#text div p.mobile{}

#text_nofade.contactinfo{position:absolute;top:0px;left:565px;width:350px;height:400px;z-index:999;text-transform:uppercase;font-size:10px;line-height:16px;overflow:hidden;}
#text_nofade.contactinfo div.worker{clear:both;margin:40px 0 0 0}
#text_nofade.contactinfo div.worker div.image{float:left;margin:0 15px 0 0}
#text_nofade div p.name{font-size:20px}
#text_nofade div p.host{font-weight:bold;font-size:12px;}
#text_nofade div p.email{margin:20px 0 0 0;}
#text_nofade div p.email a{font-family:arial;font-size:10px;text-decoration:underline;letter-spacing:1px}
#text_nofade div p.email a:hover{font-family:arial;font-size:10px;text-decoration:none}  
#text_nofade div p.mobile{}


/* SLIDE-SHOW */
#slideshow{width:990px;height:400px;}
#gallery{width:990px;height:400px;text-align:center;}


/* IMAGE CAPITONS */
#captionField{position:absolute;top:285px;right:130px;width:400px;height:100px;z-index:980;text-transform:uppercase;font-size:12px;line-height:18px;}
body.kampanje #captionField{ position: absolute; bottom: 0px; left: 20px; width: 400px; height: 100px; z-index: 980; text-transform: uppercase; font-size: 12px; line-height: 18px; }


/* BG IMAGE */
bg-image{width:990px;height:400px;}


/* FOOTER */
/*#footer{font-size:10px;color:#777777;text-align:center;}*/
#footer{font-size:10px;color:#000000;letter-spacing:2px;text-align:center;margin:0 0 0 0;}
#footer p { margin: 0 0 8px 0; letter-spacing: 1px; line-height: 1.5em; }


/* FILMS */
#filmmenu { position: absolute; top: 14px; right: 14px; list-style: none; }