/* Stylesheet fuer bachkantorei.de */

/* IE 6 */
* html body { behavior:url(/htc/csshover3.htc); } /* Ersatz fuer :hover ohne a */
* html img  { behavior:url(/htc/iepngfix.htc); } /* Ersatz fuer PNG */

* { margin: 0; padding: 0; }

body {
 margin: 5px;
 background: #000;
 color: #ccc;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100.01%;
 line-height: 140px;
}

/* Header */
#header {
 text-align: center;
 width: 100%;
 height: 70px;
 background: #000 url(Graphics/Logo_Bachkantorei_315x70.gif) no-repeat center top;
 margin: 0 0 10px 0;
 padding: 2px 0 10px 0;
 border-bottom: 1px solid #444;
}

/* IE 6 */
* html #header {
 height: 85px;
}

/* Navigation */
#menue {
 width: 130px;
 background: #000;
 text-align: left;
 margin: 6px 0 0 0;
 padding: 0 25px 0 0;
 border-right: 1px solid #444;
 float: left;
}

/* IE 6 */
* html #menue {
 width: 156px;
 margin-top: 12px;
 margin-right: -4px;
 padding-right: 28px;
}

/* IE 7 */
*+html #menue {
 margin-right: -1px;
}

#menue ul {
 list-style-type: none;
 margin: 10px 0 0 8px;
 padding: 0 0 0 10px;
}

#menue ul li.BKCopyr {
 font-size: 12px;
 line-height: 120%;
 font-weight: normal;
 color: #ccc;
 text-align: center;
}

#menue ul li.navi {
 font-size: 14px;
 line-height: 120%;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

#menue ul li.navi a {
 margin: 0 0 0 0;
 padding: 6px 4px 6px 20px;
 display: block;
}

/* IE 6 */
* html #menue ul li.navi a {
 width: 116px;
}

#menue ul li.navi a#aktiv {
 color: #fff; /* alternativ: #fff */
 background: #444;
 border: 1px solid #888;
 text-decoration: none;
}

#menue ul li.navi a:link {
 color: #ccc;
 background: #222; /* orig: #000 */
 border: 1px solid #000;
 text-decoration: none;
}

#menue ul li.navi a:visited {
 color: #ccc;
 background: #222; /* orig: #000 */
 border: 1px solid #000;
 text-decoration: none;
}

#menue ul li.navi a:hover {
 color: #fff;
 background: #333 url(Graphics/LOGO1List_trans.gif) no-repeat left top; /* org: 333 ohne Bild */
 border: 1px dotted #666;  /* org: 333 */
 text-decoration: none;
}

#menue ul li.navi a.ext, #menue ul li.navi a.ext:link, #menue ul li.navi a.ext:visited {
 background: #222 url(Graphics/external.gif) no-repeat 2px 6px; /* org: 333 ohne Bild */
}

#menue ul li.navi a.ext:hover {
 background: #333 url(Graphics/external_h.gif) no-repeat 2px 6px; /* org: 333 ohne Bild */
}

/* Inhalt */
#content {
 max-width: 880px;
 margin: 0 0 0 155px;
 background: #000;
 font-size: 0.90em;
 line-height: 140%;
 padding: 5px 5px 5px 10px;
 border-left: 1px solid #444;
}

.gal {
 min-height: 660px;
}

/* IE 6 */
* html #content {
 width: expression(document.body.clientWidth - 200 >= 880 ? 880 + 'px' : 'auto'); /* Ersatz fuer max-width */
}

* html .gal {
 height: 660px;
}

#content_full {
 max-width: 2000px;
 margin: 0 auto 0 auto;
 font-size: 0.80em;
 line-height: 140%;
 text-align: center;
 padding: 0;
 border: none;
}

#content_galerie {
 max-width: 1280px;
 margin: 0 0 0 155px;
 background: #000;
 font-size: 0.90em;
 line-height: 125%;
 padding: 5px 5px 5px 10px;
 border-left: 1px solid #444;
}

* html #content_galerie {
 margin: 0 0 0 162px;
}

#text {
 width: auto;
 padding: 10px 0 10px 50px;
}

* html #text {
 width: 880px;
}

/* Home Spalten */
#spalte_1 {
 width: 190px;
 padding: 10px;
 margin: 10px 0 0 5px;
 border: 3px solid #888;
 float: left;
}

/* IE 6 */
* html #spalte_1 {
 margin: 10px 0 0 2px;
}

