/* CSS Bersteigerdörfer XHTML-Strict 
   PRINT Version  */
/* --------------------------------- */

/* allgemeine Angaben */
html, body {
margin: 0; padding: 0;
background-color: #fff;
}
body {
font: normal normal normal 101%/normal Verdana, sans-serif;
padding-bottom: 20px;
}
img { border: 0; margin: 0; }
h1, h2, h3, p, ul, ol { margin: 0; padding: 0; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

/* allg. Seitenstruktur */
/* -------------------- */
/* Hintergrund-, Schrift-Farben: */
#inhalt { background-color: #fff; /* für IE6 und Highcolor*/ color: #666; }
#visual { background-color: #037f2e; /* grün */ color: #fff; }
#visual.grau { background: #037f2e url(bg-visual.jpg) repeat; color: #333; }

#inhalt { padding: 0 0 10px 5px; width: 695px; }
* html #visual, * html #inhalt { width: 720px; }


#visual, #visual.thumbs, #visualthumbs { padding-right: 0; width: 700px; }
* html #visual.thumbs, * html #visualthumbs, * html #visual  { width: 680px; }
* html #inhalt { width: 700px; }

#logo {
position: absolute;
width: 120px; height: 100px;
/* 
padding: 0 0 0 15px;
top: 20px; left: 0; 
*/
/* Print: */
top: 0; left: 0;
padding: 3px;
background-color: #f2f2f2; /* für IE6 und Highcolor*/
text-align: center;
z-index: 10;
}
* html #logo { width: 190px; }


/* Print: */
#topnav { display: none; }
#mainnav { display: none; }


/* Contentbereich Bild */
#visualthumbs, #visual { 
position: relative; z-index: 0;
clear: right;
height: 315px; overflow: hidden;
background-color: #f2f2f2; color: #333;
background-color: #037f2e; color: #fff;
}

#visual img, #visual #karte { float: left; margin-right: 10px; }
#visual #karte { 
margin: 10px 20px 55px 20px; 
width: 410px; height: 315px;
position: relative; 
background: transparent url(karte.gif) no-repeat center 40px;
}
* html #visual #karte { margin-left: 10px; }
#visual.thumbs img, #visualthumbs img { margin-right: 1px; }
#visual img.thumb, #visualthumbs img { float: left; margin: 2px 1px 0 1px;}


/* Contentbereich */
#inhalt {
clear: left;
background-color: #f2f2f2;
}
#inhalt.home { background: #f2f2f2 url(bg-inhalt-home.jpg) repeat; }
#inhalt.bilder { background-image: none; background-color: #fff;  }
#fusszeile { 
/* PRINT */
display: none;
}
#copyright-hinweis { 
clear: left;
width: 700px; 
font-family: Verdana, sans-serif; font-size: 10px; text-align: right;
color: #333; background-color: #fff;
}
* html #copyright-hinweis { width: 640px; }

/* Content Klickpfad, Breadcrumpnav */
#inhalt #klickpfad {
font-size: 0.7em;
padding: 8px 0 0 0;
}
#inhalt #klickpfad a {
text-decoration: none; color: #333;
}
#inhalt #klickpfad a:hover {
text-decoration: underline;
}

/* Ende allg. Struktur */
/* ------------------- */


/* Content Elemente */
/* ---------------- */
#visual h1, #visualthumbs h1 {
font: normal 1.5em Georgia, serif; 
padding: 14px 3px 5px 3px;
}
#visual h1 {
font-size: 1.4em;
line-height: 0.9;
}

#visualthumbs h1 { 
background-color: #037f2e; color: #fff; 
height: 62px;
text-align: center;
}
* html #visualthumbs h1 { height: 81px; }
#visual p { 
font-size: 11px; line-height: 1.33;
padding: 5px 5px 0 0;
}
#visualthumbs p {
color: #037f2e;
font-size: 0.8em; line-height: 1.5;
margin: 0 4px 0 456px;
}

/* PRINT */
#visualthumbs img.thumb { display:none; }

