/*
  Allgemeine Definitionen die für die ganze Seite gelten
*/
* {
 margin: 0;
 padding: 0;
}

html {
 font-family: Verdana, Sans-Serif;
 line-height: 1.25;
 color: #ccc;
 #background: #000 url(../i/bg_html.gif);
}

body {
font-size: 100.01%;
background: #000 url(../i/bg_html.gif) repeat;
}

a,
a:visited {
 text-decoration: none;
 color: #fff;
}

a:hover,
a:focus {
 text-decoration: none;
 color: #9e7b4b;
}

a.icon {
 padding: 0 0 0 15px;
 background: url(../i/link_icon.gif) no-repeat left bottom;
 font-weight: bold;
}

.small {
 font-size: 0.75em;
}

a img {
 border: none;
}

fieldset {
 border: none;
}


label {
 cursor: pointer;
}

button,
input.button {
 margin: 15px 50px 10px 0;
 padding: 0 0 0 12px;
 font-weight: bold;
 font-size: 0.625em;
 font-family: Verdana, Sans-Serif;
 color: #ccc;
 background: url(../i/link_icon.gif) no-repeat left bottom !important;
 border: none !important;
 text-align: left;
}

button:hover,
button:focus,
input.button:hover,
input.button:focus {
 color: #9e7b4b !important;
}

hr {
 text-align: left;
 border: none;
 border-top: 1px dotted #ccc;
 margin: 0 0 30px 0;
 height: 0;
}

th {
 border-top: 1px solid #9e7b4b;
 border-bottom: 1px solid #9e7b4b;
 font-weight: bold;
 font-size: 0.75em;
 color: #9e7b4b;
 text-align: left;
 padding: 3px 5px;
}

td {
 font-size: 0.625em;
 padding: 14px 5px;
 vertical-align: top;
}

table td table td {
 font-size: 1em;
}


/*
  Allgemein gültige Klassen
*/

.c {
 clear: both;
}

.orange {
 color: #9e7b4b;
}

.upper {
 font-weight: bold;
 text-transform: uppercase;
 font-size: 91.7%;
}

.left {
 float: left;
}

.right {
 float: right;
}

.center {
 text-align: center;
}

.textright {
 text-align: right;
}

/*
 WRAPPER
*/
#wrapper {
 margin: 10px 0;
 width: 879px;

}

#innerwrapper {
 background: url(../i/schatten_rechts.png) repeat-y top right;
}

/*
 TOPNAV
*/
#topnav {
 padding: 33px 37px 0 0;
 height: 18px;
 background: url(../i/schatten_oben.png);
}

#topnav ul {
 float: right;
 list-style: none;
}

#topnav li {
 float: left;
 font-size: 0.5625em;
 padding: 0 3px;
}

#topnav li a:hover,
#topnav li a:focus {
 color: #9e7b4b;
}

#topnav li.act a {
 color: #9e7b4b;
 font-weight: bold;
}

/*
 KV
*/
#kv {
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
 border-left: 1px solid #202020;
 border-right: 1px solid #202020;
 clear: both;
 position: relative;
 background: #000 url(../i/kv.jpg);
 width: 857px;
 height: 198px;
}

#logo {
 position: absolute;
 top: -17px;
 left: 20px;
}

/*
 NAV
*/
#nav {
 width: 200px;
 padding: 55px 0 0 20px;
 list-style: none;
}

#nav li {
 font-size: 0px;
 text-indent: -999em;
 padding: 0 0 7px 0;
}

#nav li a {
 display: block;
 height: 10px;
}

/* Workaround fuer den IE6.0, damit die Hintergrundgrafiken nicht flackern */
#nav li.navielement_4 { background: url(../i/nav/moc.gif) no-repeat; }
#nav li.navielement_46 { background: url(../i/nav/galerie.gif) no-repeat; }
#nav li.navielement_49 { background: url(../i/nav/video.gif) no-repeat; }
#nav li.navielement_9 { background: url(../i/nav/forum.gif) no-repeat; }
#nav li.navielement_10 { background: url(../i/nav/shop.gif) no-repeat; }
#nav li.navielement_7 { background: url(../i/nav/tickets.gif) no-repeat; }
#nav li.navielement_6{ background: url(../i/nav/tour.gif) no-repeat; }

