/* CSS Document */

@font-face {
   font-family: MetaMedium-Caps;
   src: url('MtMeC___.eot');
   src: local('?'), url('MtMeC___.woff') format('woff'), url(mtmec___.otf) format('opentype'), url('MtMeC___.ttf') format('TrueType');
}

html { overflow: auto; overflow-y: scroll; height: 100%; margin: 0; padding: 0; border: 0; }

body {
  color: #043882;
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  min-width: 1024px;
  height: 100%;
	margin: 0; padding: 0; border: 0;
  background-color: #E7EEC1;
}

#hg {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 1024px;
  height: 260px;
  overflow: hidden;
  background-color: #7E426C;
	background-image: -webkit-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -moz-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -ms-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -o-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
}

.center { position: relative; left: 50%;}

#menu {
  position: absolute;
  top: 260px;
  left: 0px;
  width: 100%;
  min-width: 1024px;
  height: 28px;
  background-color: #B40D74;
}

#verlauf {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 1024px;
  min-height: 100%;
  background-color: white;
	background-image: -webkit-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -moz-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -ms-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: -o-linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
  background-image: linear-gradient(left, #84d0f0 0%, white 20%, white 80%, #84d0f0 100%);
}
section, article, header, footer, nav, aside {
  display: block;
	margin: 0; padding: 0; border: 0;
}

header, #header { width: 1024px; height: 260px; margin: auto; }
#audio_btn { background: url(images/lautsprecher.png) transparent;
  width: 25px; height: 21px; border: 0px; cursor: pointer;
  position: relative;
  top: -6px;
  visibility: hidden;
}

td {
  vertical-align: top;
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

article, #article {
  width: 1024px;
	margin: 0 auto; padding: 0; border: 0;
	position: relative;
}

#audiobild { position: absolute; left: 0px; top: 55px; }
#audio { width: 130px !important; position: absolute; left: 0px; top: 137px; cursor: pointer; height: 28px; }
#youtube { position: absolute; left: 1px; top: 205px; }
#fb_button { position: absolute; left: 100px; top: 205px; }
#hg_logo1 { position: absolute; left: 160px; top: 20px; width: 630px; height: 240px; }
#hg_logo2 { position: absolute; left: 820px; top: 70px }
#hg_logo3 { position: absolute; left: 820px; top: 200px }
#sprache { position: absolute; left: 840px; top: 15px; }

nav, #nav { position: relative; top: 3px; left: 0px; height: 28px; }
ul#ul li { position: relative; left: 40px; }
#sub_nav { position: absolute; top: 310px; left: 0%; line-height: 1.5em; }
#sub_nav h4 { width: 175px; padding: 0; margin: 0; font-size: 18px; line-height: 1.2em; color: #ef347a; padding-bottom: 25px; font-weight: normal; }
section, #section {
  position: relative;
  width: 52%;
  line-height: 1.5em;
  padding: 50px 20px 120px 40px;
  margin: 0px 0px 0px 175px;
  clear: both;
  background-color: white;
  min-height: 450px;
}
ul#ul {
	font: normal 18px MetaMedium-Caps, Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  color: #FEF7EF;
  margin: 0; padding: 0; border: 0;
}

ul#ul li {
  list-style: none;
  float: left;
}

#sub_nav ul, #sub_nav ul li { list-style: none; padding: 0; margin: 0; }

a { text-decoration: none; }
nav a, #nav a { color: #FEF7EF; }
section a, #section a { color: #651265; font-weight: bold; }
#tab a { color: #FCD260; }
#tab a:hover { color: #B40D1C; }
#sub_nav a, .sub_sub, #sprache a { color: #651265; font-weight: bold; }
#header span.aktiv, header span.aktiv { color: #651265; }

a:hover, #nav a:hover, .aktiv { color: #ffee00; }
#sub_nav a:hover, #sub_nav .aktiv, section .aktiv, #section .aktiv, .sub_sub:hover, #sprache a:hover, #sprache .aktiv { color: #e2007a; font-weight: bold; }
section a:hover, #section a:hover { color: #e2007a; font-weight: bold; }

