﻿body {
   text-align: center; /* nötig für quirkende IEs! */
   /* verstecken vor IE/Mac via commented backslash-Hack \*/
   margin-right: auto;
   margin-left: auto;
   /* */
   min-width: 745px;/* verhindert, dass der Inhalt in Geckos nach links aus dem Viewport geschoben werden kann */
   background-color: #FDFDFD;
   color: #4f4f4f;
   font: 100% Verdana, Tahoma, Helvetica, Georgia, Arial, sans-serif;
   padding: 15px 0;
   margin: 0;
}

table {
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   font-size: 1em;
   width: 100%;
}
td {
   border: 1px solid #4f4f4f;
   font-size: 0.8em;
}

h1 {
   font-size: 1.15em;
   font-weight: bold;
   margin: 1em 2em;
   letter-spacing: 0.08em;
}
h2, h3 {
   font-size: 1em;
   font-weight: bold;
   margin: 1em 0;
}
h4 {
   font-size: 0.9em;
   font-weight: bold;
   margin: 1em 0;
   font-style: italic;
}

p {
   color: #4f4f4f;
   font-weight: normal;
   margin: 1em 0;
}

address {
   font-style: normal;
   margin: 1em 0;
}

ul {
   margin: 1em 0;
   padding: 0;
   list-style-type: square;
}

a {
   color: #4f4f4f;
   text-decoration: underline;
   outline: none;
}
a:hover, a:active {
   color: #9f4e33;
   background-color: #f5ee67;
   outline: none;
}
a:focus {
   color: #030;
   outline: none;
}

.nobo {
	border: 0;
}

.kopfpic {
	float: left;
	margin: 0 20px 10px 10px;
	border: 0;
}

/*  Schatten
----------------------------------------------------------------------------------*/

#schatten {
   text-align: left;
   width: 752px;
   w\idth: 745px;
   margin: auto;
   position: relative;
   background: url(../images/schatten_b.gif) repeat-y top right;
   padding-right: 7px;
}

/*  Kopf mit Bild
----------------------------------------------------------------------------------*/
#kopf {
   color: #4f4f4f;
   background-color: #f9f9f9;
   text-align: left;
   border: solid #4f4f4f;
   border-width: 1px 1px 0px 1px;
   height: 115px;
   position: relative;
   margin: 0;
   padding-left: 7px;
}
#kopf img {
   margin-top: 8px;
}

/* Lokalisation
----------------------------------------------------------------------------------*/
#mainTitle {
   font-size: 14px;
   font-weight: bold;
   color: #4f4f4f;
   background-color: #f9f9f9;
   margin: 0;
   padding: 10px 7px 10px 20px;
   border-right: 1px solid #4f4f4f;
   border-bottom: 1px solid #4f4f4f;
   border-left: 1px solid #4f4f4f;
}

/* Menüs in linker und rechter Spalte
----------------------------------------------------------------------------------*/
.menu ul {
   margin: 0;
   padding: 0;
   background-color: #ecddb2;
   color: #3e3f3f;
   list-style: none;
}
.menu ul li {
   list-style: none;
   border-top: 1px solid #4f4f4f;
}
.menu ul a {
   display: block;
   font-weight: normal;
   color: #3e3f3f;
   text-decoration: none;
   padding: 4px 0px 4px 20px;
}
.menu ul a:hover {
   color: #3e3f3f;
   background-color: #dfdfdf;
}
.menu ul a.active {
   color: #3e3f3f;
   background-color: #ffffaa;
   cursor: default;
}
.menu ul a:focus {
   color: #9f4e33;
   font-weight: bold;
   background-color: #ffface;
}

/* Graue Zeilen */
.menu span {
   display: block;
   background: #f9f9f9;
   color: #4f4f4f;
   padding: 4px 0;
   border-top: 1px solid #4f4f4f;
}

/* Galerie */
.menu ul li.Galerie a {
   color: #fff;
   background: #9f4e33;
   font-weight: bold;
}
.menu ul li.Galerie a:hover {
   color: #fff;
   background: #b7b8bd;
}
.menu ul li.Galerie a:active,
.menu ul li.Galerie a:focus {
   color: #fff;
   background-color: #b7b8bd;
}
.menu ul li.Galerie a.activ {
   color: #fff;
   background-color: #b7b8bd;
   cursor: default;
}

/* sichtbare Menubox
----------------------------------------------------------------------------------*/
.menu ul li.sichtbar a {
	background: #f5ee67;
	color: #9f4e33;
    font-weight: bold;
}

/* Navigation
----------------------------------------------------------------------------------*/
#linkespalte {
   color: #fff;
   background-color: #f9f9f9;
   width: 140px;
   vertical-align: top;
   border-bottom-color: #636363;
   padding: 0 0 50px;
}

#linkespalte .bild {
   padding-top: 80px;
}

/* Content
----------------------------------------------------------------------------------*/
#mitte {
   color: #4f4f4f;
   background-color: #fff;
   vertical-align: top;
   text-align: left;
   border: solid #467347;
   border-width: 1px 0px 1px 0px;
   padding: 14px 18px 20px;
   /*width: 465px;*/
}
#mitte hr {
   margin: 1.0em 0;
   color: #467347;
   border: none;
}

/* rechteSpalte
----------------------------------------------------------------------------------*/

#rechtespalte {
   color: #4f4f4f;
   background-color: #f9f9f9;
   width: 130px;
   vertical-align: top;
   padding: 0 0 0 15px;
}
#rechtespalte .bild {
   padding-top: 1.9em;
}
#rechtespalte img {
   display: block;
}
#rechtespalte address {
   font-style: normal;
   font-size: .9em;
   padding: 0 7px;
   margin-top: 1.2em;
}
#rechtespalte .rmenu {
	margin-left: -15px;
}

#rechtespalte .rspan {
	margin-left: -15px;
	padding-left: 15px;
}

/* Fußzeile
----------------------------------------------------------------------------------*/
#footer {
   font-size: 0.75em;
   color: #467347;
   text-align: center;
   margin: auto;
   position: relative;
   width: 752px;
   border-top: 1px solid #4f4f4f;
}