html, body { height: 100%; } * { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,div,p,body,html,input,textarea,button,td,ul,li { font: normal 1em Arial, Verdana, sans-serif; } body { margin: 0px 0px 0px 0px; padding: 0px; color: #000; background-color: #000; text-align: center; } p { margin-bottom: 5px; } .breaker { clear: both; overflow: hidden; height: 1px; margin: 0px; padding: 0px; font-size: 1px; } #site { width: 760px; margin: 0px auto; text-align: center; } #top { width: 760px; height: 131px; background-image: url(../bilder/top-hg.jpg); background-repeat: no-repeat; } #top #wanderbares-deutschland { float: left; width: 100px; } #top #wandern-in-deutschland { float: left; width: 660px; } #menue { width: 760px; height: 30px; background-color: #a6cc3b; } #spalte-region { float: left; width: 152px; background-color: #eee; } #content-aussen { float: left; width: 456px; background-color: #e0f1b1; } #content { height: 1063px; border-left: 1px solid #67a735; border-right: 1px solid #67a735; text-align: left; } #spalte-hotel { float: left; width: 152px; background-color: #eee; } #breadcrump { float: left; width: 330px; margin-left: 20px; } #breadcrump-inhalt { padding-top: 5px; } #breadcrump-flagge, .breadcrump-trenner, #breadcrump-startseite, #breadcrump-pfad, .breadcrump-text { float: left; } #breadcrump-flagge { width: 22px; } .breadcrump-trenner { width: 14px; } #breadcrump-startseite { width: 14px; } .breadcrump-text { } #breadcrump-pfad { width: 200px; font-size: .8em; } #socialmedia { float: left; width: 100px; margin-top: 2px; } #socialmedia-c, #socialmedia-t, #socialmedia-f, #socialmedia-y { float: left; width: 20px; } #ticker { margin-left: 10px; margin-top: 0px; text-align: left; } #eingangstext { width: 420px; margin-left: 20px; margin-top: 0px; text-align: left; font-size: .8em; } #karte { } #google-maps { width: 425px; margin-left: 12px; margin-top: 0px; text-align: right; } #google-maps iframe { border: 2px solid #67a735; } #google-maps a { /*font-size: .7em; color: #000; display: block; width: 100px; height: 20px; padding: 5px; background-color: #fff; border: 1px solid #999; text-decoration: none; text-align: center;*/ } #aktuelle-angebote { width: 415px; margin-left: 30px; margin-top: 10px; font-size: .8em; } #aktuelle-angebote #ueberschrift { font-size: 1em; font-weight: bold; text-decoration: none; } #aktuelle-angebote .zeile { margin-top: 3px; } #aktuelle-angebote .zeile .ziffer { float: left; width: 20px; } #aktuelle-angebote .zeile .datum { float: left; width: 80px; } #aktuelle-angebote .zeile .text { float: left; width: 300px; } #banner { margin-left: 40px; margin-top: 15px; } #banner-zeile-1 { } #banner-zeile-2 { } #banner-zeile-3 { } #banner-element { float: left; width: 115px; margin-right: 7px; margin-bottom: 7px; } #banner-zeile-3 #banner-element { margin-bottom: 0px; } #infos { margin-top: 15px; margin-left: 10px; width: 440px; font-size: .8em; } #infos #ueberschrift { font-size: 1em; font-weight: bold; } #infos #infos-inhalt { margin-top: 10px; } #infos #shop table { } #infos #shop thead { } #infos #shop tr { height: 16px; } #infos #shop th, td { font-size: .7em; text-align: left; } #infos #shop th { text-align: center; } #infos #shop td { border: 0px solid #999; } #infos #shop td.anzahl, #infos #shop td.einzel, #infos #shop td.gesamt { text-align: right; } #infos #shop td.bestnr { padding-right: 15px; text-align: right; } #infos #shop td.titel { padding-top: 10px; font-weight: bold; } #infos #shop input.anzahl { width: 30px; height: 15px; padding-right: 3px; text-align: right; } #infos #shop input.einzel { width: 40px; height: 15px; padding-right: 3px; text-align: right; } #infos #shop input.gesamt { width: 50px; height: 15px; padding-right: 3px; text-align: right; } #infos #shop select { width: 150px; height: 15px; text-align: left; } #infos #shop input#1-2-leistungsgutscheine-2 { width: 70px; height: 15px; padding-right: 3px; text-align: right; } #infos #shop input.zahlung { text-align: left; } #infos #shop .anschrift { text-align: left; } #infos #shop input.anschrift { width: 150px; height: 15px; padding-left: 3px; text-align: left; } #infos #shop .abschicken { text-align: center; padding-top: 5px; font-size: 1em; font-weight: bold; } #infos #sitemap { } #infos #sitemap .block { margin: 20px 0px 0px 20px; } #infos #sitemap .block .title { font-weight: bold; } #infos #sitemap .block ul { margin-top: 5px; } #infos #sitemap .block ul li { margin: 0; padding: 0; list-style-type: none; line-height: 1.2em; } #infos #sitemap .block ul li a, #infos #sitemap .block .title a { text-decoration: none; color: #000; } #infos #sitemap .block ul li a:hover { font-weight: bold; }