* {
margin:0;
padding:0;
}
a img {
        border: none;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
text-align:center;
font-size:83%;
font-family:verdana,arial,century gothic;
line-height:1.3;
background-color:#FFFFFF;
}

content {
top:0;
left:0;
width:770;
height:500;
}

frame_top {
top:0;
left:0;
width:100%;
height:30%;
}

frame_bottom {
top:0;
left:0;
width:100%;
height:30%;
}

frame_left {
top:0;
left:0;
width:100%;
height:500;
}

frame_right {
top:0;
left:0;
width:100%;
height:500;
}

#content3 {
height:400px;
overflow:scroll;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-3dlight-color: #f0ede2;
scrollbar-darkshadow-color: #6e1111;
scrollbar-track-color: #f0ede2;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #C0C0C0
}

#content4 {
height:400px;
overflow:scroll;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-3dlight-color: #f0ede2;
scrollbar-darkshadow-color: #6e1111;
scrollbar-track-color: #f0ede2;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #C0C0C0
}



/* STYLE ELEMENTS */

a:visited {
text-decoration:none;
color:#982d2d;
}

a:active {
text-decoration:none;
color:#982d2d;
}

a:link {
text-decoration:none;
color:#808378;
}

a:hover {
text-decoration:none;
color:#982d2d;
}


h1 {
font-family:arial;
font-size:1pt;
font-weight:100;
color:#FFFFFF;
}

h2 {
font-family:arial;
font-size:10pt;
font-weight:100;
color:#333333;
line-height:1.20;
}

h3 {
font-family:arial;
font-size:10pt;
font-weight:110;
color:#333333;
line-height:1.20;
}

h4 {
font-family:arial;
font-size:9pt;
font-weight:50;
color:#FFFFFF;
}

h5 {
font-family:arial;
font-size:20pt;
font-weight:100;
color:#333333;
}

h6 {
font-family:arial;
font-size:7pt;
font-weight:100;
color:#333333;
}


#navigation {
  float: left;
  height: 19px;
  list-style-type: none;
  font: normal 12px Arial, sans-serif;
  background: #9da39d;
}

#navigation li {
  display: inline;
  float: left;
  height: 19px;
  position: relative;
  list-style: none;
  margin:0 6px;
}

#navigation li a {
  display: block;
  padding: 2px 0px;
  color: #9da39d;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

#navigation ul {
  display: block;
  position: absolute;
  left: -8px;
  top: 19px;
  width: 150px;
  padding: 1px 8px 8px 8px;
}

#navigation ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0;
  padding: 0;
  line-height: normal;
  height: 24px;
  width: 150px;
}

#navigation ul li a {
  display: block;
  margin: 0;
  padding: 7px;
  font-weight: normal;
  background: #f0f0f0;
  text-align: left;
  line-height: normal;
}

#navigation ul li a:hover {
  color: #f0f0f0;
  background: #982e2d;
}



/* uhr - datum */

input.datum {
font-size:9pt;
background-color:#9198ab;
color:white;
border:solid 0px;
}

input.zeit{
font-size:9pt;
background-color:#9198ab;
color:white;
border:solid 0px
}

form {margin-bottom:0px;}



/* General-CSS */
* {
margin:0;
padding:0;
}
body {
font:normal 1em verdana, sans-serif;
}
/* End General-CSS */


/* WrapperBox-CSS */
#wrapper {
width:45em;
margin:2em auto;
}
/* End WrapperBox-CSS */


/* Listmenu-CSS */
ul#nav {
list-style:none;
}
ul#nav li {
display:inline;
}
ul#nav li a {
float:left;
width:8.85em;
line-height:1.5em;
border-right:.15em solid #fff;
text-decoration:none;
text-align:center;
font-weight:bold;
}
ul#nav li a:link,
ul#nav li a:visited {
background:#f0f0ee;
color:#8d0205;
}
ul#nav li a:hover,
ul#nav li a:active,
body#home ul#nav li a#homeNav,
body#abo ul#nav li a#aboNav,
body#miniabo ul#nav li a#miniaboNav,
body#kulturringticket ul#nav li a#kulturringticketNav,
body#kindertheater ul#nav li a#kindertheaterNav,
body#preise ul#nav li a#preiseNav,
body#kontakt ul#nav li a#kontaktNav,
body#impressum ul#nav li a#impressumNav {
background:#8d0205;
color:#fff;
}
/* End Listmenu-CSS */