/* /////////////////////////////////// */ /* --------->> VARIABLEN */ /* /////////////////////////////////// */ @mainColor:#465345; /* /////////////////////////////////// */ /* --------->> RESET */ /* /////////////////////////////////// */ * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; } li, dd { margin-left:5%; } 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; } /* /////////////////////////////////// */ /* --------->> LAYOUT */ /* /////////////////////////////////// */ #container { width:1010px; height:100%; margin-left: -420px; position: absolute; left: 50%; background-image:url('/_images/bgall.jpg'); } #logo { background-color:#fffff; width:210px; min-height:700px; height:auto !important; height:700px; float:left; } #navi { background-image:url('/_images/bg.jpg'); width:210px; height:100%; float:left; } #navigation { margin:99px 0 0 10px ; min-height:250px; height:auto !important; height:250px; border-top:1px dotted #502720; width:188px; } /* /////////////////////////////////// */ /* --------->> Nasigationseinträge */ /* /////////////////////////////////// */ #navL1 a { margin:0px 0 0px 0px ; padding:2px 0 2px 0; color:#502720; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; border-bottom:1px dotted #502720; display:block; width:188px; } #navL1_on a { margin:0px 0 0px 0px ; padding:2px 0 2px 0; color:#502720; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:188px; background-image:url('/_images/inhalt/navon.png'); } #navL1_on {border-bottom:1px dotted #502720;} #dotsub { float:left; font-size:14px; margin:0 4px 0 0;} #navL2 a { margin:0px 0 4px 0px ; padding:2px 0 2px 0; color:#502720; font-family:verdana; font-size:12px; font-weight:normal; text-decoration:none; border-bottom:0px dotted #502720; display:block; width:188px; line-height:12px; background-image:none; } #navL2_on a { margin:0px 0 4px 0px ; padding:2px 0 2px 0; color:#502720; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; border-bottom:0px dotted #502720; display:block; width:188px; line-height:12px; background-image:none; } #zeiten { margin:-3px 0 0 10px ; color:#8b8283; font-family:verdana; font-size:11px; } #content { background-image:url('/_images/Wand_gelb.png'); width:420px; height:100%; float:left; margin: 0 0 0 -10px } #logomini { position:absolute; top:300px; margin-left:20px; z-index:999; } #logomini_sub { position:absolute; top:192px; margin-left:20px; z-index:999; } #img_gelb { margin: 0 0 0 -11px; list-style-type: none; height:220px; overflow:hidden; } @media screen and (-webkit-min-device-pixel-ratio:0) { #img_gelb { margin: 0 0 0 -11px;} } #img_gelb_idx { margin: 0 0 0 -11px; list-style-type: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { #img_gelb_idx { margin: 0 0 0 -11px;} } #hl_gelb { margin: 10px 0 0 20px; font-family:georgia; font-size:30px; color:#ffffff; font-weight:normal; } #txt_gelb { margin: 10px 0 0 20px; font-family:verdana; font-size:12px; color:#502720; font-weight:normal; width:385px; } #txt_gelb a{ font-family:verdana; font-size:12px; color:#502720; font-weight:normal; width:385px; text-decoration:none; } #line { border-bottom:1px dotted #502720; width:170px; height:10px; margin: 5px 0 0 20px; } #slogan_gelb { margin: 10px 0 0 20px; font-family:georgia; font-size:17px; color:#ffffff; line-height:20px; } #logoimg { margin:15px 0 0 0px ; } #beschreibung_logo { margin:59px 0 0 37px ; color:#f5b012; font-family:verdana; font-size:12px; font-weight:bold; } #kontakt { margin:36px 0 0 37px ; color:#8b8283; font-family:verdana; font-size:11px; } #kontakt a{ color:#8b8283; font-family:verdana; font-size:11px; text-decoration:none; } #kontakt a:hover{ color:#f5b012; } #meta { margin:28px 0 0 37px ; color:#8b8283; font-family:verdana; font-size:11px; } #meta a{ color:#8b8283; font-family:verdana; font-size:11px; text-decoration:none; } #meta a:hover{ color:#f5b012; } #logosub { margin:40px 0 0 37px ; vertical-align: baseline; position:absolute; bottom:3px; } a.link { color:@mainColor; } /* /////////////////////////////////// */ /* --------->> 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; }