/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #000509 url('../bilder/body_back.jpg') top left repeat-x;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #023F80;
}

h1 {
  color: #FCB73E;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 1.2em;
}

h2 {
  color: #444444;
  margin-top: 20px;
  font-size: 1.0em;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

/*----------------------------------------------------------------*/
/* wrap */
/*----------------------------------------------------------------*/
#wrap {
  width: 808px;
  margin: 0 auto;
}

/*----------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------*/
#header {
  height: 144px;
  background: transparent url('../bilder/header_back.jpg') top right no-repeat;
  padding-top: 21px;
}

/*----------------------------------------------------------------*/
/* iconnavi */
/*----------------------------------------------------------------*/
#iconnavi {
  float: right;
  display: inline;
  margin-right: 4px;
}

#iconnavi li {
  float: left;
  display: inline;
  margin-left: 17px;
}

#iconnavi li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}

/*----------------------------------------------------------------*/
/* hauptnavi */
/*----------------------------------------------------------------*/
#navi_links {
  width: 276px;
  height: 53px;
  float: left;
  display: inline;
  background: transparent url('../bilder/navi_links_back.jpg') top left no-repeat;
}

#navi_rechts {
  width: 532px;
  height: 53px;
  float: right;
  display: inline;
  background: transparent url('../bilder/navi_rechts_back.jpg') top left repeat-x;
}

#topnavi {
}

#topnavi li {
  float: left;
  display: inline;
}

#topnavi li a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  height: 53px;
  width: 90px;;
/*  padding-left: 16px;
  padding-right: 16px;*/
  text-align: center;
  line-height: 42px;
}

#topnavi li a:hover {
   background: transparent url('../bilder/navi_effekt.jpg') bottom left repeat-x;
}

#topnavi li.selected a {
   background: transparent url('../bilder/navi_effekt.jpg') bottom left repeat-x;
}

/*----------------------------------------------------------------*/
/* inhalt-dummy +wrap */ 
/*----------------------------------------------------------------*/
#inhalt_dummy {
  width: 808px;
  background: transparent url('../bilder/inhalt_dummy_back.jpg') top left no-repeat;
}

#inhalt_wrap {
  width: 800px;
  background: #fff url('../bilder/subnavi_back.jpg') top left repeat-y;
  padding-bottom:16px;
  margin-left: 8px;
  border-bottom: 10px solid #fff;
}

/*----------------------------------------------------------------*/
/* inhalt (subnavi, content)*/ 
/*----------------------------------------------------------------*/
#inhalt_links {
  float: left;
  display: inline;
  width: 253px;
  padding: 81px 0 18px 33px;
  margin-top: 0px;
  background: transparent url('../bilder/inhalt_wrap_back.jpg') top left no-repeat;
}

#inhalt_links li {
}

#inhalt_links li a {
  text-transform: uppercase;
  color: #033B74;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0em;
  padding: 11px 0 10px 8px;
  width: 208px;
  border-bottom: 1px solid #8DCFFA;
  display: block;
}

#inhalt_links li a:hover {
  border-bottom: 1px solid #FCB73F;
  background: #fff;
}

#inhalt_links li.selected a {
  border-bottom: 1px solid #FCB73F;
  background: #fff;
}

#inhalt_links h2 {
  color: #023F80;
  text-transform: uppercase;
  font-size: 1.1em;
  border-bottom: 2px solid #FCB73E;
  width: 216px;
}

#inhalt_links p {
  margin-top: 15px;
  width: 163px;
  text-align: center;
}

#inhalt_rechts {
  float: right;
  display: inline;
  width: 500px;
  padding-right: 14px;
  margin-top: 35px;
}

#inhalt_rechts ul {
  margin-bottom: 1.0em;
}

#inhalt_rechts ul li {
  line-height: 1.4em;
  margin-left: 16px;
  list-style: circle;
}

/*----------------------------------------------------------------*/
/* gbook */ 
/*----------------------------------------------------------------*/
#gbook {
  padding-top: 12px;
}

/*----------------------------------------------------------------*/
/* gallerie_pic */ 
/*----------------------------------------------------------------*/
#gallerie_pic {
  padding.top: 12px;
  background: transparent url(../bilder/back_galerie.gif) left top no-repeat;
  width: 194px;
  height: 143px;
  padding-top: 23px;
  padding-left: 22px;
}

/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
.spalte-1 {
  width: 100px;
  height: 30px;
}

.spalte-2 .default {
  width: 300px;
}

p.kontaktformular {
  margin-top: 10px;
}

p.kontaktformular input {
  text-align: center;
}

/*----------------------------------------------------------------*/
/* footer */ 
/*----------------------------------------------------------------*/
#footer {
  margin-top: 6px;
  background: transparent url('../bilder/footer_back.jpg') top right no-repeat;
  width: auto;
  height: 70px;
}


/*----------------------------------------------------------------*/
/* bildergalerie */
/*----------------------------------------------------------------*/
.bildergalerie {
  float: left;
  margin-top: 1.0em;
  margin-right: 2.0em;
}

.bildergalerie dt {
  background: transparent url(../bilder/back_galerie.gif) left top no-repeat;
  padding: 23px 29px 14px 22px;
  width: 165px;
  height: 122px;
  text-align: center;
  border-top: 2px solid #FCB73E;
}

.bildergalerie dd {
  background: #E4F5FC;
  text-align: center;
  padding-bottom: 1.0em;
}

.zurueck {
  clear: both;
  padding-top: 1.0em;
}


/*----------------------------------------------------------------*/
/* schleier */
/*----------------------------------------------------------------*/
#schleier {
  position: absolute;
  z-Index: 900;
  height: 100%;
  width: 100%;
  background: #000;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  cursor: not-allowed;
  display: none;
}

#gaestebuch_container {
  position: absolute;
  top: 0;
  left: 0;
  z-Index: 901;
  display: none;
/*  background: transparent url(../bilder/back_close.gif) right top no-repeat;*/
}

#gaestebuch_container p {
  margin: 0;
  text-align: center;
  margin: 3px 0;
}

#gaestebuch_container p a {
  color: #fff;
}

#gaestebuch_container iframe {
  border: 3px solid #FCB73E;
}


/*----------------------------------------------------------------*/
/* bildergalerie neu */
/*----------------------------------------------------------------*/
#bilder #inhalt li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#inhalt ul.galerie li {
  margin: 0;
  line-height: auto;
  padding: 0;
  display: inline;
  float: left;
}

#inhalt ul.galerie li a {
  padding: 5px;
  background: #fff;
  border: 1px solid #D1D1D1;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  padding-bottom: 30px;
  background: #fff url(../bilder/back_suche.gif) right bottom no-repeat;
}

#inhalt ul.galerie li a:hover {
  background-color: #eee;
}

.bildgross {
  padding: 10px;
  background: #fff url(../bilder/loading_big.gif) center center no-repeat;
  border: 1px solid #D1D1D1;
}

.galerienav {
  margin-top: 1.0em;
  text-align: center;
  width: 520px;
}

.galerienav input {
  width: 40px;
  text-align: center;
  border: 1px solid #D1D1D1;
  margin: 0 5px;
  font-size: 1.5em;
  font-family: time new roman,verdana,arial;
  background: #023F80;
  color: #fff;
}