/*
	formatting rules for static content of szene-hamburg.de 
	copyright/ author: Simon O. Pritzkat-Gerthenrich  
*/

/* general config */

.startblock{
	font-weight: bold;
}

.textleft{
	text-align: left;
}

.decrypt{
	unicode-bidi: bidi-override;
	direction: rtl;
	text-align: left;
}

.contentelement p.pindent{
	margin-left: 60px;
	margin-bottom: 20px;
}
.contentelement, .article{
	position: relative;
	background: #fff;
	width: 576px;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
}

.contentelement h1, .article h1{
	padding: 15px 10px 0 10px;
	color: #cc0000;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.contentelement h2{
	padding: 15px 10px 0 10px;
	color: #cc0000;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.contentelement h3{
	padding: 5px 10px 0 10px;
	color: #000000;
	font-size: 14px;
}

.contentelement p, .article p{
	margin: 5px 5px 8px 10px;
	font-size: 13px;
	/* text-align: justify; */
}

.contentelement ul{
	margin: 0 0 0 25px;
	padding: 0;
}
.contentelement ul li{
	font-size: 14px;
}

p.bold{
	font-weight: bold;
}

img.leftimg{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

img.rightimg{
	float: right;
	margin-left: 10px;
	margin-right: 6px;
}

#content .article .categorylabel{
	width: 80px;
	height: 20px;
	background: #000;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-indent: 4px;
}

#content .article .categorylabel.wide{
	width: 120px;
}

#content .article .categorylabel a{
	text-decoration: none;
	color: #fff;
	display: block;
}

#content .article .subhead{
	font-weight: bold;
}

#content .article .articledate{
	position: absolute;
	top: 0;
	right: 0;
}

#content .article .articleimg{
	margin: 0 6px 6px 10px;
	float: right;
}

/* Ticket kaufen */
#content .ticket{
	margin: 0 5px 0 10px;
	float: right;
}

#content .ticket a img{
	background: url(../../img/buttons/btn_ticket_buchen.gif);
}

#content .ticket a:hover img{
	background-position: 0 -20px;
}

/* Two Tickets */
a#btntwotickets{
	display: block;
	width: 576px;
	height: 60px;
	background: url(../../img/buttons/btn_twotickets_anmelden.gif);
}

a#btntwotickets:hover{
	background-position: 0 60px;
}

#content .infobar{
	width: 100%;
	background: #fff;
}

#content .infobar .location{
	font-size: 12px;
	margin: 10px;
}

#content .infobar .location h3{
	padding: 5px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;	
	color: #cc0000;
}

#content .infobar .location .loc-block1{
	float: left;
}

#content .infobar .location .loc-block2{
	margin-left: 30px;
	float: left;
}

#content .infobar .location p.venue{
	font-weight: bold;
}


/* issues and abo*/

.issuelist{
	list-style: none;
	margin: 0;
	padding: 0;
}

.issuelist li{
	width: 185px;
	height: 230px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: #fff;
	text-align: center;
}

.issuelist li.marginX{
	margin: 0 10px 10px 0;
}

.issuelist li h2 {
	font-family: Georgia, "Times New Roman", Times, serif;	
	padding: 5px 10px 0 10px;
	color: #cc0000;
	font-size: 14px;
	margin: 5px 0 5px 0;
}

.issuelist li h2 a{
	text-decoration: none;
}

.issuelist li img{
	margin: 0 0 5px 0;
}

.issuelist li p {
	margin: 0 0 2px 0;
}
.issuelist li p a{
	font-size: 12px;
}

.issuelarge{
	float: right;
	margin: 0 5px 5px 15px;
}

.issuelarge p{
	margin: 5px 5px 8px 0;
}

/* include für newsletter */
.newsletterinclude{
	margin: 0 10px 10px 10px;
	border: 2px solid #d4d4d4;
	background: #f5f5f5;
	float: right;
	width: 290px;
	height: 116px;
	font-size: 10px;
}

.newsletterinclude h3{
	font-size: 12px;
	padding: 2px;
	background: #d4d4d4;
	color: #000;
}

