﻿/* CSS Document */
*{font-family:arial,sans-serif;color:#414042;font-size:12px;line-height:1.4} 
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fff;} 
h1,h2,h3,h4,h5,h6,div,p,ul,li,form,iframe{margin:0;padding:0;} 
h1,h6{color:#000;font-size:22px;font-weight:bold;} 
h1{margin-bottom:10px;position:relative;} 
h2{color:#000;font-size:18px;} 
h3,h4,h5{font-size:12px;font-weight:bold;}  
ul,li{list-style-type:none;} 
iframe{border:0;position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;} 
form{position:relative;}
textarea{overflow:auto;}
input[type=submit],input[type=reset],input[type=button]{background:#000;color:#fff;border:1px solid #000;} 
a{color:inherit;font-size:100%;text-decoration:underline;} 
img,a img{border:none;} 

div#bg{width:100%;height:100%;} 
div#wrapper{position:absolute;width:100%;height:100%;} 
div#container{position:absolute;padding:0;width:960px;bottom:145px;height:515px;margin-left:-480px;overflow:hidden;left:50%;} 
div#container div#submenu,
div#container div.content,
div#container div.login,
div#container div.collection{position:relative;margin-top:29px;float:left;height:366px;overflow:hidden;} 

div#container div#submenu{height:348px;width:105px;padding:18px 8px 0 18px;margin-right:7px;} 
div#submenu ul{position:relative;} 
div#submenu ul li a{padding:3px;display:block;text-decoration:none;color:#666;} 
div#submenu ul li a:hover, 
div#submenu ul li a.active{color:#000;} 
div#submenu ul li a.active{font-weight:bold;} 
div#submenu ul li ul li a{margin:-3px 0 0 9px;font-size:11px;font-weight:;} 

div#container div.content{height:348px;width:483px;padding:18px 27px 0 27px;} 

div#container div.login{width:761px;}

div#container div.collection{width:815px;}
div.collection img#arrowLeft,
div.collection img#arrowRight{position:absolute;padding:10px 5px;margin-top:-19px;width:15px;display:none;height:38px;top:50%;cursor:pointer;} 
div.collection img#arrowLeft{left:-5px;} 
div.collection img#arrowRight{right:-5px;} 
div.collection ul{position:absolute;top:0;left:0;} 
div.collection ul li{width:265px;display:inline;float:left;height:366px;overflow:hidden;margin-right:10px;} 
div.collection ul li img{width:265px;display:block;height:348px;} 
div.collection ul li a,
#Co3Gallery_Information a{padding-left:17px;display:block;height:18px;background:#fff url(/files/billeder/dranella/gfx/list-arrow.gif) no-repeat 4px 50%;} 
div.collection ul li span{text-align:center;font-size:10px;line-height:17px;position:relative;top:-360px;left:242px;display:block;width:17px;height:17px;overflow:hidden;background:url(/files/billeder/dranella/gfx/bg-white-circle.png) no-repeat 0 0;} 

div#shareNmore{position:absolute;text-align:center;padding:3px 2px 12px 0;width:108px;top:495px;right:0;background:url(/files/billeder/dranella/gfx/bg-share-n-more.png) no-repeat 0 0;} 
div#shareNmore h5{height:22px;color:#000;font-size:13px;} 
div#shareNmore li{display:block;} 
div#shareNmore li a{margin:2px 0;display:block;font-size:11px;text-decoration:none;} 
div#shareNmore li a img{margin:6px auto;display:block;} 

div#nav{position:absolute;width:100%;bottom:89px;background:#fff;height:56px;} 
div#nav ul{margin:0 auto;width:960px;} 
div#nav ul li{float:right;padding:3px;} 
div#nav ul li a{padding:17px 12px;display:block;color:#666;text-decoration:none;} 
div#nav ul li a:hover,
div#nav ul li a.active{color:#000;} 
div#nav ul li a.active{font-weight:bold;} 
div#nav ul li#logo{float:left;} 
div#nav ul li#logo a{padding:10px 0;} 
div#nav ul li#logo a img{width:186px;height:32px;} 
div#nav ul li #mp3Player{width:100px;display:block;height:50px;} 

div#footer{position:absolute;width:100%;bottom:0;height:89px;} 
div#footer div.bg{opacity:0.6;filter:alpha(opacity=60);}
div#footer a{position:absolute;width:960px;display:block;color:#333;margin-left:-480px;font-size:9px;top:12px;left:50%;} 

div#iPaperContainer{z-index:200;position:absolute;} 

div.paragraph{position:relative;} 
div.youtube.paragraph{text-align:left;margin:29px 0;} 
div.paragraph span.left.paragraphimage{margin:2px 10px 8px 0;display:inline;float:left;} 
div.paragraph span.right.paragraphimage{margin:2px 0 8px 10px;display:inline;float:right;} 
div.paragraph span.center.paragraphimage{margin:2px auto;display:block;} 
div.paragraph span.paragraphimage img{margin:0 auto 2px;} 
div.paragraph span.paragraphimage a{text-decoration:none;} 
div.paragraph span.paragraphimage em{font-style:italic;font-size:10px;} 
div.paragraph span.paragraphimage a em{text-decoration:underline;}

ul.sitemap{padding:0 20px;margin:0 20px;width:400px;height:100%;overflow:hidden;} 
ul.sitemap li{width:190px;background:url(/files/billeder/dranella/gfx/list-bullet.gif) no-repeat 0 7px;float:left;padding:0 0 10px 10px;} 
ul.sitemap li li{padding:0 0 0 15px;background:url(/files/billeder/dranella/gfx/list-square.gif) no-repeat 5px 7px;} 
ul.newsList,
ul.newsPaging,
ul.newsFeeds{margin:0;padding:0;width:480px;overflow:hidden;} 
ul.newsList{height:279px;overflow:hidden;} 
ul.newsFeeds{visibility:hidden;} 
ul.newsList li{margin:0 20px 17px 0;} 
ul.newsList li h3{float:left;font-size:12px;margin:0 5px 0 0;} 
ul.newsList li h3 a{text-decoration:none;}  
ul.newsPaging{text-align:center;height:28px;} 
ul.newsPaging li{display:inline;} 
ul.newsPaging li.pageNumbers a{padding:2px 4px;} 
ul.newsPaging li.pageNumbers a, 
ul.newsPaging li.pageNumbers a b{font-size:12px;} 
div.newsItem{padding-bottom:17px;height:331px;} 
div.newsItem em{display:block;font-size:10px;} 
div.newsItem span.paragraphimage img{margin-left:30px;} 
div.newsItem a.backLink{position:absolute;bottom:17px;display:block;right:0;} 
div.bg{width:100%;height:366px;position:absolute;top:0;left:0;opacity:0.8;filter:alpha(opacity=80);background:#fff;}
