/*
  central css for lahr.de
  seitenblick interaktive medien gmbh, stuttgart
  tel. +49 (711) 8599818-0, email info@seitenblick.de
*/


/* ZENTRALE DEFINITIONEN */
html, body,
p, div,
h1, h2, h3, h4, h5, h6,
table, th, tr, td,
ul, ol, li,
form, input, textarea, select, option, button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #000;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html, body {
 font-size: 100%;
 background: #FFF;
}

a {
 color: #1D69CD;
 text-decoration: underline;
 padding: 0;
 margin: 0;
}

p {
 font-size: 0.75em;
 line-height: 130%;
}

table, tr {
 border: none;
 padding: 0;
}

th, td {
 font-size: 0.75em;
 border: none;
 padding: 2px;
 padding-left: 0;
}

/* Wird von der Trigger-Funktion verwendet */
.absatz {
 font-size: 0.75em;
 line-height: 130%;
 padding: 0;
 margin: 0 0 1.1em 0;
}

.absatz td,
.absatz th {
 font-size: 1em;
}

.absatz li {
 font-size: 0.95em;
}

.absatz ul {
 margin-top: 10px;
}

ul {
 list-style-type: disc;
 margin-left: 17px;
}

ul ul {
 list-style-type: square;
}

ol {
 margin-left: 25px;
}

li {
 font-size: 0.7em;
 line-height: 180%;
}

td td,
li li,
li li li,
li li li li {
 font-size: 1em;
}

img {
 border: none;
}

h1,
h1 a {
 font-size: 1em;
 font-weight: bold;
 color: #000;
 margin-bottom: 10px;
}

h2,
h2 a {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 margin-bottom: 5px;
}



/*  BLOCK ELEMENTS  */
#abstand {

 width: 965px;
 padding: 5px;
 /*margin: 0 auto 0 auto;*/
 /* Box Model Hack - sollte auch den IE5.x fixen */
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 955px;
}

#top {
 border-bottom: 1px solid #000;
 height: 80px;
 width: 565px;
}

.logo {
 line-height: 100%;
 float: left;
 margin-left: 3px;
}

.hilfsnavi {
 display: none;
 visibility: hidden;
 /*line-height: 100%;
 float: right;
 margin-top: 60px;*/
}

.hilfsnavi a {
 font-size: 0.95em;
 color: #000;
 text-decoration: none;
}

.hilfsnavi a:hover {
 text-decoration: underline;
}

.hilfsnavi img {
 margin-right: 5px;
}

#head {
 display: none;
 visibility: hidden;
/* clear: both;
 height: 120px;
 padding: 5px 0px;*/
}

#cblock {
 width: 100%;
}



/*   NAVIGATION / LINKE SPALTE   */
#spalte-links {
 display: none;
 visibility: hidden;
/* background: #EAEAEA;
 float: left;*/
 /*height: 500px;*/
 /*width: 195px;*/
}

/* Ebene 1 */
#spalte-links ul {
 list-style-type: none;
 border-bottom: 3px solid #FFF;
 margin: 0;
}

#spalte-links li {
 border-bottom: 1px solid #FFF;
 line-height: 100%;
 margin: 0;
}

#spalte-links li a {
 font-size: 1.05em;
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
 background: #1D69CD;
 line-height: 120%;
 display: block;
 padding: 5px 10px 5px 15px;
}

#spalte-links li a:hover {
 background: url(/i/navi.gif) no-repeat;
}

/* aktiver Link Ebene 1 */
#spalte-links li a.e1-aktiv {
 background: url(/i/navi.gif) no-repeat;
}

/* Ebene 2 */
#spalte-links ul.e2 {
 border-top: 3px solid #FFF;
 border-bottom: 1px solid #FFF;
}

#spalte-links ul.e2 li {
 border-bottom: 1px solid #FFF;
}

#spalte-links ul.e2 li a {
 font-weight: normal;
 color: #333;
 text-decoration: none;
 background: #E6E6E6;
 line-height: 120%;
 display: block;
 padding: 3px 10px 4px 15px;
}

#spalte-links ul.e2 li a:hover {
 background: none;
 background: #C1D8F7;
}

/* aktiver Link Ebene 2 */
#spalte-links ul.e2 li a.e2-aktiv {
 font-weight: bold;
 color: #666;
 background: #C1D8F7;
}

