@import url(skybrudDkCommon.css);
@import url(jquery-ui-1.7.1.custom.css);

#mainContainer {
    position: relative;
    width: 925px;
    height: auto;
    margin: 0px auto
}

#smallContainer {
    position: relative;
    width: 490px;
    height: auto;
    margin-left: 435px;
}

#bgOverlay {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    /*background: url('/img/skybrudDk/bgOverlayFront.png') repeat-x center top !important;
    background: url('/img/tom.gif') no-repeat*/
}

#bgOverlayTop 
{
    height: 482px;
    }
    
#bgOverlayBlue 
{
    height: 28px;
    background: url('/img/skybrudDk/bgOverlayBlue.gif') repeat-x;
    }
    
#bgOverlayWhite 
{
    height: 46px;
    }
    
#bgOverlayGray
{
    height: 100px;
    }
    
    
#bgOverlayRest
{
    
    }
    
.overlayWhite 
{
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
    }
    
.overlayGray 
{
    background-color: #ccc;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
    }

#logoContainer {
    width: 100%;
    height: 75px;
    margin-top: 48px;
    margin-bottom: 25px;
    text-align: right
    
}

#caseContainer {
    position: relative;
    width: 100%;
    height: 312px;
    background: #202020 url('/img/skybrudDk/bgFrontCase.gif') repeat-x;
}

#caseContainer .innerpadding {
    padding: 25px 0 0 25px
}

#menuContainer {
    width: 100%;
    height: 28px;
    background: #4ac2e2 url('/img/skybrudDk/menu/bgMenuContainer.gif') repeat-x;
    
}

#contentContainer {
    width: 100%;
    height: auto;
    background-color: #202020;
    padding-bottom: 150px
}

#contentContainer .innerpadding {
    padding: 33px 0 0 25px;
    
}

.columnLeft {
    width: 220px;
    float: left
}

.columnRight {
    width: 245px;
    background: url('/img/skybrudDk/bgColumnRight.gif') no-repeat;
    float: left
}

#blogContainer {
    width: 195px;
    padding: 16px 0 6px 0;
    margin-bottom: 12px;
    border-bottom: solid 1px #4d4d4d;
}

#blogContainer ul.rssfeed {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#blogContainer ul.rssfeed a {
    color: #ffffff; 
    text-decoration: underline; 
/*    border-bottom: 1px solid #4d4d4*/
}

#blogContainer ul.rssfeed a:hover {
    color: #4dc8e9; 
}

/* xslt visning af blog */
.blogPostItem 
{
    float: left;
    margin-bottom: 20px
    }
    
.blogPostItemLeft
{
    float: left;
    width: 40px;
    margin-right: 10px
    }
    
.blogPostItemRight
{
    width: 145px;
    float: left
    }

.blogPostItem .second .blogPostItemRightDate {
    background-color:#3a96af;
    color: #bfbfbf
}

.blogPostItem .second .blogPostItemRightText a, .blogPostItem .second .blogPostItemRightName {
    color: #bfbfbf
}

.blogPostItem .third .blogPostItemRightDate {
    background-color:#266474;
    color: #7f7f7f
}

.blogPostItem .third .blogPostItemRightText a, .blogPostItem .third .blogPostItemRightName {
    color: #7f7f7f
}

.blogPostItem .second .blogPostItemRightText a:hover, .blogPostItem .third .blogPostItemRightText a:hover {
    color: #fff
}
    
.blogPostItemRightDate
{
    color: #fff;
    padding: 1px 2px 1px 2px;
    font-size: 10px;
    background-color: #4dc8e9
    }
    
.blogPostItemRightText
{
    font-size: 12px;
    margin-top: 2px
    }
    
.blogPostItemRightName
{
    font-style: italic
    }

a#rss {
    float: right;
    margin: 25px 25px 0px 0px;
    display: block;
    width: 12px; 
    height: 12px;
    overflow: hidden;
}
a#rss:hover {
    text-indent: -12px;
}

/* twitterContainer */

#twitterContainer {
    width: 195px;
}

.twitterOverlay {
    width: 195px;
    height: 50px;
    /*background-color: Red;*/
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.hlTwitter {
    margin-bottom: 2px
}

#twitContainer {
    padding-top: 20px
}

#twitContainer .second .tweet, #twitContainer .second .tweet a {
    color: #bfbfbf    
}

#twitContainer .second .tweet a:hover, #twitContainer .third .tweet a:hover {
    color: #fff    
}

#twitContainer .second .postDate {
    color: #3a96af    
}

#twitContainer .third .tweet, #twitContainer .third .tweet a {
    color: #7f7f7f    
}

#twitContainer .third .postDate {
    color: #266474    
}

#twitterContainer .postDate {
    color: #4dc8e9
}

#twitterContainer .tweets {
    position: relative;
    margin-bottom: 20px
}

#socialContainer {
    width: 195px;
    height: 46px;
    margin: 0 25px 0 25px;
    padding: 7px 0px 4px 0px;
    border-bottom: solid 1px #4d4d4d
}

