/* @override http://brandplatform.de/wp/wp-content/themes/brandplatform/style.css */

/*
Theme Name: Brandplatform
Theme URI: http://www.Brandplatform.com
Description: Grid portfolio.
Version: 1.0
Author: Becklyn GmbH
Author URI: http://www.becklyn.com/
Tags: none


*/

* {
    padding: 0;
    margin: 0;
}

body {
    background-color: white;
    text-align: center;
    color: #3F3F3F;
}

html, body, td, th, option, select, a, strong, em {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    color: #3F3F3F;
    line-height: 1.5em;
}

a {
    color: #000000;
    outline: 0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

.contentWrap {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

strong {
    font-weight: bold;
}

.end_float {
    clear: both;
}



/* ---------------------------------------------------------------------------------------------- */
/* Top Wrap (Header) */
/* ---------------------------------------------------------------------------------------------- */
#topWrap {
    background-color: white;
    margin-bottom: 10px;
}

#topWrap .header-teaser {
    float: left;
    padding-top: 30px;
}

#topWrap .header-logo {
    float: right;
    padding-top: 127px;
}



/* ---------------------------------------------------------------------------------------------- */
/* Main Menu */
/* ---------------------------------------------------------------------------------------------- */
#mainMenu {
    list-style: none;
    padding-top: 100px;
}

#mainMenu li {
    float: left;
    margin-right: 30px;
}

#mainMenu a {
    color: #3F3F3F;
    font-size: 14px;
}

#mainMenu li.current_page_item a {
    font-weight: bold;
}


#mainMenu li .visualcopy,
#mainMenu li .video,
#mainMenu li .youtube-link {
    display: none;
}

/* ---------------------------------------------------------------------------------------------- */
/* Middle Wrap */
/* ---------------------------------------------------------------------------------------------- */
#middleWrap {
    background-color: #323232;
    padding: 34px 0;
}

#middleWrap.no-bg {
    background-color: white;
}

#middleWrap,
#middleWrap a {
    color: white;
}

#middleWrap .contentWrap {
    text-align: center;
}

#middleWrap .sidebar-grid-item {
    width: 285px;
    text-align: left;
}

#middleWrap .sidebar-grid-item img {
    display: block;
    margin-bottom: 5px;
    border: 0;
}

#middleWrap .sidebar-grid-item h4 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

#middleWrap .sidebar-grid-item span.title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

#middleWrap .sidebar-grid-item span.description {
    display: block;
    font-size: 12px;
}

#middleWrap .sidebar-grid-item .visualcopy,
#middleWrap .sidebar-grid-item .video {
    display: none;
}


#middleWrap .sidebar-grid-item.sidebar-image-left {
    float: left;
    margin-right: 42px;
}

#middleWrap .sidebar-grid-item.sidebar-image-middle {
    float: left;
    margin-right: 42px;
}

#middleWrap .sidebar-grid-item.sidebar-image-right {
    float: left;
}

#middleWrap .grid-separator {
    height: 30px;
}

#middleWrap .sidebar-grid-item a {
    text-decoration: none;
}


/* ---------------------------------------------------------------------------------------------- */
/* Bottom Wrap (Footer) */
/* ---------------------------------------------------------------------------------------------- */
#bottomWrap {
    padding-top: 42px;
    padding-bottom: 14px;
}


/* ---------------------------------------------------------------------------------------------- */
/* Content */
/* ---------------------------------------------------------------------------------------------- */
#content {
    padding: 20px 0;
}

#content p {
    margin: 15px 0;
}

#content,
#content *{
    font-size: 12px;
}


/* ---------------------------------------------------------------------------------------------- */
/* Popups */
/* ---------------------------------------------------------------------------------------------- */

.popup-container {
    text-align: center;
}

.popup-container .closeLink {
    display: block;
    text-align: right;
    margin: 10px 10px 0 0;
}

.popup-container .flashWrap,
.popup-container .flash {
    margin: 0 auto;
    height: 435px;
}

.popup-container .flash object {
    margin: 0 auto;
}

.popup-container .description {
    margin: 10px;
    text-align: left;
}


/* ---------------------------------------------------------------------------------------------- */
/* Newsletter */
/* ---------------------------------------------------------------------------------------------- */
.newsletter-form table {
    width: 50%;
    border-collapse: collapse;
}

.newsletter-form table td {
    padding: 4px 8px;
}


/* ---------------------------------------------------------------------------------------------- */
/* Misc */
/* ---------------------------------------------------------------------------------------------- */

.sizedown,
#content .sizedown {
    font-size: 0.8em;
}