@charset "utf-8";

@font-face {
    font-family: 'MonotypeCorsivaRegular';
    src: url('../fonts/monotype_corsiva-webfont.eot');
    src: url('../fonts/monotype_corsiva-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/monotype_corsiva-webfont.woff') format('woff'),
         url('../fonts/monotype_corsiva-webfont.ttf') format('truetype'),
         url('../fonts/monotype_corsiva-webfont.svg#MonotypeCorsivaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */
/** kritische Werte instanzieren
-------------------------------------------------------------------------- */
* {
  margin:0px;
  padding:0px;
  vertical-align:top;
}
img {
  vertical-align:bottom;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border:0;
}
/** allgemeine Elemente formatieren
-------------------------------------------------------------------------- */
body {
  background-color:#EDCAA8;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#A17E5C;
}

img {
  border:solid 0px #000000;
  margin-bottom:6px;
}

hr {
  border:solid 1px #725335;
  margin:6px 0 6px 0;
}
li {
  font-size:12px;
}
/** schriftformatierung 
-------------------------------------------------------------------------- */
h1 {
  font-size:17px;
  color:#775d44;
  margin-bottom:18px;
}
h2 {
  font-size:14px;
  margin:10px 0 14px 0;
}
h3 {
  font-size:11px;
}
p {
  font-size:11px;
  margin-bottom:12px;  
}
span {
  font-size:11px;
}

.text {
  font-size:11px;
}

.text-klein {
  font-size:10px;
}

/** linkformatierung
-------------------------------------------------------------------------- */
a:link { color:#000000; }    
a:visited { color:#000000; }
a:hover { color:#000000; } 
a:focus { color:#000000; }  
a:active { color:#000000; }  

/** grund-layout
-------------------------------------------------------------------------- */
div#top {
  position:relative;
  background: #EDCAA8 url(../bilder/layout/top_bg.png) 0 0 repeat-y;
  padding-bottom: 0px;
  margin:0px auto 50px;
  width:849px;
  background-color:#FFF3DC;
}
div#header {
  position:absolute; top:0; left:10px;
  width:829px; height:290px;
  background-color:transparent;
  z-index:3;
}
#menu {
	background-color: #edcaa8;
	color: #000;
	margin: 0 10px;
	width:809px; height: 57px;
}
#menu a, #menu a:visited,
#menu a:hover, #menu a:focus, #menu a:active {
	display: block;
	float: left;
	background-color: #edcaa8;
	color: #000;
	font-family: 'MonotypeCorsivaRegular';
	font-size: 24px;
	text-decoration: none;
	padding: 15px 30px 0 10px;
	height: 42px;
}
#menu a:hover, #menu a:focus, #menu a:active {
	background-color: #cdaa88;
}

div#footer {
  width:849px; height:10px;
  background-color:#EDCAA8;
  z-index:2;
  text-align:center;
  padding:5px 0 0 0;
  font-size:10px;
}
div#content {
  position:relative; top:270px; left:20px;
  background-color:transparent;
  z-index:1;
  border: solid 1px #B4AC90;
  text-align:justify;
  padding:10px 10px 0 10px;
  width:534px;
  wid\th:512px;
}
div#kontakt-area {
  position:absolute; top:290px; bottom:56px; left:567px;
  width:262px;
  background-color:transparent;
  z-index:1;
  overflow:auto;
}
div#kontaktinfos {
  width:240px;
  padding:10px;
  border: solid 1px #B4AC90;
  background-color:#FAE7C0;
}

/* Anzeige */
#anzeige {
  display:block;
  position:absolute; top:5px; left:855px;
  background-color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  padding:5px 5px 2px 5px;
  width:110px;
  wid\th:100px;
}

/** layout
-------------------------------------------------------------------------- */
div#logo {
  position:absolute; top:0; left:10px;
  width:809px; height:79px;
  background-color:#EDCAA8;
  text-align:center;
  padding:5px 0 0 0;
}