.newsletterinclude .inputrow{
	margin: 5px 5px 0 5px;
	padding: 0;
	height: 20px;
	clear: both;
}

.newsletterinclude input{
	float: left;
	height: 18px;
	border: 1px solid #d4d4d4;
}

.newsletterinclude input#email{
	width: 180px;
}

.newsletterinclude select{
	float: right;
	border: 1px solid #d4d4d4;
}

.newsletterinclude #captchaimg{
	float: left;
	border: 1px solid #d4d4d4;
}

.newsletterinclude #captchainput{
	margin: 0 0 0 4px;
	width: 100px;
}

.newsletterinclude #submitbutton{
	border: none;
	background-image: url(../../img/icons/submitbutton_20x23.gif);
	float: right;
	width: 23px;
	height: 20px;
	cursor:pointer;
}

.newsletterinclude #submitbutton:hover {
	background-position: 0 -20px;
}

.newsletterinclude label{
	font-size: 12px;
}

/* news teaser und akrtikel */
/* teaser formatting rules */

#content .teaserbox{
	z-index: 1;
	position: relative;
	background: #fff;
	margin-bottom: 10px;
	float: left;
}

#content .topteaserwrapper .teaserboxR{
	margin-left: 15px;
}

#content .topteaserwrapper .teaserbox{
	width: 280px;
	height: 340px;
}

#content .teaserlist .teaserbox{
	width: 575px;
	height: 150px;
}

#content .teaserbox  img.teaserimage {
	position: relative;
	z-index: 1;
}

#content .teaserbox .categorylabel{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 20px;
	background: #000;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-indent: 2px;
}

#content  .teaserbody{
	position: absolute;
	margin: 4px;
}

#content .topteaserwrapper  .teaserbody{
	top: 200px;
	left: 0px;
}

#content .teaserlist  .teaserbody{
	top: 0;
	left: 210px;
}

#content .teaserbox  .teaserbody .teaserdate{
	position: absolute;
	top: 2px;
	right: 0;
}

#content h1 a{
	text-decoration: none;
}

#content h2 a{
	text-decoration: none;
}

#content .teaserbox h2{
	margin: 0 40px 4px 0;
	color: #cc0000;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

#content .topteaserwrapper .teaserbox h2{
	width: 220px;
}

#content .teaserlist .teaserbox h2{
	width: 285px;
}

#content .teaserbox p{
	font-size: 12px;
}

#content a.morelink{
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px 0 0;
}

/* ABO-Seiten */

#content .aboteaserimg{
	position: relative;
	margin: 0 6px 6px 6px;
	float: right;
	width: 200px;
	height: 200px;
}

#content .aboteaserimg #ha-az-thumb{
	top: 0;
	right: 0;
	position: absolute;
}

#content .aboteaserimg #ha-et-thumb{
	position: absolute;
	top: 15px;
	right: 40px;
}

#content .aboteaserimg #ha-sh-thumb{
	position: absolute;
	top: 30px;
	right: 80px;
}

#content .aboteaserimg #sa-et-thumb{
	position: absolute;
	top: 0px;
	right: 20px;
}

#content .aboteaserimg #sa-sh-thumb{
	position: absolute;
	top: 20px;
	right: 70px;
}

#content .sa-img-wrapper{
	position: relative;
	float: left;
	margin: 20px 10px 0 10px;
	width: 280px;
	height: 440px;
}

#content .sa-img-wrapper .sa-et-medium{
	top: 0;
	left: 10px;
}

#content .sa-img-wrapper .sa-sh-medium{
	position: absolute;
	top: 90px;
	left: 60px;
}



#content .ha-issues{
	margin: 20px 0 20px 60px;
}

#content .praemie{
	margin: 0 0 20px 0;
}

#content .praemientext{
	width: 340px;
	margin: 0 0 0 10px;
	float: left;
}

#content .abotypelist{
	margin: 10px;
	padding: 0;
	list-style: none;
}

#content .praemientext input, #content .abotypelist input{
	margin: 0 6px 0 0;
}

#content .abotypelist img#spardalogo{
	margin: 4px 6px 4px 0;
	float: left;
}

