/*
 * CSS for DSV's start page
 */

/*
 * Page layout elements
 */

#start-slides {
    width: 735px;
    height: 280px;
    float: left;
}

#start-maincol {
    width: 735px;
    float: left;
}

#start-bignews {
    float: left;
    padding-right: 10px;
}

#start-midcol {
    width: 245px;
    float: right;
}

/*
 * Slideshow
 */
#start-slides {
    background: #002E5F;
    overflow: hidden;
    position: relative;
}
.slides_container, .slides_container div {
    width: 735px;
    height: 280px;
    position: relative;
}
.slides_container div.olive { background: #a3a86b }
.slides_container div.sky   { background: #acdee6 }
.slides_container div.water { background: #9bb2ce }
.slides_container div.fire  { background: #d95e00 }

/* body.editor #start-slides, body.editor .slides_container {
    height: auto;
} */
.slides_container a {
    display: table-cell;
    vertical-align: middle;
    width: 285px;
    height: 280px;
    font-size: 150%;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: white;
}
.slides_container div.sky a, .slides_container div.water a { color: black; }

.slides_container a:hover { text-decoration: underline; }
#start-slides img {
    position: absolute;
    right: 0;
    top: 0;
    /* width: 420px; */
    height: 280px;
}

/*
 * Colorboxes (news, jobs)
 */
.start-colorbox {
    padding: 10px;
    margin-bottom: 15px;
    font-family: Georgia, "DejaVu Serif", serif;
}
.start-colorbox h2 {
    color: #002E5F;
    margin-top: 0;
    font-weight: bold;
}
#start-smallnews { background: #ACDEE6; }
#start-jobs { background: #9BB2CE; }
.start-colorbox p {
    line-height: 1.4;
    margin-bottom: 5px;
}
.start-colorbox a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
.start-colorbox a:hover { text-decoration: underline; }

#start-teasers {
    float: right;
    width: 230px;
    text-align: center;
}
#start-teasers img {
    max-width: 230px;
}
#start-teasers p {
    margin-bottom: 25px;
}
body.editor #start-teasers {
    padding-bottom: 100px;
    border: 1px dashed red;
}

/*
 * "Big" news
 */

#start-bignews {
    padding: 0 0 0 85px;
    width: 395px; /* 480 - 85 */
    position: relative;
}

#start-bignews img {
    width: 75px;
    float: left;
    margin-left: -85px;
    /* margin-right: 10px; */
    margin-bottom: 5px;
}
#start-bignews h2 {
    margin-top: 5px;
}
#start-bignews hr {
    clear: both;
    border: none;
    background: url(../img/divider-dotted-horisontal.gif) left center repeat-x;
    height: 1px;
    margin-right: 0;
    margin-left: -85px;
}
#start-bignews p {
    font-family: Georgia, "DejaVu Serif", serif;
}