/*div 
{
    border: 1px solid #f0f;
    margin: 5px;
}*/

html
{
    height: 100%;
    margin: 0px auto;
    padding: 0px auto;
}

body
{
    cursor: default;
    height: 100%;
    font-family: Arial;
    font-size: 10pt;
    margin: 0px auto;
    padding: 0px auto;
    overflow: -moz-scrollbars-vertical;
	text-align: center;
	margin-bottom: -10pt;
	background-image: url(../images/ptm2007ms/outerBG.jpg);	
    background-repeat:repeat-y;
    background-position: center top;	
}

form 
{
    margin: 0px auto;
    padding: 0px auto;
}

#outer
{
	width:984px;
	height: auto;
	display: block;
	padding-left: 16px;

    margin: 0px auto;
}

#main 
{
    position: relative;
	width: 968px;
    min-height: 200px;
    margin-top:-92px;
	background-color:#5194B3;
	float:left;
	background-image: url(../images/ptm2007ms/background.gif);
	background-repeat: repeat-y;
    text-align: left;
}

#content_left 
{
    margin-top:92px;
    padding-top:161px;    
    padding-bottom:-161px;
	width: 720px;
	background-color: #5194B3;
	background-image: url(../images/ptm2007ms/background-header_mainportalpage.gif);
	background-repeat: no-repeat;
    text-align:left;
    min-height:100px;
    float: left;
}

#content_right 
{
    float: left;
    min-height: 500px;
	width: 238px;
	float:left;
    height: 100%;
	background-image: url(../images/ptm2007ms/background-header-teaser.jpg);
	background-repeat: no-repeat;
	margin-top:92px;
}

#right_bar
{
    margin-top:92px;
    width: 10px;
    background-image: url(../images/ptm2007ms/background-right.jpg);
    background-repeat: repeat-x;
    height: 241px;
    float: right;
}

#head_right 
{
    margin-top: 35px;
    height: 30px;
}

#teaser
{
	width: 238px;
}


#teaser_logo 
{
    height: 49px;
    width: 238px;
	overflow:hidden;
    text-align: left;
}

#footer
{
	height: 92px;
	width:968px;
	background-image: url(../images/ptm2007ms/background-footer.gif);
	background-repeat: repeat-x;		
	float:left;	
    text-align:left;
    overflow: hidden;
}

#footer_teaser
{
    position: relative;
    left:720px;
    height: 47px;
    width: 238px;
    background-image: url(../images/ptm2007ms/background-footer-teaser.jpg)
}

#footer_naviagtion
{
    top: -20px;
	height: 92px;
	width:  720px;
    position: relative;
}

#main_navigation
{
    height: 54px;
/*    border: 1px solid #f0f;*/
    background-image: url(../images/ptm2007ms/background-navigation.gif);
    background-repeat: repeat-x;
}

#logo 
{
    background-image: url(../images/ptm2007ms/proticket-management.gif);
    height: 96px;
    width: 191px;
    position: absolute;
    top:112px;
    left:21px;
}


/******************************************************/
/* Hauptformatierung	*/
/******************************************************/

#WucBuchungMainControl1__ctl2_WucVorstellungsSuchmaske1_rblSortierenNach input 
{
    border: none;
}

#tblMainControl
{
	padding: 5px;
	width: 700px; 
	text-align: center;
	margin-left: 0;
	margin-right: 0;	
	float: left;
}

/* #tblMainControl */
#tblMainControl td 
{
    padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #fff;
}