#spalte_2 {
 padding: 0;
 margin: 10px 0 0 230px;
}

/* IE 6 */
* html #spalte_2 {
 margin: 15px 0 0 227px;
}

/* IE 7 */
*+html #spalte_2 {
 margin: 15px 0 0 230px;
}

#spalte_2_o {
 padding: 10px;
 border: 3px solid #888;
}

* html #spalte_2_o {
 height: 250px;
}

#spalte_2_ul {
 width: 220px;
 text-align: center;
 padding: 10px;
 margin: 10px 0 0 0;
 border: 3px solid #888;
 float: left;
}

* html #spalte_2_ul {
 margin-left: 1px;
}

#spalte_2_ur {
 width: auto;
 text-align: center;
 padding: 10px;
 margin: 10px 0 0 255px;
 border: 3px solid #888;
}

/* IE 6 */
* html #spalte_2_ur {
 margin: 10px 0 0 255px;
 height: 1px;
}

table tr td {
 padding: 10px;
 line-height: 1em;
}

table.rahmenlos {
 margin: 0 0 10px 0;
}

table.rahmenlos tr td {
 padding: 0 20px 4px 0;
 line-height: 1em;
}

div.galerie {
 width: 106px;
 height: 32px;
 padding: 5px 5px 5px 5px;
 margin: 0 auto 15px auto;
 background: #eee;
 text-align: center;
}

/* IE 6 */
* html div.galerie {
 width: 116px;
}

h1 {
 font-size: 1.8em;
 line-height: 140%;
 font-style: italic;
 margin: 4px 0 20px 0;
}

h2 {
 font-size: 1.4em;
 line-height: 140%;
 margin: 4px 0 10px 0;
}

h3 {
 font-size: 1.2em;
 line-height: 140%;
 margin: 4px 0 10px 0;
}

h4 {
 font-size: 1.0em;
 line-height: 140%;
 margin: 4px 0 10px 0;
}

h5 {
 font-size: 0.90em;
 line-height: 140%;
 margin: 4px 0 10px 0;
}

p {
 font-size: 1.0em;
 line-height: 140%;
 margin: 0 0 8px 0;
}

.klein {
 font-size: 0.85em;
 line-height: 125%;
}

.link {
 font-size: 1.2em;
 font-weight: bold;
}

p#back {
 margin-top: 30px;
 font-size: 1.2em;
 font-weight: bold;
}

p#home {
 margin-top: 30px;
 font-size: 1.2em;
 font-weight: bold;
}

span.tab_kto {
 width: 5.0em;
 display: block;
 float: left;
}

ul, ol {
 font-size: 1.0em;
 line-height: 140%;
 margin: 0 0 10px 10px;
}

a:link {
 color: #f00;
 text-decoration: none;
}

a:visited {
 color: #f00;
 text-decoration: none;
}

a:hover {
 color: #ff0;
 text-decoration: none;
}

a:focus {
 outline: none;
}

hr {
 height: 1px;
 margin: 20px 0 20px 0;
 background: #888;
 border: none;
}

img {
 background: #fff;
 border: none;
}

img.transp {
 background: #000;
 border: none;
}

/* Footer */
#footer {
 clear: both;
 text-align: center;
 margin: 0 0 0 0;
 padding: 2px 0 10px 0;
 border-bottom: 1px solid #444;
}

/* Hover-Effekt fuer Bilder mit Link - nicht valide in CSS 2.1 => CSS 3 */

a img.link, a:link img.link, a:visited img.link {
 background: #fff;
 border: 1px solid #666;
 opacity: 1.0;
 -moz-opacity: 1.0;
 -khtml-opacity: 1.0;
 filter: Alpha(opacity=100, style=0);
}

a:hover img.link {
 background: #fff;
 border: 1px solid #fff;
 opacity: 0.80;
 -moz-opacity: 0.80;
 -khtml-opacity: 0.80;
 filter: Alpha(opacity=80, style=0);
}

@media print
{
  body { background: #fff; font-size: 100%; }
  #header { display: none; }
  #menue  { display: none; }
  #footer { display: none; }
  #back   { display: none; }
  #home   { display: none; }
  #content, #text { width: 100%; margin: 0; padding: 0; border: 0; color: #000; background: #fff; }
  a:link, a:visited, a:hover { color: #00c; font-weight: bold; text-decoration: underline; }
}