/*--------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------VOREINSTELLUNGEN + ZENTRIERTER INHALT------------------------------------------------------ ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ * {margin:0; padding:0;} body {text-align:center; background:#d8d7d9; background-image:url(../grafiken/main/background-body.gif); background-repeat:repeat-x;} #wrapper {width:722px; height:600px; margin:auto; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------POSITIONIERUNG DER HAUPTCONTAINER--------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #top {height:144px; text-align:center;} #content {height:455px; width:682px; background-image:url(../grafiken/main/background-content.gif); background-repeat:repeat-x; padding:17px; padding-top:19px;} #angebote #content {padding-top:11px; padding-bottom:25px;} #content #main {position:relative; height:363px; margin-bottom:2px;} #content #navi {height:78px;} #subnavi {height:55px; width:717px;} #subnavi #links {float:left;} #subnavi #rechts {float:right; text-align:right;} #bottom {height:70px; background-image:url(../../data/sub-bg.jpg);} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------GESTALTUNG INHALT----------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------Gleich bleibender Inhalt------*/ #bottom img {width:722px; height:70px;} #subnavi li {display:inline;} #subnavi #rechts li {padding-left:20px;} h1 {font-size:140%; background: #d8d7d9; padding-top:2px; padding-bottom:2px; margin-top:9px;} p {background: #d8d7d9; padding:6px; padding-top:1px; padding-bottom:1px; margin-top:8px;} #subnavi ul {color:#aaa;} /*-------Gestaltung Navigation-------*/ #navi #look {width:226px; height:78px; background-image: url(../grafiken/main/navi-look.jpg); float:left; margin-right:2px;} #navi #feel {width:226px; height:78px; background-image: url(../grafiken/main/navi-feel.jpg); float:left; margin-right:2px;} #navi #contact {width:226px; height:78px; background-image: url(../grafiken/main/navi-contact.jpg); float:left;} #navi #look:hover {background-image: url(../grafiken/main/navi-look2.jpg);} #navi #feel:hover {background-image: url(../grafiken/main/navi-feel2.jpg);} #navi #contact:hover{background-image: url(../grafiken/main/navi-contact2.jpg);} #navi a.link {position:absolute; width:226px; height:78px;} /*------Startseite------*/ #main img {width:226px; height:363px; float:left;} .abstand {padding-right:2px;} /*------Seite LOOK------*/ #ueberblick #main {background:#202a41;} #ueberblick #main img {width:682px;} #ueberblick #navi #look {background-image: url(../grafiken/main/navi-look2.jpg);} #ueberblick #navi #feel:hover {background-image: url(../grafiken/main/navi-feel3.jpg);} #ueberblick #navi #contact:hover{background-image: url(../grafiken/main/navi-contact3.jpg);} #ueberblick #text {position:absolute; top:160px; left:347px; width:335px;} #ueberblick #text2 {position:absolute; top:160px; left:180px; width:200px;} #ueberblick #bild {position:absolute; top:0px; left:0px; width:682px;} #ueberblick h1 {padding-left:0px;} #ueberblick p {padding-left:46px;} /*------Seite FEEL------*/ #referenzen #main {background:#7f373d;} #referenzen #main img {width:449px;} #referenzen #navi #feel {background-image: url(../grafiken/main/navi-feel2.jpg);} #referenzen #navi #look:hover {background-image: url(../grafiken/main/navi-look3.jpg);} #referenzen #navi #contact:hover{background-image: url(../grafiken/main/navi-contact3.jpg);} #referenzen #text {position:absolute; top:43px; left:275px; width:407px;} #referenzen #bild {position:absolute; top:0px; left:0px;} #referenzen h1 {padding-left:175px;} #referenzen p {padding-left:200px;} /*------Seite CONTACT------*/ #kontakt #main {background:#92bd11;} #kontakt #main img {width:682px;} #kontakt #navi #contact {background-image: url(../grafiken/main/navi-contact2.jpg);} #kontakt #navi #look:hover {background-image: url(../grafiken/main/navi-look3.jpg);} #kontakt #navi #feel:hover {background-image: url(../grafiken/main/navi-feel3.jpg);} #kontakt #text {position:absolute; top:70px; left:0px; width:300px;} #kontakt #text2 {position:absolute; top:70px; left:180px; width:207px;} #kontakt #bild {position:absolute; top:0px; left:0px; width:682px;} #kontakt h1 {padding-left:28px;} #kontakt p {padding-left:50px;} /*------Seite angebote------*/ #angebote #main {background:#7f373d;} #angebote #main img {width:682px;} #angebote #navi #feel:hover {background-image: url(../grafiken/main/navi-feel3.jpg);} #angebote #navi #look:hover {background-image: url(../grafiken/main/navi-look3.jpg);} #angebote #navi #contact:hover{background-image: url(../grafiken/main/navi-contact3.jpg);} #angebote #text {position:absolute; top:43px; left:275px; width:407px;} #angebote #bild {position:absolute; top:0px; left:0px;} #angebote h1 {padding-left:175px;} #angebote p {padding-left:200px;} /*------Seite FORMULAR------*/ #formular #main {background:#92bd11;} #formular #main img {width:682px;} #formular #navi #contact {background-image: url(../grafiken/main/navi-contact2.jpg);} #formular #navi #look:hover {background-image: url(../grafiken/main/navi-look3.jpg);} #formular #navi #feel:hover {background-image: url(../grafiken/main/navi-feel3.jpg);} #formular #text {position:absolute; top:87px; left:290px; width:420px;} #formular #text2 {position:absolute; top:70px; left:180px; width:207px;} #formular #bild {position:absolute; top:0px; left:0px; width:800px;} #formular h1 {padding-left:28px;} #formular .eingabefeld {margin-bottom:10px; border:0px; background:#838385; padding-left:3px; color:#ccc;} #formular .textfeld {margin-bottom:10px; border:0px; background:#838385; margin-left:114px; color:#ccc; position:relative; margin-top:-12px; height:63px; width:250px;} #formular strong {font-weight:100; color:#bab4ac; margin-left:5px;} #formular .senden {border:0; background:#5e503f; color:#92bd11; margin-left:10px; font-weight:bolder; cursor:pointer;} /*------Seite IMPRESSUM------*/ #kontakt.impressum #text {position:absolute; top:70px; left:0px; width:280px;} #kontakt.impressum #text2 {position:absolute; top:70px; left:180px; width:207px;} #kontakt.impressum #navi #contact {background-image: url(../grafiken/main/navi-contact.jpg);} li.aktiv {color:#333;} /*------REFERENZEN------*/ #referenzen.referenzen #main {background-image: url(../grafiken/main/background-referenzen.jpg);} #referenzen.referenzen #main img {width:682px;} #referenzen.referenzen #text {position:absolute; top:70px; left:0px; width:220px;} #referenzen.referenzen #text2 {position:absolute; top:70px; left:180px; width:207px;} #referenzen.referenzen #bild {position:absolute; top:0px; left:0px; width:682px;} #referenzen.referenzen h1 {padding-left:28px;} #referenzen.referenzen p {padding-left:28px;} #pfeil-1 {position:absolute; left:-60px; top:170px; width:31px; height:62px; background-image: url(../grafiken/main/pfeil-1.png);} #pfeil-2 {position:absolute; left:710px; top:170px; width:31px; height:62px; background-image: url(../grafiken/main/pfeil-2.png);} #referenzen a.link2 {position:absolute; left:0px; top:0px; width:31px; height:62px;} /*------Gasthaus Krone------*/ #wrapper.krone #text {position:absolute; top:70px; left:0px; width:170px;} #wrapper.krone #text2 {position:absolute; top:70px; left:170px; width:60px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------GESTALTUNG LINKS------------------------------------------------------------------ ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ a {text-decoration:none;} a:link {color:#aaa;} a:hover {color:#888;} a:visited {color:#aaa;} /*------Links im Inhaltsbereich------*/ #content #text a {text-decoration:underline;} #content #text a:link {color:#7f373d;} #content #text a:hover {color:#666;} #content #text a:visited{color:#7f373d;}