#visualthumbs img#bild { 
position: relative; z-index: 1;
margin-left: 0; margin-top: 0;
}
* html #visualthumbs img#bild {
margin: 0 -2px 0 -3px;
}
#visualthumbs div#copyright, #visual div#copyright {
position: absolute; z-index: 2; top: 303px; left: 22px;  
font-family: Arial, sans-serif; font-size: 0.6em; 
background: transparent; color: #e6e6e6;
margin: 0; padding: 0; height: 12px; 
}

/* Content 3-spaltig in #inhalt */
#inhalt #info { font-size: 95%; /* Schrift etwas kleiner */ }
#subnav, #info, #zusatzinfo { float: left; padding-top: 30px; background: transparent }
#subnav { width: 170px; }
#info { width: 500px; }
* html #info { width: 485px; }
#zusatzinfo {
width: 180px; padding-left: 5px; padding-right: 5px;
}
* html #zusatzinfo { width: 180px; padding: 0; }

/* Print: */
#subnav { display: none; }
#inhalt #info { margin-left: -20px; }


/* Content 2-spaltig in #inhalt */
#info.home { width: 450px }
#zusatzinfo.home { width: 410px; padding-top: 0; }
* html #zusatzinfo.home { width: 450px; }
#zusatzinfo.home #karte {  
width: 410px; height: 315px;
position: relative; 
background: transparent url(karte.gif) no-repeat center 40px;
}

/* nur eine Spalte */
#infobilder { width: 900px; padding-top: 15px; } /* Extra id für IE6 notwendig, da maximal 1 class pro id! */
#infobilder img { float: left; margin: 0; padding: 0; cursor: pointer; width: 150px; }
* html #infobilder img {margin: 0 -3px;}


/* info */
#info h2, #info h3, #info p, #info ul { 
padding: 0 20px 20px 20px; 
}
#info img { margin-left: 20px; margin-bottom: 20px; } /* muss margin (statt padding) sein, damit der IE richtig darstellt */
#info h2, #info h3 { 
font: normal 1.4em Georgia, serif;
}
#info h3 { 
font-size: 1.08em; font-weight: normal;
color: #037f2e;
padding-bottom: 5px;
}
#info h2.home, #info p.home {
padding-left: 0;
}
#info p { 
font-size: 0.8em; line-height: 1.5em; 
}
#info p.bildtxt { 
font-size: 0.7em; line-height: 1.2em;
margin-top: -15px;
}
#info p.link { margin-top: -10px; }
#info p.teaser { font-family: Georgia, serif; }
#info p strong { color: #777; }
#info ul, #info ol {
margin-left: 16px;
font-size: 0.8em; line-height: 1.3em;
}
#info ol { margin-left: 44px; }

/* 2 Spalten für Berdörfer-Startseite */
#visual #bergdorf-links { width: 218px; margin-top: 15px; float: left; }
#visual #bergdorf-rechts { width: 218px; margin-top: 15px; float: right; }

/* ----- Links ----- */
#info a, #zusatzinfo a {
font: bold 1.0em/1.2em Verdana, sans-serif;
color: #45859c;
text-decoration: none;
}
#visual #bergdorf-links a, #visual #bergdorf-rechts a { 
display: block;  padding: 1px 2px 2px 10px;
color: #45859c; background: transparent; 
text-decoration: none; font-weight: bold;
}
#visual a { font-size: 0.8em; }
#info ul li a { font-size: 0.8em; }
#info a:hover, #zusatzinfo a:hover { text-decoration: underline; }
#visual #bergdorf-links a:hover, #visual #bergdorf-rechts a:hover { text-decoration: underline; }

/* zusatzinfo */
#zusatzinfo h3 {
font: bold small-caps 0.96em Georgia, serif;
padding-bottom: 5px;
}
#zusatzinfo p.link {
font-size: 0.75em; margin: 0 0 8px 0;
}
#zusatzinfo img { margin-bottom: 20px; }
#zusatzinfo ul { 
list-style-type: none; 
font-size: 0.8em;
padding-bottom: 20px;
}