#content .praemientext img{
	float: right;
}

#content .checkbox-label input{
	margin: 1px 6px 6px 10px;
	float: left;
}

.contactdata {
	margin: 6px 0 0 10px;
	width: 320px;
}
.contactdata label, .contactdata input, .contactdata select { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
}

.contactdata label{
	font-size: 13px;
	width: 100px; 
}

.contactdata input{
	width: 200px;
	margin-bottom: 4px;
}

.agb ol{
	font-size: 12px;
	margin: 5px 10px 5px 40px;
}

.agb ol li{
	margin-bottom: 5px;
}

/* programm */
.searchresult{
	padding: 10px 0 10px 20px;
}
.searchresult .title a{
	font-weight: bold;
	text-decoration: none;
}
.searchresult .morelink{
	font-size: 12px;
}

.contentsearchfield label{
	margin: 0 5px 0 0;
}

.contentsearchfield input{
	margin-right: 10px;
	width: 140px;
}

.dateselect{
	width: 50px;
}

ul.abclist{
	margin: 10px;
	list-style: none;
}
ul.abclist li{
	margin: 0 6px 10px 0;
	float: left;
}
ul.abclist li a{
	font-size: 12px;
	text-align: center;
	display: block;
	width: 22px;
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 3px 6px 3px 4px;
}
ul.abclist li a:hover, ul.abclist li.active a{
	background:#cc0000;
}

/* ### FILM SUCHE ### */
div.filmresult h3{
	margin: 0 0 0 0;
}

div.filmresult p.filmtext{
	display: none;
}

div.filmresult p.morefilmtext{
	cursor: pointer;
	margin: 0 0 5px 10px;
	color: #cc0000;
}

div.filmresult p.lessfilmtext{
	cursor: pointer;
	margin: 0 0 5px 10px;
	color: #cc0000;
	display: none;
}

div.filmresult p.nofilmtext{
	color: #999999;
}


div.filmresult ul.dateslist{
	list-style: none;
}

div.filmresult ul.dateslist li{
	font-size: 13px;
}

/* -------------------- */
/* buttons */

.btn_right{
	float: right;
}

.btn_next_100{
	width: 100px;
	height: 21px;
	background-image: url(../../img/buttons/btn_next_100.gif);	
}

.btn_next_100:hover{
	background-position: 0 -21px;
}

.btn_back_100{
	width: 100px;
	height: 21px;
	background-image: url(../../img/buttons/btn_back_100.gif);	
}

.btn_back_100:hover{
	background-position: 0 -21px;
}

.btn_order_100{
	width: 100px;
	height: 21px;
	background-image: url(../../img/buttons/btn_order_100.gif);	
}

.btn_order_100:hover{
	background-position: 0 -21px;
}

.btn_submit_100{
	width: 100px;
	height: 21px;
	background-image: url(../../img/buttons/btn_submit_100.gif);	
}

.btn_submit_100:hover{
	background-position: 0 -21px;
}

.btn_submitorder_200{
	width: 200px;
	height: 21px;
	background-image: url(../../img/buttons/btn_submitorder_200.gif);	
}

.btn_submitorder_200:hover{
	background-position: 0 -21px;
}

.searchbtn{
	margin: 0 10px 0 0;
	float:right;
	width: 120px;
	height: 20px;
	background-image: url(../../img/buttons/btn_search.gif);	
}

.searchbtn:hover{
	background-position: 0 -20px;
}

fieldset{
	margin: 10px;
	border: 0;
}

.contentelement fieldset h2, .contentelement fieldset h3, .contentelement fieldset p{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.contentelement fieldset h2{
	margin-bottom: 6px;
}

/* programm */

/* programm - adressen */
ul.address{
	margin: 0;
	list-style: none;	
}

ul.address p{
	font-size: 12px;
}

/* formlabel */

label.pflichtfeld{
	font-weight: bold;
}

/* kontakt-form */
#contactform div{
	font-size: 13px;
	margin: 4px 0 3px 0;
}

#contactform div #bezug{
	width: 265px;
}

