@font-face {
    font-family: 'titilliumregular';
    src: url('https://trans-city.at/fonts/titillium-regular-webfont.eot');
    src: url('https://trans-city.at/fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://trans-city.at/fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('https://trans-city.at/fonts/titillium-regular-webfont.woff') format('woff'),
         url('https://trans-city.at/fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('https://trans-city.at/fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}
body {font: 62.5% Garamond, Helvetica, Arial, sans-serif; }

body {background-image:url(/background/struckaxiom4.png)} 

table {font: Garamond, Arial; color: #707070; font-size: 14px; line-height: 1.5; margin-bottom: 12px;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}
.wrapper {max-width:1200px; width:90%; min-height: 100%; position: relative; padding-left: 30px;}

/*** Header ***/

.header {margin-bottom: 15px; padding-top: 170px; max-width:1330px; margin-left:60px; border-bottom: 0px solid #707070;}
.logo {font-size: 19px; line-height: 0.95; padding: 0 0 55px 0; Position:relative; }
.logo a {color: #707070; text-decoration: none; position: absolute; bottom: 12px;}
.logo a:hover {color: #97a9ad;}


.intro_title {width:100%; font-family:titilliumregular; font-weight:bold; font-size:60px; color:#FFFFFF; position:absolute; z-index:99; top:50%; text-align:center;}
.intro_title a {color: #FFFFFF; text-decoration: none;}

.intro {Position:absolute; top: 60px; left:90px; font-size:18px; font-family:titilliumregular; opacity:0; z-index:99;   
    -webkit-animation: fadeout 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 7s; /* Firefox < 16 */
        -ms-animation: fadeout 7s; /* Internet Explorer */
         -o-animation: fadeout 7s; /* Opera < 12.1 */
            animation: fadeout 7s;}

.intro_menu {Position:absolute; top: 227px; left:90px; font-size:18px; font-family:titilliumregular; opacity:1; z-index:99;   
    -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 7s; /* Firefox < 16 */
        -ms-animation: fadein 7s; /* Internet Explorer */
         -o-animation: fadein 7s; /* Opera < 12.1 */
            animation: fadein 7s;}

.intro_lang {Position:absolute; top: 170px; left:90px; font-size:18px; font-family:titilliumregular; opacity:1; z-index:99;   
    -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 7s; /* Firefox < 16 */
        -ms-animation: fadein 7s; /* Internet Explorer */
         -o-animation: fadein 7s; /* Opera < 12.1 */
            animation: fadein 7s;}


@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/*** Navigation ***/

.nav {vertical-align: baseline; float: left; margin-left:0px; position: relative; z-index: 100; }
.nav li { height: 40px; float: left; padding: 0 0px 11px 0px; background: url("i/post_list0.gif") -14px 50px no-repeat;}
.nav li.current a {color: #97a9ad;}
.nav a {color: #707070; font-family:titilliumregular; font-size: 16px; font-weight: regular; text-decoration: none; padding-top: 20px; display: block; margin-right:40px;}
.nav a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #97a9ad;}
li.menu-item-has-children a {background: url("i/folder0.gif") 138px 27px no-repeat;}
li.menu-item-has-children a:hover, li.jsddm_hover a {background: url("i/folder_active0.gif") 100% 27px no-repeat;}
ul.sub-menu { visibility: hidden; z-index: 100;  margin-top: 15px; padding: 10px 0;}
ul.sub-menu li {margin-left: 0; height: auto; padding: 0 !important; border: none; float: none; background: none; line-height: 2.6;margin-left: 0px}
ul.sub-menu li a {background: none !important; font-size: 12px; padding: 0; color: #707070; }

.nav_lang {position:absolute; vertical-align: baseline; margin-left:0px; margin-top:-78px; z-index: 101; }
.nav_lang a {color: #707070; font-family:titilliumregular; font-size: 12px; font-weight: regular; text-decoration: none; display: block; margin-right:20px;}
.nav_lang a:hover {color: #97a9ad;}




.current-menu-ancestor a {visibility:visible; color:#000000; z-index:99;}


.custom-sub {
height:200px; position:absolute; margin-top: -220px; z-index:99
}

.custom-sub:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

ul {
    display: inline-block;
    vertical-align: bottom;;
    list-style: none;
}
      
/*** Content ***/

.sticky {}
.bypostauthor {}

.middle {padding: 0 0x 61px 0; }
.container {padding-bottom: 100px; padding-top:0px; width:1140px; margin-left:60px;}
.content {wpadding-bottom: 100px;width: 1140px;} 

#show {width: 800px; overflow: hidden; margin-bottom: 10px;}
#show img {cursor: pointer;}
#show_nav a {font-size: 11px; color: #707070; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #707070;}

.post_home { width: 180px; height:150px; float: left; margin-left:60px; margin-bottom:60px; position:relative; }


.post_news { width: 1140px; height: 200px; float:left; margin-bottom:40px; position:relative; }
.post_news img { margin: 0; height: auto; max-width: 800px; max-height: 160px; width: auto; }
.post_news_image { width: 550px; height:150px; float: left; position:relative; vertical-align:top; text-align:right;}
.post_news_content { width: 550px; height:150px; float: left; margin-left:580px; position:absolute;  vertical-align:top;}


.post_publication { width: 450px; height:150px; float: left; margin-left:50px; margin-bottom:80px; position:relative; }
.post_publication_image { width: 120px; height:150px; float: left; margin-left:30px; position:absolute; vertical-align:top;}
.post_publication_content { width: 300px; height:150px; float: left; margin-left:180px; position:relative;  vertical-align:top;}


.post_team { width: 450px; height:150px; float: left; margin-left:50px; margin-bottom:60px; position:relative; }
.post_team_image { width: 180px; height:150px; float: left; margin-left:30px; position:absolute; vertical-align:top;}
.post_team_content { width: 330px; height:150px; float: left; margin-left:220px; position:relative;  vertical-align:top;}


.thumb {display: table-cell; width: 180px; height: 150px; margin-bottom: 5px; position: relative; color: #707070; vertical-align:middle; text-align:center;}
.thumb img {display: table-cell; }
/*.thumb span {display: table-cell; width: 180px; height: 150px; position: relative; top:0; left:0; background: #97a9ad;vertical-align:middle;z-index:5;}*/

.project_index   {font-family:titilliumregular; font-size:36px; color:#707070; font-weight: bold;  z-index:10; text-align: center; top:32%;position:absolute;  left: 50%;
    transform: translate(-50%, 0);}
.project_index a {color:#FFFFFF; text-decoration:none; -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;}
.project_index a:hover {color:#97a9ad; text-decoration:none; }

.post_home {background-Color:#97a9ad;}
.post_home img { opacity:1;-webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;}
.post_home img:hover {opacity:0.5;}

.post_home h2 {font-family:titilliumregular; font-size:36px; color:#FFFFFF; font-weight: normal; position:absolute; z-index:10;}
.post_home h2 a {color: #FFFFFF; text-decoration: none; width:180px;}
.post_home h2 a:hover {color: #FFFFFF;}

.post_home h3 {font-family:titilliumregular; font-size:12px; color:#707070;  font-weight: normal; position:relative; z-index:10;width:180px;}
.post_home h3 a { color:#707070;text-decoration: none; font-weight: normal;}

.recent h3 {font-size: 16px; font-weight: bold; color: #707070; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 0px solid #4d4d4d; margin-left:60px;}


.team_spoiler {font: Garamond, Arial; color: #707070; font-size: 14px; line-height: 1.5; margin-bottom: 12px;}

.page_meta {height: 100px;}
.page_meta a {color: #707070; text-decoration: none;}
.page_meta a:hover {color: #97a9ad;}
.rss, .tags, .search-form {width: 180px; height: 100px; float: left; margin-left: 15px; font-size: 11px; font-weight: bold; line-height: 85px; color: #707070; border-bottom: 1px solid #4d4d4d;}
.heading {width: 465px; height: 100px; float: left; margin-left: 15px; font-size: 31px; font-weight: bold; line-height: 85px; color: #707070; border-bottom: 1px solid #4d4d4d;}
.tags {position: relative;}
.tags a {background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}
.tags a:hover {background: url("i/tags.gif") 100% 50% no-repeat;}
.taglist {margin-top: 16px; background: #333; position: absolute; left: -15px; width: 180px; padding: 15px 0 15px 15px; visibility: hidden;}
.taglist li {line-height: 1.5;}
.taglist li a {color: #707070 !important; background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #97a9ad !important;}
.tags .jsddm_hover a {color: #97a9ad; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}

.search-form input {background: none; border: none; color: #707070; font: bold 11px Helvetica, Arial, sans-serif; width: 180px;}

.post_list, .post_single {padding: 30px 0 45px; background: url("i/post_list.gif") 0 100% no-repeat;}
.post_single {background: none;}
.post_list a, .post_single a {color: #97a9ad; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: underline;}
.post_list h2, .post_single h2, .type-page h2 {font-size: 20px; color: #707070; font-weight: normal; margin-bottom: 15px; padding-left: 180px; font-family:titilliumregular;}

.type-page {padding-top: 15px;}
.type-page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #707070 text-decoration: none;font-family:titilliumregular;}
.post_list h2 a:hover, .post_single h2 a:hover, .type-page h2 a:hover {color: #97a9ad; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 130px; margin-left: 60px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {color: #707070; font-size: 11px; margin-bottom: 11px; line-height: 1.7;}
.post_date {margin-bottom: 0 !important;}
.post_share {line-height: normal;}
.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

.post_content {width: 1140px; margin-left:60px; text-align:left;}
.more {margin-bottom: 0; font-weight: bold;}

.post_content_intro {width:100%; height:100%; Position:absolute; top: 0px; z-index:0;}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {color: #707070; margin-bottom:15px; font-weight: normal;font-family:titilliumregular;}
.post_content h1, 
.post_content h2 {font-size: 16px;}
.post_content h3 {font-size: 24px;}
.post_content h4 {font-size: 22px;}
.post_content h5 {font-size: 20px;}
.post_content h6 {font-size: 16px;}

.post_content p {color: #707070; font-size: 14px; line-height: 1.5; margin-bottom: 12px;}
.post_content a {color: #97a9ad;}
.post_content a:hover {text-decoration: none;}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {color: #707070; font-size: 12px; line-height: 1.5;}
.post_content ul li {list-style: circle;}
.post_content ol li {list-style: decimal;}
.post_content blockquote {color: #707070; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p {color: #707070; font: italic 16px Georgia, Geneva, "Times New Roman", times;}
.post_content .tag-links { margin-top: 24px; }

.post_portfolio h2 {color: #707070; font-size: 24px; font-family:titilliumregular; font-weight: bold; margin-left:580px; margin-bottom:5px;}
.post_portfolio h3 {color: #707070; font-size: 14px; font-family:titilliumregular; font-weight: normal; margin-left:620px; margin-bottom:30px;}

.post_portfolio p {color: #707070; line-height: 1.4; margin-bottom: 10px; font-size: 14px;}
.post_portfolio a {color: #707070; text-decoration: none;}
.post_portfolio a:hover {color: #97a9ad;}



.header_page_right h2 {margin-left:580px;font-weight: normal;color: #707070; font-size: 18px; margin-bottom:20px;}


.header_right h2 {margin-left:580px;font-weight: bold;color: #707070; font-size: 16px; margin-bottom:5px;}
.header_right h3 {margin-left:620px;font-weight: normal;color: #707070; font-size: 16px; margin-bottom:30px;}

/*** Images ***/

/*** .post_content img { margin: 0; height: auto; max-width: 800px; max-height: 600px; width: auto; } ***/
.post_content .attachment img { max-width: 800px; max-height: 800px; }
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; }
.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { background: #707070; line-height: 18px; margin-bottom: 20px; padding: 0px; text-align: center;  }
.post_content .wp-caption img { margin: 0px 0px 0; }
.post_content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 0px; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { margin: 0 auto 18px; }
.post_content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.post_content .gallery img {}
.post_content .gallery .gallery-caption { color: #707070; font-size: 12px; margin: 0 0 15px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery img {}
.post_content .gallery br+br { display: none; }
.post_content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }

.wp-caption.alignnone {
    margin: 0px 0px 0px 0; text-align:left; }

.wp-caption.alignright {
    margin: 0px 0 0px 0px; float:right;
}

/*** Pagination ***/

.pagination {padding: 15px 0 15px 15px;}
.pagination_ctrl {height: 30px; width: 145px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}
.nextpostslink, .previouspostslink {display: block; width: 63px; height: 30px; position: absolute;}
.nextpostslink {background: url("i/pagination_arr.gif") 100% 10px no-repeat; right: 7px;}
.previouspostslink {background: url("i/pagination_arr.gif") 0 10px no-repeat; left: 7px;}
.nextpostslink:hover {background-position: 100% -39px;}
.previouspostslink:hover {background-position: 0 -39px;}
.pagination_pages {height: 30px; line-height: 30px; float: right; margin-left: 15px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #fff18f; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #707070;}


/*** Left column ***/

.l_col {width: 180px; margin-left: 0; float: left; }

.post_portfolio h2 {color: #707070; font-size: 16px; font-family:titilliumregular; font-weight: regular;}
.post_divider {font-size: 14px; color: #707070;}
,post_portfolio p {color: #707070; line-height: 1.4; margin-bottom: 10px; font-size: 14px;}
.post_portfolio a {color: #707070; text-decoration: none;}
.post_portfolio a:hover {color: #97a9ad;}


/*** Kurzbeschreibung ***/

.info {width: 800px; margin-left: 0; float: left; color: #707070; font-size: 14px; font-family:titilliumregular;}






/*** Footer ***/

.footer {max-width: 1170px; position: relative; padding-left: 50px;}
.footer_inn {margin: 0 0; border-top: 0px solid #707070; height: 36px; padding-top: 10px;}
.footer_inn p {font-size: 11px; color: #ccc;}
.footer_inn a {color: #707070; text-decoration: none;}
.footer_inn a:hover {color: #97a9ad;}
.wpshower_logo {background: url("i/wpshower_logo.png") 0 2px no-repeat; padding: 0 0 0 9px;}