/*********************************************************************************************************************/
/* BACKGROUND */
/*********************************************************************************************************************/
/*div#background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

div.topic div.title-row {
    position: relative;
    top: 0px;
}

div.start.topic-0 {
    background-image: url('../images/bg-start.jpg');
}

/*div.start.topic-1 {
    background-image: url('../images/bg-topic-1.jpg');
}

div.start.topic-2 {
    background-image: url('../images/bg-topic-2.jpg');
}*/

div.topic {
    float: left;
}


/*********************************************************************************************************************/
/* BACKGROUND */
/*********************************************************************************************************************/
/*div.background {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('../images/bg-topic-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/



/*********************************************************************************************************************/
/* MAIN TEASER */
/*********************************************************************************************************************/

div.main-teaser-container {
    height: auto;
    padding: 10px;
    background: rgba(239, 239, 239, 0.9);
    float: right;
    width: 500%;
}


div.main-teaser {
    background-color: #ffffff;
    width: 742px;
    float: right;
    /*background: rgba(239, 239, 239, 0.9);*/
}

div.main-teaser-content {
    padding: 10px;
    font-size: 0.9em;
    
}

div.main-teaser-content .author-info{
    font-family: Merriweather,serif;
    font-size: 0.9em;
    margin-top: 10px;
}

div.main-teaser-content p.link {
    text-align: right;
    margin: 0px;
}

div.main-teaser-content img {
    float: right;
    margin: 0px 0px 10px 10px;
}

div.main-teaser h2 {
    background-color: #134170;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px;
    text-align: left;
    color: #ffffff;
    font-weight: 400;
    font-size: 0.9em;
    text-transform: uppercase;
}

div.main-teaser h3 {
    margin: 0px 0px 10px 0px;
    font-family: Merriweather;
    font-weight: 700;
    font-size: 1.3em;
}

div.main-teaser div.date {
    margin-right: 8px;
    width: 30px;
    float: left;
}

div.main-teaser div.date div.month, div.main-teaser div.date div.day {
    background: none repeat scroll 0 0 #909393;
}


div.start div.main-teaser-content div.video-description {
    width: 216px;
    padding-right: 10px;
}

div.start div.main-teaser-content div.video-description div.text {
    font-size: 0.9em;
    color: #000000;
}

div.start div.main-teaser-content div.video-description div.link a {
    font-size: 0.9em;
}

div.start div.main-teaser-content div.start-video {
    margin-bottom: 10px;
}

/*********************************************************************************************************************/
/* LEFT COLUMN */
/*********************************************************************************************************************/
div.topic #content-left {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    margin: 80px 0 200px 0;
    overflow: visible;
    scroll-x: none;
}


div.topic #content-left  div.boxes div.box {
    margin: 0px 0px 0px 0px;
    width: 356px;
    font-size: 1.1em;
}

div.topic #content-left  div.boxes div.box.interactive div.box-content {
    width: 356px;
}

div.topic #content-left  div.boxes div.box.interactive div.box-content iframe {
    width: 356px;
}

div.topic #content-left div.boxes div.box img {
    width: 120px;
}
div.topic #content-left div.boxes div.box img.interactive {
    width: 356px;
}

div.topic #content-left div.boxes {
    padding: 0px;
    background: none;
}
div.topic #content-left .boxes-container {
	width: 762px;
	float: right;
}

div.topic #content-left div.boxes div.box-container {
    padding: 10px;
    float: left;
    background: rgba(239, 239, 239, 0.9);
    margin: 10px 10px 0px 0px;
}

div.topic #content-left  div.boxes div.col2 {
    margin-right: 0px !important;
}

/*********************************************************************************************************************/
/* RIGHT COLUMN */
/*********************************************************************************************************************/

div.topic #content-right, div.start #content-left {
	float: right;
	width: 50%;	
}


div.topic #content-right {
	margin: 80px 0 200px -250px;
	padding-left: 250px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}



div.topic #content-right  div.boxes {
	width: 230px;
	float: left;
	margin-left: 10px;	
}

div.topic #content-right  div.boxes div.box {
    margin: 10px 0px 0px 0px;
    width: 230px;
}

div.topic #content-right  div.boxes div.box:first-child {
    margin-top: 0px;
}


div.topic #content-right div.rightnav-colapsed {
    float: left;
    margin-left: 10px;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    padding-bottom: 18px;
    border-radius: 10px;
}



div.topic #content-right .point-nav {
    width: 22px;
    float: left;
}

div.topic #content-right .point-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 20px;
}

div.topic #content-right .point-nav li {
    margin: 0px;
    padding: 5px 8px;
}

div.topic #content-right .point-nav li a {
    width: 7px;
    height: 7px;
    display: block;
}