/* = Textgestaltung wird ueber editor_vorlagen.css geladen!
-----------------------------------------------------------------------------*/
@import url(editor_vorlagen.css);

/* = Formatierungen ruecksetzen
-----------------------------------------------------------------------------*/
li {
  margin: 0;
  padding: 0;
}

/* = Links
-----------------------------------------------------------------------------*/
a.sitemap {
  line-height : 1.8em;
  background:  url();
  text-decoration: none;  
}

/* = Branding
-----------------------------------------------------------------------------*/

/* = Forms
-----------------------------------------------------------------------------*/
label {
  float: left;
  width: 140px;
  margin-top: 4px;
}

em.required {
  padding-left: 6px;
  font-size: 0.80em;
}

em.error {
  display: block;
  color: red;
  padding-left: 140px;
}

input, textarea, select {
  margin-top: 6px;
  border: 1px solid #999999;
  padding: 2px;
  width: 350px;
}

input:focus, textarea:focus, select:focus {
  background: #E0E0E0;
}

select {
  width: 355px;
}

select.kurz {
  width: 50px;
}

input.submit {
  width: 180px;
}

submit {
  padding-left: 160px;  
}


/* = Forms Buchungsformular
-----------------------------------------------------------------------------*/
#buchungsanfrage {
  color: #000000;
  background: url(/b_grafik/menue_underline.gif) no-repeat left top;
  padding-top: 10px;
  float: left;
}

#navi label {
  float: left;
  width: 65px;
  margin-top: 4px;
  font-size: 11px;
  color: #808080;
}

#navi em.required {
  padding-left: 1px;
  color: red;
}

#navi em.error {
  color: red;
}

#navi input, textarea, select {
  margin-top: 6px;
  border: 1px solid #808080;
  padding: 1px 0;
  width: 355px;
}

input:focus, textarea:focus, select:focus {
  background: #E0E0E0;
}

#navi select {
  width: 35px;
}

#navi input.submit {
  width: 115px;
}

#navi img {
  padding-left:10px;
}

/* = Huelle
-----------------------------------------------------------------------------*/
html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #FCE361;
}

#cover {
  position: relative;
  width: 1047px;
  min-height: 100%;
  margin: 0 auto;
  text-align: left; 
  background: #FFFFFF url(/b_grafik/bg_main.jpg) no-repeat bottom;   
}

* html #cover {
  height: 100%;
}

#bg_overflow {
  position: absolute;
  margin: 0 0 0 -43px;
  bottom: 60px;
}

/* IE7 */
*+html #bg_overflow {
  margin-left: -58px; 
  bottom: 65px;
}

/* IE6 */
* html #bg_overflow {
  margin-left: -58px;
  bottom: 65px;  
}

/* = Kopf
-----------------------------------------------------------------------------*/
#head {
  width: 1017px;
  height: 113px;
  background: url(/b_grafik/bg_logo.jpg) repeat-x left;
  margin-left: 15px;
  text-align: right;
}

/* = Fuss
-----------------------------------------------------------------------------*/
#footer {
  position: absolute;
  height: 28px;
  width: 1007px;  
  bottom: 0;
  left: 15px;
  background: #3C5637 url(/b_grafik/bg_footer.jpg) repeat-x left;
  line-height: 1.3em;  
  padding-right: 10px;
  text-align: right;
}

#footer p {
  padding: 4px 0 0 180px;  
}

#footer a {
  color: #FFFFFF;
  margin-top: 20px;  
  background:  url();
  text-decoration: none;
}

/* =Navigation
-----------------------------------------------------------------------------*/
ul#navigation {
  float: left;
  width: 190px;
}

ul#navigation li {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 6px 0 6px 1px;
  background: url(/b_grafik/menue_underline.gif) no-repeat left top;    
}

ul#navigation a {
  font-size: 12px;
  color: #808080;
  text-decoration: none;
}

ul#navigation a:hover {
 color: #B33333;
}

ul#navigation a#aktiv {
  color: #B33333;
}

/* submenue
-----------------------------------------------------------------------------*/
ul#navigation > ul#sub {
  margin: 0 0 0 15px;
}

ul#navigation > ul#sub li {
  background: url() no-repeat left;
  padding: 0 0 4px 0;
}

ul#navigation li ul li {
  text-align: left;
  list-style: none;
  margin: 0px;
  padding: 4px 0 0px 15px;
  background: url() no-repeat left;
}

ul#navigation ul#sub li a {
  font-size: 11px;
  color: #808080;
  background:  url();
  text-decoration: none;  
}

ul#navigation ul#sub li a:hover {
 color: #B33333;
}

ul#navigation ul#sub li a#aktiv {
  color: #B33333;
}


/* = Haupt- Inhalt
-----------------------------------------------------------------------------*/
#frame {
  float: left;
  margin: 0px 0 0 15px;
  width: 1008px;
}

#navi {
  float: left;
  width: 205px;
  padding: 10px 0 300px 30px;
}

#history {
  display: block;
  float: left;
  padding: 7px 0;
  font-size: 11px;
  color: #808080;
}

#history a {
  background:  url();
  text-decoration: none;
  padding: 0;
}

#content {
  float: left;
  width: 745px;
  padding: 0 20px 180px 0px;
}

#content li {
  list-style: disc;
  margin-left: 25px;
}

#rand_aktion {
  float: right;
  width: 230px;  
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin: 0 0 10px 15px;
  padding: 5px;  
}

#box_aktion {
  float: right;
  width: 200px;
  padding: 10px 15px 10px 15px;
  background: #FCE361;
}

a#bild_link {
  padding: 0 10px 0 0;
}

/* = Tabellen
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;

}

/* = Kalender
-----------------------------------------------------------------------------*/

table#kalender { 
  font-size: 11px;
  margin: 10px;
}

table#kalender td {
	width: 20px;
  height: 15px;
  text-align: center;
}

a  {
	text-decoration: none;
  color: #B33333;
}


a:hover {
  color: #B33333;
  text-decoration: underline;
}

table#kalender td.tdtoday {
  border: 1px solid #000000;
}

/* = Einstellungen Bilder 
-----------------------------------------------------------------------------*/
#images img {
  border-right: 2px solid #86151C;
  margin-bottom: 10px;
}

#thumb1 {
  display: block;
}

/* =Einstellungen Bildvergroesserung 
-----------------------------------------------------------------------------*/

.highslide { /* Grundeinstellungen */
    cursor: url(/b_grafik/zoomin.cur), pointer;
}

.highslide-image { /* Rahmen ums Bild */
	border: 1px solid #333333;
}

.highslide-dimming {
	background-color:   black;
}

.highslide-caption { /* Bildunterschrift */
    display:          none;
    border:           0px;
    padding:          5px;
    background-color: white;
}

.highslide-loading { /* Anzeige, wenn Bild geladen wird */
  display:            block;
	color:              black;
	font-size:          0.9em;
	font-weight:        bold;
	text-transform:     uppercase;
  text-decoration:    none;
	padding:            5px;
	border:             1px solid #333333;
  background-color:   white;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}