/* Theme Name: Commercial Arrangement - Klaus Leistner - werbungundgestaltung.at Theme URI: http://www.werbungundgestaltung.at Description: Design für www.werbungundgestaltung.at Version: 1.0 Author: Mag. Verena Plank Author URI: http://www.verenaplank.biz */ /*Reset Styles (removing margins and padding before starting)*/ *{margin:0px; padding:0px;} /*--------------------Stylesheet für alle nicht IE Browser--------------------*/ /*--------------------Grundlayout--------------------*/ html, body{ font-size: 12px; /* Resets 1em to 10px */ font-family: Arial, Helvetica, sans-serif; background: black; color:white; margin: 0px; padding: 0px; } #wrapper { position: relative; width: 1021px; height: 770px; margin: 40px auto auto auto; padding: 0px; } #left{ position:relative; width: 183px; height: 708px; float: left; display:block; } /* Klassen für Unterseiten Backgrounds*/ .unternehmen{background:url(images/unternehmen_left.jpg) top left no-repeat;} .unternehmen_m{background:url(images/unternehmen_main.jpg) top left no-repeat;} .entwurf{background:url(images/entwurf_left.jpg) top left no-repeat;} .entwurf_m{background:url(images/entwurf_konzept_main.jpg) top left no-repeat;} .werbegrafik{background:url(images/werbegrafik_left.jpg) top left no-repeat;} .werbegrafik_m{background:url(images/werbegrafik_main.jpg) top left no-repeat;} .druck{background:url(images/druck_left.jpg) top left no-repeat;} .druck_m{background:url(images/druck_main.jpg) top left no-repeat;} .kaschierung{background:url(images/kaschierung_left.jpg) top left no-repeat;} .kaschierung_m{background:url(images/kaschierungen_main.jpg) top left no-repeat;} .design{background:url(images/design_left.jpg) top left no-repeat;} .design_m{background:url(images/design_main.jpg) top left no-repeat;} .folien{background:url(images/folienverarbeitung_left.jpg) top left no-repeat;} .folien_m{background:url(images/folienverarbeitung_main.jpg) top left no-repeat;} .fahrzeug{background:url(images/fahrzeugbeschriftung_left.jpg) top left no-repeat;} .fahrzeug_m{background:url(images/fahrzeugbeschriftung_main.jpg) top left no-repeat;} .messe{background:url(images/messe_ausstellungen_left.jpg) top left no-repeat;} .messe_m{background:url(images/messe_ausstellungen_main.jpg) top left no-repeat;} .beschilderung{background:url(images/beschilderungen_left.jpg) top left no-repeat;} .beschilderung_m{background:url(images/beschilderungen_main.jpg) top left no-repeat;} .kontakt{background:url(images/kontakt_left.jpg) top left no-repeat;} .kontakt_m{background:url(images/kontakt_main.jpg) top left no-repeat;} .referenzen{background:url(images/referenzen_left.jpg) top left no-repeat;} .referenzen_m{background:url(images/referenzen_main.jpg) top left no-repeat;} .impressum{background:url(images/impressum_left.jpg) top left no-repeat;} .impressum_m{background:url(images/impressum_main.jpg) top left no-repeat;} .interview{background:url(images/interview_left.jpg) top left no-repeat;} .interview_m{background:url(images/interview_main.jpg) top left no-repeat;} .news{background:url(images/impressum_left.jpg) top left no-repeat;} .news_m{background:url(images/impressum_main.jpg) top left no-repeat;} /*navigation*/ navigation{ position:relative; float: left; width: 183px; height: 420px; float: left; } #navigation ul{ list-style:none; margin-top: 280px; padding:0; } #navigation ul li{ display:block; line-height: 20px; border-style: none; background:url(images/halbtransparent.png); text-align: right; margin-bottom: 7px; padding-right: 5px; } * html #navigation ul li { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/halbtransparent.png');} #navigation ul li:hover{ display:block; border-style: none; background:url(images/nicht_transparent.png); text-align: right; } * html #navigation ul li:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/nicht_transparent.png');} #navigation ul li a{ color: #959595; font-weight: bold; font-size:12px; text-decoration:none; display:block; } #navigation ul li a:visited{ color:#999; text-decoration:none } #navigation ul li a:hover{ color: white; background:url(images/nicht_transparent.png); text-decoration:none; } /*aktueller menüpunkt*/ ul#nav li#current {color: white; background:url(images/nicht_transparent.png); text-decoration:none;} ul#nav li#current a{color: white; text-decoration:none;} #main{ position:relative; float: left; width: 834px; height: 708px; margin: 0px; padding: 0px; display:block; } /*news button*/ #buttonnews {position: relative; top:265px; left: 158px; list-style:none; z-index: 1; background: none;} #buttonnews li.news {width:50px; height:51px; overflow:hidden; background: none;} #buttonnews li.news img {width:50px; height:51px; background:url(images/newsbutton.png) top left no-repeat; border:0;} #buttonnews li.news a:hover img {background-image:url(images/newsbutton_hover.png);} /*galerie aktuelle projekte/news */ #cont_news {position: relative; top:0px; left: 0px; list-style:none; background: none; } #cont_news ul{width: 550px; height: 400px;} #cont_news li.galerie1 {float: left; width:115px; height:115px; overflow:hidden; background: none; margin: 0px 5px 5px 0px;} #cont_news li.galerie1 img {width:115px; height:115px; background:url(media/galerie/Thumb_143918.jpg) top left no-repeat; border:0;} #cont_news li.galerie1 a:hover img {background-image:url(media/galerie/Thumb_143918_hover.jpg);} #cont_news li.galerie2 {float: left; width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie2 img {width:115px; height:115px; background:url(media/galerie/Thumb_143836.jpg) top left no-repeat; border:0;} #cont_news li.galerie2 a:hover img {background-image:url(media/galerie/Thumb_143836_hover.jpg);} #cont_news li.galerie3 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie3 img {width:115px; height:115px; background:url(media/galerie/Thumb_144317.jpg) top left no-repeat; border:0;} #cont_news li.galerie3 a:hover img {background-image:url(media/galerie/Thumb_144317_hover.jpg);} #cont_news li.galerie4 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie4 img {width:115px; height:115px; background:url(media/galerie/Thumb_144257.jpg) top left no-repeat; border:0;} #cont_news li.galerie4 a:hover img {background-image:url(media/galerie/Thumb_144257_hover.jpg);} #cont_news li.galerie5 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie5 img {width:115px; height:115px; background:url(media/galerie/Thumb_145546.jpg) top left no-repeat; border:0;} #cont_news li.galerie5 a:hover img {background-image:url(media/galerie/Thumb_145546_hover.jpg);} #cont_news li.galerie6 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie6 img {width:115px; height:115px; background:url(media/galerie/Thumb_144835.jpg) top left no-repeat; border:0;} #cont_news li.galerie6 a:hover img {background-image:url(media/galerie/Thumb_144835_hover.jpg);} #cont_news li.galerie7 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie7 img {width:115px; height:115px; background:url(media/galerie/Thumb_144720.jpg) top left no-repeat; border:0;} #cont_news li.galerie7 a:hover img {background-image:url(media/galerie/Thumb_144720_hover.jpg);} #cont_news li.galerie8 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie8 img {width:115px; height:115px; background:url(media/galerie/Thumb_0756.jpg) top left no-repeat; border:0;} #cont_news li.galerie8 a:hover img {background-image:url(media/galerie/Thumb_0756_hover.jpg);} #cont_news li.galerie9 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie9 img {width:115px; height:115px; background:url(media/galerie/Thumb_0819.jpg) top left no-repeat; border:0;} #cont_news li.galerie9 a:hover img {background-image:url(media/galerie/Thumb_0819_hover.jpg);} #cont_news li.galerie10 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie10 img {width:115px; height:115px; background:url(media/galerie/Thumb_0847.jpg) top left no-repeat; border:0;} #cont_news li.galerie10 a:hover img {background-image:url(media/galerie/Thumb_0847_hover.jpg);} #cont_news li.galerie11 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie11 img {width:115px; height:115px; background:url(media/galerie/Thumb_0870.jpg) top left no-repeat; border:0;} #cont_news li.galerie11 a:hover img {background-image:url(media/galerie/Thumb_0870_hover.jpg);} #cont_news li.galerie12 {float: left;width:115px; height:115px; overflow:hidden; background: none;margin: 0px 5px 5px 0px;} #cont_news li.galerie12 img {width:115px; height:115px; background:url(media/galerie/Thumb_0922.jpg) top left no-repeat; border:0;} #cont_news li.galerie12 a:hover img {background-image:url(media/galerie/Thumb_0922_hover.jpg);} /*pic gallery rechts*/ #pic_start{width: 250px; height: 430px; float: right; margin-top: 268px; margin-left: 150px; margin-right: 3px; background: none; font-size: 1.3em;} #pic_kontakt{width: 250px; height: 230px; float: right; margin-top: 280px; margin-left:0px; margin-right: 10px; background: none; font-size: 1.3em;} #pic_untern{width: 400px; height: 430px; float: right; margin-top: 268px; margin-left: 155px; margin-right: 0px; background: none; font-size: 1.3em;} /*Berufsbezeichung klaus rechts*/ #klaus{float: left; font-variant:small-caps; margin-top: 170px;} #img_start_klaus{float: right; margin-left: 7px; } #img_start_klaus img{border: none;} #faq{clear: both; float:right; margin-right: 131px; margin-top: 20px;} /*content links*/ #cont{width: 250px; height: 300px; float: left; margin-top: 340px; margin-left: 40px; color: white; text-transform: uppercase;} #cont_imp{width: 600px; height: 300px; float: left; margin-top: 340px; margin-left: 40px; color: white; } #cont_kontakt{width: 500px; height: 400px; float: left; margin-top: 280px; margin-left: 40px; color: white; } #cont_ref{width: 600px; height: 300px; float: left; margin-top: 340px; margin-left: 40px; color: white; } #cont_interv1{width: 300px; height: 300px; float: left; margin-top: 270px; margin-left: 40px; color: white;} #cont_interv1 p{ margin-top: 0px; font-size: 1.0em; margin-bottom: 0px;} #cont_interv2 p{ margin-top: 0px; font-size: 1.0em; margin-bottom: 0px;} #cont_news{width: 300px; height: 300px; float: left; margin-top: 270px; margin-left: 100px; color: white;} #cont_interv2{width: 300px; height: 300px; float: left; margin-top: 270px; margin-left: 25px; color: white;} /*Footer */ #footer{ position: absolute; top: 704px; float: left; width: 1017px; height: 62px; padding: 0px; margin: 0px; background: url(images/fuss_klausleistner.jpg) top left no-repeat; border:none; } /*Footerinhalt*/ #content_footer{ position:relative; width: 1017px; height: 100%; margin: 50px auto auto auto; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: red; display:block; text-align:center; } /*Footerlinks*/ .web:link {color:red; text-decoration:none;} .web:visited {color:red; text-decoration:none;} .web:active {color:white; text-decoration:none;} .web:hover {color:white; text-decoration:none;} /*Textgestaltung*/ h1,h2,h3,h4,h5,h6{ font-weight: bold; } h1{ padding: 0px 0px 0px 3px; color:#a4c57d; font-size: 1.1em;} h2{ padding: 10px 0px 10px 0px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight:normal; color: white;} h3{ padding: 0px 0px 5px 0px; font-size: 1.3em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #7b756d;} #main ul{list-style:none;} #main li{font-variant: small-caps; font-size: 1.1em;} p{margin-top: 15px; line-height: 1.3em; font-size: 1.2em; display: block; } .cv li{list-style:circle; margin-left: 15px; padding-left: 10px; line-height: 1.4em; font-size: 1.2em; } .gebote{margin-top: 85px; margin-bottom: 60px; } .gebote li{margin-left: 30px; margin-top: 25px; padding-left: 5px; line-height: 1.4em; font-size: 1.2em; list-style:decimal;} .gebote strong{font-family:Trebuchet MS, Arial, Helvetica, sans-serif;} .note{font-size: 1em; font-style:italic; margin-top: 30px;} b {color: black;} /*--------------------kontaktformular--------------------*/ #links{float:left; width: 40%; height: 100%;} #rechts{float: left; width: 60%; height: 100%; margin-top: 35px; } fieldset { width: 775px; padding: 10px; margin-top: 25px; border: none; } label { display: block; clear: both; margin-top: 8px; padding-top: 0px; padding-left:3px; position: relative; text-align: left; width: 100px; color: #7b756d; height: 20px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.95em; } .name, .vorname, .strasse, .postleitzahl, .ort, .telefon, .email { font-size: .9em; width: 222px; height: 25px; border: 0; padding: 0px 0px 5px 10px; color: #7b756d; background: url(file:///I|/Kunden/Johanna%20P%C3%BChrer/HPDaten/images/inputbg.png) left top no-repeat; } .kwunsch{font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; padding-left:3px;} .legende{font-family:Arial, Helvetica, sans-serif; font-size: 1.2em;padding-left:3px;} .nachricht{ width:475px; height:50px; padding-left:3px; font-family:Arial, Helvetica, sans-serif; font-size: 1em;color: #7b756d; } .mess{color:#990000; margin-left: 10px; font-size: 1em; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-top: 25px;} .danke{padding-left: 10px; padding-bottom: 250px; font-size: 1.2em; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#7b756d;} .absenden { width: 145px; height: 35px; margin: 8px 0px 20px 3px; border: 0px; padding: 0px; background: url("file:///I|/Kunden/Johanna Pührer/HPDaten/images/absendenbg.gif") top left no-repeat; color: #EEE; } .loeschen { width: 145px; height: 35px; margin: 8px 0px 20px 3px; border: 0px; padding: 0px; background: url("file:///I|/Kunden/Johanna Pührer/HPDaten/images/absendenbg.gif") top left no-repeat; color: #EEE; } /*--------------------linkgestaltung allgemein--------------------*/ /* Genaues Layout*/ a{font-family: Arial, Helvetica, sans-serif;} a:link { color: #000000; text-decoration:none; } a:visited { color:#333333; text-decoration:none; } a:active { color: #000000; text-decoration:none; } a:hover { color: #ef692b; text-decoration:none; } /*--------------------bilder als links--------------------*/ a img{border: none; }