#contactform div label{
	line-height: 20px;
	float: left;
	width: 100px;
	margin: 0 10px 3px 0;
}

#contactform div input{
	width: 260px;
}

#contactform #subtmitContactForm{
	background-image: url(../../img/buttons/btn_submit110.gif);	
	width: 110px;
	height: 20px;
	margin-right: 24px;
	cursor:	pointer;
	float: right;
}

#contactform #subtmitContactForm:hover{
	background-position: 0 -20px;
}

.mandatory{
	font-weight: bold;
}

div.formline{
	height: 22px;
}

div.formline label{
	line-height: 21px;
	display: block;
	float: left;
	width: 100px;
}

div.formline input{
	float: left;
	width: 200px;
}

#heftBestellungBezahlungSelect{
	width: 304px;
	margin-bottom: 6px;
}

.confbox{
	margin: 10px;
	border: 1px solid #d4d4d4;
}

.confbox h1{
	font-family: arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 4px;
	font-size: 13px;
	background: #d4d4d4;
}

.confbox .confirmline{
	height: 18px;
	width: 530px;
	margin-left: 10px;
	font-size: 13px;
}

.confbox .confirmline .conflabel{
	display: block;
	float: left;
	width: 110px;
}

.confbox .confirmline .confvalue{
	font-weight: bold;
}


/* SHOP */

.shopcont{
	position: relative;
	font-size: 13px;
	background: #f2f2f2;
	margin: 10px;
	height: 74px;
}

.shopcont .szeneshopdirect{
	float: left;
	margin: 0 10px 0 0;
}

.shopcont .price, .shopcont .addtocartreply{
	position: absolute;
	top: 10px;
	left: 230px;
}
.shopcont .pricenote{
	font-size: 11px;
	position: absolute;
	top: 25px;
	left: 230px;	
}

.shopcont .cartamount{
	position: absolute;
	top: 46px;
	left: 230px;	
}

.shopcont .cartamount select{
	width: 50px;
}

.shopcont .addtocart170{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 170px;
	height: 28px;
	background-image: url(../../img/buttons/btn_addtocart_170.gif);	
	cursor:	pointer;
}

.shopcont .addtocart170:hover{
	background-position: 0 -28px;
}

.shopcont .gotocartbtn140{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 28px;
	background-image: url(../../img/buttons/btn_gotocart_140.gif);	
	cursor:	pointer;
}

.shopcont .gotocartbtn140:hover{
	background-position: 0 -28px;
}

.issuescrollbox {
	background: #fff;
	margin: 0;
}
.issuescrollbox .issuescrollarea{
	overflow: auto;
}

.issuescrollbox  h2{
	padding: 2px 1px 1px 8px;
	margin: 0 0 10px 0;
	color: #000;
	font: bold 13px sans-serif;	
	height: 20px;
	display: block;
	background: url(../../img/bg_boxtitlebar_silver.gif) repeat-x;	
}

.issuescrollbox ul.issuescrolllist{
	margin-left: 20px;
	height: 160px;	
	list-style: none;
}

.issuescrollbox ul.issuescrolllist li{
	margin-right: 10px;
	list-style: none;
	float: left;
}

/* shopcart sidebar definitions */
#shopcartbox{
	margin-top: 5px;
	height: 74px;
	position: relative;
	background-color: #666666;
}

#shopcartbox a{
	position:absolute;
	top: 0;
	left: 0;
	display: block;	
	width: 300px;
	height: 74px;
	background-image: url(../../img/shop/shopcartbox_title.gif);	
	cursor:	pointer;
}

#shopcartbox a:hover{
	background-position: 0 -74px;
}

#shopcartbox p#cartstatus{
	font-size: 13px;
	position: absolute;
	bottom: 3px;
	left: 5px;
	color: #fff;
}


/*tabelle für cart */

table.carttable{
	width: 556px;
	border-spacing: 0;
	margin: 10px;
	font-size: 13px;
	text-align: left;
}

table.carttable th{
	padding: 4px;
	background: #d4d4d4;
}

table.carttable th.scr_name{
	
}

