/* @override http://www.mo-liessem.de/styles/moliessem.css */

/* html-Selektoren
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../gfx/body_back.gif);
	background-repeat: repeat-y;
	background-color: #E7DFC7;
}
body.intro {
	background-image: url(../gfx/body_back_start.gif);
	background-repeat: repeat-y;
	background-color: #F6A24F;
}
/* Kopfbereich
----------------------------------------------- */

#header {
	height: 195px;
	background: #fff url(../gfx/header_rep_back.gif) repeat-x 0 52%;
}

#header #name {
	background: #fff url(../gfx/header_name.gif) no-repeat 240px 52%;
	width: 744px;
	height: 195px;
}

#headerohne {
	background-color: #fff;
	height: 195px;
}

#header img {
  border: none;
  float: left;
}
#header h2 {
	padding: 115px 0 0;
}
#header h2 a {
	color: #9ea926;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 0 23px;
	font-size: 25px;
	letter-spacing: 8px;
}
#header h2 a span.small {
	color: #bc290e;
	font-weight: normal;
	letter-spacing: 7px;
	padding: 0 0.3em 0 0;
}
#header h1 {
	color: #b9b9b9;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 8px 0 0;
	margin: 0 0 0 23px;
	float: left;
}
#header h1 span.red {
	color: #b6270e;
}
/* Navigation links
----------------------------------------------- */

#navigation {
	width: 240px;
	position: absolute;
	left: 0px;
	top: 214px;
}

#navigation ul {
	list-style-type: none;
	margin: 4px 0 18px 0;
}

#navigation #angebot {
	background: url(../gfx/angebot.gif) no-repeat 0 50%;
}

#navigation li {
	display: inline;
}

#navigation a {
	padding: 0 0 0 25px;
	display: block;
	width: 205px !important;
	width /**/:240px;
	line-height: 24px;
}

#navigation li a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6E6E6E;
	margin: 0px;
}

#navigation li a:hover {
	background: url(../gfx/pfeil_grau.gif) no-repeat 15px 12px;
	color: #F00;
}

#navigation li a.nohover:hover {
  background: none;
}

#navigation a.spezial {
  color: #C32A0F;
}

#navigation img {
	margin-top: 160px;
}


/* Inhalt
----------------------------------------------- */

#content, 
#kontakt,
#start {
	margin: 0 0 0 240px;
	padding: 5px 0 50px 20px;
   width: 490px;
}


#content h1, #kontakt h1 {
  font: bold 15px/15px Verdana, Arial, Helvetica, sans-serif;
  color: #C32A0F;
  padding: 20px 0 0 0;
  letter-spacing: 0.1em;
}
#content h2 {
	font: bold 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	margin: 18px 0 -5px 0;
	line-height: 1.5em;
}
#content h3 {
  font: bold 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
  color: #6E6E6E;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 18px 0 -5px 0;
}
#content h3.schwarz {
	color: #000;
}
#content h4 {
  	font: bold 14px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	margin: 18px 0 -5px 0;
}

#content p, #kontakt p, #content td, #kontakt td, #kontakt th {
  font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
  color: #6E6E6E;
  margin: 10px 0 0 0;
}
#content p.markup {
	color: #C32A0F;
}

#content .mark {
	font-style: oblique;
	text-decoration: underline;
}

#content .start {
	margin-top: 18px;
}
#content table {
  margin: 10px 0;
}
#content td {
	margin: 0;
	padding: 5px 0 2px;
	vertical-align: top;
}
#content p.impressum {
	font-weight: bold;
	display: inline;
	background-color: #e2efdb;
	padding: 3px 10px 3px 10px;
	color: #472200;
}
#content ul, #kontakt ul {
	margin: 0px 0px 0px;
	list-style-position: inside;
}
#content ul {
	margin-top: 10px;	
}
#content ul li, 
#kontakt ul li {
	font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	margin: 0 0 0 0px;
}
#content ul li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #6E6E6E;
	margin: 5px 0 0 0;
}
ul.singlespacelist img, ul.singlespacelist li {
	margin-top: 0.5em;
}
ul.doublespacelist img, ul.doublespacelist li {
	margin-top: 1.3em;
	margin-bottom: 0.5em;
}
#kontakt ol {
	margin: 8px 0 0 25px;
}
#kontakt ol li {
	margin: 20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #272425;
}
#content p.dran, #kontakt p.dran {
	margin: 3px 0 16px 0;
}
#content a, #kontakt a {
	color: #687415;
	text-decoration: none;
}
#content a:hover, #kontakt a:hover {
	text-decoration: none;
}
#content #siegel {
	float: right;
	margin: 40px 40px 0 0;
}
#content #anmeldung label {
  font: 12px/1.45em Verdana, Arial, Helvetica, sans-serif;
	color: #6E6E6E;
  display:block;
  float: left;
  width: 130px;
  margin: 4px 0 0;
}
#content #anmeldung input {
  display: block;
  float: left;
  width: 350px;
  margin: 3px 0;
  border: 1px solid #cecccb;
  clear: right;
  
}
#content #anmeldung textarea {
  overflow: scroll;
  width: 350px;
}
#content #anmeldung input.submit {
  width: auto;
}
#content #anmeldung label.radio {
	float: none;
	width: auto;
}
#content #anmeldung label.radio input {
	display: inline;
	width: auto;
}

