/*!
 * it:media - Design und Entwicklung GmbH;
 *
 * Copyright 2012 it:media
 * http://www.it-media.ch/
 */

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Strait);


body {
    background:         #e3e1d2;
    font-family:        'Strait', sans-serif;
    font-size:          15px;
    line-height:        2;
}

.content h2 {
    color: #7CAAB8;
    font-size: 150%;
    font-weight: normal
}

.nav > li > a {
    color:              inherit;
}

.nav > li > a:hover {
    color:              #7CAAB8;
    background:         none;
}

a:hover {
    text-decoration:   none;
}

.droid {
    font-family:        'Droid Serif', serif;
}

header .navbar {
    border-top:         6px solid #436a73;
    border-bottom:      6px solid #7caab8;
    background:         white url("../img/menu-stripe.jpg") no-repeat left top;
}

header .navbar .navbar-inner {
    background:         none;
}

.hero {
    background:         #e3e1d2;
    background:         url("../img/hero-bg-faded.jpg") no-repeat center bottom;
    height:             620px;
}

.hero-unit {
    margin-top:         48px;
    margin-bottom:      0px;
    border-radius:      0px;
    background:         none;
    padding:            320px 0 0 0;
}

.hero-unit .main-stripe {
    background:         url("../img/main-banner.png") no-repeat left top;
    width:              95%;
    height:             130px;
    padding-right:      10px;
}

.hero-unit .main-stripe-right {
    background:         url("../img/main-banner.png") no-repeat right top;
    height:             120px;
    width:              300px;
    display:            block;
    float:              right;
}

.img-runner {
    background:         url("../img/vater.png") no-repeat top center;
    height:             504px;
    width:              373px;
    display:            block;
    float:              right;
    position:           absolute;
    top:                175px;
    left:               38%;
}

.logo-section {
    background:         url("../img/logo_simple_black.png") no-repeat left center;
    height:             67px;
    margin-top:         10px;
    padding-left:       125px;
}
.logo-section h1,
.logo-section h2,
.logo-section h3 {
    line-height:        100%;
    margin:             0;
}

.logo-section h1 {
    font-size:          31px;
    color:              #436a73;
    padding-top:        10px;
}

.logo-section h2{
    font-size:          18px;
    color:              #333333;
}

.design-button {
    background:         url("../img/design-button.png") no-repeat center center;
    height:             100px;
    width:              235px;
    font-size:          27px;
    padding-left:       5px;
    font-weight:        bold;
}

.font-training,
.font-contact {
    padding-top: 43px;
}

.font-training {
    float: right;
    color: #484848;
}

.font-contact {
    color: #4596ae
}

.footer-white-stripe {
    background-color: white;
    margin-top:       50px;
}

.footer-green-stripe {
    background-color: #112c33;
    color:             white;
    padding-bottom:    20px;
}

.footer-green-stripe .span4 {
    background-color: #030406;
    padding-bottom: 20px;
}

.footer-green-stripe h2,
.footer-green-stripe p,
.footer-green-stripe ul {
    margin:            0 10px;
}

.logo-section-white {
    background:         url("../img/logo_simple_white.png") no-repeat center center;
    height:             125px;
    width:              90%;
}

.footer-green-stripe h2 {
    border-bottom:      1px solid white;
    padding-top:        10px;
    font-size:          25px;
    margin-bottom:      10px;
}

.footer-green-stripe ul {
    padding-bottom:       10px;
}

.footer-green-stripe ul li {
    float:              left;
    font-size:          18px;
    padding-right:      10px;
    line-height:        2;
}

.logo-section-it-media {
    height: 27px;
    display: block;
    padding-left: 41px;
    color: #929292;
    text-align: center;
    font-size: 100%;
    padding-bottom: 3px;
    
}

.logo-section-it-media p {
    padding-top:        12%;
}

a.logo-section-it-media:hover {
    color:              #757575 !important;
}