/* schatten logo ---------- */
img#s-logo-left {
  position:absolute; top:0; left:0;
  width:10px; height:84px;
}
img#s-logo-right {
  position:absolute; top:0; left:819px;
  width:10px; height:84px;
}
img#s-logo-bottom {
  position:absolute; top:84px; left:10px;
  width:809px; height:10px;
}
img#se-logo-left {
  position:absolute; top:74px; left:0;
}
img#se-logo-right {
  position:absolute; top:74px; left:809px;
}
/* schatten footer -------- */
img#s-footer {
  margin: 280px 0 0;
}
/* menu ---------- */
div#menu {
  position:absolute; top:94px; left:0;
  height:57px;
}
#menu img {float:left;}
/* titelbilder ---------- */
div#titelbilder {
  position:absolute; top:161px; left:10px;
}
#titelbilder img {
  margin-right:5px;
  float:left;
}
/* Kur-Special-Area ---------- */
div#kurspecial-area {
  position:absolute; bottom:24px; right:31px;
  text-align:center;
  z-index:2;
  width:242px;
}
img#kurspecial-button {
}
/* Flash-Special ---------- */
#laufleiste {
  position:absolute; bottom:10px;
}

/** Startseite
-------------------------------------------------------------------------- */
img#wir-freuen-uns {
  margin:30px 0 0 0;
}
div#icons {
  margin:30px 0 0 0;
}

/** aktuelles 
-------------------------------------------------------------------------- */
/** layout 
-------------------------------- */
#angebot-1, 
#angebot-2,
#angebot-3 {
  position:absolute; top:290px; left:20px;
  border: solid 1px #B4AC90;
  padding:10px 10px 0 10px;
  width:264px; height:518px;
  wid\th:242px; heigh\t:536px;
}
#angebot-2 {
  left:293px;
}
#angebot-3 {
  left:565px;
}

/** Allgemeines 
-------------------------------- */
.angebot-preis {
  position:absolute; bottom:5px; left:10px;
}

#footer-aktuelles {
  position:absolute; bottom:0px; left:26px;
  background-color:#EDCAA8;
  text-align:center;
}
.zelle-r2 {border-right:solid 1px #EDCAA8; border-bottom:solid 1px #EDCAA8; width:333px;}
#top .zelle-r2 p { margin: 6px 0; }
/* restliche Tabellenformatierung siehe preise */

/** preise 
-------------------------------------------------------------------------- */
.bindestrich {vertical-align:top; text-align:center; width:30px;}
.bindestrich img { margin-top: 8px; }

#top .markerzeile {background-color:#f2d8bf; color: #9a7c6a;}

.rand-l {border-left:solid 1px #EDCAA8; border-bottom:solid 1px #EDCAA8;}

.zelle-r {border-right:solid 1px #EDCAA8; border-bottom:solid 1px #EDCAA8; width:439px;}

/** kontaktform
-------------------------------------------------------------------------- */
.img-abstand-rechts {margin-right:6px;}

/** kontaktform
-------------------------------------------------------------------------- */
.k_spalte {
  width:170px;
  vertical-align:bottom;
}
.inpu {
  border:solid 1px #cebcaa;
  width:195px;
  font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal;
  padding-left:3px;
}
.select {
  border:solid 1px #cebcaa; 
  width:200px;
}
.tag {
  border:solid 1px #cebcaa; 
  width:59px;
}
.monat {
  border:solid 1px #cebcaa; 
  width:70px;
}
.jahr {
  border:solid 1px #cebcaa; 
  width:59px;
}
textarea {
  border:solid 1px #cebcaa;
}
.icon {
  margin:0;
}
legend {
  color:#725335;
  vertical-align:middle;
  margin:12px 0 12px 0;
}
fieldset {
  padding:0 10px 10px 10px;
  border:solid 1px #725335;
}

/** links
-------------------------------------------------------------------------- */
#link-area h3 {
  margin:0 0 5px 0;
}
#links img {
  vertical-align:bottom;
}
dt {
  font-size:12px;
}
.links {
  list-style-image:url(../bilder/nord-ost.gif);
  margin:0 0 19px 25px;
}
.links a {
position:relative; top:2px;}

/** anfahrt
-------------------------------------------------------------------------- */
#route {
  position:absolute; top:48px; left:320px;
  margin:0px;
  border-bottom:solid 1px #BBBBBB;
}

/** telefon
-------------------------------------------------------------------------- */
.texttitel {
margin-bottom:10px;}

/** php-meldungen
-------------------------------------------------------------------------- */
#php {
  text-align:center;
  position:relative; top:200px;
}
/** Kontaktbox
-------------------------------------------------------------------------- */
.text-klein a:hover, .text-klein a:focus, .text-klein a:active {
  text-decoration: none;
}
 */