/* Footer fix 80px hoch, immer 153px Abstand vom letzten Absatz oben, bei Referenzen jedoch 159px */
/* Print CSS mit Arial, Helvetica */
/* Abstand von H2 zum Bild immer 28px bei den Referezen (wie Spaltenabstand) */

/* reset */
* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

/* general */
html {
	height: 100%;
	width: 100%;
}
body {
	color: #252525;
	font: 12px Georgia, "Times New Roman", Times, serif;
	height: 100%;
	width: 100%;
}
a {
	color: #252525;
	text-decoration: none;
}
a:hover {
	color: #a18153;
	text-decoration: none;
}
p {
	line-height: 21px;
}
h2 {
	background: transparent url(../images/dots-h2.png) top left repeat-x;
	height: 41px;
	margin: 0 0 15px 0;
}
.ref {
	margin: 0 0 28px 0 !important;
}
h2 span {
	display: none;
}
h2 img {
	padding: 1px 0;
}
.c {
	clear: both;
}

/* layout */
#wrapper,
.wrapper {
  margin: 0 auto;
  padding: 0 28px;
  position: relative;
  width: 980px;
}

/* intro */
#intro-page, #home {
	background-color: #d1d1d1;
}
#intro-page .wrapper-out {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#intro-page .wrapper {
	height: 300px;
}
#intro-page .header {
    background-position: left top;
	height: 161px;
	position: absolute;
	top: 79px;
	width: 980px;
	z-index: 500;
}
#intro-page .header .home-link {
    background-color: transparent;
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    position: absolute;
    top: 22px;
    width: 473px;
}
#intro-page .header .home-link.positive {
    background-image: url(../images/navigation-trittibachpartners-positive-trans.png);
}
#intro-page .header .home-link.negative {
    background-image: url(../images/navigation-trittibachpartners-negative-trans.png);
}
#intro-page .header .home-link:hover {
  background-position: top left;
}
#intro-page .image {
    background-image: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
	width: 100%;
}
#intro-page #image-01 {
	background-image:  url(../images/intropage-image-01.jpg);
}
#intro-page #image-02 {
	background-image: url(../images/intropage-image-02.jpg);
}
#intro-page #image-03 {
	background-image: url(../images/intropage-image-03.jpg);
}
#intro-page #image-04 {
	background-image: url(../images/intropage-image-04.jpg);
	background-position: center center;
}
#intro-page #image-05 {
	background-image: url(../images/intropage-image-05.jpg);
}
#intro-page #image-06 {
	background-image: url(../images/intropage-image-06.jpg);
	background-position: center center;
}
#intro-page #image-07 {
	background-image: url(../images/intropage-image-07.jpg);
}
#intro-page #image-08 {
	background-image: url(../images/intropage-image-08.jpg);
}
#intro-page #image-09 {
	background-image: url(../images/intropage-image-09.jpg);
}
#intro-page #image-10 {
	background-image: url(../images/intropage-image-10.jpg);
	background-position: center center;
}
#intro-page #image-11 {
	background-image: url(../images/intropage-image-11.jpg);
}
#intro-page #image-12 {
	background-image: url(../images/intropage-image-12.jpg);
}
#intro-page #image-13 {
	background-image: url(../images/intropage-image-13.jpg);
}
#intro-page #image-14 {
	background-image: url(../images/intropage-image-14.jpg);
}
#intro-page #image-15 {
	background-image: url(../images/intropage-image-15.jpg);
}
#intro-page #image-16 {
	background-image: url(../images/intropage-image-16.jpg);
}

