/*
*  Farben: 
*  - Knalliges Rot:       #AF100F (Header)
*  - Dunkleres Rot:       #850C0B (Link)
*  - fast weißes Rot:     #FAFAFA (Hintergrund Content)
*  - hellstes Braun:      #F3ECE5 (Hintergrund Navi)
*  - sehr helles Braun:   #EBE3D8 (Naviliste, 2. Ebene)
*  - helles Braun:        #E1D9CF (Naviliste, 1. Ebene)
*  - mittleres Braun:     #887968 (hover Naviliste 2. Ebene, Hintergrund body)
*  - dunkleres Braun:     #705F4A (hover Naviliste 1. Ebene, Balken)
*  - dunkles Braun:       #4d4133 (container-Rahmen, Schattierung, hover Link)
*  - Grün:                #78C063 (Erfolgsbenachrichtigung)
*/


/* 
 * ---------------------------------------------------------------------
 * --- Normalisieren + Standard ----------------------------------------
 * -------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
body {
  font:13px Verdana, arial, helvetica, sans-serif;
  background:#887968;
  color:#444444;
}
abbr, acronym { border-bottom: 1px dotted #666; }
p {
  line-height:1.6em;
  margin:0 10px 0.5em;
  padding-bottom:0.5em;
  text-align:left;
}
li {list-style:none;}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,code,tt {
  font: 1em monospace;
  line-height: 1.5;
}
hr {
  background:#E1D9CF;
  border:0;
  height:1px;
  margin:1.75em 10px;
}

/* Links allgemein 
 * -------------------------------------------------------------------*/
a:link, a:visited {
  color:#850c0b;
  background-color:transparent;
  text-decoration:none;
}
a:hover, a:active {
  color:#4d4133;
  background-color:transparent;
  text-decoration:underline;
}

/* Ueberschriften 
 * -------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  color:#444444;
  font-weight:bold;
  margin-bottom:0.5em;
  margin-top:1em;
  padding:2px 10px;
}
h1 {
  font-size: 1.80em; 
  border-bottom:1px solid #E1D9CF;
}
h2 {
  font-size: 1.50em; 
  border-left:12px solid #E1D9CF; 
  margin-bottom:0.8em;
}
h3 {
  font-size: 1.12em; 
  background:#EBE3D8;
}
h4 {
  font-size: 1.10em;
  background:#EBE3D8;
}
h5 {
  font-size: 1.07em; 
  background:#EBE3D8;
}
h6 {
  font-size: 1em; 
  background:#EBE3D8; 
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
  text-decoration:none; 
}

/* Listen 
 * -------------------------------------------------------------------*/
ul>li {
  margin-left:1.5em;
  margin-bottom:0.5em;
  list-style-type:disc;
  line-height:1.6em;
}
ol>li {
  margin-left:1.5em;
  margin-bottom:0.5em;
  list-style-type:decimal;
  line-height:1.6em;
}
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0.4em 1.5em 1.75em;}

/* Bilder
 * -------------------------------------------------------------------*/
img {
  border:0;
}
img.links, img.rechts, img.mitte {
  margin:5px 10px;
}

/* Tabellen
 * -------------------------------------------------------------------*/
