<!--

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0;
}

img:-moz-broken
{
	-moz-force-broken-image-icon : 1;
	width : 24px;
	height : 24px;
}

html,
body {
	margin:0;
	padding:0;
   background:#000;
   color:#fff;
	font: 12px/16px Verdana,Helvetica,Arial,sans-serif;
}

div#container {
   clear:both;
	width:985px;
	min-height:100%;
   margin:0 auto 15px;
}

div#sidebar {
   float:left;
   width:135px;
   padding-top:20px;
}

div#header {
   float:left;
   position:relative;
   width:850px;
   height:185px;
}

div#banner {
   width: 468px;
   height: 60px;
   position:absolute;
   top:100px; left:328px;
}

div#inner-container {
   float:left;
   width:850px;
   padding:0;
   background: url("../img/content_bg.jpg") no-repeat;
   overflow:hidden;
}

div#inner-container img.layout {
   margin:0; 
   display:block;
}

div#content-container {
   float:left;
   width:848px;
   padding:0;
   border-left:1px solid #6F6F6F;
   border-right:1px solid #6F6F6F;    
}

div#content {
   position:relative;
   float:left;
   width:770px;
   padding:5px 35px 0 35px;
   min-height:500px;
}

div.startbox {
   width:355px;
   height:193px;
   background: url("../img/startbox_bg.png") no-repeat;
}

div.startbox_head {
   width:320px;
   padding:10px 15px 0 20px;
   height:28px;
}

div#noie6 {
   display:none;
}  


/* Link-styling
********************/

a:link,
a:visited {
	text-decoration:none;
	color:#F7D14D;
	/* font-weight:bold;*/
}

a:hover,
a:active,
a:focus {
	color:#FFB700;
}

a img {
   border:none;
}

/* menu
******************/

ul.menu {
   list-style-type: none;
	font: 11px/15px Verdana,Helvetica,Arial,sans-serif;   
}

ul.menu  li {
   float:left;
   display:block;
   width:115px;
   background:#000 url("../img/menu_bg.gif") no-repeat;
   margin-bottom:2px;
   padding:1px 0 3px 10px; 
}

ul.menu li a {
   color:#fff;
   font-weight:normal;
}

ul.menu li a:hover {
   color:#FFB700;
}

/* highlighting
******************/
#index a#nav0,
#programm a#nav1,
#reservierung a#nav2,
#buehne a#nav3,
#infos a#nav4,
#verein a#nav5,
#galerie a#nav6,
#newsletter a#nav7,
#links a#nav8,
#impressum a#nav9 {
   color:#FFB700;
}

/* Text styling
******************/

h1 {
   font:bold 18px/18px Helvetica,Arial,Verdana,sans-serif;
   color:#fff;
   margin-bottom:15px;
}

h2 {
   font: bold 16px/14px Arial,Verdana,sans-serif;
   margin-bottom:40px;
}

p {
   margin-bottom:5px;
	font: 12px/16px Verdana,Helvetica,Arial,sans-serif;
}

.center {
   text-align:center;
}

.small {
   font-size:10px;
}

.strong {
   font-weight:bold;
}


/* Form-styling
****************************/

input.inputText {
	border:1px solid #9BA9B0;
	background:#FAF8EA;
	padding:2px 3px 2px 3px;
   width:250px;
	font:11px/130%  Verdana,Arial,sans-serif;
}

input.inputText:hover,
input.inputText:active,
input.inputText:focus{
	border:1px solid #000;
	background:#fff;
}

input.inputSubmit,
input.inputReset {
	padding:1px 5px 1px 5px;
   margin:0;
	font: 12px/16px Verdana,Helvetica,Arial,sans-serif;
	color:#fff;
	background-color:#850013;
   border:none;
}

label {
	display:block;
	float:left;
	width:150px;
	font: 12px/16px Verdana,Helvetica,Arial,sans-serif;
	cursor:pointer;
}

label.radio,
label.checkbox {
	display:inline;
	float:none;
	width:auto;
	margin-left:4px;
}

label.radio img,
label.checkbox img {
	vertical-align:middle;
}

input#phone1,
input#fax1,
input#mobil1, 
input#zipcode {
	width:70px;
	margin-right:5px;
}

input#phone2,
input#fax2,
input#mobil2,
input#city {
	width:163px;
}

select#gender {
	width:60px;
}

input.inputRadio {
	margin:0 7px 0 5px;
	vertical-align:middle;
}

input.inputCheckbox {
	margin:0 5px 0 5px;
	vertical-align:middle;
}


textarea {
   width:450px;
   border:1px solid #9BA9B0;
	background:#fff;
	padding:2px 5px 1px 4px;
}

textarea:hover,
textarea:active,
textarea:focus {
	background:#fff;
}


select {
   font:11px/11px  Verdana,Arial,sans-serif;
	color:#000;
	background:#FAF8EA;
	border:1px solid #ccc;
}

select option {
	font:11px/11px  Verdana,Arial,sans-serif;
	color:#000;
	background:#FAF8EA;
	border-top:1px solid #ddd;
}


/* msg-boxes  - error/success 
****************************************/

ul.warning,
ul.success,
ul.error {
	font:11px/140% Verdana,Arial,sans-serif;
	padding:10px;
	margin:0 15px 10px 15px;
   width:auto;
   color:#000;
}

ul.warning {
	background-color:#fffbc9;
	border:2px solid #f0dca1;
}

ul.success {
	background-color:#daefc6;
	border:2px solid #a7d877;
}

ul.error {
	background-color:#ffe3e3;
	border:2px solid #dc6e66;
}

ul.warning li,
ul.success li {
	list-style:square;
	margin:0 0 5px 15px;
}

ul.error li {
	list-style:none;
	margin:0 0 5px 0;
}

ul.warning li.headline,
ul.error li.headline,
ul.success li.headline {
	list-style:none;
	margin:0 0 10px 0;
	font:bold 15px/120% Verdana,Arial,sans-serif;
	color:#000;
}

/* Tabellen
****************/

table {
   border-collapse:collapse;
   font: 12px/16px Verdana,Helvetica,Arial,sans-serif;
}

table.full {
   width:100%;
}

th {
   text-align:left;
   background:#333333;
}

table.programm th {
   padding:7px 3px;
}

table.details th {
   padding:7px 3px;
   background:#CD001D;
}


tr.even {
   background:#4D4D4D;
}

tr.odd {
   background:#666666;
}

table.programm td {
   padding:5px 3px;
}

fieldset {
	padding:10px 10px 20px 10px;
	margin:0 0 15px 0;
	border:1px solid #C4B882;
}

fieldset legend {
	display:inline !important;
	font:bold 13px/150% Verdana,Arial,sans-serif;
	padding:0 5px 0 5px;
}


.scroll-pane {
	width: 315px;
	height: 120px;
	overflow: auto;
	float: left;
	color:#000;
	padding-left:10px;
}

.holder {
	float: left;
	margin: 10px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


#pane {
	height: 125px;
	width: 325px;
}

.osX .jScrollPaneTrack {
	background: url(../img/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(../img/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(../img/osx_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(../img/osx_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(../img/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(../img/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}

.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}


/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
-->