/* Ebene 3 */
#spalte-links ul.e3 {
 border-top: 2px solid #FFF;
 border-bottom: none;
}

#spalte-links ul.e3 li {
 border-bottom: 1px solid #FFF;
}

#spalte-links ul.e3 li a {
 font-weight: normal;
 color: #1D69CD;
 text-decoration: none;
 background: #DAE8FA url(/i/quadrat_blau.gif) no-repeat 1.6em 0.85em;
 line-height: 120%;
 display: block;
 padding: 3px 10px 4px 28px;
}

#spalte-links ul.e3 li a:hover {
 background: #DAE8FA url(/i/quadrat_blau.gif) no-repeat 1.6em 0.85em;
}

/* aktiver Link Ebene 3 */
#spalte-links ul.e3 li a.e3-aktiv {
 font-weight: bold;
}

/* Ebene 4 */
#spalte-links ul.e4 {
 border-top: 2px solid #FFF;
 border-bottom: none;
}

#spalte-links ul.e4 li {
 border-bottom: 1px solid #FFF;
}

#spalte-links ul.e4 li a {
 font-size: 0.95em;
 font-weight: normal;
 color: #1D69CD;
 text-decoration: none;
 background: #EEF4FD url(/i/quadrat_blau.gif) no-repeat 2.8em 0.9em;
 line-height: 120%;
 display: block;
 padding: 4px 10px 5px 38px;
}

#spalte-links ul.e4 li a:hover {
 background: #EEF4FD url(/i/quadrat_blau.gif) no-repeat 2.8em 0.9em;
}

/* aktiver Link Ebene 4 */
#spalte-links ul.e4 li a.e4-aktiv {
 font-weight: bold;
}



/*   CONTENT-BEREICH   */
#content {
 float: left;
 width: 565px;
}

/* Breadcrumb */
.bc {
 display: none;
 visibility: hidden;
/* font-size: 0.7em;
 color: #FFF;
 background: #1D69CD;
 border-left: 5px solid #FFF;
 border-right: 5px solid #FFF;
 line-height: 100%;
 padding: 7px 10px 7px 10px;*/
}

.bc a {
 font-weight: normal;
 color: #FFF;
 text-decoration: none;
}

.bc a:hover {
 text-decoration: underline;
}

/* Inhalte */
.main {
 padding: 25px 20px 5px 20px;
}

.block {
 clear: both;
 margin-bottom: 25px;
}

/* Listenelement */
.listelement {
 margin: 0;
}

/* Liste: Überschrift über Linie */
.listelement h1 {
 font-size: 0.75em;
 font-weight: normal;
 color: #000;
 padding: 4px 4px 4px 6px;
 margin: 0;
}

.listelement h1 img {
 margin-right: 15px;
}

/* Listenelement: Linie */
.listelement p.line {
 border: 1px solid #000;
 border-bottom: none;
 line-height: 1%;
 clear: both;
 height: 4px;
}

/* Listenelement: Innenabstand */
.listelement div.inhalt {
 padding: 1px 5px 5px 5px;
}

/* Listenelement: Text */
.inhalt p.listtext {
 color: #000;
}

/* Listenelement: Überschrift */
.inhalt h3,
.inhalt h3 a {
 color: #000;
 text-decoration: none;
 padding: 7px 0px 20px 0px;
}

/* Listenelement: Datum */
.date {
 font-size: 0.65em;
 color: #666;
 line-height: 100%;
}

/* Listenelement: Bild rechtsumfliessend */
.image-left {
 font-size: 0.65em;
 color: #666;
 float: left;
 line-height: 100%;
 width: 200px;
 margin: 4px 10px 5px 0px;
}

.image-left img {
 margin-bottom: 4px;
}

/* Listenelement: Bild linksumfliessend */
.image-right {
 font-size: 0.65em;
 color: #666;
 float: right;
 line-height: 100%;
 width: 200px;
 margin: 5px 0px 5px 10px;
}

.image-right img {
 margin-bottom: 4px;
}

/* Listenelement: Bild ohne Umfluss */
.image-top {
 font-size: 0.65em;
 color: #666;
 line-height: 100%;
 margin: 0px 0px 10px 0px;
}

.image-top img {
 margin-bottom: 4px;
}

.list-small-left {
 float: left;
 width: 256px;
}

