/* /////////////////////////////////// */ /* --------->> VARIABLEN */ /* /////////////////////////////////// */ @mainColor:#465345; @red:#9c000b; @grey:#666666; @greyLight:#D6D6D6; @mainFontfamily:Georgia,Helvetica,Arial,sans-serif; /* /////////////////////////////////// */ /* --------->> RESET */ /* /////////////////////////////////// */ * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { list-style-type: none; margin:0em 0; } li, dd { margin-left:10px; } fieldset { padding: .5em; } select option { padding:0 5px; } .hide, .we { display:none; } .left{ float:left; } .right{ float:right; } .clear{ clear:both; height:1px; font-size:1px; line-height:1px; } a img{ border:none; } p {margin:3px 0;} /* /////////////////////////////////// */ /* --------->> ABSATZFORMATE */ /* /////////////////////////////////// */ a, a:hover, a:active, a:visited { color:black; text-decoration:none; } hr { border-bottom:0 none; border-top:1px solid @greyLight; border-width: 1px 0 0 0; clear:both; color:white; float:left; height:0px margin:0 0; width:100%; } h1 { font-family:Georgia,Helvetica,Arial,sans-serif; size:36; font-weight:normal; } h2 { font-family:Georgia,Helvetica,Arial,sans-serif; font-size:32; font-weight:normal; } h3 { color:@red; font-size:18px; } .headerSide { float:left; font-weight:bold; height:auto; margin-top:5px; text-align:right; width:125px; } /* /////////////////////////////////// */ /* --------->> LAYOUT */ /* /////////////////////////////////// */ body { font-size:13px; font-family:@mainFontfamily; } #header {clear:both; float:left; line-height:0;} #headerIMG {clear:both; float:left; height:250px; width:1200px;} #container { height: auto; margin-left: -600px; left: 50%; position: absolute; width: 1200px; } #containerInhalt { clear:both; float:left; margin:0 0 0 105px; } #language { background-color:#5b0000; color:white; display:none; font-size:11px; padding:8px; position:absolute; right:105px; top:147px; z-index:99; /*filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;*/ } a.cLanguage, a.cLanguage:hover, a.cLanguage:active, a.cLanguage:visited { color:white; } #logo { margin:-58px 0px 0px 0px; position: absolute; z-index:99; } /* /////////////////////////////////// */ /* --------->> Navigation */ /* /////////////////////////////////// */ #mainNav { background-image:url('/_include/css/img/bgnav.jpg'); background-repeat:repeat-x; clear:both; float:left; height: 41px; margin: -15px 0 -2px; position: absolute; z-index:10; width: 990px; } div.navInner { color:white; float:leftt; margin:10px 5px; } div.subNavInner { color:white; float:leftt; margin:30px 5px; } a.naviLevel1 { color:white; display:block; float:left; margin:0 42px; padding:1px; } span.nav { display:block; float:left; } #naviLevel1_active { background-color:white; color:@red; } #subnavigation { background-color:@greyLight; clear:both; float:left; height: auto; position: absolute; width:990px; } a.naviLevel2 { color:black; display:block; float:left; margin:-2px 11px; padding:0px; } #naviLevel2_active { font-weight:bold; } #subsubnavigation { background-color:#F3F3F3; clear:both; float:left; height: auto; margin-top:20px; position: absolute; width: 990px; z-index:-1; } a.naviLevel3 { color:black; display:block; float:left; margin:0 11px; padding:0px; } #naviLevel3_active { font-weight:bold; } #metanavigation { clear:both; float:left; margin:7px 0; } a.metanavigation, a.metanavigation:hover, a.metanavigation:active, a.metanavigation:visited { color:@grey; dispaly:block; float:left; height:auto; margin:0; width:110px; } #metanavigation_active { font-weight:bold; } /* /////////////////////////////////// */ /* --------->> Startseite */ /* /////////////////////////////////// */ #content { height:auto; position: absolute; margin:100px 0px 0px 0px; width:990px; } #iGalerieLinks { float:left; margin-left:15px; overflow:hidden; width:370px; } #iGalerieRechts { float:left; margin-left:15px; overflow:hidden; width:280px; } #prevBtnL a, #nextBtnL a, #prevBtnR a, #nextBtnR a { color:@red; font-family:Verdana, Tahoma, sans-serif; font-weight:bold; } #prevBtnL, #nextBtnL { display:block; height:15px; left:0; position:relative; top:-80px; width:14px; } #nextBtnL { left:390px; top:-80px; } #prevBtnR, #nextBtnR { display:block; height:15px; left:0; position:relative; top:-80px; width:14px; } #nextBtnR { left:300px; top:-80px; } /* /////////////////////////////////// */ /* --------->> Index */ /* /////////////////////////////////// */ #hl_1 { width:740px; border-bottom: 1px solid #d6d6d6; } #mainText{ color:#292929; float:left; font-size:14px; font-family:@mainFontfamily; margin:20px 0 0 0 ; width:400px; } #mainTextlight { color:#A0A0A0; float:left; font-family:@mainFontfamily; font-size:24px; font-weight:normal; line-height:1.3em; margin:18px 0 0 25px; width:310px; } #block1 { border-bottom: 1px solid #d6d6d6; clear:both; color:#9c000b; float:left; margin:50px 0 0 0px; overflow:hidden; width:400px; } #block2 { border-bottom: 1px solid #d6d6d6; color:#9c000b; float:left; margin:50px 0 0 25px; overflow:hidden; width:310px; } div.hl_sub { border-bottom: 1px solid #d6d6d6; color:#9c000b; font-family:@mainFontfamily; font-size:15px; font-weight:normal; padding:0px 0px 3px 0px; margin-bottom:5px; } #footer a { clear:both; margin:40px 0px 0px 0px; float:right; color:#cccccc; text-decoration:none; font-size:11px; } /* /////////////////////////////////// */ /* --------->> ContentSeite */ /* /////////////////////////////////// */ #leftContent { clear:both; float:left; height:auto; width:745px; } #cText { color:#292929; float:left; font-size:14px; font-family:@mainFontfamily; margin:20px 0 0 0 ; width:450px; } #cTextLight { color:#afafaf; float:left; font-family:@mainFontfamily; font-size:24px; font-weight:normal; line-height:1.3em; margin:20px 0 0 30px ; width:260px; } #cSidebar { float:left; font-family:@mainFontfamily; margin-left:15px; margin-top:10px; width:230px; } #cSidebarsub { float:left; font-family:@mainFontfamily; margin-left:15px; margin-top:3px; width:230px; } div.cSidebarBox { clear:both; float:left; height:auto; margin-bottom:18px; width:230px; } div.sidebarHeader { border-bottom:1px solid @greyLight; clear:both; float:left; margin-bottom:8px; padding-bottom:6px; width:230px; } #cGalerie { clear:both; float:left; height:130px; overflow:hidden; width:745px; margin:25px 0px 0px 0px; } #galerieInner { clear:both; float:left; height:130px; margin-left:10px; overflow:hidden; width:725px; } li.galerie { float:left; margin:0 1px; } li.spotlights { height:160px; text-align:center; overflow:hidden; width:200px; } /* /////////////////////////////////// */ /* --------->> ÜBERSICHTEN */ /* /////////////////////////////////// */ #lv { clear:both; float:left; margin:8px 0; } div.lvEntry { clear:both; float:left; height:110px; margin:8px 0; width:670px; } div.lvEntryPic { float:left; height:110px; margin-right:20px; overflow:hidden; width:150px; } div.lvEntryText { float:left; width:400px; } /* /////////////////////////////////// */ /* --------->> GALERIE */ /* /////////////////////////////////// */ #prevBtn a, #nextBtn a, #prevBtnSL a, #nextBtnSL a { color:@red; font-family:Verdana, Tahoma, sans-serif; font-weight:bold; } #prevBtn, #nextBtn { display:block; height:15px; left:0; position:relative; top:-80px; width:14px; } #nextBtn { left:730px; top:-80px; } #prevBtnSL, #nextBtnSL { display:block; height:15px; left:0; position:relative; top:-80px; width:14px; } #nextBtnSL { left:219px; top:-80px; } #galerie { height:120px; margin:8px; overflow:hidden; width:570px; } #box2_galerie { clear:both; float:left; height:160px; margin-left:15px; overflow:hidden; width:202px; } /* /////////////////////////////////// */ /* --------->> KALENDER */ /* /////////////////////////////////// */ #calendar { clear:both; float:left; height:auto; margin-left:0; } table.calTable { border-spacing:2px; float:left; font-family:Arial, Tahoma, sans-serif; font-size:12px; text-align:center; width:190px; } tr.calHead { background-color:#999999; color:#333333; font-weight:bold; } td.calTd { background-color:#EEEEEE; } #today { } td.calTdEventStPaul, td.calTdEventStPaul > a { background-color:@red; color:white; } td.calTdEventBleiburg, td.calTdEventBleiburg > a { background-color:@red; color:white; } td.calTdEventLavanttal, td.calTdEventLavanttal > a { background-color:#aaaaaa; color:white; } #calBackward { color:@red; cursor:pointer; float:left; font-size:13px; font-weight:bold; padding-right:3px; } #calForward { color:@red; cursor:pointer; float:left; font-size:13px; font-weight:bold; margin-left:5px; } /* /////////////////////////////////// */ /* --------->> KONTAKTFORMULAR */ /* /////////////////////////////////// */ #contact { margin-left:15px; margin-top:15px; } #contactError { color:FF9900; font-weight:bold; margin:4px 0px 8px; padding:6px; width:310px; } label.contactFormDesc { clear:both; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0.5em 0em; padding-right:15px; width:130px; } select.contactFormField, input.contactFormField { background-color:#F9F9F9; border:1px solid #BBBBBB; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1.5px; width:220px; } textarea.contactFormField { background-color:#F9F9F9; border:1px solid #BBBBBB; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:80px; float:left; padding:1.5px; width:220px; }