html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding: 0px;
	font-size:13px;
	text-align:center;
	color:black;
background-color: rgb(67, 101, 50);
/*background-color: rgb(42, 77, 39);*/
height: 99%;
}
/*
body {
background-image:url("../images/deco_bottom.png");
background-position:left bottom;
background-repeat:no-repeat;
}
*/

.flash_notice {
    background-color:#CFFFD5;
	border:2px solid #628F68;
	text-align:center;
	padding: 5px;
	font-weight:bolder;
	margin:0px 180px 20px 80px;
}

.flash_error {
    background-color:#FFBFBF;
	border:2px solid #DF3737;
	text-align:center;
	padding: 5px;
	font-weight:bolder;
	margin:0px 180px 20px 80px;
}

#background {
	background-image:url("../images/reblaushintergrund2.gif");
        margin:0;
        padding: 0;
        background-color:#FFF;
        margin-top: -5px;
}


.cleared {
	clear:both;
	line-height:0px;
}

h1 {
	font-size:16px;
	display:block;
}


h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	line-height:110%;
}

h3 {
	font-size:16px !important;
	font-weight:normal !important;
}

h3 a{
	font-size:16px !important;
	font-weight:normal !important;
}


a.toplink {
	text-decoration:none !important;
	font-size:12px;
	font-style:italic !important;
	color:blue !important;
}

a.toplink:hover {
	color:red !important;
	text-decoration:underline !important;
}

a,a:visited {
	text-decoration:none;
	font-size:12px;
	font-style:italic;
	color:blue;
}

a:hover {
	color:red;
	text-decoration:underline;
}



#notes {
    width:200px;
     width:490px;
     margin-left:70px;
    padding:20px;
}


#notes .error {
	background-color:#FFBFBF;
	border:2px solid #DF3737;
	background-image:url("../images/msg_err.gif");
	background-position: center left;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;
}

#notes .info {
	background-color:#CFFFD5;
	border:2px solid #628F68;
	background-image:url("../images/msg_ok.gif");
	background-position: center left;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;
}

.noitem {
	font-size: 0.8em;
	color:gray;
	
}

#subnav h3 {
	display:none;
}

#navigation h3 {
	display:none;
}

/*=============== Layout ===================*/


#tophead {
	width:100%;
	height:20px;
	background-color:white;
	border-bottom:1px solid black;
	margin-bottom:10px;
}

#container {
	text-align:left;
 	margin-left:auto;
 	margin-right:auto;
	width:768px;
	position:relative;
	/*height:100%;*/
/*background-color:#c3d9cb;*/
}

#head {
	left:70px;
	position:relative;
	width:100%;
	height:100px;
}


#logo {
	width:100%;
	background-image:url("../images/logo.png");
	background-position: top left;
	background-repeat: no-repeat;
	height:100px;
	margin-top:5px;
}

#logo h1 {
	display:none;
}

#navigation {
	height:27px;
	padding-left:90px;
	float:left;
	width:100%;
	font-size:13px;
	line-height:normal;
	text-align:center;
	background-image:url("../images/navi_back.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
}

#content {
	position:relative;
   	width:100%;
	clear:both;
	background-image:url("../images/deco_left.png");
	background-position: top left;
	background-repeat:no-repeat;
}

#maincol  {
	margin-left:70px;
	width:523px;
	line-height:140%;
	background-image:url("../images/content_middle.gif");
	/*background-position: top left;*/
	background-repeat:repeat-y;
	float:left;
	
}

#maincol .middle {
	width:493px;
	padding-left:15px;
	padding-right:15px;
	clear:both;
	min-height:400px;
}
#maincol .top {
	text-align:center;
	height:20px;
	padding:5px 5px 0px 10px;
	background-image:url("../images/content_top.gif");
	background-position: top left;
	background-repeat:no-repeat;
}
#maincol .bottom {
	height:17px;
	background-image:url("../images/content_bottom.gif");
	/*background-position: top left;
	//background-repeat:no-repeat;*/
	clear:both;
}

#extracol {
	float:right;
	width:175px;
	padding-top:15px;
}

#extracol .deco_top {
	height:81px;
	width:100%;
	background-image:url("../images/deco_right_top.png");
}

#extracol .deco_bottom {
	height:79px;
	width:100%;
	background-image:url("../images/deco_right_bottom.gif");
}

#extracol .box {
	background-image:url("../images/box_middle.gif");
	padding-right:15px;
	padding-left:15px;
	font-size:12px;
	padding-bottom:3px;
}

#footer {
    margin-top: 20px;
    text-align: center;
    /*padding-left: 100px;*/
    background-color: rgb(67, 101, 50);
    color: #FFF;
    border-top:1px dotted black;

}

#footer a {
    color: white;
    font-style:normal;
}

#footer ul {
    padding: 0px;
    /*width:100%;*/
}

#footer ul li{
	list-style:none;
	display: inline;
	padding-right:50px;
}



/*========= Navigation ==============*/

.navhead {
	display:none;
}

#navigation {
	padding-bottom:0px;
}


