*{margin:0;padding:0;} /* generally */ body {font:12px Tahoma,Arial,Sans-Serif;line-height:17px;background:white;color:#333;padding:0;margin:0;background:#E4F6FD url('../images/body-back.png') 0 0 repeat-x;} a {color:#CC0000;background:none;text-decoration:underline;outline:none;} a:hover {color:#CC0000;background:none;text-decoration:none;} p {margin:0 0 15px 10px;float:left;width:500px;line-height:17px;} input,textarea {margin:2px 0px 2px 0px;padding:5px 5px;background-color:white;border:1px solid silver;width:300px;} input:hover,textarea:hover,input:focus,textarea:focus {background-color:#F8F5DC;border-color:#FFCC99;} sup {font-size:10px;color:#DFCDA2;} .icon {vertical-align:middle;line-height:100%;margin:0px 3px 3px 0px;} /* Spezial-Link-Klassen */ a.special-link-1 {color:#CC0000;background-color:#FFC;padding:3px 2px;font-weight:bold;} a.special-link-2 {color:#CC0000;padding:3px 2px;font-weight:bold;} /* especially */ #mutter {width:900px;margin:0 auto;padding:0 0 20px 0;} #wrap {margin:0;padding:0;clear:both;overflow:hidden;width:100%;background:url('../images/bgr_main.png') 50% 84px no-repeat; *background:url('../images/bgr_main.png') 50% 37px no-repeat; /* IE6 Extra-Wurst */ } *+html #wrap {/*IE7*/background:url('../images/bgr_main.png') 50% 39px no-repeat; /* IE6 Extra-Wurst */} #header {float:left;clear:both;width:100%;height:140px;background:url('../images/Cola.png') 25px 1px no-repeat;padding:0;margin:0;position:relative;} #header h1 {left:55px;top:105px;width:auto;font-weight:normal;padding:3px;font-size:26px;font-family:Georgia,"Times New Roman",Times, serif;font-style:italic;color:white;position:absolute;} #header h1 a {color:white;text-decoration:none;} #header .gohome {height:140px;} #left {float:left;width:210px;margin:8px 0 0 0;} /* ----------------------------------------- Suchform ----------------------------------------- */ #search {padding:3px;float:right;clear:right;margin:-30px 10px 0 15px;width:auto;border:1px solid red;z-index:100;} #search .searchform {overflow:auto;background:url('../images/search-field.png') 0 0 no-repeat;} #search .searchform p {margin:0;} #search .searchform input.text {font-size:13px;margin:0 0 0 0;padding:1px 5px 0 10px;float:left;clear:both;width:150px;height:26px;color:#666 ;border:none;background:transparent;} #search .searchform input.text:focus {outline:none;} #search .searchform .submit {margin:0 0 0 0;padding:0;float:left;width:38px;height:26px;border:none;background:url('../images/search-submit.png') 0 0 no-repeat;cursor:pointer;color:white;text-shadow:black -1px -1px;text-indent:-9999px;} #search .searchform .submit:hover {background-position:0 -26px;} #content {float:left;width:760px;overflow:visible;margin:0 0 0 40px;padding:20px 30px 0 30px; *margin:0 0 0 40px; /* notice the * before the property - shows in IE7 and below */ _margin:0 0 0 20px; /* IE6 and below */ _padding:0 30px 0 30px; line-height:18px;background:white url('../images/body_bg.gif') 0 0 repeat-x; min-height:530px; height:auto !important; /* für moderne Browser */ height:530px; /*für den IE */} *+html #content {/*IE7*/padding:0 30px 0 30px;} #contentfooter {float:left;clear:both;width:818px;margin:0 0 0 40px;padding:0;height:40px;background:url('../images/Cola.png') 0 -337px repeat-x;border:1px solid white;border-width:0 1px 1px 1px;} #content p {float:left;clear:both;padding:0 0 5px 3px;margin:0 0 0 0;line-height:16px;display:inline;width:500px;} #content h1 {float:left;clear:both;color:#333;font-weight:bold;font-size:18px;margin:60px 0 10px 0;padding:0 0 3px 2px;width:500px;} #content h2 {float:left;clear:both;color:#333;font-weight:bold;font-size:15px;margin:0;padding:0 0 3px 2px;width:500px;} #content h3 {float:left;clear:both;color:#333;font-weight:bold;font-size:14px;margin:20px 0 0 0;padding:0 0 0 0;width:500px;} #content ul.horst {margin:0px 0px 0px 12px;padding:0px 0px 0px 18px;} #content ul.horst li {margin:5px 0px;} #content ul {margin:0px 0px 0px 12px;padding:0px 0px 0px 18px;clear:both;} #content ul li {margin:5px 0px;clear:both;} #content ol {margin:0px 0px 0px 12px;padding:0px 0px 0px 18px;clear:both;} #content ol li {margin:5px 0px;clear:both;} #content ul.bildnachweis {margin:0px 0px 0px 20px;padding:0;} #content ul.bildnachweis li {padding:0px 0px 0px 0;margin:0px 0px 0px 18px;} #content ul.bildnachweis li.head {font-weight:bold;list-style-type:none;margin:0;padding:0;} /* ----------------------------------------- Neueste Beiträge ----------------------------------------- */ #content #news-box {float:left;clear:both;margin:30px 0 0 0;width:500px;padding:0 10px 5px 0;} #content #news-box fieldset {border:1px solid #C2E3EF;background-color:#EBF9FE;padding:5px 10px;width:500px;} #content #news-box fieldset legend {font-weight:bold;font-size:14px;padding:0 3px;color:#333;} #content #news-box h2 {font-size:12px;float:left;width:490px;padding:0;margin:0;border-bottom:none;} #content #news-box h2 a {color:#333;} #content #news-box p {float:left;font-size:11px;color:#333;padding:0 0 0 0;margin:0 0 8px 0;width:490px;} #content table {margin:10px 0 0 20px;clear:both;float:left;} #content table td {padding:0 0 5px 0;} #content table td h3 {margin:0 0 0 5px;padding:0 0 0 2px;border-bottom:none;} #content table td p {margin:0 0 0 5px;padding:0 0 0 2px;} /* ----------------------------------------- Sidebar für die Handwerker-Seiten ----------------------------------------- */ #sidebar {position:absolute;margin:70px 0 0 560px;padding:0;float:right;clear:right;width:217px;border-top:1px solid #C2E3EF;border-bottom:1px solid #C2E3EF;} #sidebar ul {float:left;width:215px;margin:0;padding:0;list-style-type:none;} #sidebar ul li {float:left;clear:both;margin:0;padding:0;background-color:#EBF9FE;border-left:1px solid #C2E3EF;border-right:1px solid #C2E3EF;} #sidebar ul li a {float:left;clear:both;display:block;width:165px;margin:0;padding:12px 0 12px 50px;border-top:1px solid white;border-bottom:1px solid #C2E3EF;text-decoration:none;text-shadow:white 0 1px;} #sidebar ul li a:hover {background-color:#F5FCFF;} #sidebar ul li.blank {font-size:14px;text-shadow:white 0 1px;background:none;width:212px;border-top:1px solid white;border-bottom:1px solid #C2E3EF;border-width:1px 0;padding:18px 0 5px 5px;margin:0;font-weight:bold;} #sidebar ul li.first {border:none;} #sidebar ul li div.linie {float:left;width:167px;height:1px;padding:0;margin:0;border-top:1px solid white;} #sidebar ul li a.bodenleger:hover, #sidebar ul li a.elektriker:hover, #sidebar ul li a.installateur:hover, #sidebar ul li a.klempner:hover, #sidebar ul li a.umzug:hover, #sidebar ul li a.maler:hover, #sidebar ul li a.reini:hover, #sidebar ul li a.halteverbot:hover {background-color:#F5FCFF;} #sidebar ul li a.bodenleger {background:url('../images/icons.png') 0 -43px no-repeat;} #sidebar ul li a.elektriker {background:url('../images/icons.png') 0 -84px no-repeat;} #sidebar ul li a.installateur {background:url('../images/icons.png') 0 -152px no-repeat;} #sidebar ul li a.klempner {background:url('../images/icons.png') 0 -195px no-repeat;} #sidebar ul li a.halteverbot {background:url('../images/icons.png') -2px -257px no-repeat;} #sidebar ul li a.maler {background:url('../images/icons.png') 0 -347px no-repeat;} #sidebar ul li a.reini {border-bottom:none;background:url('../images/icons.png') 0 -392px no-repeat;} #sidebar ul li a.umzug {background:url('../images/icons.png') -2px -296px no-repeat;} /* ----------------------------------------- Städte-Liste ----------------------------------------- */ #content ul.cities-list {float:left;clear:both;width:100%;margin:10px 0 0 0;padding:0;list-style-type:none;} #content ul.cities-list li {margin:0 0 5px 0;padding:0;display:inline;} #content ul.cities-list li a {float:left;display:block;clear:none;width:120px;padding:5px 10px;margin:0 8px 5px 0;border:1px solid silver;background-color:#F4F4EA;text-decoration:none;} #content ul.cities-list li a:hover {background-color:#FCFCFA;border:1px solid silver;color:#CC0000;} /* ----------------------------------------- Permalinks ----------------------------------------- */ #content .permalinks {float:left;clear:both;margin:20px 0 10px 0;width:495px;font-size:11px;color:#666;text-shadow:white 0 1px;line-height:15px;} #content .permalinks {border:1px solid #C2E3EF;background-color:#EBF9FE;border-width:1px;padding:5px 5px;} #content .permalinks legend {font-weight:bold;font-size:13px;padding:0 5px 0 8px;color:#333;} /* Legendary -Hack for IE8 */ #content .permalinks legend {margin-top /*\**/: -14px\9} /* Legendary -Hack for all other IEs */ #content .permalinks legend {margin-top: -14px\9\9} #content .permalinks ul {list-style-type:none;padding:5px 0;margin:0 0 0 0;float:left;} #content .permalinks ul li {float:left;clear:both;width:480px;padding:0 6px 6px 8px;margin:0 0 0 0;} #content .permalinks a {color:#666;font-size:12px;font-weight:bold;padding:0;margin:0 0 0;} #content .permalinks a:hover {color:#666;} /* ----------------------------------------- Frag-uns-Form ----------------------------------------- */ #content .ask-us {float:left;clear:both;width:360px;padding:5px 10px;margin:20px 0 0 0;border:1px solid #C2E3EF;background-color:#EBF9FE;} #content .ask-us a {color:#333;} #content .ask-us h2 {background:url('../images/icon-help.png') no-repeat;color:#333;margin:0;padding:2px 0 2px 16px;border:none;font-size:12px;} #content .ask-us p {display:none;margin:0;padding:0;} #content .ask-us .fragezeichen {vertical-align:middle;line-height:100%;margin-bottom:3px;} #content .ask-us .ask-us-form {padding:0 0;margin:10px 0 0 15px;float:left;width:auto;display:none;} #content .ask-us label {float:left;clear:both;width:auto;font-weight:bold;padding:0;margin:0;} #content .ask-us input.formfield {float:left;clear:both;margin-bottom:8px;} #content .ask-us textarea.formfield {float:left;clear:both;height:50px;} #content .ask-us .note {float:left;clear:both;margin:5px 20px 0 0;width:320px;line-height:14px;font-size:11px;} #content .ask-us div.status-error {float:left;clear:both;font-weight:bold;background:url('../images/sprungzu.gif') 10px 7px #FFECEC no-repeat;width:auto;border:2px solid #E83131;padding:3px 10px 3px 38px;margin:5px 0;} #content .ask-us .ask-us-submit {margin:10px 0 8px 80px;padding:0;float:left;width:165px;height:26px;border:none;background:url('../images/Cola.png') 0 -378px no-repeat;cursor:pointer;color:white;font-weight:normal;font-size:12px;font-weight:bold;text-shadow:#444 0 -1px;} #content .ask-us .ask-us-submit:hover {background-position:0 -404px;} #content div.status-success {float:left;clear:both;font-weight:bold;background:url('../images/icon-success.png') 10px 8px #E1FFE1 no-repeat;width:auto;border:2px solid #438743;padding:12px 10px 12px 45px;margin:40px 0 0 10px;} #content div.status-fail {float:left;clear:both;font-weight:bold;background:url('../images/icon-failed.png') 10px 17px #FFECEC no-repeat;width:auto;border:2px solid #E83131;padding:12px 10px 12px 50px;margin:40px 0 0 10px;} /* ----------------------------------------- Listings ----------------------------------------- */ #listings {width:500px;float:left;clear:both;margin:0px 20px 0px 0px;} #listings h2 {float:left;clear:both;color:#47615A;font-weight:bold;font-size:14px;margin:15px 0 0 0;padding:0 0 0 3px;width:480px;border:none;} #listings h2.bigger {color:#B60D0A;font-weight:bold;font-size:16px;margin:0 0 0 0;border-bottom:none;padding:0px 0px 0 3px;width:480px;} #listings a {text-decoration:underline;} #listings a:hover {text-decoration:none;} #listings p {margin:0 0 0 0;padding:0px 0px 2px 3px;float:left;clear:both;width:480px;} #listings ul {float:left;clear:both;width:auto;} #listings ul li {margin:0px 0px 3px 25px;padding:0;} #footer {width:100%;font-size:11px;height:30px;padding:0;margin:0;} #footer .right {color:#333;padding:6px 45px 0 0;margin:0;float:right;text-align:right;font-size:11px;} #footer .right a {color:#333;text-decoration:underline;padding:0 3px;} #footer .right a:hover {text-decoration:none;}