/* RESET */
html,body { margin: 0; padding: 0;}
ul,li { list-style: none; margin: 0; padding: 0;}
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */
#clearer { clear: both; }
.ht {display:none;}


/* TYPO */
body {font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#333333; background-color:#f4f3f1;}
#content {line-height:17px;}
a {color:#81b81f; text-decoration:none;}
a:hover {color:#93b633; text-decoration:none;}
h1 {font-size:16px; line-height:normal; font-family: Helvetica, Arial; text-transform:uppercase; color:#3f3e3b;}
h2 {font-size:30px; margin-top:30px; font-family: Helvetica, Arial; color:#3f3e3b;}
h3 {font-size:30px; line-height:normal; font-family: WEADYOU, Helvetica, Arial; text-transform:uppercase; color:#3f3e3b; margin-left:50px; margin-top:150px;}


/* TOP */
#breadcrumbs {position:absolute; top:15px; right:150px;  width:100%; float:left; margin: 0; padding: 0;  }
#breadcrumbs li  {display:inline;}
#breadcrumbs li a {float:left; color:#808080; text-decoration:none; margin:0; padding:0; margin-left:20px; padding-left:15px;}


/* GLOABLHEADER */
#globalheader {position:fixed; width:100%; top:0px; left:0px; height:130px; z-index:10; }
#globalnav {position:absolute; top:55px; left:30px; font-size:30px; text-transform:uppercase; font-family: WEADYOU, Helvetica, Arial; letter-spacing:-1px; min-width:950px; margin:auto;}
#globalnav li {display:inline;}
#globalnav li a {float:left; color:#333333; text-decoration:none; margin-right:50px; line-height:20px;} 
#globalnav li a:hover {color:#93b633;} 
#globalnav li.-active a {color:#93b633;} 
#globalnav li.weadyou a {position:absolute;top: -12px; right:0px;line-height:normal;} 
#globalnav li.weadyou a {width:250px; height:0; padding-top:56px; overflow:hidden; background-image: url(../images/weadyou_logo.png); margin-right:0;} 


/* SUBNAV */
#subnav {position:absolute; top:0px; right:0px; width:250px; text-transform:uppercase; }
#subnav li a {display:block; width:250px; /*background:url(../images/gallery-icon.png) no-repeat 230px 5px;*/ }
#subnav li a {color:#383835; font-weight:bold; border-bottom:1px solid #808080; font-size:14px; margin-top:10px; padding-bottom:5px;}
#subnav li a:hover {color:#93b633; }
#subnav li a.active {color:#93b633; }
#subnav .sub a {font-weight:normal; border:none; text-transform:none; font-size:12px; margin-top:8px; background:none; line-height:12px; padding:3px; width:244px;}
#subnav .sub a:hover { background-color:#808080;  color:#FFFFFF;}
#subnav .sub a.active {font-weight:normal; border:none; text-transform:none; font-size:12px; background:#808080; color:#FFFFFF; }




 
/* FRONTIMAGE */
#frontimg {position:absolute; top:0; left:0; z-index:-999; /*padding-bottom: 30px;*/ width:100%; height:auto;}

/* WELCOME */
#welcome {position:absolute; top:-100px; left:30px; width:800px; }
#welcome h1 {text-transform:uppercase; font-size:22px;font-family:WEADYOU_light, Arial, Helvetica; line-height:22px; font-weight:normal; margin:0; padding:0;}
#contact {position:absolute; top:-110px; right:46px; text-transform:uppercase; font-size:12px; width:250px; font-family:Arial, Helvetica; line-height:16px;}
#contact p{margin:0; padding:0; margin-bottom:8px;}


/* SHOWCASES */
#showcases {position: absolute; /*left:30px; top:160px;*/}
#showcases .case {float:left; margin-bottom:20px; overflow:hidden; }
#showcases .case a {text-decoration:none; }
#showcases .case .rollover-info{ margin:0; padding:0; height:100px; width:100px; background:#3f3f3b; position:relative; top:0; left:0; text-decoration:none;
opacity: .0; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#showcases .case .rollover-info h2{color:#FFFFFF; font-size:16px; position:relative; margin:0; line-height:20px; font-family:WEADYOU, Arial; font-weight:normal; margin:0; padding:0; padding-left:15px; padding-top:35px; padding-right:15px;}
#showcases .case .rollover-info .rollover-description {color:#FFFFFF; font-size:11px; line-height:14px; padding:7px 15px 0 15px; }
.news-search-form {display:none;}




/* SHOWCASE SINGLE */
#showcase {position:absolute; left:0px; top:0px; overflow:hidden; color:#1a1a1a; font-size:12px; line-height:16px; }
#showcase .info-wrapper {position: absolute; right:0px; bottom:50px; width:500px; height:160px; overflow:hidden; z-index:10; }
#showcase .info-wrapper .nav-wrapper .show, #showcase .info-wrapper .nav-wrapper .hide {width:25px; height:160px; overflow:hidden; position:absolute; left:0; bottom:0; cursor:pointer;}
#showcase .info-wrapper .nav-wrapper .show{background:#93B633 url(../images/btn_showInfo.png) no-repeat 0 0; }
#showcase .info-wrapper .nav-wrapper .hide{background:#93B633 url(../images/btn_hideInfo.png) no-repeat 0 0; }
#showcase .info-wrapper .content-wrapper {width:450px; height:90px; overflow:hidden; position:absolute; left:25px; bottom:0; background:#FFFFFF; opacity: 0.9; padding:20px;}
#showcase .info-wrapper .content-wrapper .left{float:left; /*border-right:1px solid #3f3e3b;*/ height:20px; overflow:hidden; width:410px;}
#showcase .info-wrapper .content-wrapper .right{float:left; }

#showcase h1 {font-family:Arial, Helvetica; font-size:19px; margin:0; padding-bottom:0; text-transform:none;/*display:block;*/ margin-bottom:0px; color:#1a1a1a;}
#showcase p {margin-top:0px; margin-right:20px; }
#showcase .info-wrapper .teaser-wrapper p {margin-top:5px; padding-bottom:10px; }
#showcase .info-wrapper .description-wrapper {display:none; width:435px; padding-right:20px; padding-top:0px; margin-top:30px;}
#showcase .info-wrapper .description-wrapper p{margin-top:0px; }
#showcase .info-wrapper .links-wrapper {display:none; float:left; padding-left:20px;}
#showcase .info-wrapper .links-wrapper .item-wrapper {margin-bottom:10px; font-size:11px;}
#showcase .info-wrapper .links-wrapper .title {font-weight:bold;}
#showcase .info-wrapper .links-wrapper .data {margin-bottom:3px; }
#showcase .info-wrapper .links-wrapper .data li {background:url(../images/list-plus.png) no-repeat 0 5px; padding-left:15px;}
#showcase .info-wrapper .links-wrapper .data li a{color:#808080;}
#showcase .info-wrapper .links-wrapper .data li a:hover {color:#93b633;}
#showcase .info-wrapper .related-wrapper {display:none; float:left; padding-left:20px; border-left:1px solid #3f3e3b;}
#showcase .info-wrapper .related-wrapper .item-wrapper {margin-bottom:10px; font-size:11px;}
#showcase .info-wrapper .related-wrapper .title {font-weight:bold;}
#showcase .info-wrapper .related-wrapper .data {margin-top:3px; }
#showcase .fblike {margin-left:0px; margin-top:0px; display:block;}
.tx-ttnewstags-pi1 {position:absolute; right:20px; bottom:120px; width:435px; height:50px; z-index:20; height: 13px; overflow:hidden; font-size:11px; /*background:url(../images/icon_tag.png) no-repeat 0 0; padding-left: 20px;*/ opacity:1; display:none; }
.tx-ttnewstags-pi1 p {margin:0; }
.tx-ttnewstags-pi1 a {color:#1a1a1a; text-decoration:none; }
.tx-ttnewstags-pi1 a:hover {color:#93b633;}
/*.tx-ttnewstags-pi1 span{display:none;}*/
#content_case .shareCase  {position:absolute; bottom:72px; right:20px; z-index:99; border-top:1px solid #808080; width:335px; padding-left:100px;}
#content_case li { }
#content_case li a {} 
#content_case .shareCase .print {margin-bottom:15px;}
#content_case .shareCase li a.facebookLink {background:url(../images/facebook-icon.png) no-repeat 0 18px; padding-left:20px; }
#content_case .shareCase li a.twitterLink {background:url(../images/twitter-icon.png) no-repeat 0 18px; padding-left:20px; }
#content_case .shareCase li a.deliciousLink {background:url(../images/delicious-icon.png) no-repeat 0 18px; padding-left:20px; }



/* TWITTER */
#twitter {position:absolute; bottom:180px; right:0; width:280px; height:120px; line-height:14px; font-size:11px; z-index:10;}
#twitter .header {position:absolute; left:0; bottom:0; background:url(../images/header_twitter.png) no-repeat 0 0; width:25px; height:0; padding-top:120px; overflow:hidden;}
#twitter a {color:#383835; }
#twitter a:hover {color:#000000; text-decoration:none;}
#twitter .tweet {position:absolute; left:25px; top:25px; width:255px; height:95px; background:#FFFFFF; overflow:hidden; line-height:14px; opacity: 0.9; font-size:11px;}
#twitter .tweet .date {font-family:WEADYOU, Arial, Helvetica; font-size:30px; margin-top:5px; margin-left:30px; line-height:30px;}
#twitter .tweet h1 {font-size:14px; text-transform:none; margin-top:10px;  margin-left:30px; margin-right:10px; font-family:arial; font-weight:normal;}


/* NEWSLINE */
#newsline {position:absolute; bottom:50px; right:0; width:800px; height:120px; line-height:14px; font-size:11px;}
#newsline .header {position:absolute; left:0; bottom:0; background:url(../images/header_schlagzeilen.png) no-repeat 0 0; width:25px; height:0; padding-top:120px; overflow:hidden;}
#newsline .news-wrapper {position:absolute; left:25px; top:25px; width:775px; height:95px; background:#FFFFFF; overflow:hidden; line-height:14px; opacity: 0.9; font-size:11px;}
#newsline a {color:#383835; }
#newsline a:hover {color:#000000; text-decoration:none;}
#newsline .news {float:left; width:220px; margin-left:30px; margin-top:12px; margin-bottom:12px;}
#newsline .news .date {font-weight:bold;}
#newsline .news h1 {font-size:11px;  text-transform:none; display:none;}
#newsline .news .info {font-size:11px;}


/* GLOBALFOOTER */
#globalfooter {width:100%; height:25px; position:fixed; bottom:0; left:0; background:#333333; padding-top:10px; padding-left:30px;}
#globalfooter, #globalfooter a {color:#808080;}
#globalfooter a:hover {color:#93b633;}
#globalfooter .bc-items {display:inline;}
#globalfooter .copyright {float:left;}
#globalfooter .bc-items li {float:left; margin-right:10px; border-right:1px solid #4d4d4d; padding-right:10px;}


/* CSS3  */

@font-face {
    font-family: 'WEADYOU';
    src: url('weadyou-bdcn-webfont.eot');
    src: url('weadyou-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('weadyou-bdcn-webfont.woff') format('woff'),
         url('weadyou-bdcn-webfont.ttf') format('truetype'),
         url('weadyou-bdcn-webfont.svg#WEADYOU77BoldCondensed') format('svg'),
         url('WEADYOU-BdCn.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: WEADYOU_light; 
    src: url(WEADYOU-LtCn.otf) format("opentype"), 
         url(WEADYOU-LtCn.ttf) format("truetype");
}