#navigation ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation .entry {
    float:left;
	background:url("../images/tab_right.gif") no-repeat right top;
	padding:0px 10px 0px 0px ;
	margin-right:10px;
}

#navigation a {
	font-size:13px;
    	display:block;
	background:url("../images/tab_left.gif")
      	no-repeat left top;
	padding:5px 0px 5px 10px;
	text-decoration:none;
	color:white;
	font-style:normal;
}

#navigation a:hover {
	color:red;
}

#navigation .active
{	
	margin-top:1px;
	background:url("../images/tab_right.gif") no-repeat right bottom;
}

#navigation .active a
{
	background:url("../images/tab_left.gif") no-repeat left bottom;
	color:black;
	font-weight:bold;
}

/*====subnav====*/
#subnav {
	//float:left;
	width:100%;
	margin:auto;
	text-align:left;
	font-size:12px;
	padding-bottom:5px;
	margin-bottom:10px;
}

#subnav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 5px 5px;
border-bottom: 1px dotted black;
}

#subnav li {
    display: inline;
	margin-right:20px;
}

#subnav a {
	color:black;
	text-decoration:none;
}

#subnav a:hover {
	color:red;
}


#subnav .active a
{
	color:black;
	font-weight:bold;
	/*font-size:14px;*/
	text-decoration:underline;
	font-style:normal;
}

/*========== Extrabox ===========*/

.extrabox {
	width:100%;

}

.extrabox .headline {
	text-decoration:underline;
	
}

.extrabox .nextevent {

}

.extrabox .nextevent .extra_title {
	font-style: oblique;
	letter-spacing:0.1em;
}

.extrabox .nextevent .extra_artist {
	font-weight: bold;
}

.extrabox .nextevent .extra_date {
	font-weight: bold;
}

#extracol li {
	text-indent:0px;
}

/*========== event ==============*/

.reblaus-single {
	clear:both;
}

.reblaus-single h2{
	margin-top:0px;
}

.reblaus-single .nextevent {
	clear:both;
	width:100%;
	padding-top:5px;
	margin-top:20px;
	border-top:1px solid black;
}

.reblaus-single .nextevent .prev {
	text-align: left;
	
}
.reblaus-single .nextevent .next {
	
	text-align: right;
}


.reblaus-single .info {
	width:171px;
	float:right;
}

.reblaus-single .description {
	width:300px;
	float:left;
}

.reblaus-single .text {
	width:300px;
	font-size:14px;
	margin: 20px 0px 0px 0px;
	padding-top:20px;
	padding-bottom:20px;
        padding-right: 180px;
	
	line-height: 140%;
	border-top: 1px solid black;
}


.reblaus-single .picture {
	width:170px;
	text-align:center;
}

.reblaus-single .title {

}

.reblaus-single .picture img {
	width:170px;
	border: 1px solid black;
}

.reblaus-single #nextevent {
	text-align:right;
	width:50%;

}

.reblaus-single .links {
	width:171px;
	padding-left:5px;
	border-left:1px solid black;
}


/*============ reservation ============*/
.reblaus-order .formstep {
 	clear:none;
	float:left;
	border-top: 1px dotted black;
	padding:10px 0px 10px 0px;
	width:100%;
}

.reblaus-order .description {
	float:right;
	width: 250px;
	text-align:justify;
	line-height:150%;
}

.reblaus-order .formelement {
	float:left;
	width:200px;
}

.reblaus-order input {
	border: 1px solid gray;
}

.reblaus-order input[type="submit"] {
	cursor:pointer;
}

.reblaus-order textarea {
	border: 1px solid gray;
}

/*======== My Reservation View ======*/

.reblaus-myorder {
	width:100%;
}
.reblaus-myorder table{
	width:100%;
}

.reblaus-myorder .info {
	width:100%;
	font-size:14px;
	border: 2px solid black;
	background-color:#e5dcab;
	padding: 5px 0px 5px 5px;
}

.reblaus-myorder .editrow {
	background-color:#e5dcab;
}

.reblaus-myorder .title {
	font-size:14px;
	font-weight:normal !important;
	color: #2A4D27 !important;
	width:225px;
}

.reblaus-myorder .date {
	font-size:14px;
}
.reblaus-myorder .tickets {
	font-size:14px;
	text-align: right;
	font-style:italic;
}

.reblaus-myorder .links {
	text-align:right;
	font-size:14px;
	font-weight:normal !important;
	color: #2A4D27 !important;
}

/*======= =========*/

.justify {
	text-align:justify;
}

.disclaimer {
	font-size:11px;
}

/*============ reservation ============*/
#orderForm .formstep {
 	clear:none;
	float:left;
	//border-top: 1px dashed black;
	padding:10px 0px 10px 0px;
	width:100%;
}

#orderForm .description {
	float:right;
	width: 250px;
	text-align:justify;
	line-height:150%;
}

#orderForm .formelement {
	float:left;
	width:200px;
}

#orderForm input {
	border: 1px solid gray;
}

#orderForm textarea {
	border: 1px solid gray;
}

#orderForm hr {
	clear:both;
}

.eventlist .tickets {
   font-style:italic;
   color:#555;

}