table.carttable .scr_amount, table.carttable .scr_price, table.carttable .scr_sum{
	text-align: right;
	width: 70px;
}

table.carttable th.scr_delete{
	width: 24px;
}

table.carttable td{
	padding: 2px;
	border-bottom: 2px solid #d4d4d4;
}

input.ss_delete_btn{
	float: right;
	width: 20px;
	height: 20px;
	background-image: url(../../img/shop/btn_delete_20x20.gif);	
	cursor:	pointer;
	margin-right: 3px;
}

input.ss_delete_btn:hover{
	background-position: 0 -20px;
}

table.carttable tr.cartitem td.productinfo{
	padding: 8px;
}

.cartitem img{
	float: left;
	margin-right: 6px;
}

.cartitem h4{
	font-size: 13px;
	font-weight: bold;
}

.cartitem p{
	text-align: left;
	margin: 0;
}

table.carttable tr.carttotal{
	height:50px;
}

table.carttable td.carttotalsum{
	vertical-align: bottom;
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	border-bottom: 3px double #d4d4d4;
}

table.carttable td.carttotalsum span{
	float: right;
	padding-right: 32px;
}

table.carttable td.carttotalsum div{
	float: left;
	padding-left: 28px;
}


table.carttable td.nobttomline{
	border: 0;
}

#checkoutbtn140{
	position: absolute;
	right: 10px;
	width: 140px;
	height: 28px;
	background-image: url(../../img/shop/btn_checkout_140.gif);	
	cursor:	pointer;
}

#checkoutbtn140:hover{
	background-position: 0 -28px;
}

#updatebtn130{
	position: absolute;
	left: 10px;
	width: 130px;
	height: 28px;
	background-image: url(../../img/shop/btn_update_130.gif);	
	cursor:	pointer;
}

#updatebtn130:hover{
	background-position: 0 -28px;
}

#submitorderbtn180{
	position: absolute;
	right: 10px;
	width: 180px;
	height: 28px;
	background-image: url(../../img/shop/btn_submitorder_180.gif);	
	cursor:	pointer;
}

#submitorderbtn180:hover{
	background-position: 0 -28px;
}

#backbtn28x28{
	position: absolute;
	left: 10px;
	width: 28px;
	height: 28px;
	background-image: url(../../img/shop/btn_back_28x28.gif);	
	cursor:	pointer;
}

#backbtn28x28:hover{
	background-position: 0 -28px;
}


/* checkout */
#shopcontact .bezahlungselect{
	height: 40px;
}

#shopcontact .bezahlungselect p{
	float: left;
}

#shopcontact .bezahlungselect select {
	margin: 2px 0 0 0;
	width: 120px;
	float: left;
}

#shopcontact .formrow {
	margin: 1px 0 1px 10px;
}

#shopcontact .formrow label, #shopcontact .formrow .plz-ort{
	margin-top: 2px;
	display: block;
	float: left;
	width: 130px;
	font-size: 13px;
}

#shopcontact .formrow .plz-ort label{
	display: inline;
	float: none;
}


#shopcontact .formrow input.textfield{
	width: 220px;
}

#shopcontact .formrow input.textfield.plz{
	width: 70px;
}

#shopcontact .formrow input.textfield.ort{
	width: 142px;
}

#shopcontact .formrow select.anrede{
	width: 120px;
}

#shopcontact .formrow select.b_day{
	width: 56px;
}

#shopcontact .formrow select.b_month{
	width: 92px;
}

#shopcontact .formrow select.b_year{
	width: 68px;
}

#shopcontact textarea.geschenkinfo{
	margin-left: 10px;
	width: 350px;
	height: 100px;
}

.pflichtfeld.red, #shopcontact p.pflichtfeld.red{
	font-weight: bold;
	color: red;
}

.agbbox{
	margin: 0 10px 20px 10px;
	border: 1px solid #d4d4d4;
}

.agbbox.red{
	border: 1px solid red;
}

#shopcontact hr{
	margin-top: 20px;
	border: none;
	background-color: #d4d4d4; color:#d4d4d4; height: 1px;
}