/* home */
#home #wrapper {
	height: 100%;
}
#home .image {
    background-color: transparent;
    background-position: top center;
    background-repeat:  no-repeat;
    background-size: cover;
    height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#home #image-01 {
	background-image: url(../images/intropage-image-01.jpg);
}
#home #image-02 {
	background-image: url(../images/intropage-image-02.jpg);
}
#home #image-03 {
	background-image: url(../images/intropage-image-03.jpg);
}
#home #image-04 {
	background-image: url(../images/intropage-image-04.jpg);
	background-position: center center;
}
#home #image-05 {
	background-image: url(../images/intropage-image-05.jpg);
}
#home #image-06 {
	background-image: url(../images/intropage-image-06.jpg);
	background-position: center center;
}
#home #image-07 {
	background-image: url(../images/intropage-image-07.jpg);
}
#home #image-08 {
	background-image: url(../images/intropage-image-08.jpg);
}
#home #image-09 {
	background-image: url(../images/intropage-image-09.jpg);
}
#home #image-10 {
	background-image: url(../images/intropage-image-10.jpg);
	background-position: center center;
}
#home #image-11 {
	background-image: url(../images/intropage-image-11.jpg);
}
#home #image-12 {
	background-image: url(../images/intropage-image-12.jpg);
}
#home #image-13 {
	background-image: url(../images/intropage-image-13.jpg);
}
#home #image-14 {
	background-image: url(../images/intropage-image-14.jpg);
}
#home #image-15 {
	background-image: url(../images/intropage-image-15.jpg);
}
#home #image-16 {
	background-image: url(../images/intropage-image-16.jpg);
}
#home #navigation ul .strategie {
	background-image: url(../images/navigation-strategie-negative-trans.png);
}
#home #navigation ul .kreation {
	background-image: url(../images/navigation-kreation-negative-trans.png);
}
#home #navigation ul .referenzen {
	background-image: url(../images/navigation-referenzen-negative-trans.png);
}
#home #navigation ul .unternehmen {
	background-image: url(../images/navigation-unternehmen-negative-trans.png);
}
#home #navigation ul .kontakt {
	background-image: url(../images/navigation-kontakt-negative-trans.png);
}
#milk {
	background: transparent url(../images/milk.png) left top repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#milk-negative {
	background: transparent url(../images/milk-negative-new.png) left top repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* header */
#header,
.header {
	background: transparent url(../images/dots.png) bottom left repeat-x;
	height: 80px;
	margin: 0 0 21px 0;
	position: relative;
}
#monogram {
	background-image: url(../images/monogram.png);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 34px;
	left: 0;
	position: absolute;
	top: 0;
	width: 34px;
	z-index: 999;
}
#monogram:hover {
	background-position: bottom left;
}
#monogram span {
	display: none;
}
#intro-page #monogram {
	left: 28px;
}

/* navigation */
#navigation ul {
	background: transparent url(../images/dots.png) bottom left repeat-x;
	list-style: none;
	padding: 0 0 25px 0;
}
#navigation ul li {
	clear: both;
	height: 34px;
	margin: 0 0 6px 0;
}
#navigation ul li.last {
	margin: 0;
}
#navigation ul a, #navigation ul p {
	background-position: bottom left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 34px;
	margin: 0 23px 0 0;
}
#navigation ul a:hover {
	background-position: top left;
}
#navigation ul .trittibachpartners {
	background-image: url(../images/navigation-trittibachpartners-trans.png);
	width: 473px;
}
#navigation ul .strategie {
	background-image: url(../images/navigation-strategie-trans.png);
	width: 225px;
}
#navigation ul .kreation {
	background-image: url(../images/navigation-kreation-trans.png);
	width: 203px;
}
#navigation ul .referenzen {
	background-image: url(../images/navigation-referenzen-trans.png);
	width: 272px;
}
#navigation ul .unternehmen {
	background-image: url(../images/navigation-unternehmen-trans.png);
	width: 321px;
}
#navigation ul .kontakt {
	background-image: url(../images/navigation-kontakt-trans.png);
	width: 192px;
}
#navigation ul span {
	display: none;
}
#navigation ul a#active, #navigation ul p#active {
	background-position: top left;
}

/* intro */
#intro {
	height: 159px;
	position: relative;
}
#home #intro {
	height: 160px;
	background: transparent url(../images/dots.png) bottom left repeat-x;
}
#intro h1 {
	background-position: top left;
	background-repeat: no-repeat;
	left: 0;
	position: absolute;
}
#intro h1 span {
	display: none;
}
#home #intro h1 {
	background-image: url(../images/intro-trittibachpartners-negative-trans.png);
	bottom: 122px;
	height: 20px;
	width: 497px;
}
#strategie #intro h1 {
	background-image: url(../images/intro-strategie.png);
	bottom: 123px;
	height: 18px;
	width: 910px;
}
#kreation #intro h1 {
	background-image: url(../images/intro-kreation.png);
	bottom: 101px;
	height: 40px;
	width: 892px;
}
#kontakt #intro h1 {
	background-image: url(../images/intro-kontakt.png);
	bottom: 124px;
	height: 17px;
	width: 504px;
}
#unternehmen #intro h1 {
	background-image: url(../images/intro-unternehmen.png);
	bottom: 121px;
	height: 20px;
	width: 953px;
}
#referenzen #intro h1 {
	background-image: url(../images/intro-referenzen.png);
	bottom: 121px;
	height: 16px;
	width: 853px;
}

