@import url(http://fonts.googleapis.com/css?family=Cabin:400,500);

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body{
	background-color:#cc6600;
    font-family: 'Cabin', sans-serif;
    font-weight: 400;
    color: #000000;
}

.container{
    width: 700px;
    margin: 0 auto;
}

.header{
    width: 100%;
    height: 90px;
    background: url(img/wartefeld-de_vektor.png);
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0 20px 0;
}

.header h1{
    position: absolute;
    bottom:-15px;
    left: 0 px;
    font-size: 12px;
    font-weight: 400;

}

h2{
   text-transform: uppercase; 
   font-weight: 400;
}

.video, .info{
    background: #ffffff;
    webkit-border-radius:5px;
    moz-border-radius:5px;
	border-radius: 5px;
    margin: 10px 0;
    padding: 20px 15px;
}

.left, .right{
    width: 50%;

}

.info{
    float:left;
}

.left{
    float:left;
    padding:0 25px 25px 25px;
}

.right{
    float:right;
    border-left: 1px solid #000;
    padding: 0 0 0 50px;
}

a{
    color: #cc6600;
}

#ytIframe{
	width: 100%;
}