.list-small-right {
 float: right;
 width: 256px;
}



/*   SERVICE-NAVIGATION UNTER DEN INHALTEN   */
.servicenavi {
 display: none;
 visibility: hidden;
/* text-align: center;
 line-height: 100%;
 clear: both;
 padding-top: 10px;
 padding-bottom: 2px;*/
}

.servicenavi a {
 font-size: 0.95em;
 color: #000;
 text-decoration: none;
}

.servicenavi a:hover {
 text-decoration: underline;
}



/*   RECHTE SPALTE   */
#spalte-rechts {
 display: none;
 visibility: hidden;
/* background: #F5F5F5;
 float: right;
 width: 195px;*/
 /*height: 500px;*/
}

#spalte-rechts h1 {
 font-size: 0.8em;
 font-weight: bold;
 color: #FFF;
 background: url(/i/bg_l_suche.gif) no-repeat;
 padding: 4px 10px 5px 15px;
 margin: 0;
}

#spalte-rechts div.suche {
 background: #1D69CD;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 padding: 8px 10px 8px 15px;
 margin-bottom: 20px;
}

input.suche {
 font-size: 0.75em;
 width: 155px;
 padding: 1px;
 margin-bottom: 7px;
}

#spalte-rechts div.suche ul {
 list-style-type: none;
 margin: 0;
}

#spalte-rechts div.suche li {
 line-height: 140%;
 margin: 0;
}

#spalte-rechts div.suche li a {
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
 padding-left: 7px;
}

#spalte-rechts div.suche li a:hover {
 text-decoration: underline;
}

/* Teaser-Blöcke rechts */
.teaser {
 margin-bottom: 20px;
}

.teaser h2 {
 font-size: 0.8em;
 font-weight: bold;
 color: #1D69CD;
 background: #EAEAEA;
 padding: 4px 7px 4px 14px;
 margin: 0;
}

.teaser ul {
 list-style-type: none;
 background: #EAEAEA;
 border-left: 1px solid #F5F5F5;
 padding: 0px 5px 15px 15px;
 margin: 0;
}

.teaser li {
 font-size: 0.8em;
 color: #333;
 background: url(/i/quadrat.gif) no-repeat 0em 0.7em;
 line-height: 150%;
 padding-left: 10px;
 margin: 0;
}

.teaser li a {
 color: #333;
 text-decoration: none;
}

.teaser li a:hover {
 text-decoration: underline;
}

.trenner {
 font-size: 6px;
 background: url(/i/trenner_rechts.gif) no-repeat;
}



/*   FUSSZEILE   */
#bottom {
 display: none;
 visibility: hidden;
/* border-top: 5px solid #FFF;
 clear: both;*/
}

.cbottom {
 color: #636363;
 text-align: center;
 border-top: 1px solid #000;
 line-height: 100%;
 padding: 10px 0px;
}

.cbottom a {
 font-size: 0.95em;
 color: #636363;
 text-decoration: none;
}

.cbottom a:hover {
 text-decoration: underline;
}



/*   FÜR DIE BARRIEREFREIHEIT   */
.kommentar {
 position: absolute;
 left: -2000px;
}

.separator {
 position: absolute;
 left: -2000px;
}

hr {
 visibility: hidden;
 position: absolute;
 left: -2000px;
}



/*   INDIVIDUELLE KLASSEN   */
.txtbold {
 font-weight: bold;
}

.clear {
 clear: both;
}

/* Kalender */
table.kalender {
 width: 98%;
 padding: 1% 1%;
}

table.kalender th {
 font-size: 0.7em;
 font-weight: bold;
 text-align: center;
}

table.kalender td {
 text-align: center;
}

table.kalender td a {
 color: #000;
 text-decoration: none;
}

table.kalender td a:hover {
 text-decoration: underline;
}

table.kalender td.heute a {
 font-weight: bold;
 color: #1D69CD;
}

/* Dienstleistungen Liste */
.buchstaben {
 color: #1D69CD;
 line-height: 100%;
 margin-bottom: 15px;
}

.buchstaben a {
 font-weight: bold;
 color: #1D69CD;
 text-decoration: none;
 margin-right: 5px;
}

.buchstaben a:hover {
 text-decoration: underline;
}

.buchstaben a.aktiv {
 color: #000;
 text-decoration: underline;
}