h3, section h4, #section h4 { font-size: 20px; font-weight: normal; }
section h4, #section h4 { padding-bottom: 0px; margin-bottom: 0px; }
section h6, #section h6 { font-size: 14px; padding: 0; margin: 0; padding-top: 20px; }

#bilder { text-align: right; }
#bilder img { margin: 20px 0px 20px 20px; }
#bilder img:first-child { margin: 20px 0px 20px 0px; }

#aside1 {
  position: absolute;
  top: 350px;
  right: 0px;
  width: 230px;
  min-height: 160px;
/*  background-color: #EEFBCD; */
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  box-shadow: 2px 2px 5px #000;
  -khtml-box-shadow: 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 5px #000;
  -moz-box-shadow: 2px 2px 5px #000;
  -ms-box-shadow: 2px 2px 5px #000;
}

#aside2 {
  position: absolute;
  top: 570px;
  right: 0px;
  min-height: 160px;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px #000;
  -khtml-box-shadow: 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 5px #000;
  -moz-box-shadow: 2px 2px 5px #000;
  -ms-box-shadow: 2px 2px 5px #000;
  width: 250px;
}

aside a, #aside1 a , #aside2 a { text-decoration: none; color: #043882; font-weight: bold; }
aside a:hover, #aside1 a:hover , #aside2 a:hover { color: #B40D1C; }
aside ul, #aside1 ul , #aside2 ul { list-style: none; }

footer, #footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  min-width: 1024px;
  height: 80px;
  background: #AA829E url(images/fuss_schatten.png) repeat-x;
  color: white;
  padding-top: 20px;
}

#tab {
  width: 1024px;
	margin: 0 auto; padding: 0; border: 0;
	position: relative;
}

#tab td {
  font-size: 11px;
  font-weight: bold;
}

#map {
  width: 100%;
  height: 300px;
  padding-bottom: 200px;
  margin-bottom: 50px;
}

#captcha { position: relative; top: 2px; }

img {
	border: 0;
}

/*festtag */
#prog {
  margin-top: 50px;
}

#prog td {
	text-align: left;
	margin: 0; padding: 0; border: 0;
}

.ort {
	font-size: 11pt;
  color: #E2007A;
}

.ort_bild {
  float: left;
  position: relative;
  top: -20px;
  left: -20px;
  padding: 20px;
}

.zeit {
	font-weight: bold;
	font-size: 11pt;
  vertical-align: top;
}

#prog .uhr { text-align: right; }

.norm {
	font-weight: normal;
	font-size: 11pt;
}

.preis {
	font-size: 14px;
  color: #00AEEF;
}

.prog_bild {
  position: relative;
  left: -30px;
  float: right;
}

.anz {
  width: 30px;
  text-align: right;
  background-color: #FFF685;
  font-weight: bold;
}

.button_t {
  background-color: #84d0f0;
  margin: 4px 5px 6px 15px;
  padding: 4px 5px 9px 5px;
  font-style: normal;
  display: block;
  width: 125px;
  height: 15px;
  position: relative;
  left: -20px;
  text-align: center;
}

.button_td {
  background-color: #84d0f0;
  text-align: center;
}

#k9 { position: relative; left: 30px; }

.port {
  float:left;
  margin: 45px 30px 10px 0px;
}
hr { clear: both; }
tr.preis td { vertical-align: bottom; }
.per {
  width: 180px;
}

.per1 {
  width: 260px;
}

.per2 {
  width: 481px;
}

.sub_t {
  border: 0px;
  background-color: #B3D234;
  margin: 5px 0px 5px 15px;
  padding: 3px;
  font-weight: bold;
	font-size: 11pt;
  color: #25408F;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 5px #000;
  -khtml-box-shadow: 2px 2px 5px #000;
  -ms-box-shadow: 2px 2px 5px #000;
  box-shadow: 2px 2px 5px #000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4);
  position: relative;
  left: -12px;
}

.sub_td {
  border: 0px;
  background-color: #B3D234;
  margin: 5px 0px 5px 15px;
  padding: 3px;
  font-weight: bold;
	font-size: 11pt;
  color: #25408F;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  top: 1px;
  left: -11px;
}