@import url(mini-reset.css);

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

@font-face { font-family: 'source_sans_prolight'; src: url('../fonts/sourcesanspro-light-webfont.eot'); src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-light-webfont.woff') format('woff'), url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'trocchi_boldbold'; src: url('../fonts/trocchi-bold-webfont.eot'); src: url('../fonts/trocchi-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trocchi-bold-webfont.woff') format('woff'), url('../fonts/trocchi-bold-webfont.ttf') format('truetype'), url('../fonts/trocchi-bold-webfont.svg#trocchi_boldbold') format('svg'); font-weight: normal; font-style: normal; }

html,body { height:100%; width:100%; }
html { background:#e5e5e5; }
body {  position:relative; font-family:'source_sans_prolight'; font-size:17px; color:#323232; }
h2 { text-align:center; font-family:'trocchi_boldbold'; font-size:29px; color:#000; padding-bottom:48px; display:inline-block; }
.h2new { text-align:center; font-family:'trocchi_boldbold'; font-size:29px; color:#000; padding-bottom:0px; display:inline-block; }
#cvWrapper h2 { font-family:'trocchi_boldbold'; font-size:29px; color:#000; padding-bottom:15px; display:inline-block; }
#datenschutz h2 { font-family:'trocchi_boldbold'; font-size:19px; color:#000; padding-bottom:32px; display:inline-block; }
#impressum h2 { font-family:'trocchi_boldbold'; font-size:19px; color:#000; padding-bottom:32px; display:inline-block; }
h3 { font-family:'trocchi_boldbold'; font-size:17px; color:#000; padding-bottom:8px; text-align:left; }
h4 { font-family:'trocchi_boldbold'; font-size:48px; color:#000; padding-bottom:67px; }
#iframeProjekt h4 { font-family:'trocchi_boldbold'; font-size:48px; color:#000; padding:90px 0px 0px 0px; }
a { color:#323232; outline: 0; }
img { outline: 0; }
.spacer { height: 32px; }
.clear { float:none; clear:both; }
a:hover { text-decoration:none; }

#mep_0 { background: none repeat scroll 0 0 #eee; }

#outer-wrapper { display:table; height:100%; width:100%; }
#inner-wrapper { display:table-cell; vertical-align:middle; text-align:center; padding:0; }
#site { position:relative; width:1024px; min-height:576px; margin:0 auto; border:1px solid #aaa; }
#site { background: #FFF; border:1px #323232 solid; }

#mainNav { width:1024px; height:576px; position:absolute; z-index:1; }
#mainContent { width:1024px; height:426px; position:absolute; z-index: 10; top:150px; }

#iframeContent { text-align:center; width:1024px; height:434px; background:#FFF; position:relative; top:0; left:0px; }
#about { display:inline-block; margin:0 auto; text-align: center; }
#iframeContent .aboutCorrect {  }
#aboutContent{ display:inline; text-align: center; width: auto; font-size:13px; }
#aboutContent p { padding-bottom: 25px; }
#aboutContent p.aboutCorrect { padding-bottom: 10px; }
#languages { position:absolute; width:95px; height:24px; left:48px; bottom:32px; background:url(../img/english.svg); }
#languagesE { position:absolute; width:95px; height:24px; left:48px; bottom:32px; background:url(../img/deutsch.svg); }

#cvWrapper { display:inline-block; margin:0 auto; }
#back { position:absolute; width:75px; height:20px; right:54px; bottom:32px; background:url(../img/back.svg); }
#backE { position:absolute; width:75px; height:20px; right:54px; bottom:32px; background:url(../img/back.svg); }
#cv { position:absolute; width:56px; height:78px; bottom:36px; right:54px; }
#cvContent{ font-size:13px;  }
.cvTable { margin-bottom:12px; text-align:left; }
.cvTable td {vertical-align: top; width:363px; padding-bottom: 13px; }
#rightContent { float: right; }
#leftContent { float: left; margin-right:29px; }
#alinks { margin: 0px 0px 0px 0px 0px; width: 76px; height: 25px; background: url(../img/glyphLinks.svg) no-repeat 0 0; }
#arechts {  }

#portfolioWrapper { margin: 0 auto 0 auto; width:920px; }

#impressum { display:inline-block; margin:0 auto; text-align: left; }
#impressumContent { text-align: left; width: 720px; font-size:13px; }
#impressumContent p { padding-bottom: 16px; }
#impressumLeft { float: left; width: 220px; }
#impressumRight { float: right; width: 390px; height:370px; overflow: auto; overflow-x: hidden; }
#iRContent { width: 370px; }
#impressumGradient {position: fixed; bottom: 56px; right: 174px; width: 370px; height:97px; background:url(../img/gradient.png);}

#datenschutz { display:inline-block; margin:0 auto; text-align: left; }
#datenschutzContent { text-align: left; width: 617px; font-size:13px; }
#datenschutzContent p { padding-bottom: 16px; }

#iframeProjekt { position: relative; width: 1024px; height: 576px; }
#projektWrapper { width: 940px; height: 576px; margin:0 auto; }
#lightboxFrame { position: absolute; width: 1024px; height: 576px; background: #EEE; z-index: -1; opacity:0.90; }

#projektRight { float: right; width: 681px; height: 384px; background: #000; }
#projektRight img { width: 681px; height: 384px; }
#projektLeft { float: left; width: 255px; height: 130px; }
#selection {}
#selection li { float:right; width:54px; height:54px; background:#000; margin:0px 9px 9px 0px; overflow: hidden; background-repeat:no-repeat; }
#selection li img { position: relative; top: -27px; left: -27px ; }
#description { width: 243px; font-family:'source_sans_prolight'; font-size:13px; color:#323232; position: absolute; bottom: 100px; }
#description p { padding-bottom: 15px; }
#projektBack { position:absolute; width:75px; height:20px; left:54px; bottom:32px; background:url(../img/back.svg); }
#projektBack:hover { position:absolute; width:75px; height:20px; left:54px; bottom:32px; background:url(../img/backBlack.svg); }


@media only screen and (max-width: 640px) { }
@media only screen and (min-width: 1280px) { }