html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	/*background: url(../images/bg.jpg) repeat-x #fff;
	background-position: center center;
     background-color: #ddd;*/
	font-size: 100.1%;
     font-family: arial,serif;
}

#left {
	float: left;
}

#right {
	float: right;
}

#clear {
	clear: both;
}

a {
	border: 0;
	cursor: pointer;
}

img { border: 0; }


div#head {
  width: 800px;
  height: 115px;
  margin: 0px auto;
}

span.headtext {
  text-align: left;
  text-decoration: none;
  font-family: arial,serif;
  font-size: 36px;
  color: #000;
}
div#headctc {
    padding-right: 15px;
    position: relative;
    top: 80px;
}
span.headctc {
  color: #7f819b;
  letter-spacing: 7px;
  font-weight: bold;
}

div#navigator {
    height: 40px;
    width: 800px;
    margin: auto;
    text-align: center;
    background: url(../images/nav_bg.png) no-repeat;
}

div#navline {
     background-color: #CCCCCC;
     height: 5px;
     margin: auto;
     width: 800px;
     position: relative;
}

div#nav_act {
     height: 5px;
     width: 100%;
     position:absolute;
     background-color: #0a2b5c;
}

a.nav, a.nav:link {
  text-decoration: none;
  font-family: arial,serif;
  font-size: 0.7em;
  color: #fff;
  font-variant: none;
  font-weight: bold;
  line-height: 40px;
  text-shadow: #000 1px 1px;

}

a.nav:hover {
  color: #aaa;
  cursor: pointer;
}

a.nav:active {
  color: #fff;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 34px;
}

#main {
  width: 800px;
  height: 450px;
  margin: auto;
  background: url(../images/main_bg.png) repeat-x;
}


#footer  {
  height: 31px;
  margin: auto;
  text-align: right;
  width: 790px;
  padding: 0 5px;
  background: url(../images/footer_bg.png) no-repeat;
}

#platzhalter {
	height:20px;
}

#content {
 height: 430px;
 width: 780px;
 padding: 10px;

}

span.contenttext, form#contact {
  text-align: left;
  text-decoration: none;
  font-family: arial,serif;
  font-size: 10pt;
  color: #000;
}

span.text8 {
  text-align: left;
  text-decoration: none;
  font-family: arial,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000;
}

.footer {
  text-align: left;
  font-family: arial,serif;
  font-size: 8pt;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

p.imprint
{
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  margin: auto;
}

#text {
     width: 200px;
     height: 400px;
     right: 0px;
     top: 0px;
     border: 1px solid red;
     float: right;
}

div#inhalt {
     height: 370px;
     width: 800px;
     padding: 20px 0;
}

div#inhalth {
     height: 370px;
     width: 800px;
     padding: 45px 0;
}

/*div#pic {
     float: left;
     height: 380px;
     margin: 5px;
     text-align: center;
     width: 400px;
}*/

div#pic {
     height: 270px;
     margin: 5px auto;
     text-align: center;
     width: 400px;
}

div#picc {
     float: left;
     height: 340px;
     margin: 5px;
     text-align: center;
     width: 300px;
}

#einplakat {
     width: 100%;
     text-align: center;
}

.slideshow { height: 300px; width: 400px; margin: 0 auto; text-align: center;}
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; top:0px; left:0px; height:260px;}

/*div#txt {
     float: left;
     margin: 5px;
     width: 370px;
     height: 340px;
}*/
div#txt {
     height: 340px;
     margin: 0px auto;
     width: 700px;
     text-align: left;
}

div#txtc {
     float: left;
     margin-right: 15px;
     width: 470px;
     height: 340px;
}

div#txt_svc {
     float: left;
     margin: 5px;
     width: 800px;
}

#plakatub {
  float: left;
  height: 410px;
  padding: 5px 0px;
  text-align: center;
  width: 555px;
}

div#nav-a, div#nav-v {
  float: right;
  margin-top: 10px;
  width: 190px;
}


#menu {position: relative; top:70px; left:0; width:100%; display:none;}
#menu div.jqDockWrap {margin:0 auto;}
#menu img {padding:0 3px;}

div.jqDockLabel {font-weight:bold; white-space:nowrap; color:#f00; cursor:pointer; padding:0 12px 2px 0;}


a.link, a.link:link, a.link:visited, a.link:focus, a.link:hover, a.link:active
{
  text-decoration: none;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #000;
}

a.linkem, a.linkem:link, a.linkem:visited, a.linkem:focus, a.linkem:hover, a.linkem:active
{
  text-decoration: underline;
  font-family: arial, sans-serif;
  font-size: 11pt;
  color: #000;
  padding-left: 1em;
}


.frei {
  display: none;
}

fieldset { width: 675px; margin: auto; border: 0;}
label { width: 80px; float: left; text-align: right; padding-right: 10px;}
label.error { float: none; color: red; padding-left: 10px; vertical-align: top; font-size: 10pt; width: 200px;}
.submit {position: relative; left: 220px;}
textarea {resize: none;}

.statusMessage {
  display: none;
  margin: auto;
  text-align: center;
  width: 400px;
  height: 50px;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 11pt;
  background-color:  #ccc;
  border: 2px solid #5e5e5e;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
  z-index: 999;

}

#messageBox {
  width: 400px;
  margin: 0 auto;
  display: none;
  position: absolute;
  top: 270px;
  width: 400px;
  left: 600px;
}

.trigger {
  border:0px solid #7d7d7d;
  color:#000;
  cursor:pointer;
  margin: 0 auto;
  padding:5px;
  width:750px;
  font-family: arial, sans-serif;
  font-size: 13px;
  background-color: #eee;
  margin-bottom: 5px;
}
.trigger_active {
  color:#333;
}
.trigger:hover {
  background-color:#eee;
}
.toggle_container {
  padding:5px 10px;
  background-color: #fff;
  width:740px;
  font-size: 9pt;
  margin: auto;
//  border-left: 1px solid #7d7d7d;
//  border-right: 1px solid #7d7d7d;
//  border-bottom: 1px solid #7d7d7d;
  font-family: arial, sans-serif;
}

.service{
width: 270px
}

.bieten {
width: 460px;
}

img.jsonly {
  display:none;
}

div#kontaktbox {
  width: 170px;
  border: 1px dashed #bbb;
  text-align: center;
  padding: 5px;
}

.required_field {
  border: 1px solid red;
}

form#contact {
width: 555px;
margin: 15px auto 0;
}

ul#event {
  margin: 0 auto 20px;
  padding: 0;
  text-align: center;
  width: 550px;
  font-size: 14px;
  font-family: arial, sans-serif;
}

ul#event li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 10px 5px;

}

ul#event a {
  text-decoration: none;
  color: #000;
}

div#tixcontainer {
  width: 450px;
  margin: auto;
  text-align: center;
}

ul#tickets {
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  width: 180px;
  float: left;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
ul#tickets li {
  list-style: none;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
}

div#txtc div#partner {
  border: 1px solid #cdcdcd;
  padding: 5px;
  width: 460px;
}

div#txtc div#partner ul#partner {
  list-style: none;
  padding: 0;
  margin: 0;
}

div#txtc div#partner ul#partner li {
  float: left;
  height: 75px;
  margin: 0 7px;
  width: 100px;
}