#socialContainer a#twitter { 
    display: block;
    width: 53px; 
    height: 19px;
    overflow: hidden;
    float: left;
}

#socialContainer a#twitter:hover { 
    display: block; 
    text-indent: -53px;
}

#socialContainer a#facebook { 
    display: block;
    width: 55px; 
    height: 19px;
    margin-left: 16px;   
    overflow: hidden;
    float: left;
}

#socialContainer a#facebook:hover { 
    display: block; 
    text-indent: -55px;
}

#socialContainer a#linkedIn { 
    display: block;
    width: 54px; 
    height: 16px;
    margin-top: 2px;
    margin-left: 17px; 
    overflow: hidden;
    float: left;
}

#socialContainer a#linkedIn:hover { 
    display: block; 
    text-indent: -54px;
}

#socialContainer a#flickr { 
    display: block;
    width: 42px; 
    height: 13px;
    margin-top: 7px;
    margin-right: 27px;  
    overflow: hidden;
    float: left;
}

#socialContainer a#flickr:hover { 
    display: block; 
    text-indent: -42px;
}

#socialContainer a#vimeo { 
    display: block;
    width: 45px; 
    height: 13px;
    margin-top: 7px; 
    margin-right: 24px;  
    overflow: hidden;
    float: left;
}

#socialContainer a#vimeo:hover { 
    display: block; 
    text-indent: -45px;
}

#socialContainer a#issuu { 
    display: block;
    width: 57px; 
    height: 19px;
    margin-top: 5px;  
    overflow: hidden;
    float: left;
}

#socialContainer a#issuu:hover { 
    display: block; 
    text-indent: -57px;
}

#certContainer {
    width: 195px;
    height: 36px;
    margin: 0 25px 0 25px;
    padding: 21px 0 17px 0;
    text-align: center;
    border-top: solid 1px #4d4d4d;
    border-bottom: solid 1px #4d4d4d
}

#certContainer .split{
    width: 1px;
    height: 32px;
    margin-right: 18px;
    background-color: #4d4d4d;
    float: left;
}

#certContainer a#co2 { 
    display: block;
    width: 66px; 
    height: 36px;
    margin-right: 18px;   
    overflow: hidden;
    float: left;
}

#certContainer a#co2:hover { 
    display: block; 
    text-indent: -66px;
}

#certContainer a#microsoft { 
    display: block;
    width: 92px; 
    height: 36px;  
    overflow: hidden;
    float: left;
}

#certContainer a#microsoft:hover { 
    display: block; 
    text-indent: -92px;
}


#spotPaaContainer {
    width: 245px;
    height: 113px;
    overflow: hidden;
}

#velkommenContainer {
    margin: 31px 25px 0 25px;
    padding-bottom: 33px;
    border-bottom: solid 1px #4d4d4d
}

#supperBesoegContainer {
    margin: 31px 25px 33px 25px;
}

h2 {
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.caseTransLayer {
    position: absolute;
    width: 440px;
    height: 60px;
    top: 219px;
    left: 25px;
    background: url('/img/skybrudDk/front/bgCaseTransLayer.png') no-repeat !important;
    background: url('/img/tom.gif') no-repeat;
    z-index: 100;
}

.caseTransLayer a {
    position: absolute;
    font-size: 16px;
    font-weight: normal;
    padding-right: 12px;
    top: 20px;
    left: 20px;
    color: #fff;
    text-decoration: none;
    background: url('/img/skybrudDk/front/linkArrow.gif') no-repeat top right;
}

.caseTransLayer a:hover {
    text-decoration: underline
}

.frontcasePicture {
    position: absolute;
    top: 51px;
    left: 25px;
    width: 440px;
    height: 228px;
    overflow: hidden
}

#timelineContainer {
    position: absolute;
    top: 279px;
    left: 0px;
    width: 440px;
    height: 1px;
    background-color: #50c8e8;
    margin-left: 25px;
    z-index: 5
}

#caseNaviContainer {
    position: absolute;
    top: 285px;
    left: 0;
    width: 440px;
    height: 26px;
    margin-left: 25px;
    float: left;
}

#caseNaviLeft {
    float: left
}

#caseNaviRight {
    float: right;
}

#caseNaviRight img {
    vertical-align: top;
}

#caseNaviLeft a {
    color: #fff;
    font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-right: 5px
}

#caseNaviLeft a:hover {
    text-decoration: underline;
}

#caseNaviLeft a.activeSlide {
    color: #4dc8e9
}

/*
.columnRight a, #blogContainer a {
    text-decoration: underline;
    border-bottom: 1px #4d4d4d solid;
}

.columnRight a:hover, #blogContainer a:hover {
    border-bottom: 1px #4dc8e9 solid;
}
*/

#cc-shortlisted {
	position: absolute;
	top:  51px;
	left: 378px;
	width: 87px;
	height: 72px;
	z-index: 99;
}