/* Header aller "Buchungsschritte", im Regelfall oben */
.tblMainControlHeader
{
	background-color: #d53f02;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}

#tblBottomMandantenInfo
{
	background-color: #d53f02;
	font-size: 10px;
	color: white;
	font-weight: bold;
	visibility:hidden;
}

/******************************************************/
/* Links */
/******************************************************/

#tblMainControl a:link, #tblMainControl a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 3px 0px 16px;
	font-size: 12px;
	color: #ddd;
	text-align: center;
	text-decoration: none;
	text-indent: 2px;
	background-image: url(../images/ptm2007ms/white_link.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	overflow: hidden;
	cursor: hand;
}

#tblMainControl a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
    padding: 0px 3px 0px 16px;
	text-align: center;
	text-decoration: underline;
	text-indent: 2px;
	background-image: url(../images/ptm2007ms/black_link.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	overflow: hidden;
	cursor: hand;
}

/******************************************************/
/* Vorstellungssuchemaske, unter "Vorstellungen suchen"	*/
/******************************************************/


/* #tblVorstellungsSuchmaske ist die äußere Tabelle, in der die Suchmaske dargestellt wird */
/* Mindesthöhe beträgt 346px, Breite im Regelfall 800px; */
#tblVorstellungsSuchmaske
{
}

/* CSS-Klasse .tblVorstellungsSuchmaske ist in allen Textboxen der Suchmaske hinterlegt */
.tblVorstellungsSuchmaskeInputField
{
	width:250px;	
}

/* CSS-Klasse .tblVorstellungsSuchmaskeTicketRegionenWaehler: Regions- Wähler */
.tblVorstellungsSuchmaskeTicketRegionenWaehler
{
	width:250px;	
}


/* CSS-Klasse .tblVorstellungsSuchmaskeVorstellungskategorienWaehler: Veranstaltungsart- Wähler */
.tblVorstellungsSuchmaskeVorstellungskategorienWaehler
{
	width:250px;	
}

/* CSS-Klasse .tblVorstellungsSuchmaskeLeftSpaceColumn dient zum setzen des linken Randes (linker Abstand) */
.tblVorstellungsSuchmaskeLeftSpaceColumn
{
	width:10px;	
}


/******************************************************/
/* Vorstellungssuche, Liste der gefundenen Vorstellungen	*/
/* wird auch zur Anzeige in Vorstellungen einer Veranstaltungsreihe verwendet.	*/
/******************************************************/

#tblMainControl .VorstellungssucheDGHeader td
{
	font-weight: bold;
	background-color: #195977;
	border-color: #195977;
}

#tblMainControl .VorstellungssucheDGElement td
{
	background-color:#457E99;
	border-color: #457E99;
}

#tblMainControl .VorstellungssucheDGAlternateElement td
{
	background-color:#5194B3;
	border-color: #5194B3;
}

#tblMainControl .VorstellungssucheDG
{
	border-color: #5194B3;
	border: 1px solid #000;
}

#tblMainControl .VorstellungssucheDG td 
{
    margin: 0px;
    padding: 2px;
    border: 0px solid #000;
}

#tblMainControl .VorstellungssucheDG .VorstellungssucheBuchungCell 
{
	width: 100px;
}

/******************************************************/
/* Vorstellungsinfo: Obere Vorstellungsinfo in Buchungsschritten	*/
/******************************************************/
#tblMainControl #tblVorstellungsinfo
{
	font-family: Impact, Arial Black, Arial, Helvetica, sans-serif;
}

#tblMainControl #tblVorstellungsinfoVeranstaltungsname
{
	font-family: Impact, Arial Black, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	letter-spacing:-1px;
	color: #FFCF4C;
	margin-bottom:0px;
	margin-top:0px;
}

#tblMainControl #tblVorstellungsinfoVeranstaltungsdatum
{
	font-family: Impact, Arial Black, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -1px;
	color: #eee;
	margin-bottom: -5px;
	margin-left: 150px;
}

#tblMainControl #tblVorstellungsinfoVeranstaltungsOrt
{
	font-family: Impact, Arial Black, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #eee;
	margin-bottom: -5px;
	margin-left: 150px;
	line-height: 20px;
	letter-spacing: -1px;
}

#tblMainControl .printAtHomeInfo
{
	font-weight: bold;
	font-size: 12px;
	color: #d53f02;
	font-style: italic;
	text-decoration: underline;
}

/******************************************************/
/* Bereichs-Auswahl / Saalplan- Shieldgrafik	*/
/******************************************************/

.imgShield 
/* SaalplanShield, hauptsächlich für Ränder-Formatierung interessant */
{
	border-right: none; border-style: none;
	border-top: none; border-style: none;
	border-left: none; border-style: none;
	border-bottom: none; border-style: none;
}

#divBereichsAuswahlInfoSlide 
/* InfoLayer, wird onMouseOver auf Webshield verwendet */
{
	width: 220px;
	height: 80px;
	position: absolute;
	background-color: whitesmoke;
	border-right: slategray 2px ridge;
	border-top: slategray 2px ridge;
	border-left: slategray 2px ridge;
	border-bottom: slategray 2px ridge;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}

/******************************************************/
/* Reihenbezeichner	*/
/******************************************************/

.reihenBezeichner 
{
	background-color: gainsboro;
	border-right: darkgray 1px inset;
	border-top: darkgray 1px inset;
	border-left: darkgray 1px inset;
	border-bottom: darkgray 1px inset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-align: center;
}


/******************************************************/
/* Warenkorb Elemente	*/
/******************************************************/


#tblWarenkorb
{
}

#trWarenkorbTicketsHead td
{
	font-weight: bold;
	font-size: 12px;
	background-color: #195977;
}

#tblWarenkorbTickets
{
	width: 694px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

#tblKundenAnmeldung
{
}

.lblFehlermeldung
{
	font-weight: bold;
	color: #FBB700;
}

/******************************************************/

/* Liste der Auftraege des Kunden	*/
/******************************************************/
.AuftraegeDesKundenDG
{
}

.AuftraegeDesKundenDGElement
{
} 
 
.AuftraegeDesKundenDGAlternateElement
{
}

/******************************************************/
/* Rabatte, dient zur Anzeige der buchbaren Rabatte einer Vorstellung	*/
/******************************************************/

#tblErmaessigungsrabatte
{
}

#tblErmaessigungsrabatte td 
{
    padding-left: 3px;
    padding-right: 3px;    
}

.trErmaessigungsrabatteAlternate
{
}

.trErmaessigungsrabatte
{
}

/******************************************************/
/* Tickets eines Auftrages	*/
/******************************************************/

.tdTicketsEinesAuftrages
{
}

.tdTicketsEinesAuftragesHead
{
	font-weight: bold;
	font-size: 11px;
	background-color: #195977;
}

/******************************************************/
/* Hilfe, zur Zeit noch nicht da...	*/
/******************************************************/

.tblHelp
{
	width: 500px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

#divBottomNavigation 
{
	overflow: hidden;
	height: 0px;
}


/* helpLink */

#tblMainControl .tdErmaessigungsrabatteHeadPK1, #tblMainControl .tdErmaessigungsrabatteHeadPK2, #tblMainControl .tdErmaessigungsrabatteHeadPK3,
#tblMainControl .tdErmaessigungsrabatteHeadPK4, #tblMainControl .tdErmaessigungsrabatteHeadPK5
{
    color: #000;
}


#tblMainControl .tdHeaderMandantenInfo {
	margin:5px;
	font-weight: bold;
	font-size: 90%;
	height: 32px;
}

#tblMainCOntrol td.VorstellungssuchePlatzCell 
{
	padding: 0px;
	width: 10px;
	overflow: hidden ! important;
}

#tblMainCOntrol span.ok		  { background-color: #ffdc00 ! important;}
#tblMainCOntrol span.nix	  { background-color: #ff1100 ! important;}
#tblMainCOntrol span.max	  { background-color: #00e100 ! important;}
#tblMainCOntrol span.geblockt { background-color: #bbbbbb ! important;}

#tblMainCOntrol span.ok, 
#tblMainCOntrol span.nix, 
#tblMainCOntrol span.max, 
#tblMainCOntrol span.geblockt
{
	border: 1px solid #666 ! imporant; 
	width: 10px ! important;
}

