@charset "UTF-8";
/* CSS Document */

/* alles nur für den IE7 */

*+html input, textarea {
	background:#cce1eb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2d2f;
	margin-bottom: 10px;
	margin-top: 5px;
    }/* nur für den IE7 */

*+html #navibereich a {
  display: inline-block; /* Listenelemente nebeneinander */
  color: #FFFFFF;                  /* Schriftfarbe */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 3px 10px 4px 10px;              /* oben,re, unten, links */
  margin: 0px;
}/* nur für den IE7 */

*+html navibereich li {
  list-style-type: none; /* Aufzählungszeichen entfernen */
  line-height:14px; 
  word-spacing: 0;
  margin: 0px;
}/* nur für den IE7 */

*+html #textlinkstyle a {
  color: #0e6391; 
  text-decoration: underline;         /* Unterstreichung  */ 
  border-bottom: 0px;		/* Linie unten durchgezogen */ 
}/* nur für den IE7 */


#navibereich li {
  display: inline; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  line-height:14px;
  margin: 10px; 
}

#navibereich a {
  color: #FFFFFF;                  /* Schriftfarbe */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 3px 12px 4px 12px;              /* oben,re, unten, links */
}

#navibereich a:hover {
  background-color: #FFFFFF;
  color: #0e6391;
}

#startseite #willkommen a,
#das_haus #haus a,
#die_impressionen #impressionen a,
#der_ort #ort a,
#die_konditionen #konditionen a,
#die_umgebung #umgebung a,
#der_kontakt #kontakt a {
background-color:#FFFFFF;
color:#85142F;
}

.navi {
	top: 180px;
	background-color: #0e6391;
	position: absolute;
	width: 840px;
	left: 20px;
	text-align: left;
}

.navipunkt {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	line-height: 1px;
}

/* unsorted Navi List */
ul {margin: 5px 0px 5px 0px;} /* oben unknown unten unknown */ 

#das_impressum #impressumstyle a {
color:#85142F;
}

#textlinkstyle a {
  color: #0e6391;                  /* Schriftfarbe */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  border-bottom: 1px solid;		/* Linie unten durchgezogen */ 
  border-color: #87b4cb;		/* Linienfarbe */ 
}

#textlinkstyle a:hover {
  color: #85142F;
  border-bottom: none;	
}

.headline {
	font-family: "Trebuchet MS";
	font-size: 23px;
	font-style: normal;
	color: #85142F;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.marginalspalte {
	background-color: #eef2f4;
	width: 250px;
	position: absolute;
	top: 250px;
	right: 20px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #87B5CC;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}


.marginal_bilder {
	width: 270px;
	position: absolute;
	top: 250px;
	right: 20px;
}

.impressum {
	position: absolute;
	top: 3px;
	right: 20px;
	text-align: right;
}

body {
	background-image: url(../img/hg_streifen.gif);
}

.hintergrund {
	background-color: #FFFFFF;
	position: relative;
	height: 1455px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}

#impressumstyle a {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #0e6391;                  /* Schriftfarbe */
	text-decoration: none;         /* Unterstreichung entfernen */
	padding: 4px 0px 4px 0px;              /* oben,re, unten, links */
	text-transform: uppercase;
	font-weight: bold;
}
#impressumstyle a:hover {
	color: #801228;}
	
.header {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 160px;
	width: 840px;
}

.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #0E6391;
	font-weight: normal;
}

.textbox {
	text-align: left;
	vertical-align: top;
	width: 500px;
	position: absolute;
	left: 45px;
	top: 250px;
}

.fliess_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0E6391;
	line-height: 18px;
}

.galerie {
	width: 800px;
	position: absolute;
	top: 250px;
	left: 45px;
}

.dotted_linie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	color: #87B2C9;
	letter-spacing: 6px;
	text-align: left;
}

.beschriftung_formular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	color: #0E6391;
}
									/* Schriften ändern in Marginalspalte */
.marginalspalte .fliess_bold,
.marginalspalte .fliesstext
{
	color: #3c4552;
	font-size: 12px;
	border-color: #7a7e84;
	line-height: 16px;
	}
.marg_ic_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3c4552;
	top: 0px;
	padding-left: 60px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

.marg_ic_text #ic_text_bold{
	font-weight: bold;
}
	
	.marginalspalte .fliess_bold_gr
{
	color: #3c4552;
	font-size: 14px;
	border-color: #7a7e84;
	line-height: 16px;
	}

.marginalspalte #textlinkstyle a
{
	color: #3c4552;
	font-size: 12px;
	border-color: #7a7e84;
	line-height: 20px;
	}
	
.marginalspalte #textlinkstyle a:hover {
  color: #85142F;
  border-bottom: none;	
}

/* Darstellung Listen */
ul.textlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0E6391;
	line-height: 21pt;
	padding: 0 0 0 1.5em;
	list-style-image: url(../img/punkt.gif);
	list-style-position: outside;
}

/* Eingabefelder */
form {
margin:0px 0px 10px 0px;
}

input,
textarea {
	background:#cce1eb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2d2f;
	margin-bottom: 10px;
	margin-top: 1px;
    }
	
.fliess_bold_gr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0E6391;
	line-height: 18px;
}
.text_unterlegt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 21px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5691b2;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
}