#nav li.navielement_4 a { background: url(../i/nav/moc.gif); }
#nav li.navielement_4 a:hover { background: url(../i/nav/moc.gif) right; }
#nav li.navielement_46 a { background: url(../i/nav/galerie.gif); }
#nav li.navielement_46 a:hover { background: url(../i/nav/galerie.gif) right; }
#nav li.navielement_49 a { background: url(../i/nav/video.gif); }
#nav li.navielement_49 a:hover { background: url(../i/nav/video.gif) right; }
#nav li.navielement_9 a { background: url(../i/nav/forum.gif); }
#nav li.navielement_9 a:hover { background: url(../i/nav/forum.gif) right; }
#nav li.navielement_10 a { background: url(../i/nav/shop.gif); }
#nav li.navielement_10 a:hover { background: url(../i/nav/shop.gif) right; }
#nav li.navielement_7 a { background: url(../i/nav/tickets.gif); }
#nav li.navielement_7 a:hover { background: url(../i/nav/tickets.gif) right; }
#nav li.navielement_6 a { background: url(../i/nav/tour.gif); }
#nav li.navielement_6 a:hover { background: url(../i/nav/tour.gif) right; }

#nav li.act a { background-position: right; }

/*
 CONTENT
*/
#content {
 width: 857px;
 border-left: 1px solid #202020;
 border-right: 1px solid #202020;
 background: #000;
 clear:both;
}

#content.dreisp {
 clear:both;
 background-color:#000;
}

/* Unterschiedliche Hintergrundbilder fuer den Contentbereich */
#content.bg1 {background: #000 url(../i/bg_content1.jpg) no-repeat right bottom;
	clear: both;
}
#content.bg2 { background: #000 url(../i/bg_content2.jpg) no-repeat right bottom; }

/*
 LEFT
*/
#left {
 float: left;
 width: 250px;
 padding: 20px 30px 20px 20px;
 background-color:#000000;
}

/*
 MIDDLE
*/
#middle {
 float: left;
 width: 357px;
 padding: 20px 0 20px 0;
 position: relative;
}

/* Zweispaltiges Layout */
#middle.zweispaltig {
 width: 557px;
 background-color:#000000;
}

#middle.dreispaltig {
 width:857px;
 background-color:#000000;
 clear:both;
}

#middle h1 {
 color: #9e7b4b;
 text-transform: uppercase;
 font-size: 18px;
 margin: 0 0 10px 0;
 padding: 0;
 line-height: 1;
}

#middle h2 {
 color: #9e7b4b;
 font-weight: bold;
 font-size: 0.75em;
}

/* Die Breite der Überschrift im zweispaltigen Layout limitieren */
#middle.zweispaltig h2 {
 width: 350px;
}

/* h2 im Look der h1 */
#middle h2.sifr {
 color: #9e7b4b;
 text-transform: uppercase;
 font-size: 18px;
 margin: 0 0 10px 0;
 padding: 0;
 line-height: 1;
}

#middle p {
 font-size: 0.75em;
 padding: 0 0 15px 0;
}

#middle ul,
#middle ol {
 padding: 5px 15px;
 font-size: 0.75em;
}

/* Die Breite der Absätze im zweispaltigen Layout limitieren */
#middle.zweispaltig p {
 width: 357px;
 /*width:550px;*/
}

#middle.dreispaltig p {
 width: 830px;
}

/*
 RIGHT
*/
#right {
 float: left;
 width: 150px;
 padding: 20px 20px 20px 30px;
}

/*
 FOOTER
*/
#footer {
 clear: both;
 height: 43px;
 padding: 7px 39px 0 21px;
 font-size: 0.5625em;
 color: #fff;
 background: url(../i/schatten_unten.png);
 width: 810px;
}

#footer .footer_left a {
 color: #fff;
 background: url(../i/link_icon2.gif) no-repeat left center;
 padding: 0 0 0 12px;
}

#footer .footer_left a:hover,
#footer .footer_left a:focus {
 text-decoration: none;
 background: url(../i/link_icon2_act.gif) no-repeat left center;
 color: #9e7b4b;
}


/*
 ADS
*/
#ads {
 padding: 60px 20px 20px 20px;
 position: absolute;
 top: 6px;
 left: 880px;
}