@font-face {
  font-family: 'AvenirRegular';
  src: url('../fonts/AvenirLight.eot');
  src: local('☺'), url('../fonts/AvenirLight.woff') format('woff'), url('../fonts/AvenirLight.ttf') format('truetype'), url('../fonts/AvenirLight.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirOblique';
  src: url('../fonts/AvenirLightOblique.eot');
  src: local('☺'), url('../fonts/AvenirLightOblique.woff') format('woff'), url('../fonts/AvenirLightOblique.ttf') format('truetype'), url('../fonts/AvenirLightOblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

html { height:100%; margin:0px; }
body { height:100%; margin:0px; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; text-align:left; overflow-y:scroll; overflow-x:hidden; background: no-repeat center 0px #141413; }

/* CONTENT */
h1, h2, h3, h4 { font-family:'AvenirRegular',Arial,Helvetica,sans-serif; color:#1c1c1b; font-weight:normal; }
.maincontent h1 { margin:0px 0px 25px 43px; padding:0; font-size:25px; color:#1c1c1b; line-height:20px; }
.maincontent h2 { margin:0px 0px 8px 0px; font-size:23px; line-height:25px; color:#1c1c1b; }
.maincontent h3 { margin:0px 0px 12px 0px; font-size:18px; line-height:22px; }
.maincontent h4 { margin:0px 0px 8px 0px; font-size:16px; line-height:17px; font-weight:normal; color:#1c1c1b; } 
.maincontent p { font-family:'AvenirRegular',Arial,Helvetica,sans-serif; margin:0px 43px 10px 43px; font-size:12px; line-height:17px; color:#000; } 
.maincontent ul { font-family:'AvenirRegular',Arial,Helvetica,sans-serif; margin:0px 43px 10px 17px; font-size:12px; line-height:17px; color:#000; } 
.maincontent p.csc-header-date { margin:0px 0px 8px 0px; }
.maincontent a { color:#1c1c1b; }
.maincontent table td { font-size:12px; }
/*.maincontent ul { list-style-image:url(../images/bullet.gif); margin:0 0 10px 0; padding:0 0 0 15px; }*/
a img { border:0px solid #fff; }

/* LAYOUT */
.sitewrap { float: left; height: 50%; left: 0; margin-top: -282px; min-width: 1000px; text-align: left; top: 50%; width: 100%; }
.content-wrap { white-space:nowrap; }
.mainrow { clear: both; height: 580px; margin: 0; /*overflow: hidden;*/ position: relative; text-align: left; width:100%; }
.maincontent { margin-left:225px; position:relative; height:564px; }
#mc-container { position:absolute; top:0; left:0; height:564px; }
.csc-default { /*background:#fff; */}
.w275, .frame-custom-100 { width:275px; }
.w413, .frame-custom-110 { width:413px; }
.w550, .frame-custom-120 { width:550px; }
.w830, .frame-custom-130 { width:830px; }

/* LOGO */
.logo { position:absolute; left:0; top:8px; width:105px; }
.logo img { width:220px; height:220px; margin-left:-10px; }

/* NAVIGATION */
.mainnavigation { position:absolute; top:0; left:0; background:#4c3823; width:220px; height:564px; }
.mn_level1 { font-family:'AvenirRegular',Arial,Helvetica,sans-serif; position:absolute; left:45px; top:220px; z-index:400; list-style-type:none; margin:0; padding:0; width:170px; }
.mn_level1 li { display:block; margin:0; padding:3px 0; /*background:url(../images/mainnavi-border.png) no-repeat right 0 transparent;*/ z-index:300; position:relative; }
.mn_level1 li.last { background-image:none; }
.mn-level1 .not-bordered { background-image:none !important; }
.mn_level1 a { color:#babbc2; text-decoration:none; font-size:12px; line-height:19px; font-family:'AvenirRegular',Arial,Helvetica,sans-serif;text-transform:uppercase; }
.mn_level1 li.act a { color:#b5a492; }
.mn_level1 .act a { color:#b5a492; }
.mn_level1 a:hover { color:#b5a492; }
.mn_level1 .dist { height:30px; }

.mn_level2 { position:absolute; left:180px; top:-25px; width:220px; padding:25px 0 25px 0; background-color:#4c3823; display:none; }
.mn_level2 li { padding-left:45px; }

.imprint { position:absolute; left:45px; bottom:15px; width:170px; }
.imprint a { color:#babbc2; text-decoration:none; font-size:10px; line-height:19px; font-family:'AvenirRegular',Arial,Helvetica,sans-serif;text-transform:uppercase; }

/* PROJECTS */
.tx-swit-projectgallery { position:relative; }
.project-image-list { width:100%; height:564px; margin-left:0px; overflow:hidden; white-space:nowrap; position:relative; }
.project-image-container { height:564px; white-space:nowrap; position:absolute; left:0px; top:0; }
.project-image-container div { display:inline-block; height:564px; clear:none; }
.project-image-list img { white-space:nowrap; display:inline-block; margin-right:5px; height:564px; }
.project-image-navi { position:absolute; top:564px; left:0; width:125px; height:65px; }
.project-image-navi div { position:absolute; top:20px; color:#fff; cursor:pointer; font-size:22px; font-family:'AvenirRegular',Arial,Helvetica,sans-serif; }
.project-image-navi div.project-image-navi-left { left:18px; }
.project-image-navi div.project-image-navi-right { left:85px; top:22px;  }
.project-image-navi img { width:34px; height:34px; }
.project-title { position:absolute; top:594px; left:155px; line-height:18px; font-size:14px; color:#fff; font-family:'AvenirRegular',Arial,Helvetica,sans-serif; }

.page-1 .newsbox-home, .page-1 .frame-custom-200 { position:absolute; left:23px; top:50px; width:400px; height:300px; z-index:200; }
.page-1 h1 { margin:0px 0px 5px 43px; padding:0; font-size:27px; color:#3c3938; }
.page-1 h2 { margin:0px 0px 5px 43px; padding:0; font-size:27px; color:#77624c; line-height:20px; }

.page-13 .maincontent { white-space:nowrap; }
.page-13 .maincontent p { white-space:normal; }
.page-13 .w413, .page-13 .frame-custom-110 { background:#fff; padding-top:50px; height:514px; float:left; margin-right:5px; }
.page-13 #c35 { background:#fff; padding-top:50px; height:514px; float:left; margin-right:5px;}
.page-13 .w550, .page-13 .frame-custom-120 { width:550px; height:514px; float:left; margin-right:5px; }
.page-13 #c40 { background-color:#dcbe88; }

.page-14 .maincontent { white-space:nowrap; }
.page-14 .maincontent p { white-space:normal; }
.page-14 .w275, .page-14 .frame-custom-100 { background:#fff; padding-top:50px; height:514px; float:left; margin-right:5px; }
.page-14 .w830, .page-14 .frame-custom-130 { float:left; }
.page-14 small { display:none; }

.page-15 .maincontent { white-space:nowrap; }
.page-15 .maincontent p { white-space:normal; }
.page-15 .w550, .page-15 .frame-custom-120 { background:#fff; padding-top:50px; height:514px; float:left; margin-right:5px; }

.page-60 .w550, .page-60 .frame-custom-120 { background:#fff; padding-top:50px; height:514px; float:left; margin-right:5px; overflow-y:scroll; }
.page-60 .maincontent h2, .page-60 .maincontent h3 { margin:0px 43px 10px 43px; white-space:normal; }
.page-60 .maincontent p { white-space:normal; }