#content .spruchstartseite {
	margin: 40px 0 0 50px;
}


/* Startseite
----------------------------------------------- */
body.start #content {
  background: none;
  margin: 0 0 0 402px;
  padding: 0;
}
body.start #content h1 {
  font: bold 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #212125;
  letter-spacing: normal;
  margin: 20px 0 20px 0;
}
body.start #content img {
  margin: 0 0 0 1px;
}
/* Kontakt
----------------------------------------------- */
#kontakt table {
  border-collapse: collapse;
  margin: 25px 0 0 0;
}

#kontakt h2 {
  margin: 20px 0 -25px 0;
  font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
}
#kontakt p, #kontakt ul {
  margin: 25px 0 0 0;
}
#kontakt a.underline {
  text-decoration: underline;
}
#kontakt table.sprechzeiten {
  width: 280px;
  border-bottom: 1px solid #ee8d3c;
}
#kontakt table.sprechzeiten th {
  text-align: left;
  padding: 2px 0;
  font-weight: bold;
}
#kontakt table.sprechzeiten td, #kontakt table.sprechzeiten th {
  border-top: 1px solid #ee8d3c;
}
#kontakt table.sprechzeiten td.right {
  text-align: right;
  padding: 0 5px 0 0;
}
#kontakt table.sprechzeiten td.breit {
  width: 200px;
}
#kontakt table.sprechzeiten tr {
}

/* Abbildungen rechts vom Inhalt
----------------------------------------------- */
#foto  {
	position: absolute;
	left: 628px;
	top: 168px;

}
#foto img {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #e2efdb;
}
#spruchklein {
	position: absolute;
	left: 610px;
	top: 340px;
}
#anfahrtbahn {
	position: absolute;
	left: 558px;
	top: 285px;
}
#anfahrtpkw {
	position: absolute;
	left: 558px;
	top: 390px;
}
/* Klassen
----------------------------------------------- */
span.viertelgesperrt {
  letter-spacing: 1px;
}
.markup {
  font-weight: bold;
  color: #C32A0F;
}
.farbig {
	color: #687415;
}
.impressumlinks a {
	color: #C32A0F !important;
	text-decoration: underline !important;
}
img.margin {
  margin: -1px 0 0 1px;
}
.wichtig {
  font-style: oblique;
  text-decoration: underline;
}
#content ul.normal li {
  font-weight: normal;
}


#content td.termine {
  white-space: nowrap;
  padding: 0 5px 0 0;
}
#content p.alert {
  color: red;
  font-weight: bold;
}
#content p.clear {
  clear: both;
}
#kontakt img.right {
  float: right;
  margin: -5px 0 0 20px;
}
#content p.totop {
	margin: 15px 0 0 0;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

#footer {
	clear: both;
}

#start {
	width: 750px;
	padding: 0;
}

#start #left {
	float: left;
	width: 300px;
}

#start #right {
	float: left;
	padding: 0 0 0 65px;
    font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
}
#start #right strong 
}
#right p {
	margin: 0 0 1px 0;
}

#right h1 {
  font: normal 21px/100% Verdana, Arial, Helvetica, sans-serif;
  color: #C32A0F;
  letter-spacing: 5px;
  margin: 10px 0 10px -30px;

}
#right ul {
	padding: 10px 0 0;
}
#right li,
#right a {
	color: #fff;
	text-decoration: none;
	list-style: none;
}

#footer {
	margin: 0 0 0 260px;
}
#footer p {
	font: 10px/200% Verdana, Arial, Helvetica, sans-serif;
	color: #6e6e6e;
}
#form1 h2 {
	padding: 0 0 0 20px;
	background: url(../gfx/pfeil_gruen.gif) 3px 0.5em no-repeat;
	color: #bc290e;
}
#form2 h2 {
	padding: 0 0 0 20px;
	background: url(../gfx/pfeil_gruen.gif) 3px 0.5em no-repeat;
	color: #bc290e;	
	
}