/* cols */
.cols4 .col {
	float: left;
	margin: 0 28px 0 0;
	width: 224px;
}
.cols4 .last {
	margin: 0;
}
.label, .value {
	display: block;
	float: left;
}
.label {
	width: 54px;
}
.cols121 .col1 {
	float: left;
	margin: 0 28px 0 0;
	width: 224px;
}
.cols121 .col2 {
	float: left;
	margin: 0 28px 0 0;
	width: 476px;
}
.cols121 .last {
	margin: 0;
}
.company {
	margin: 7px 0 0 0;
}

/* footer */
#footer-wrapper {
	clear: both;
	height: 80px;
	margin: 153px auto 0 auto;
	padding: 0 28px;
	width: 980px;
}
#footer {
	background: transparent url(../images/dots.png) top left repeat-x;
	height: 79px;
	padding: 1px 0 0 0;
	position: relative;
}
#footer p {
	background: transparent url(../images/footer.png) top left no-repeat;
	height: 24px;
}
#footer p span {
	display: none;
}
#footer .toplink {
	cursor: pointer;
	left: 0;
	position: absolute;
	top: -22px;
}

/* referenzen */
.reference {
	padding: 0 0 40px 0;
}
.cols2 .col {
	float: left;
	margin: 0 28px 0 0;
	width: 476px;
}
.cols2 .last {
	margin: 0;
}
.ref-cols2 p {
	float: left;
	margin: 0 28px 0 0;
	width: 224px;
}
.ref-cols2 p.last {
	margin: 0;
}
#intro .back {
	background: transparent url(../images/back.png) top left no-repeat;
	display: block;
	height: 17px;
	left: 0;
	position: absolute;
	top: 41px;
	width: 69px;
}
#intro .back span {
	display: none;
}
#soc #intro h1 {
	background-image: url(../images/intro-soc.png);
	bottom: 124px;
	height: 13px;
	width: 202px;
}
#appsolute #intro h1 {
	background-image: url(../images/intro-appsolute.png);
	bottom: 124px;
	height: 13px;
	width: 190px;
}
#efn2010 #intro h1 {
	background-image: url(../images/intro-efn2010.png);
	bottom: 124px;
	height: 13px;
	width: 246px;
}
#efn2011 #intro h1 {
	background-image: url(../images/intro-efn2011.png);
	bottom: 124px;
	height: 13px;
	width: 244px;
}
#efn2012 #intro h1 {
	background-image: url(../images/intro-efn2012.png);
	bottom: 124px;
	height: 13px;
	width: 246px;
}
#efn2013 #intro h1 {
	background-image: url(../images/intro-efn2013.png);
	bottom: 124px;
	height: 13px;
	width: 246px;
}
#cinemania #intro h1 {
	background-image: url(../images/intro-cinemania.png);
	bottom: 124px;
	height: 13px;
	width: 96px;
}
#rck #intro h1 {
	background-image: url(../images/intro-rck.png);
	bottom: 124px;
	height: 13px;
	width: 152px;
}
#anderegg #intro h1 {
	background-image: url(../images/intro-anderegg.png);
	bottom: 124px;
	height: 13px;
	width: 141px;
}
#esff2009 #intro h1 {
	background-image: url(../images/intro-esff2009.png);
	bottom: 124px;
	height: 13px;
	width: 255px;
}
#murotex #intro h1 {
	background-image: url(../images/intro-murotex.png);
	bottom: 124px;
	height: 13px;
	width: 81px;
}
#musik-fuers-auge #intro h1 {
	background-image: url(../images/intro-musik-fuers-auge.png);
	bottom: 124px;
	height: 17px;
	width: 153px;
}
#esff2008 #intro h1 {
	background-image: url(../images/intro-esff2008.png);
	bottom: 124px;
	height: 13px;
	width: 255px;
}
#dani-buechi #intro h1 {
	background-image: url(../images/intro-dani-buechi.png);
	bottom: 121px;
	height: 20px;
	width: 340px;
}
#swissfeel #intro h1 {
	background-image: url(../images/intro-swissfeel.png);
	bottom: 124px;
	height: 13px;
	width: 96px;
}
#nxt #intro h1 {
	background-image: url(../images/intro-nxt.png);
	bottom: 124px;
	height: 13px;
	width: 157px;
}
#esff2007 #intro h1 {
	background-image: url(../images/intro-esff2007.png);
	bottom: 124px;
	height: 13px;
	width: 255px;
}
#energyjubilaeum #intro h1 {
	background-image: url(../images/intro-energyjubilaeum.png);
	bottom: 124px;
	height: 17px;
	width: 134px;
}
#winter #intro h1 {
	background-image: url(../images/intro-winter.png);
	bottom: 124px;
	height: 13px;
	width: 267px;
}
#swiss #intro h1 {
	background-image: url(../images/intro-swiss.png);
	bottom: 124px;
	height: 13px;
	width: 53px;
}
#chrottebach #intro h1 {
	background-image: url(../images/intro-chrottebach.png);
	bottom: 124px;
	height: 13px;
	width: 288px;
}
#energyradio #intro h1 {
	background-image: url(../images/intro-energyradio.png);
	bottom: 124px;
	height: 13px;
	width: 162px;
}
#crocut #intro h1 {
	background-image: url(../images/intro-crocut.png);
	bottom: 124px;
	height: 13px;
	width: 68px;
}
#julmy #intro h1 {
	background-image: url(../images/intro-julmy.png);
	bottom: 124px;
	height: 13px;
	width: 286px;
}
#engelberg #intro h1 {
	background-image: url(../images/intro-engelberg.png);
	bottom: 124px;
	height: 13px;
	width: 102px;
}
#metz #intro h1 {
	background-image: url(../images/intro-metz.png);
	bottom: 121px;
	height: 20px;
	width: 338px;
}
#kulturabo #intro h1 {
	background-image: url(../images/intro-kulturabo.png);
	bottom: 124px;
	height: 13px;
	width: 109px;
}
#energybernsbb #intro h1 {
	background-image: url(../images/intro-energybernsbb.png);
	bottom: 121px;
	height: 16px;
	width: 243px;
}
#energybernnikthomi #intro h1 {
	background-image: url(../images/intro-energybernnikthomi.png);
	bottom: 121px;
	height: 16px;
	width: 216px;
}
#swissqube #intro h1 {
	background-image: url(../images/intro-swissqube.png);
	bottom: 123px;
	height: 14px;
	width: 99px;
}
#energytv #intro h1 {
	background-image: url(../images/intro-energytv.png);
	bottom: 124px;
	height: 13px;
	width: 92px;
}
#atelier4m #intro h1 {
	background-image: url(../images/intro-atelier4m.png);
	bottom: 124px;
	height: 13px;
	width: 97px;
}
#rivage #intro h1 {
	background-image: url(../images/intro-rivage.png);
	bottom: 124px;
	height: 13px;
	width: 180px;
}
#efn2014 #intro h1 {
	background-image: url(../images/intro-efn2014.png);
	bottom: 124px;
	height: 14px;
	width: 246px;
}
#energymorgenshow #intro h1 {
	background-image: url(../images/intro-energymorgenshow.png);
	bottom: 124px;
	height: 14px;
	width: 196px;
}
#josefpallweber #intro h1 {
	background-image: url(../images/intro-josefpallweber.png);
	bottom: 121px;
	height: 16px;
	width: 250px;
}
#energyjubilaeum #intro h1 {
	background-image: url(../images/intro-energyjubilaeum.png);
	bottom: 124px;
	height: 17px;
	width: 157px;
}
#hyperdots #intro h1 {
	background-image: url(../images/intro-hyperdots.png);
	bottom: 124px;
	height: 14px;
	width: 99px;
}
#efn2015 #intro h1 {
	background-image: url(../images/intro-efn2015.png);
	bottom: 124px;
	height: 14px;
	width: 245px;
}
#efn2016 #intro h1 {
	background-image: url(../images/intro-efn2016.png);
	bottom: 124px;
	height: 14px;
	width: 245px;
}
#brandeau #intro h1 {
	background-image: url(../images/intro-brandeau.png);
	bottom: 121px;
	height: 17px;
	width: 242px;
}
.reflist {
	list-style: none;
}
.reflist li {
	float: left;
	height: 188px;
	margin: 0 28px 22px 0;
	width: 224px;
}
.reflist li.last {
	margin: 0 0 22px 0;
}
.reflist li.lastline {
	margin-bottom: 0 !important;
}
.reflist li a {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 188px;
	width: 224px;
}
.reflist li a:hover {
	background-position: bottom left;
}
.reflist .efn2011 {
	background-image: url(../images/referenzen/thumbs/reference-01.png);
}
.reflist .cinemania {
	background-image: url(../images/referenzen/thumbs/reference-02.png);
}
.reflist .rck {
	background-image: url(../images/referenzen/thumbs/reference-03.png);
}
.reflist .poolposition {
	background-image: url(../images/referenzen/thumbs/reference-04.png);
}
.reflist .appsolute {
	background-image: url(../images/referenzen/thumbs/reference-05.png);
}
.reflist .efn2010 {
	background-image: url(../images/referenzen/thumbs/reference-06.png);
}
.reflist .anderegg {
	background-image: url(../images/referenzen/thumbs/reference-07.png);
}
.reflist .esff2009 {
	background-image: url(../images/referenzen/thumbs/reference-08.png);
}
.reflist .murotex {
	background-image: url(../images/referenzen/thumbs/reference-09.png);
}
.reflist .mfa {
	background-image: url(../images/referenzen/thumbs/reference-10.png);
}
.reflist .esff2008 {
	background-image: url(../images/referenzen/thumbs/reference-11.png);
}
.reflist .danibuechi {
	background-image: url(../images/referenzen/thumbs/reference-12.png);
}
.reflist .swissfeel {
	background-image: url(../images/referenzen/thumbs/reference-13.png);
}
.reflist .nxt {
	background-image: url(../images/referenzen/thumbs/reference-14.png);
}
.reflist .esff2007 {
	background-image: url(../images/referenzen/thumbs/reference-15.png);
}
.reflist .energy {
	background-image: url(../images/referenzen/thumbs/reference-16.png);
}
.reflist .winter {
	background-image: url(../images/referenzen/thumbs/reference-17.png);
}
.reflist .swiss {
	background-image: url(../images/referenzen/thumbs/reference-18.png);
}
.reflist .chrottebach {
	background-image: url(../images/referenzen/thumbs/reference-19.png);
}
.reflist .energyradio {
	background-image: url(../images/referenzen/thumbs/reference-20.png);
}
.reflist .crocut {
	background-image: url(../images/referenzen/thumbs/reference-21.png);
}
.reflist .julmy {
	background-image: url(../images/referenzen/thumbs/reference-22.png);
}
.reflist .engelberg {
	background-image: url(../images/referenzen/thumbs/reference-23.png);
}
.reflist .kulturabo {
	background-image: url(../images/referenzen/thumbs/reference-24.png);
}
.reflist .awmetz {
	background-image: url(../images/referenzen/thumbs/reference-25.png);
}
.reflist .soc {
	background-image: url(../images/referenzen/thumbs/reference-26.png);
}
.reflist .efn2012 {
	background-image: url(../images/referenzen/thumbs/reference-27.png);
}
.reflist .energybernsbb {
	background-image: url(../images/referenzen/thumbs/reference-28.png);
}
.reflist .rivage {
	background-image: url(../images/referenzen/thumbs/reference-29.png);
}
.reflist .efn2013 {
	background-image: url(../images/referenzen/thumbs/reference-30.png);
}
.reflist .nikthomi {
	background-image: url(../images/referenzen/thumbs/reference-31.png);
}
.reflist .energytv {
	background-image: url(../images/referenzen/thumbs/reference-32.png);
}
.reflist .swissqube {
	background-image: url(../images/referenzen/thumbs/reference-33.png);
}
.reflist .atelier4m {
	background-image: url(../images/referenzen/thumbs/reference-34.png);
}
.reflist .efn2014 {
	background-image: url(../images/referenzen/thumbs/reference-35.png);
}
.reflist .energymorgenshow {
	background-image: url(../images/referenzen/thumbs/reference-36.png);
}
.reflist .josefpallweber {
	background-image: url(../images/referenzen/thumbs/reference-37.png);
}
.reflist .energyjubilaeum {
	background-image: url(../images/referenzen/thumbs/reference-38.png);
}
.reflist .hyperdots {
	background-image: url(../images/referenzen/thumbs/reference-39.png);
}
.reflist .efn2015 {
	background-image: url(../images/referenzen/thumbs/reference-40.png);
}
.reflist .brandeau {
	background-image: url(../images/referenzen/thumbs/reference-41.png);
}
.reflist .efn2016 {
	background-image: url(../images/referenzen/thumbs/reference-42.png);
}
.reflist .filler {
	background-image: url(../images/referenzen/thumbs/reference-00.png);
	background-repeat: no-repeat;
}

/* RESPONSIVE EMBED */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}