ul.nobullet {
 list-style-type: none;
 margin: 0;
 margin-top: 10px;
}

ul.nobullet li {
 margin: 0;
 margin-bottom: 4px;
}

ul.nobullet li a {
 text-decoration: none;
}

ul.nobullet li a.e1 {
 font-weight: bold;
 color: #000;
 line-height: 150%;
 text-decoration: none;
}

ul.nobullet li a:hover {
 text-decoration: underline;
}

/* Inhaltsverzeichnis li's eingerückt */
ul.nobulletrueck {
 list-style-type: none;
 margin-left: 1px;
}

ul.nobulletrueck ul {
  margin-top: 4px;
  margin-left: 16px;
}

ul.nobulletrueck li {
 margin-bottom: 4px;
}


ul.nobulletrueck li a {
 text-decoration: none;
}

ul.nobulletrueck li a:hover {
 text-decoration: underline;
}

/* Dachzeile über der H1 */
.dachzeile {
 font-size: 0.65em;
 line-height: 100%;
 margin-bottom: 3px;
}

/* Listenelement: Bild rechtsumfliessend */
.image-left-h2 {
 font-size: 0.65em;
 color: #666;
 float: left;
 line-height: 100%;
 margin: 29px 10px 5px 0px;
}

.image-left-h2 img {
 margin-bottom: 4px;
}

/* Listenelement: Bild linksumfliessend */
.image-right-h2 {
 font-size: 0.65em;
 color: #666;
 float: right;
 line-height: 100%;
 margin: 30px 0px 5px 10px;
}

.image-right-h2 img {
 margin-bottom: 4px;
}

/* Tabelle für Anschriften */
table.anschrift {
 border: none;
}

table.anschrift th {
 font-size: 0.75em;
 font-weight: normal;
 text-align: left;
 vertical-align: top;
 padding: 2px 5px;
 padding-left: 0;
}

table.anschrift th.txtbold {
 font-weight: bold;
}

table.anschrift td {
 font-size: 0.75em;
 vertical-align: top;
 padding: 2px 5px;
}

