/* ************************************ ***** Table of Contents ***** ***** Gault Millau CSS ***** ************************************ Status: Frontend .at-Site meingault-millau.at Version: 1.1 Last Changed: 12.03.2009 testsys --------------------------------------------------------------- 1. Basic Definitions 1.1 Body und Reseter 1.2 Basic Declarations --------------------------------------------------------------- 2. Main Structure --------------------------------------------------------------- 3. Header 3.1 Metanavigation 3.2 Login 3.3 Logo 3.4 Tooltip --------------------------------------------------------------- 4. Navigation 4.1 Site Search --------------------------------------------------------------- 5. Content 5.1 Schnellsuche 5.2 Startteaser 5.3 Aktuell Slider 5.3.1 Slider 5.3.2 Navigation 5.4 Newsletter 5.5 Detailsuche 5.6 Suchergebnis 5.7 Aktuelles 5.8 Detailview 5.9 Sidebar 5.9.1 Auszeichnungen 5.9.2 Fotostrecke 5.9.3 Double Sidebar 1 5.9.4 Double Sidebar 2 5.9.4.1 Google Map 5.9.4.2 Bilder 5.10 Kommentare 5.11 Response 5.12 Further Content Areas 5.13 Bestellformular 5.14 Loginformular --------------------------------------------------------------- 6. Banner --------------------------------------------------------------- 7. Footer --------------------------------------------------------------- ******************* Open for further Steps ******************** --------------------------------------------------------------- */ /****** 1. Basic Definitions ******/ /****** 1.1 Body und Reseter ******/ * {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;} html, body {height:100%;} body {color:#3e3e3e; font-size:12px;} /****** 1.2 Basic Declarations ******/ .wrapper {height:1px; overflow:hidden; clear:both; display:block;} .hidden {display:none;} a img {border:none;} a {text-decoration:underline;} a:hover {text-decoration:none;} h1 {font-size:14px; font-weight:bold; color:#5f5f5f; padding-bottom:4px;} h2 {font-size:14px; font-weight:bold; color:#5f5f5f; padding:0px 0 7px 0px;} h3 {font-size:14px;} input {font-size:12px; padding:1px 1px; height:16px; width:177px; border-left:1px #6c6c6c solid; border-top:1px #6c6c6c solid; border-right:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid;} select {font-size:12px; padding:0px 1px 1px 0px; width:181px; border-left:1px #6c6c6c solid; border-top:1px #6c6c6c solid; border-right:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid; } textarea {font-size:12px; padding:1px 1px; width:290px; border-left:1px #6c6c6c solid; border-top:1px #6c6c6c solid; border-right:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid;} /****** 2. Main Structure ******/ #fullwidth {min-height:100%; height:auto!important; height:100%; margin:0 auto -30px; background-color:#ffffff; /*bottom margin = negative value of the footer's height*/} .centered_960 {width:960px; margin: 0 auto;} #clearer{clear:both; float:left;} /****** 3. Header ******/ .index #header {background:#f6e168; height:171px; font-size:11px;} #header{background:#f6e168; height:110px; font-size:11px;} #header .innercontent {width:784px; text-align:left;} /****** 3.1 Metanavigation ******/ #header #metanavigation {height:21px; overflow:hidden; padding-left:5px; float:left; line-height:21px;} #header #metanavigation ul {list-style:none;} #header #metanavigation ul li {float:left; padding:0 15px 0 0;} #header #metanavigation ul li a {color:#5f5f5f; text-decoration:none;} #header #metanavigation ul li a:hover {color:#5f5f5f; text-decoration:underline;} /****** 3.2 Login ******/ #header #login {float:right; color:#5f5f5f; line-height:21px;} #header #login a {color:#1a171b; text-decoration:underline;} #header #login a:hover {color:#1a171b; text-decoration:none;} /****** 3.3 Logo ******/ .index #header #logo {clear:both; text-align:center;} .index #header #logo a img {margin:50px 0 0 0;} #header #logo {clear:both; height:89px; text-align:center;} #header #logo a img {margin:24px 0 0 0;} /****** 3.4 Tooltip ******/ .index #header #bestellen {position:absolute; top:75px; margin-left:618px;} #header #bestellen {position:absolute; top:39px; margin-left:642px;} .index .tooltip {position:absolute; top:85px; z-index:100; color:#ffffff; background:url(../img/bg_tooltip.gif) 10px 20px no-repeat; font-size:12px; padding:0px 0px 6px 0;} .tooltip {position:absolute; top:25px; z-index:100; color:#ffffff; background:url(../img/bg_tooltip.gif) 10px 20px no-repeat; font-size:12px; padding:0px 0px 6px 0;} .tooltip strong {color:#ffffff; background:#a11d07; font-size:12px; padding:3px 4px; display:block;} /****** 4 Navigation ******/ div#navigation {background:url(../img/bg_navi.gif) #414141; height:40px;} div#navigation ul {list-style: none; padding: 0; height:40px; z-index: 100; position: relative; margin:0 0 0 -13px; width:580px; float:left;} div#navigation ul li {float: left; margin: 0; padding: 0 13px 0 13px; position: relative; text-transform:uppercase;} div#navigation ul li#active {background:url(../img/bg_navi_li.gif) no-repeat center top;} div#navigation ul li.second a, div#navigation ul li.second#active a {background:url(../img/bg_navi_a.gif) no-repeat right 16px; padding:0 10px 0 0;} div#navigation ul li a {display:block; padding: 0 0px 0 0; line-height:37px; text-decoration:none; color:#ffffff; font-size:12px;} div#navigation ul li#active a {display:block; padding: 0 0px 0 0; margin:0; line-height:37px; text-decoration:none; color:#f6e168; font-size:12px;} div#navigation ul li:hover a, div#navigation ul li.ieHover a, div#navigation ul li#active a, div#navigation ul li a:hover {color:#f6e168;} div#navigation ul li:hover li a, div#navigation ul li.ieHover li a, div#navigation ul li#active:hover li a {color:#ffffff; text-decoration:none; line-height:normal; padding:0 5px 7px 10px;} div#navigation ul li:hover ul a:hover, div#navigation ul li.ieHover ul a:hover, div#navigation ul li#active li a:hover {text-decoration:underline;} div#navigation ul ul {list-style:none; width:133px; position:absolute; margin:0 0 0 -10px; top:-999em; height:auto; overflow:hidden;} div#navigation ul li:hover ul, div#navigation ul li.ieHover ul {top:37px; background:url(../img/bg_subnavi.gif) repeat-x; padding-top:6px; z-index:1000;} div#navigation ul ul li {border: 0; float: none; padding:0px; background-color:#414141; } div#navigation ul ul a {width: 133px; white-space:nowrap; background:none !important;} /****** 4.1 Site Search ******/ .sitesearch {float:right; padding-right:171px;} .sitesearch form {padding:6px 0px;} .sitesearch label {width:60px; color:#ffffff; margin-right:5px; float:left; margin-top:6px;} .sitesearch input {width:100px; float:left; margin-right:5px; margin-top:4px;} .sitesearch input.go {width:25px; height:25px; background:url(../img/bg_button_go.gif) no-repeat; color:#414141; text-align:center; line-height:25px; border:none; padding:0px; cursor:pointer; float:left; margin-top:1px;} /****** 5 Content ******/ #fullcontent {width:960px; padding-top:14px;} .content {width:784px; float:left; padding-bottom:20px; overflow:hidden;} .content a {color:#3e3e3e;} /****** 5.1 Schnellsuche ******/ #schnellsuche {width:202px; float:left; background-color:#f5f5f5; height:249px; overflow:hidden;} #schnellsuche div {border-bottom:1px solid #e2e2e2; padding:5px 10px 3px 0px; } #schnellsuche h2 {float:left; padding:0 0 0 10px;} #schnellsuche span {float:right; margin-top:1px;} #schnellsuche span a {display:inline; margin-top:0px; text-align:left;} #schnellsuche form {color:#5f5f5f; padding:8px 12px 0 10px;} #schnellsuche label {clear:both; display:block;} #schnellsuche form input {margin:2px 0 8px 0;} #schnellsuche form select {margin:2px 0 8px 0;} #schnellsuche input.suchen {width:73px; height:25px; background:url(../img/bg_button_suchen.gif) no-repeat; color:#414141; text-align:center; line-height:25px; border:none; padding:0px; cursor:pointer; float:left; display:inline;} #schnellsuche a {color:#1a171b; text-decoration:underline; display:block; margin-top:7px; text-align:right;} #schnellsuche a:hover {color:#1a171b; text-decoration:none;} /****** 5.2 Startteaser ******/ .bigstart {width:582px; height:249px; overflow:hidden; float:left;} /*.startteaser_nav {top:255px; z-index:919; width:100px; height:20px; display:block; position:absolute;}*/ .startteaser_nav {position:absolute; z-index:999;} .startteaser_nav div {width:80px; margin:10px 3px 0 0;} .startteaser_nav a {display:block; float:left; margin-right:3px;} #startteaser {width:582px; height:249px; float:left; overflow:hidden; margin-bottom:20px;} #startteaser div.one {width:582px; height:249px; position:absolute; cursor:pointer; z-index:1;} #startteaser div.two {background-color:#ffffff; position:absolute; bottom:-1px; padding:2px 5px 2px 5px; width:572px; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; text-align:right; z-index:2;} #startteaser div strong {color:#000000; font-weight:bold; font-size:24px; line-height:24px;} #startteaser div em {color:#000000; font-size:13px; font-style: normal; padding-right:3px;} #startteaser div a {text-decoration:none;} /****** 5.3 Aktuell Slider ******/ #aktuell {border-top:1px solid #dcdcdc; clear:both; float:left; width:100%; margin-bottom:20px; display:inline;} #aktuell h2 {padding:10px 0 7px 0; float:left;} .aktuell_navi {float:right; margin-top:7px;} /****** 5.3.1 Slider ******/ #carousel {clear:both;background-color:#f5f5f5;border:1px solid #dcdcdc; width:772px; overflow:hidden; padding:10px 5px 10px 5px; overflow:hidden;} #carousel div.items {float:left; width:784px !important; position:relative !important;} #carousel div.items div.item {position:relative !important; display:block; float:left; margin-right:18px; width:180px; cursor:pointer;} #carousel div.items div.item a {text-decoration:none;} #carousel div.items div.item img {float:left; margin-bottom:9px;} #carousel div.items div.item strong.linked {font-size:14px; font-weight:bold; color:#3e3e3e; float:left;} #carousel div.items div.item em {color:#818181; clear:both; display:block;} #carousel div.items div.item span {display:block; clear:both; padding:5px 0 0 0;} #carousel div.items div.item span.advertorial {position:relative; margin-bottom:-27px; width:180px; height:20px; background-color:#000000; line-height:15px; color:#ffffff; text-align:center; border-bottom:2px solid #ffffff; font-size:12px; font-weight:normal; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.4; letter-spacing:1px;} /****** 5.3.2 Navigation ******/ a.prev {margin-right:3px;} div.navi {margin-left:510px; width:200px; text-align:right; margin-top:10px;} div.navi div {float:right;} div.navi span {width:8px; height:8px; margin:3px; overflow:hidden; background:url(../img/bg_dots.gif) 0 0 no-repeat; cursor:pointer; display:block; float:left;} div.navi span:hover {background-position:0 -8px;} div.navi span.active {background-position:0 -16px;} /****** 5.4 Newsletter ******/ div#newsletter {clear:both; float:left; width:100%; margin-bottom:20px;} div#newsletter form {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:10px 2px; display:block; clear:both; height:20px;} div#newsletter form input{float:left; margin-right:6px;} div#newsletter a {color:#1a171b; margin: 3px 0 0 10px; float:left;} div#newsletter a:hover {text-decoration:none;} div.button {height:25px; background:url(../img/bg_button_right.gif) right no-repeat; width:auto!important; margin:-2px 0px 0 0px; padding:0px; float:left; cursor:pointer;} div.button input {height:25px; background:url(../img/bg_button_left.gif) left no-repeat; color:#414141;border:none; overflow:visible; display:inline; margin:0px!important; padding:0px 8px 1px 8px!important; font-size:12px; width:auto!important; cursor:pointer !important;} /****** 5.5 Detailsuche ******/ #detailsuche {background-color:#f5f5f5; padding-top:5px;} #detailsuche h1 {float:left; padding-left:10px;} #detailsuche a {margin-left:10px; color:#000; position:relative;} #detailsuche div.search_basic {width:784px; margin-left:10px; padding-top:7px; border-top:1px solid #ffffff; padding-bottom:10px; float:left; display:inline;} #detailsuche div.search_detail {width:784px; margin-left:10px;} #detailsuche form {clear:both; width:784px; overflow:hidden; border-top:1px solid #e2e2e2;} #detailsuche form input, #detailsuche form select {margin:2px 0 0 0;} #detailsuche div.search_detail br {clear:both;} #detailsuche div.search_detail label {float:left; font-size:11px; margin-top:1px;} #detailsuche div.search_detail input {float:left;width:auto; border:none; margin-bottom:6px; width:13px; height:13px; margin-right:5px;} #detailsuche div.search_detail input.stichwort {font-size:12px; padding:1px 1px; height:16px; width:177px; border-left:1px #6c6c6c solid; border-top:1px #6c6c6c solid; border-right:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid;} #detailsuche label {color:#646567;} #detailsuche fieldset {float:left; width:194px; border:none;} #detailsuche div.search_detail fieldset {padding-bottom:5px;} #detailsuche div.sendarea {width:784px; border-top:1px solid #e2e2e2; clear:both; display:block;} #detailsuche div.sendarea span {border-top:1px solid #ffffff; display:block; padding:5px 10px 8px 10px;} #detailsuche input.suchen {width:73px; height:25px; background:url(../img/bg_button_suchen.gif) no-repeat; color:#414141; text-align:center; line-height:25px; border:none; padding:0px; cursor:pointer;} /****** 5.6 Suchergebnis ******/ div.suchergebnis {padding-top:12px;} div.suchergebnis h2 {float:left;} div.suchergebnis span {color:#000000;} div.suchergebnis span.links {color:#000000; float:left; padding-left:10px; } div.suchergebnis a {color:#000000; } table.suchergebnis {border-top:1px solid #c1c1c1; clear:both; } table.suchergebnis td {border-bottom:1px solid #dcdcdc; padding:15px 0 22px 0;} table.suchergebnis td.note {text-align:center; color:#e0001b; font-size:11px; width:50px; font-weight:bold;} table.suchergebnis td.note.haube1 {background:url(../img/bg_haube1.gif) no-repeat center 15px;} table.suchergebnis td.note.haube2 {background:url(../img/bg_haube2.gif) no-repeat center 15px;} table.suchergebnis td.note.haube3 {background:url(../img/bg_haube3.gif) no-repeat center 12px;} table.suchergebnis td.note.haube4 {background:url(../img/bg_haube4.gif) no-repeat center 8px;} table.suchergebnis td.note.haube1 span {display:block; margin-top:-5px;} table.suchergebnis td.note.haube2 span {display:block; margin:4px 0 0 -8px;} table.suchergebnis td.note.haube3 span {display:block; margin:10px 0 0 -7px;} table.suchergebnis td.note.haube4 span {display:block; margin:14px 0 0 -7px;} table.suchergebnis td.kommentar {text-align:left; width:100px; padding-left:5px;} table.suchergebnis td.name {text-align:left; width:300px;} table.suchergebnis td.name strong a {text-align:left; color:#000000; font-size:14px; text-decoration:none;} table.suchergebnis td.name strong a:hover {text-align:left; color:#000000; font-size:14px; text-decoration:underline;} table.suchergebnis td.name em {color:#818181;} table.suchergebnis td.adresse {text-align:left;} /****** 5.7 Aktuelles ******/ #aktuelles {width:784px; overflow:hidden;} #aktuelles div#items {width:804px; border-top:1px solid #b5b5b5; padding-top:15px;} #aktuelles .item {float:left; width:180px; margin-right:21px; padding-bottom:10px;} #aktuelles .item img {float:left; margin-bottom:9px;} #aktuelles .item h3 {font-weight:bold; color:#3e3e3e; float:left;} #aktuelles .item em {color:#818181;} #aktuelles .item p {padding:3px 0 0 0;} #aktuelles div.itemset {border-bottom:1px solid #dcdcdc; clear:both; float:left; width:100%; margin-bottom:20px;} #aktuelles div.itemset div.item span {display:block; clear:both; padding:5px 0 0 0;} #aktuelles div.itemset div.item span.advertorial {position:relative; margin-bottom:-27px; width:180px; height:20px; background-color:#000000; line-height:15px; color:#ffffff; text-align:center; border-bottom:2px solid #ffffff; font-size:12px; font-weight:normal; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.4; letter-spacing:1px;} .headline {border-bottom:1px solid #dcdcdc; padding-bottom:5px; margin-bottom:12px;} .headline h1 {float:left; margin-right:10px;} /****** 5.8 Detailview ******/ .artikel {width:384px; overflow:hidden; float:left;} .artikel.border {width:384px; overflow:hidden; display:inline; float:left; border-top:1px solid #dcdcdc; padding-top:10px; margin-top:10px;} .artikel h1 {color:#3e3e3e;} .artikel em {color:#818181;} .artikel em.leadin {color:#818181; display:block; padding-bottom:15px;} .artikel p {padding-bottom:15px;} .artikel h2 {color:#000000;} .artikel h2 span {color:#3e3e3e; font-size:12px; font-weight:normal;} .artikel h2 span.commentcount {color:#ffffff; background: url(../img/bg_commentcount.gif) right 16px no-repeat #a11d07; font-weight:bold; padding:0 2px 6px 2px; margin-left:4px;} .artikel h3 {font-size:13px; color:#3e3e3e;} .artikel ul {padding:0 0 13px 15px;} .artikel ul li {padding:0px 0px 3px 0px; } .artikel ol {padding:0 0 13px 28px;} .artikel ol li {padding:0px 0px 3px 0px; } .artikel a.download {padding: 0px 0px 10px 25px; background: transparent url(../img/download.gif) no-repeat 0px 2px; display:block;} .artikel a.link{padding: 0px 0px 10px 15px; background: transparent url(../img/arrow.gif) no-repeat 0px 2px; display:block;} .artikel .pic-left-float {padding:3px 8px 2px 0px; float: left;} .artikel .pic-right-float {float:right; padding:3px 0px 2px 8px;} .artikel .pic-left {text-align: left; clear: both;} .artikel .pic-right {text-align: right; clear: both;} .artikel .pic-center {text-align: center; clear: both; padding-bottom:10px;} .artikel table.winery_sorts {border:0; padding:0; width:100%; margin-top:15px;} .artikel table.winery_sorts td {border:0; padding:0; font-size:11px; line-height:20px; border-bottom:1px solid #999999;} /****** 5.9 Sidebar ******/ .sidebar{width:384px; overflow:hidden; float:right; } .sidebar.borders {width:384px; overflow:hidden; float:right; display:inline; border-top:1px solid #dcdcdc; padding-top:10px; margin-top:10px;} /****** 5.9.1 Auszeichnungen ******/ .sidebar .auszeichnungen {border-bottom:1px solid #dcdcdc; padding-bottom:7px; margin-bottom:7px; clear:both; width:384px;} .sidebar .auszeichnungen .note {width:182px; float:left;} .sidebar .auszeichnungen .note span {display:block; margin:0px 10px 0 0px; float:left; text-align:center; color:#a11d07; font-size:11px; width:38px; height:30px; font-weight:bold; background:url(../img/bg_haube4.gif) no-repeat 6px 0px; padding-top:24px;} .sidebar .auszeichnungen .icons {width:182px; float:right;} /****** 5.9.2 Fotostrecke ******/ .fotostrecke {border-bottom:1px solid #dcdcdc;} .fotostrecke h2 {float:left; padding-bottom:9px;} .fotostrecke .aktuell_navi {float:right; margin-top:0px;} .fotostrecke div.navi {margin-left:0px; width:230px; text-align:right; margin-top:0px; height:15px; overflow:hidden;} .fotostrecke div.navi div {float:right; margin-top:3px;} #slideshow {clear:both;} #slideshow div.items {height:288px; border-top:1px solid #dcdcdc; padding-top:5px;} #slideshow div.items div img {float:left;} .fotostrecke span.slideshowtitle {display:block; padding:5px 0px;} /****** 5.9.3 Double Sidebar 1 ******/ .sidebar .column1 {width:182px; float:left;} .sidebar .column1 p {padding-bottom:10px;} .sidebar .column1 a, .sidebar .column2 a {color:#000;} /****** 5.9.4 Double Sidebar 2 ******/ .sidebar .column2 {width:272px;} .sidebar .column2 div {clear:both;} .sidebar .column2 h4 {color:#818181; font-size:12px; float:left; padding-bottom:5px;} /****** 5.9.4.1 Google Map ******/ .sidebar .column2 .googlemap #map{clear:both; border:0px solid #a1a1a1; margin-bottom:10px;} /****** 5.9.4.2 Bilder ******/ .sidebar .column2 .bilder img{margin-bottom:10px;} /****** 5.10 Kommentare ******/ .kommentare {} .kommentare a {color:#000;} .kommentare h2 {color:#5f5f5f; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:5px 0px; margin-bottom:10px;} .kommentare h2 span {font-weight:normal; color:#5f5f5f; font-size:14px;} .kommentare .commentitem {border-top:1px solid #ededed; padding:15px 0 5px 0; margin:0 0 15px 0; clear:both; } .kommentare .commenttitle {} .kommentare .commenttext {padding:5px 0px;} .pagination {border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:5px 0px; text-align:center;} /****** 5.11 Response ******/ .response {display:block; float:left; width:384px; overflow:hidden; padding-top:5px; padding-bottom:20px;} .response h3 {color:#5f5f5f; background:url(../img/bg_comment.gif) no-repeat 0px 3px; padding-left:20px; font-size:14px; margin-bottom:10px; cursor:pointer;} .response label, .kommentar_melden label {color:#5f5f5f; float:left; display:block; width:80px;} .kommentar_melden {padding-top:10px;} .response input, .kommentar_melden input {margin-bottom:10px;} .response textarea, .kommentar_melden textarea {margin-bottom:10px; height:120px;} .response fieldset, .kommentar_melden fieldset {border:none;} /****** 5.12 Further Content Areas ******/ .bewertung {padding:0 0 25px 0; border-top:1px solid #dcdcdc; clear:both; float:left; width:100%; margin-bottom:20px;} .bewertung p{padding:5px 0 10px 0;} .bewertung ol {list-style-type: decimal; padding:0 0 0px 25px;} .bewertung ol li {padding:5px 0 2px 0;} .preise {padding:0 0 25px 0;} .preise p {padding:5px 0 10px 0;} .preise h3 {padding:10px 0 0px 0;} .punktesystem {padding:0 0 25px 0;} .punktesystem dl {padding-top:10px;} .punktesystem dl img {float:left;} .punktesystem dt {float:left; line-height:40px;} .punktesystem dt strong {padding-left:5px;} .punktesystem dd {line-height:40px;padding:0px 0px 10px 5px;} .punktesystem p {padding:5px 0 10px 0;} .kategorien h3 {padding:10px 0 5px 0;} .kategorien {padding:0 0 25px 0;} .kategorien p {padding:5px 0 10px 0;} .ausstattung h3 {padding:10px 0 5px 0;} .ausstattung {padding:0 0 25px 0;} .ausstattung p {padding:5px 0 10px 0;} .kategorien td, .ausstattung td {padding:2px 0px 2px 0;} /****** 5.13 Bestellformular ******/ form.bestellen {border-top:1px solid #dcdcdc; padding-top:10px;} form.bestellen p {padding-bottom:10px;} form.bestellen fieldset {padding-bottom:25px; border:none; clear:both;} form.bestellen fieldset#bestellung legend {padding-bottom:5px;} form.bestellen fieldset#bestellung label strong {padding-right:5px;} form.bestellen fieldset#bestellung label {float:left; width:700px; padding:4px 0;} form.bestellen fieldset#bestellung input {float:left; width:30px; clear:right; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } form.bestellen fieldset#newsletter {padding-bottom:10px;} form.bestellen fieldset#newsletter div.checkbox input {float:left; width:15px; height:15px; margin:4px 8px 0 0; border:none;} form.bestellen fieldset#newsletter div.checkbox label {float:left; width:700px; padding:4px 0;} form.bestellen legend {font-weight:bold; font-size:13px;} * html form.bestellen legend {font-weight:bold; font-size:13px; margin-left:-7px;} form.bestellen div {display:block; clear:both; width:100%; float:left; margin-bottom:5px;} form.bestellen label {float:left; width:150px; padding:4px 0;} form.bestellen select {float:left; width:190px; clear:right; padding:2px 3px;} form.bestellen input {float:left; clear:right; padding:3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } form.bestellen input.senden {width:73px; height:25px; background:url(../img/bg_button_senden.gif) no-repeat; color:#414141; text-align:center; line-height:25px; border:none; padding:0px; cursor:pointer; text-indent:-9999px;} /****** 5.14 Loginformular ******/ form.login {border-top:1px solid #dcdcdc; padding-top:10px;} form.login p {padding-bottom:10px;} form.login fieldset {padding-bottom:25px; border:none; clear:both;} form.login legend {font-weight:bold; font-size:13px;} * html form.login legend {font-weight:bold; font-size:13px; margin-left:-7px;} form.login div {display:block; clear:both; width:100%; float:left; margin-bottom:5px;} form.login label {float:left; width:90px; padding:4px 0;} form.login select {float:left; width:190px; clear:right; padding:2px 3px;} form.login input {float:left; clear:right; padding:3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } form.login input.senden {width:73px; height:25px; background:url(../img/bg_button_senden.gif) no-repeat; color:#414141; text-align:center; line-height:25px; border:none; padding:0px; cursor:pointer; text-indent:-9999px; margin-left: 90px;} form.login fieldset#newsletter {padding-bottom:10px;} form.login fieldset#newsletter div.checkbox input {float:left; width:15px; height:15px; margin:4px 8px 0 0; border:none;} form.login fieldset#newsletter div.checkbox label {float:left; width:700px; padding:4px 0;} /****** 6. Banner ******/ .banner1 {float:right; width:160px;} *html .banner1 {position:absolute; padding-left:16px;} .banner2 { width: 800px; text-align: center; margin-bottom: 15px;} .banner3 { text-align: center; margin-bottom: 15px;} .banner4 { text-align: left; margin-top: 15px; margin-bottom: 15px;} /****** 7. Footer ******/ #footer, .push {height:30px; /*same height*/ overflow:hidden; clear:both; display:block;} #footer {position:relative; width:960px; margin:0 auto; font-size:11px; color:#6c6c6c;} #footer a {color:#000; text-decoration:underline;} #footer a:hover {color:#000; text-decoration:none;} /**** Bestellung new ******/ .book {clear:both; padding:25px 0 0 0;} .book img {float:left; padding-right:10px;}