table, td, tr, th {
  font:13px Verdana, arial, helvetica, sans-serif;
}
table {
  margin:1em 10px;
  border:1px solid #E8DFD1;
  border-collapse:collapse;
}
th,td {
  padding: 4px 5px 4px 5px;
}
th {
  background:#F3EBE4;
  border:1px solid #E8DFD1;
  text-align:left;
  font-weight:bold;
}
td {
  border:1px solid #E8DFD1;
  vertical-align:top;
  line-height:1.6em;
  text-align:center;
}
table.formular td {
  text-align:left;
}
td.r {
  text-align:right;
}
td.l {
  text-align:left;
}
tr.a td {background:#FAF8F8;}
tr.b td {background:#F5F1ED;}

/* Formulare
 * -------------------------------------------------------------------*/
form {
  line-height:1.75em;
  margin:10px;
  font:13px Verdana, arial, helvetica, sans-serif;
}
input, textarea, select {
  background: #FAFAFA;
  border: 1px inset #887968;
  margin: 0.1em 0;
  padding:2px;
  font:13px Verdana, arial, helvetica, sans-serif;
  color:#444444;
}
input:focus, textarea:focus, select:focus {
  background: #F3ECE5;
  border:1px inset #AF100F;
}
input.button, button {
  background:#F3ECE5;
  border:1px outset #AAA;
}
input.button:active, button:active {
  border-style:inset;
}
textarea {
  font-family:"Courir New",monospace;
  font-size:13px;
}


/* 
 * ---------------------------------------------------------------------
 * --- Klassen ---------------------------------------------------------
 * -------------------------------------------------------------------*/
.small     { font-size:0.85em; }
.smaller   { font-size:0.8em; }
.big       { font-size:1.2em; }
.bigger    { font-size:1.3em; }
.hidden    { display: none; }
.highlight { background: #FFFF00; }

/* Im Content verwendet
 * -------------------------------------------------------------------*/
.box, .box2, .box3, .download {
  margin:1em 10px 1.75em;
  padding:0.5em;
  border-bottom:1px solid #E1D9CF;
  border-top:1px solid #E1D9CF;
  text-align:center;
  line-height:1.6em;
}
.box {
  border-left:12px solid #E1D9CF;
  border-right:12px solid #E1D9CF;
  font-weight:bold;
}
.box3 {
  text-align:left;
}
.download {
  padding:0.2em 0.5em;
  border-left:12px solid #E1D9CF;
  border-right:1px solid #E1D9CF;
  width:300px;
  text-align:left;
}
.datlink, .datsymbol {
  text-align:left;
  margin:0.2em;
  white-space:nowrap;
}
.datlink img, .datsymbol img, .download img {
  margin-bottom:-3px;
}
.normal {
  float:left;
  width:400px;
}
.extended {
  float:right;
  width:200px;
  padding-left:7px;
  border-left: 1px solid #E1D9CF;

}

/* Gästebuch
 * -------------------------------------------------------------------*/
.gb_stats {
  margin-top:20px;
  text-align:center;
}
.seitennavigation {
  text-align:center;
  margin:10px;
  padding:5px;
  border:1px solid #E1D9CF;
}
.gb_entry {
  border:1px solid #E8DFD1;
  margin:20px 10px;
  padding:2px;
}
.gb_entry_title {
  padding:5px 10px;
  background:#F3EBE4;
  text-align:left;
  margin-bottom:2px;
}
.gb_entry_text1{
  background:#FAF8F8;
  line-height:1.7em;
  padding:5px 10px;
}
.gb_entry_text2{
  background:#F5F1ED;
  line-height:1.7em;
  padding:5px 10px;
}
.gb_entry_text1 table , .gb_entry_text1 td , .gb_entry_text2 table , .gb_entry_text2 td {
  margin:0px;
  padding:0px;
}
.nr {
  margin:2px 2px 2px 0;
  font-weight:bold;
}
.done , .info {
  font-weight:bold;
  margin:10px;
  text-align:center;
}
table.nomarg form, table.nomarg form button {
  margin:0;
  padding:0;
}
td.lock {
  padding-left:40px;
  background:transparent url(img/lock.png) 10px center no-repeat;
  text-align:left;
}
td.unlock {
  padding-left:40px;
  background:transparent url(img/unlock.png) 10px center no-repeat;
  text-align:left;
}
.uebersicht {
  border-left:10px solid #E1D9CF;
  margin:10px;
  padding:10px;
}

/* Benachrichtungen (fehler, erfolg, hinweis, info)
 * -------------------------------------------------------------------*/
.not_fehler, .not_erfolg, .not_hinweis, .not_info {
  border:1px solid black;
  border-left:5px solid black;
  padding:10px 10px 3px 10px;
  margin:10px;
  line-height:1.75em;
}
.not_fehler  { border-color:#AF100F; }
.not_erfolg  { border-color:#78C063 }
.not_hinweis, .not_info    { border-color:#705F4A; }
.not_titel { 
  padding:5px 5px 0 5px;
  background:#F3ECE5;
}
.not_titel img { margin-bottom:-3px; }
.not_titel span {
  font-weight:bold;
}
.not_msg {
  padding:4px 0 0 0;
  margin:0;
}

p.js_error {
  border:2px solid #af100f;
  padding:10px;
  margin:0;
  line-height:1.75em;
  background:#F3ECE5;
}


/* 
 * ---------------------------------------------------------------------
 * --- Administration --------------------------------------------------
 * -------------------------------------------------------------------*/
table.navigator td {
  text-align:center;
  padding:4px 10px;
  background:#F5F1ED;
}
table.navigator td.aktiv {
  background:#F3EBE4;
}
table.navigator td a:link, table.navigator td a:visited {
  text-decoration:none;
  color:#444444;
}
table.navigator td a:hover, table.navigator td a:active {
  text-decoration:none;
  color:#850c0b;
}


/* 
 * ---------------------------------------------------------------------
 * --- Seitenstruktur --------------------------------------------------
 * -------------------------------------------------------------------*/

/* floating+clearing 
 * -------------------------------------------------------------------*/
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}

/* Container (holding) 
 * -------------------------------------------------------------------*/
.container {
  border:2px solid #4d4133;
  border-top:7px solid #4d4133;
  background:white;
  margin:0 auto;
  padding:5px;
  width:850px;
}
.frame1 {
  background:#887968 url(img/brunten.png) bottom center no-repeat;
  padding:0 0 30px;
}
.frame2 {
   background:#887968 url(img/brbg.png) top center repeat-y;
}

/* Kopf */
.header {
  background:#af100f url(img/headerbg.png) top left repeat-x;
  height:140px;
  margin-bottom:5px;
  text-align:center;
}
.header .title {
  color:white;
  padding-top:30px;
}
.header .title .begruessung {
  font-weight:bold;
  font-size:1em;
  margin-bottom:0.8em;
}
.header .title .name {
  font-weight:bold;
  font-size:1.45em;
}

/* Balken (Suche, Hauptseite, Impressum, Disclaimer, Login,  
 * -------------------------------------------------------------------*/
.balken {
  background:#705F4A url(img/balken.png) top left repeat-x;
  color:white;
  padding:0.6em;
}
.balken a:link, .balken a:visited {
  color:white;
  text-decoration:none;
}
.balken a:hover, .balken a:active {
  color:white;
  text-decoration: underline;
}
.balken .left { float:left; }
.balken .right { float:right; }
.balken form, .balken form input  {
  margin:0;
  padding:0;
  border:0;
}
.balken form { 
  border-left:5px solid #4d4133;
  line-height:1em;
}
.balken form input {
  background:#887968;
  color:white;
}

/* Hauptgeruest 
 * -------------------------------------------------------------------*/
.main {
  background:#FAFAFA url(img/bg.png) top left repeat-y;
  border-top:5px solid white;
  padding: 5px 12px 0 0;
}

/* Mittlere Spalte 
 * -------------------------------------------------------------------*/
.content {
  float: right;
  width: 608px;
}
.lastchange {
  text-align:right;
  font-size:0.8em;
  color:#887968;
  margin:4em 0 1em 0;
}


/* Navigation - Allgemeines 
 * -------------------------------------------------------------------*/
.navigation {
  float: left;
  width: 210px;
}
.navigation ul, .navigation ul li, .navigation ul li ul, .navigation ul li ul li {
  margin:0;
  padding:0;
  line-height:1.5em;
  list-style-type:none;
}
.navigation ul li {
  border:0;
  margin-bottom:5px;
}
.navigation ul li ul li {
  border:0px;
}

/* Erste Ebene 
 * -------------------------------------------------------------------*/
.navigation li a {
  display:block;
  padding:8px;
  text-decoration:none;
  font-weight:bold;
  color:#444444;
  background:#E1D9CF;
}
.navigation li a:hover {
  background:#850C0B;
  color:white;  
}

/* Zweite Ebene 
 * -------------------------------------------------------------------*/
.navigation li ul li a {
  display:block;
  padding:2px 8px 2px 18px;
  text-decoration:none;
  font-weight:normal;
  color:#444444;
  border-bottom:1px solid #E1D9CF;
  background:#EBE3D8 url(img/navul.png) top left repeat-y;
}
.navigation li ul li a:hover {
  color:white;
  background:#887968 url(img/navulhov.png) top left repeat-y;
}

/* Unten - Footer 
 * -------------------------------------------------------------------*/
.footer {
  background:#705F4A url(img/balken.png) top left repeat-x;
  color:white;
  font-weight:normal;
  margin-top:5px;
  padding:0.6em;
  text-align:center;
}
.footer a:link, .footer a:visited {
  color:white;
  text-decoration:none;
}
.footer a:hover, .footer a:active {
  color:white;
  text-decoration: underline;
}