*,html {
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  outline: none;
}

body {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #fffbe2;
}

/* Slider für Barrierefreiheit */

.slide-out-div {
  padding: 20px;
  width: 200px;
  height: 250px;
  background: #FFF;
  border: 1px solid #29216D;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

#bg {
  position: absolute;
  top: 200px;
  width: 17%;
  height: 567px;
  background: url(../designpics/bg_body.png) top right;
}

#all {
  position: relative;
  width: 970px;
  height: auto;
  margin: 20px auto 0 auto;
}

#header {
  position: absolute;
  top: 0px;
  width: 753px;
  left: 46px;
  height: 119px;
}

#header h2 {
  color: #BF1B2B;
  font-size: 2.2em;
  font-weight: normal;
  margin-left: 213px;
  margin-top: 11px;
}

#header img {
  position: absolute;
  top: 46px;
  left: 0px;
  width: 753px;
  height: 73px;
}

#logo {
  position: absolute;
  top: 0px;
  left: 781px;
  width: 151px;
  height: 169px;
}

#hauptmenue {
  position: absolute;
  top: 146px;
  left: 108px;
  width: 629px;
  height: auto;
  background: #fef5bc;
}

#hauptmenue ul li {
  list-style-type: none;
  float: left;
  margin-left: 20px;
  margin-right: 3px;
  padding-top: 8px;
  padding-bottom: 6px;
  font-size: 1.1em;
}

#hauptmenue a:link, #hauptmenue a:visited {
  color: #bf1b2b;
}

#hauptmenue a:hover, #hauptmenue a:focus {
  color: #bf1b2b;
  font-weight: bold;
}
/* Submenue */
#submenue {
  position: absolute;
  left: 132px;
  top: 204px;
  height: auto;
  z-index: 10;
}

#submenue div {
  border: 0px;
  background: none;
}
#submenue h3, #submenue h4 {
  font-weight: normal;
  font-size: 1em;
  border: 0px;
  background: none;
}

#submenue h3 a:link, #submenue h3 a:visited, #submenue h4 a:link, #submenue h4 a:visited {
  display: block;
  color: #bf1b2b;
  font-size: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}

#submenue h3 a:hover, #submenue h3 a:focus, #submenue h4 a:hover, #submenue h4 a:focus {
  color: #bf1b2b;
  font-weight: bold;
}

#submenue ul li {
  list-style-type: none;
  border: 0px;
  background: none;
}

#submenue ul li a:link, #submenue ul li a:visited {
  display: block;
  width: 160px;
  color: #bf1b2b;
  font-size: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0px;
  background: none;
}

#submenue ul li a:hover, #submenue ul li a:focus {
  color: #bf1b2b;
  font-weight: bold;
  border: 0px;
  background: none;
}

.aktiv1 {
  font-weight: bold !important;
}

.aktiv2 {
  background: #f9e713;
}

#main {
  position: absolute;
  left: 132px;
  top: 210px;
  width: 790px;
  z-index: 1;
}

#content {
  position: relative;
  padding-left: 230px;
  max-width: 580px;
  height: auto;
  min-height: 500px;
}

#content h1 {
  color: #BF1B2B;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 20px;
}

#content h2 {
  color: #BF1B2B;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 20px;
}

#content h3 {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 20px;
}

#content p {
  line-height: 20px;
  margin-bottom: 20px;
}

#content img {
  border: 1px solid #d9d9d9;
}

#content ul {
  margin-left: 20px;
  margin-bottom: 25px;
}

#content ul li {
  margin-bottom: 5px;
}

#content ol {
  margin-left: 20px;
  margin-bottom: 25px;
}

#content ol li {
  margin-bottom: 5px;
}

#content table {
  border-collapse: collapse;
  empty-cells: show;
  margin-bottom: 20px;
}

#content th {
  font-size: 1em;
  font-weight: bold;
  background: #f9e713;
  color: #BF1B2B;
  padding: 5px;
  border: 1px solid #707070;
}

#content td {
  padding: 5px;
  border: 1px solid #707070;
  vertical-align: top;
}

.bildlinks {
  float: left;
  margin: 0px 15px 15px 0px;
}

.bildmitte {
  margin: 0px 0px 15px 0px;
}

.bildrechts {
  float: right;
  margin: 0px 0px 15px 15px;
}

#news h5 {
  margin-bottom: 20px;
  border: 0px;
  border-bottom: 1px dotted #707070;
  background: none;
}

#news h6 {
  color: #000;
  padding: 5px;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 20px;
  border-bottom: 1px dotted #707070;
}

#news h5 a:link, #news h5 a:visited {
  display: block;
  width: 100%;
  padding: 5px;
  color: #000;
  font-size: 1.1em;
  font-weight: normal;
}

#news h5 a:hover, #news h5 a:focus {
  color: #000;
  font-size: 1.1em;
  font-weight: normal;
  background: #FEF5BC;
}

#news div {
  border: 0px;
  background: none;
  border-bottom: 1px dotted #707070;
  margin-bottom: 20px;
}

#footer {
  position: relative;
  margin: 30px 0px 30px 0px;
}

#footer a {
  color: #000000;
}

#footermenue {
  float: right;
}

#footermenue a:link, #footermenue a:visited {
  color: #BF1B2B;
}

#footermenue a:hover, #footermenue a:focus {
  font-weight: bold;
}

/*Galeriebilder*/
.galerie {
position: relative;
margin: 0 auto 20px auto;
}

.galbild {
  display: block;
  float: left;
  width: 120px;
  height: 120px;
  overflow: hidden;
  padding: 3px;
  border: 1px solid #707070;
  margin-right: 10px;
  margin-bottom: 10px;
}
.galbild img {
  min-height: 120px;
  min-width: 120px;
}

u { text-decoration: underline; }