.hellgrau { color:#888F87; } .dunkelgrau {color:#565D56; } #wrap { width:850px; margin:0 auto; font-family: 'TradeGothicCondensed', Helvetica, Arial, sans-serif; } #header { height:115px; } #header #permanents { float:left; margin:90px 0 0 25px; font-size:12px; } #header #permanents ul { list-style-type:none; } #header #permanents ul li { display:inline; margin-right:20px; } #header #permanents ul li a:link, #header #permanents ul li a:visited { text-decoration:none; color:#888F87; } #header #permanents ul li a:hover, #header #permanents ul li a:active { color:#565D56; } #header #logo { float:right; margin-top:20px; } #main {position:relative; width:850px; height:450px; overflow:hidden!important; } #main_corners_top, #main_corners_bottom {width:100%; position:relative; top:-450px; z-index:990; background-image:url(http://www.desepibus.ch//images/template/corners.png); } #main_corners_top {width:100%; height:20px; position:relative; top:-450px; z-index:990; background-position:top; background-image:url(http://www.desepibus.ch//images/template/corners.png); } #main_corners_bottom {width:100%; height:20px; position:relative; top:-40px; z-index:990; background-position:bottom; background-image:url(http://www.desepibus.ch//images/template/corners.png); } #main div.ref_img_wrap {position:absolute; z-index:800; width:850px; height:450px; overflow:hidden; } #main div.ref_img_wrap div.ref_img_wrap_container { position:relative; width:10200px; } #main div.ref_img_wrap div.ref_img_wrap_container div.ref_img { float:left; } #main div.ref_img_wrap div.ref_img_wrap_container div.ref_img img { width:850px;} #main #slide { width:850px; position:relative; top:180px; z-index:980; text-align:right; } #main #slide #slide_ref { background-color:#65939B; width:765px; height:250px; z-index:980; padding:15px 60px 15px 25px; } {if segment_2 == "team"}#main #slide #slide_ref { background-color:#65939B; width:765px; height:300px; z-index:980; padding:15px 60px 15px 25px; }{/if} #main #slide #slide_nav { background-color:#92B2B7; width:765px; height:350px; z-index:980; padding:25px 60px 0 25px; } #main #slide #slide_ref h1 { font-size:28px; color:#fff; letter-spacing:1px; margin:0 0 12px 0; } #main #slide #slide_ref h1 span.position { color:#565D56; } #main #slide #slide_ref p { width:650px; margin-left: 115px; font-size:14px; line-height:17px; color:#fff; letter-spacing:1px; margin-bottom:12px;} #main #slide #slide_ref p.team { width:650px; margin-left: 115px; font-size:14px; line-height:17px; color:#fff; letter-spacing:1px; height:50px; } #main #slide #slide_ref p a:link, #main #slide #slide_ref p a:visited{ text-decoration:none; color:#fff; } #main #slide #slide_ref p a:hover, #main #slide #slide_ref p a:active { color:#565D56; } #main #slide #slide_ref #ref_minis_wrap { margin-right:-4px; } {if segment_2=="team"}#main #slide #slide_ref #ref_minis_wrap { margin-left:100px; margin-right:-4px; }{/if} #main #slide #slide_ref #ref_minis_wrap .ref_minis { width:90px; height:78px; overflow:hidden; float:right; margin-left:10px; border:4px solid #65939B; } {if segment_2=="team"}#main #slide #slide_ref #ref_minis_wrap .ref_minis { width:90px; height:78px; overflow:hidden; float:right; margin-left:10px; margin-bottom:8px; border:4px solid #65939B; }{/if} #main #slide #slide_ref #ref_minis_wrap .ref_minis:hover { border:4px solid #92B2B7; cursor:pointer; } #main #slide #slide_ref #ref_minis_wrap .ref_minis_ein { border:4px solid #92B2B7; } #main #slide #slide_ref #ref_minis_wrap .ref_minis img { height:80px; margin-left:-40px; } #main #slide #slide_ref #ref_minis_wrap .ref_minis img:hover { } #main #slide #slide_nav h2 { font-size:28px; color:#565D56; margin-bottom:4px; letter-spacing:1px;} #main #slide #slide_nav h2.projekte { margin-top:20px; } #main #slide #slide_nav h2 span.weiss { color:#FFFFFF; } #main #slide #slide_nav .bauten_wrap { } #main #slide #slide_nav .bauten_wrap .bauten_wrap_img { width:52px; height:44px; overflow:hidden; float:right; margin:0 0 6px 8px; border:3px solid #92B2B7;} #main #slide #slide_nav .bauten_wrap .bauten_wrap_img:hover { border:3px solid #65939B; cursor:pointer; } #main #slide #slide_nav .bauten_wrap .bauten_wrap_img_ein { border:3px solid #65939B; } #main #slide #slide_nav .bauten_wrap .bauten_wrap_img img { height:44px; } #navigation { height:115px; text-align:right; margin:-20px 60px 0 0;} #navigation ul.mainnav { list-style-type:none; width:790px;} #navigation ul.mainnav li { display:inline; margin-left:20px; font-size:15px; } #navigation ul.mainnav li a:link, #navigation ul.mainnav li a:visited { text-decoration:none; color:#565D56; } #navigation ul.mainnav li a:hover, #navigation ul.mainnav li a:active { color:#000; } #navigation ul.mainnav li a.current { font-family: 'TradeGothicBold', Helvetica, Arial, sans-serif; color:#65939B; } #navigation ul.mainnav li a.current2 { color:#000; } #navigation ul.subnav { list-style-type:none; width:790px; position:absolute; padding:4px 0;} #navigation ul.subnav li { display:inline; margin-left:20px; font-size:14px; } #navigation ul.subnav li a:link, #navigation ul.subnav li a:visited { text-decoration:none; color:#565D56; } #navigation ul.subnav li a:hover, #navigation ul.subnav li a:active { color:#000; } #navigation ul.subnav li a.current { color:#65939B; font-family: 'TradeGothicBold', Helvetica, Arial, sans-serif;} .puntn_vor {width:200px; height:450px; margin-left:-200px;float:left; background-image:url(http://www.desepibus.ch//images/template/puntn.png);} .puntn_vor:hover {background-position:0 -450px; cursor:pointer;} .puntn_back {width:200px; height:450px; margin-left:-850px;float:left; background-image:url(http://www.desepibus.ch//images/template/puntn_back.png); } .puntn_back:hover {background-position:0 -450px; cursor:pointer;} .info_ein {width:30px; height:30px; position:absolute; margin-top:3px; margin-left:780px;background-image:url(http://www.desepibus.ch//images/template/puntn_up.png); background-repeat:no-repeat; } .info_ein:hover {background-position:0 -30px; cursor:pointer;} .info_aus {width:30px; height:30px; position:absolute; margin-top:3px; margin-left:780px;background-image:url(http://www.desepibus.ch//images/template/puntn_down.png); background-repeat:no-repeat; } .info_aus:hover {background-position:0 -30px; cursor:pointer;} .hide { display:none; } .clear {clear:both;} .button_ein, .button_aus { position:absolute; top:290px; z-index:999; font-size:13px; text-align:left; color:#FFFFFF; } .button_ein:hover, .button_aus:hover { cursor:pointer; color:#CCCCCC; } .red { color:red; } #content { margin:-30px 60px 80px 160px; text-align:right; } #content h1 { font-size:28px; line-height:34px; color:#65939B; margin:0 0 12px 0; } #content p { font-size:14px; line-height:19px; color:#565D56; margin:0 0 8px 0; } #content h2 { font-size:20px; line-height:24px; color:#333333; margin: 30px 0 10px 0; } #content p strong { color:#000; } #content a:link, #content a:visited { color:#65939B; text-decoration:none; } #content a:hover, #content a:active { color:#565D56; } #subnav { margin:-30px 60px 80px 160px; text-align:right; } #subnav h2 { font-size:28px; color:#565D56; margin-bottom:4px; letter-spacing:1px;} #subnav h2.projekte { margin-top:20px; } #subnav h2 span.weiss { color:#65939B; } #subnav a:link, #subnav a:visited { color:#565D56; text-decoration:none; } #subnav a:hover, #subnav a:active { color:#000; } #subnav a.current { color:#65939B; }