/*
Theme Name: manuelbirnbacher
Theme URI: http://manuelbirnbacher.com/
Description: Made for displays
Version: 1.0
Author: Julien Simshauser
Tags: Made, for, displays
*/

html {
height:100%;
}

body {
height:100%;
font-size: 12px;
font-family: Times, serif;
letter-spacing: 0.7px;
color: #000;
margin: 0px;
padding: 0px;
overflow-x:hidden;
font-weight:bold;
text-decoration:none;
letter-spacing: 0.7px;
line-height:18px;
}

img {
border: 0px;
}


b,strong {
font-family:'GothamBirneUltraCondensed';
}

a {
color:#000;
text-decoration:none;
}

.creationdate {
font-size:10px;
letter-spacing:5px;
}

.superworktitle {
letter-spacing:4px;
font-size:19px;
line-height:27px;
padding:10px 30px 0px 30px;
font-weight:normal;
}

.rahmen {
background:#fff;
float:left;
position:relative;
}

.thumbdescription {
text-align:center;
display:none;
position:absolute;
width:100%;
height:100%;
overflow:hidden;
vertical-align:middle;
padding-top:5px;
}

.thumbdescription img {
margin-top:70px;
}

br {
clear:both;
}

.fuzzel {
position:fixed;
right:200px;
bottom:100px;
}

.fest {
width:100%;
height:300px;
position:fixed;
top:100px;
left:0px;
z-index:-1;
text-align:center;
}

.wrapper {
width:100%;
margin-top:580px;
background:#fff;
z-index:100;
display:block;
padding:60px;
}

.header {
width:100%;
height:200px;
position:absolute;
top:100px;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
z-index:-10;

}

.subheader1 {
width:303px;
height:20px;
background:#fff;
border: 8px solid #000;
padding:4px 6px 3px 6px;
}

.subheader2 {
width:100px;
height:82px;
margin-top:30px;
}

.subheader3 {
width:500px;
margin-top:20px;
}

.subheader4 {
margin-top:12px;
}

.subheader1, .subheader2, .subheader3, .subheader4 {
text-align:center;
margin-left:auto;
margin-right:auto;
}

.navcontainer{
width:250px;
position:fixed;
top:310px;
text-align:center;
z-index:20;
left:50%;
margin-left:-125px;
}

.navcontainer2 {
width:120px;
margin-left:-60px;
position:fixed;
top:340px;
text-align:center;
z-index:20;
font-size:14px;
letter-spacing:7px;
text-transform:uppercase;
left:50%;
}

.blog1,.blog2,.about1,.about2 {
line-height:30px;
font-weight:normal;
}

.image0 {
margin-top:50px;
margin-left:30px
}

.image1 {
margin-top:50px;
margin-left:30px
}

.image2 {
margin-top:50px;
margin-left:30px
}

.image3 {
margin-top:60px;
margin-left:30px
}

.post {
text-align:center;
margin-top:20px;
font-size:14px;
letter-spacing:2px;
line-height:20px;
width:650px;
margin-left:auto;
margin-right:auto;
font-weight:normal;
}

.post b,.post strong {
font-size:14px;
}

span {
display:block;
clear:both;
background-image:url(http://manuelbirnbacher.com/layout/linie_head.png);
width:250px;
height:11px;
margin:30px auto 30px auto;
}

.headline {
font-size:24px;
letter-spacing:10px;
margin-top:-5px;
padding-bottom:5px;
}

.back {
position:fixed;
left:40px;
margin-top:-30px;
top:50%;
vertical-align:middle;
}

.contentwrapper {
width:100%;
text-align:center;
}

.contentwrapper img {
margin:20px 0px 30px 0px;
}

.date {
font-size:10px;
letter-spacing:5px;
}

.supercontent {
padding:50px 0px 50px 0px;
}

.fahne {
margin-left:55px;
margin-bottom:25px;
}


@font-face {
    font-family: 'GothamBirneUltraCondensed';
    src: url('fonts/gotham-birne001-webfont.eot');
    src: url('fonts/gotham-birne001-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-birne001-webfont.woff') format('woff'),
         url('fonts/gotham-birne001-webfont.ttf') format('truetype'),
         url('fonts/gotham-birne001-webfont.svg#GothamBirneUltraCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}