/* Tabelle im Content */
table.cTable {
 border-top: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

table.cTable th {
 font-size: 0.7em;
 font-weight: bold;
 text-align: center;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

table.cTable td {
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

/* Suche */
/* Listenelement: Überschrift Suchergebnis */
.inhalt h4 {
 font-size: 0.8em;
 color: #1D69CD;
 padding: 7px 0px 12px 0px;
}

.inhalt h4 a {
 text-decoration: none;
}

.inhalt h4 a:hover {
 text-decoration: underline;
}

/* Listenelement: Pfad Suchergebnis */
.pfad {
 font-size: 0.65em;
 color: #666;
 line-height: 40%;
}

/* Listenelement: Datum Suchergebnis */
.suchedate {
 font-size: 0.65em;
 color: #666;
 padding-bottom: 4px;
}

p.suchergebnis {
 font-size: 0.75em;
 padding: 0 3em 0 0;
 display: inline;
 width: 115px;
}

p.weiter {
 font-size: 0.75em;
 padding: 0 3em 0 0;
 display: inline;
 width: 115px;
 color: #1D69CD;
}

p.weiter a {
 text-decoration: none;
 font-size: 1em;
}

p.weiter a:hover {
 text-decoration: underline;
}

div.suchbegriff {
 padding: 0 0 0.4em 0;
}

/* Klassen fuer die Versenden-Funktion */
form.sendform {
 padding: 20px 0px 10px 5px;
}

form.sendform fieldset {
 border: none;
 text-align: left;
 padding: 0;
 margin: 0;
}

form.sendform legend {
 visibility: hidden;
 display: none;
}

form.sendform label {
 float: left;
 width: 85px;
 margin-right: 10px;
 cursor: pointer;
}

form.sendform label.cb-label {
 margin: 2px 0 0 5px;
 width: 400px;
}

form.sendform input {
 float: left;
 width: 220px;
 margin-top: 4px;
}

form.sendform input.cb {
 float: left;
 width: auto;
 margin-top: 0;
 margin-left: 91px;
}

form.sendform textarea {
 float: left;
 width: 220px;
}

form.sendform button {
 font-size: 0.95em;
 line-height: 100%;
 width: 100px;
 padding: 1px 5px;
}

form.sendform button.submitsendform {
 margin-left: 23px;
}

form.sendform button.resetsendform {
 margin-left: 85px;
}

form.sendform br {
 clear: both;
}

form.search select {
 width: 177px;
 float: left;
}

form.search input {
 width: 173px;
 float: left;
}

form.search input.klein {
 width: 50px;
 float: none;
}

form.searchkontext select {
 width: 158px;
 margin-top: 2px;
 margin-bottom: 10px;
}

form.searchkontext input {
 width: 154px;
 margin-top: 2px;
 margin-bottom: 10px;
}

.fehler {
 color: red;
 display: block;
 margin-left: 85px;
}

/* Weiterfuehrende Links im Content als blauer Block */
.contentnavi {
 float: right;
 width: 200px;
 margin: 5px 0px 5px 10px;
}

.contentnavi h5 {
 font-size: 0.75em;
 font-weight: bold;
 color: #1D69CD;
 background: #DAE8FA;
 padding: 5px 8px;
 margin-bottom: 1px;
}

.contentnavi ul {
 list-style-type: none;
 background: #EEF4FD;
 padding: 5px 8px;
 margin: 0;
}

.contentnavi li {
 line-height: 140%;
 background: #EEF4FD url(/i/quadrat_blau.gif) no-repeat 0.4em 0.6em;
 padding: 0 15px;
 /* margin: 0 0 0 13; */
}

.contentnavi li a {
 color: #1D69CD;
 text-decoration: none;
}

h1.hotel-hl,
h1.hotel-hl a {
 font-size: 0.9em;
 background: #EFF3FE;
 padding: 3px;
 text-decoration: none;
}

.kontext {
 background: #EAEAEA;
 text-decoration: none;
 font-size: 0.75em;
 padding: 15px;
}

/* grauer kleiner Link */
.greysmall, .greysmall a {
 font-size: 0.65em;
 color: #666;
 text-decoration: none;
}


/* Tabelle Statische Inhalte  */
table.statisch {
 border: 1px solid #888;
 border-right: none;
 width: 525px;
}

table.statisch th a,
table.statisch td a {
 text-decoration: none;
}

table.statisch th {
 text-align: left;
 border-right: 1px solid #888;
 vertical-align: top;
 padding: 2px 4px;
}

table.statisch th.h1 {
 font-size: 0.75em;
 font-weight: bold;
 background: #E4E4E4;
 padding: 5px 4px;
}

table.statisch th.h2 {
 font-size: 0.65em;
 font-weight: normal;
 background: #E4E4E4;
}

table.statisch .text {
 font-weight: normal;
}

table.statisch td {
 font-size: 0.7em;
 border-top: 1px solid #888;
 border-right: 1px solid #888;
 vertical-align: top;
 padding: 2px 4px;
}

table.statisch td.zahl {
 text-align: right;
}


/* Photogalerie */
.leinwand {
 padding-top: 13px;
 font-size: 0.7em;
 text-align: center;
}

.leiste {
 /* width: 300px; */
 text-decoration: none;
 margin: 10px 125px 7px 125px;
 color: #7C910D;
}
.leiste a {
 text-decoration: none;
 color: #7C910D;
}
.leiste a:hover {
 color: #CB0101;
}

.leistezurueck {
 float: left;
 color: #7C910D;
}
.leistezurueck a:hover {
 color: #CB0101;
}

.leisteweiter {
 color: #7C910D;
 float: right;
}
.leisteweiter a:hover {
 color: #CB0101;
}

.vorschaureihe {
 clear: both;
 padding: 10px 15px 0px 15px;
}

.vorschau-links {
 width: 72px;
 float: left;
}

.vorschau-rechts {
 width: 72px;
 float: left;
}

.vorschau-rechts img {
 margin-left: 20px;
}

/* Tabelle für Immobilien */
table.immo-table {
 border: none;
}

table.immo-table th {
 font-weight: normal;
 text-align: left;
 vertical-align: bottom;
 height: 22px;
 padding: 0;
 padding-right: 5px;
}

table.immo-table td {
 vertical-align: bottom;
 height: 22px;
 padding: 0;
 padding-left: 10px;
}

.thumb {
 text-align: center;
 border: 1px solid #DDD;
 float: left;
 height: 53px;
 width: 78px;
 padding: 4px 2px 4px 2px;
 margin: 1px 1px 0 0;
}