﻿

#container
{
    margin: 0px auto;
    margin-top: 5px;
    width: 1011px;
    position:relative;
    padding-bottom:20px;
}

p
{
    margin:0px;
}
p.lastparagraph
{
    margin-top:35px;
    visibility:hidden;
}
p.paragraph
{
    margin-bottom:10px;
}
.tParagraph
{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #3278c4;
    text-transform: uppercase;
    text-align:left;
}



#header
{
    background: url(/pictures/megacompany/MegaCompany_Ticketshop_Header.png) no-repeat 10px top;
    height:130px;
    width:1011px;
}

    #headBody
    {
        width: 0px;
    }
    #headLogo
    {
        position:relative;
        width:300px;
        height:85px;
        left:25px;
        top:22px;
    }
        #headLogo img
        {
            width:100%;
            height:100%;
            border:0px;
        }
    #headNavi
    {
        left: 570px;
        width: auto;
        position: absolute;
        top: 110px;
        text-align: left
    }

#containerNavi
{
    z-index: 12;
    left: 0px;
    width: 1011px;
    position: absolute;
    height: 35px;
    top: -43px;
    padding-top:5px;
}
    #containerNavi UL
    {
        padding-right: 0px;
        padding-bottom: 0px;
        margin: 0px;
        padding-top: 0px;
        padding-left:160px;
        white-space: nowrap;
        list-style-type: none;
        text-align: left
    }
        #containerNavi UL LI
        {
            padding-right: 8px;
            display: inline;
            padding-left: 8px;
            padding-bottom: 2px;
            margin-left: 2px;
            margin-right: 2px;
            padding-top: 2px;
        }
            #containerNavi UL LI A
            {
                font-weight: 900;
                font-size: 14px;
                color: white;
                text-decoration: none;
            }

     
     
     
#containerBody
{
    width: 1011px;
    top:10px;
    position: relative;
    padding:0px;
    margin:0px;
}

  
  
#containerContentLeft{
   width:190px;
   margin:0px;
   margin-left:10px;
   height:auto;
   float:left;
   padding:0px;
   position:relative;
   top:-30px;
}
* html #containerContentLeft { /*IE6 only*/   
     margin: 0 0 0 5px;    
}
    #contentLeft
    {
        padding:0px;
        margin:0px;
        height: auto;
    }

.containerLeft
{
    background: url(/pictures/megacompany/MegaCompany_Ticketshop_LeftHeader.png) #003470 no-repeat left top;
    height: auto;
    padding: 10px;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 6px;
    position: relative;
    margin-bottom: 10px;
    border: 0px solid #c0cad4;
}  
    .containerLeft .divTitel    
        {
            font-size: 14px;
            font-weight: bold;
            margin:0px;
            margin-bottom:12px;
            color:White;
        }  
        .containerLeft .divDetail a
        {
            text-decoration: none;
            font-weight:bold;
        }  
            
#containerWarenkorb
{
    background: url(/pictures/megacompany/MegaCompany_Ticketshop_LeftHeader.png) #003470 no-repeat left top;
    height: auto;
    padding: 10px;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 6px;
    position: relative;
    margin-bottom: 10px;
    border: 0px solid #c0cad4;
}    
    .WarenkorbTitel    
        {
            font-size: 14px;
            font-weight: bold;
            margin:0px;
            margin-bottom:12px;
            color:White;
                        
        }    
    
#containerSchnellsuche
{
    background: url(/pictures/megacompany/MegaCompany_Ticketshop_LeftHeader.png) #003470 no-repeat left top;
    height: auto;
    padding-left: 10px;
    color: #ffffff;
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 6px;
    position: relative;
    margin-bottom:10px;
    border: 0px solid #c0cad4;
}
        .SchnellsucheTitel
        {
            font-size: 14px;
            font-weight: bold;
            margin:0px;
            margin-bottom:12px;
            color:White;
                        
        }
        
        #containerSchnellsuche input
        {
            
            border:solid 1px #000000;
            font-family: Arial;
            font-size: 12px;
            color:#333333;   
            padding:3px;
            width:164px;
        }
        #containerSchnellsuche .button
        {
            
            border:solid 1px #000000;
            font-family: Arial;
            font-size: 12px;
            color: white;   
            padding:1px;
            width:50px;
            background-color: #3278c4;
            margin:0px;
            margin-left:122px;

        }        
  
        
#containerSubNavi
{
    background: url(/pictures/megacompany/MegaCompany_Ticketshop_LeftHeader.png) #003470 no-repeat left top;
    height: auto;
    top: 6px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 4px;
    border: 0px solid #c0cad4;
    color:White;
}
    
        #divSubNaviHeader
        {
            color:white;
            font-size: 14px;
            font-weight: bold;
            margin-bottom:10px;
        }
    
    #containerSubNavi UL
    {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 0px;
        padding-top: 3px;
        white-space: wrap;
        list-style-type: none;
        text-align: left
    }
    #containerSubNavi UL LI
    {
        padding-right: 10px;
        padding-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 4px;
    }
    #containerSubNavi UL LI A
    {
        font-size: 13px;
        color: #ffffff;
        text-decoration: none;
    }
    #containerSubNavi UL LI A:hover
    {
        font-size: 13px;
        color: #ffffff;
        text-decoration: underline;
    }
    #containerSubNavi UL LI UL
    {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 0px;
        padding-top: 3px;
        list-style-type: none;
        text-align: left
    }
    #containerSubNavi UL LI UL LI
    {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 2px;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 2px;
    }
    #containerSubNavi UL LI UL LI A
    {
        font-weight: normal;
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
    }
    #containerSubNavi UL LI UL LI A:hover
    {
        font-weight: normal;
        font-size: 12px;
        color: #ffffff;
        text-decoration: underline;
    }


#containerContentMain
{
 
    border-left: 1px solid #c0cad4;
    border-right: 1px solid #c0cad4;
    border-top: 1px solid #c0cad4;
    position:relative;
    float:right;
    width:770px;
    padding:0px;
    padding-left:0px;
    margin-right:30px;

}
* html #containerContentMain { /*IE6 only*/   
     margin: 0 15px 0 0;    
}
    #contentTop
    {
        HEIGHT: 0px
    }
    #content
    {
        Z-INDEX: 2;
        BACKGROUND: url() repeat-y left top;
        Float:left;
    }
        #contentOut
        {
            float: left;
            margin:0px;
            height:auto;
        }
        #contentOut #contentImg
        {
            BACKGROUND: url() no-repeat right bottom;
            FLOAT: left;
            height:auto;
            padding:0px;
            
        }
        #content #innerContent
        {
            float: left;
            padding: 10px;
            margin:0px;
            min-height: 500px;
            height:auto !important;
	        height:500px;
	        width:750px;
        }
    #contentBottom
    {
        HEIGHT: 0px;
    }


#containerWelcome
{
    position:relative;
    float:right;
    width:752px;
    height:14px;
    font-family:Arial;
    font-size:13px;
    background:  url(/rua/ruav3_welcome_bg.png) no-repeat left top;
    color: #ffffff;
    padding:8px;
    padding-left:10px;
    margin-right:30px;
}
* html #containerWelcome { /*IE6 only*/   
     margin: 0 15px 0 0;    
}
#containerWelcome a
{
    font-family: Arial;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}
#containerWelcome a:hover
{
    font-family: Arial;
    font-size: 13px;
    color: #ffffff;
    text-decoration: underline;
}

#footer
{
    clear: both;
    padding: 2px;
    margin: 0px;
    margin-top:5px;
    margin-left:210px;
    width: 770px;
    height: 20px;
    background-color: #c1144c;
    position:relative;
}
    #footer UL
    {
        list-style-type: none;
        margin:0px;
    }
    #footer LI
    {
        float: right;
        margin:0px;
        margin-right: 10px;
    }
    #footer A
    {
        padding-right: 8px;
        padding-left: 0px;
        padding-bottom: 0px;
        color: #ffffff;
        padding-top: 0px;
        text-decoration: none
    }
    #footer A:hover
    {
        color: #ffffff;
        text-decoration: underline
    }
    #footer .noLink
    {
        COLOR: #ffffff
    }

    #footerComment
    {
        background-color:#ffffff;
        width:754px;
        height: 0px;
        text-align: center;
        padding:0px;
        margin-left:210px;
    }



a
{
    color: #ffffff;
}


H1
{
    font-weight: bold;
    font-size: 22px;
    color: #ffff66;
    font-family: arial;
    text-align: left;
    margin:0px;
    margin-bottom:10px;
}
H2
{
    font-weight: bold;
    font-size: 19px;
    color: #ffff66;
    font-family: arial;
    text-align: left;
}
H3
{
    font-weight: bold;
    font-size: 16px;
    color: #294293;
    font-family: arial;
    text-align: left;
    font-style: italic;
}
.skip
{
    DISPLAY: inline;
    LEFT: -1000px;
    OVERFLOW: hidden;
    WIDTH: 0px;
    POSITION: absolute;
    TOP: -1000px;
    HEIGHT: 0px
}
#map
{
    width:550px;
    height:400px;   
}
.Titel
{
    font-weight: bold;
    font-size: 14pt;
    color: #294293;
    margin-bottom: 10px;
    height: 22px;
}

img
{
    margin: 0px;
    margin-right:10px;
    margin-bottom:5px;
}


#containerSearch
{
    position:absolute;
    top:148px;
    width:150px;
    left:35px;
    margin-left:0px;
}

    
    
    








/*////////////////////////////////////////////////
/ STYLES FÜR BRANCHENBUCH (Branchenbuch2.asp)
////////////////////////////////////////////////*/

.divStores
{
    width: 710px;
    height:auto;
}
.divStore
{
    clear:both;
    width:710px;
    margin-bottom:20px;
    border: 1px solid #c0cad4;
	height:auto;
}
.divStoreName, .header
{
    background-color: #eaf4ff;
    padding: 5px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #3278c4;
}
.divStoreName:hover
{
    background-color: #3278c4;
    padding: 5px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: hand;
}
.divStoreName a, .header a
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #3278c4;
}
.divStoreName:hover a
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
.divStoreName a:hover, .header a:hover
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

.divStoreDetails
{
    margin-left:10px;
    position:relative;
    padding:5px;
    width: 490px;
    float:left;
    top:-20px;
}
.divStoreAdress
{
    margin-bottom:10px;
}
.divStorePics
{
    top:-20px;
    position:relative;
    width: 200px;
    float:right;
}
.divDetail
{
    margin-top:5px;
}
.divDetailName
{
    float:left;
    width:150px;
    clear:both;
}
.divDetailValue
{
    margin-left:150px;
}


.divStoreButtons
{
    z-index:20;
    position:relative;
    margin-left:410px;
    top:-32px;
    height:20px;
    width:300px;
    padding-top:5px;
}   
.icon    
{
    margin:1px;
    float:right;
}
 

       
       
       
/*////////////////////////////////////////////////
/ STYLES FÜR STORE DETAILS (StoreDetais.asp)
////////////////////////////////////////////////*/     
       
       
#divStoreNavi
{
    float:right;
    width: 150px;
    height:auto;
    background: url() #3278c4 no-repeat left bottom;
    padding:3px;
    margin-right:5px;
}
#divStoreNavi ul
{
    LIST-STYLE-TYPE: none;
    margin:5px;
}
#divStoreNavi ul li
{
    margin-bottom: 5px;
}
#divStoreNavi ul li a
{
    color: White;
    font-weight: bold;
    text-decoration: none;
}
#divStoreMain
{
    width:580px;
    padding-top:20px;
    height:auto;
}

#storeHeader
{
    margin:0px;
    margin-bottom:20px;
    background: url(/rua/ruav3_welcome_bg.png) no-repeat left bottom;
}
#storeHeader2
{
    width:738px;
    background-color:#CED8E2;
    margin-bottom:15px;
    border: dotted 1px;
    position:relative;
    top:31px;
}





/*////////////////////////////////////////////////
/ STYLES FÜR TERMINKALENDER (Stores) (/hp2/executes/exe_Terminkalender.asp)
////////////////////////////////////////////////*/ 

.divMain
{
    position:relative;
    width:580px;
    height:auto;
}
.divTerminNavi
{
    padding: 3px;
    left: 160px;
    width: 150px;
    color: white;
    position: relative;
    background: #6b89a7;
    float:right;
    top:150px;
    margin-right:-5px;
}
.divTermine
{
    position:relative;
    float:left;
    width:500px;
    height:auto;
    margin-right:-150px;
}
.divBorder
{
    border-right: #00513e 1px solid;
    border-top: #00513e 1px solid;
    border-left: #00513e 1px solid;
    width: 500px;
    border-bottom: #00513e 1px solid
}
#ErgebisSeiten
{
    margin-top: 10px;
}



/*////////////////////////////////////////////////
/ STYLES FÜR HOTELBUCHUNGEN (Stores) (/hp2/executes/exe_Terminkalender.asp)
////////////////////////////////////////////////*/ 

.hotelMainTable
{
    width:100%;
}




/*////////////////////////////////////////////////
/ STYLES FÜR STORE-DETAILS 
////////////////////////////////////////////////*/ 





.newsContainer, .offerContainer
{
    border: 1px solid #c0cad4;
    margin-bottom:15px;
}
.newsHeader, .offerHeader
{   
    background-color: #eeeeee;
    padding:5px;
}
    .newsHeader a, .offerHeader a
    {
        font-size: 14px;
        font-weight: bold;
        color: #0c254d;
        text-decoration: none;
    }
    .newsDate, .offerDate
    {
        float:right;
        margin-right:5px;
        margin-left:100px;
    }

.newsText, .offerText
{
    padding:5px;
    float:left;
    margin-top:4px;
    text-align:justify;
}
.newsPicture, .offerPicture, .newsDetailPicture
{
    padding:5px;
    float:right;
    width:auto;
    margin-left:10px;
    margin-bottom:10px;
}
.newsLink, .offerLink
{
    clear:both;
    margin-left:150px;
    position:relative;
}
.offerPrice
{   
    clear:both;
    color:Red;
    float:right;
    position:relative;
    margin-top:4px;
    margin-right:20px;
    margin-bottom:10px;
    font-size:15px;
    font-weight:bold;
}




/* Klassen für Veranstaltungskalender */

.termineHeader
{
    font-weight:bold;
}
.termineTermin
{
    clear:left;
    border-bottom: solid 1px #cccccc;
}
.termineCol1    /* Datum */
{   
    float:left;
    width:150px;
    padding:5px;
}
.termineCol2    /* Uhrzeit */
{
    float:left;
    width:0px;
    height:0px;
    padding:5px;
    visibility:hidden;
}
.termineCol3    /* Name */
{
    float:left;
    width:350px;
    padding:5px;
}









.bildRechts
{
    margin-left:15px;
    float:right;
}







/*////////////////////////////////////////////////
/ STYLES FÜR TERMINKALENDER (terminkalender_exec.asp)
////////////////////////////////////////////////*/ 

TR.header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    background: url() #c1144c no-repeat left bottom;
}
DIV.divBorder
{
    BORDER: #3278c4 1px solid;
    WIDTH: 500px;
    padding: 5px;
    margin-bottom:8px;
}
.terminTitel a
{
    font-size: 15px;
    text-decoration: none;
}
DIV.ErgebisSeiten
{
    TEXT-ALIGN: right
}
DIV.divTerminNavi
{
    PADDING: 5px;
    LEFT: 540px;
    WIDTH: 160px;
    COLOR: white;
    POSITION: absolute;
    TOP: 40px;
    background: url() #3278c4 no-repeat left bottom;
}
DIV.divMain
{
    WIDTH: 700px
}
TD.kalActiveDay
{
    WIDTH: 200px;
    BACKGROUND-COLOR: #90b7a8
}
TD.kalDay
{
    WIDTH: 200px;
    BACKGROUND-COLOR: #ffffff
}
.font_CalenderText
{
    FONT-SIZE: 8pt
}

.kalender
{
    background-color: #1e64aa;
    text-align: center;
    padding: 5px;
    width: 150px;
    margin: 0px auto;
}
.kalenderTitel
{
    font-weight:bold;
    font-size:14px;
    background-color: #3278c4;
}
.kalenderDayTitel
{
    font-weight:bold;
}
td.kalenderDay
{
    
    background-color: #3278c4;
    text-align: center;
}
td.kalenderDay:hover
{
    
    background-color: #99ccff;
    text-align: center;
}
td.kalenderDay a
{
    text-decoration:none;
}








.tableHeader
{
    background-color: #c1144c;
}




.divTopVeranstaltung
{
    width: 350px;
    float: left;
    border: 0px solid #eeeeee;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: justify;
}
    .divTopVeranstaltung img
    {
        margin:0px 10px 5px 0px;
    }
.clear
{
    clear:both;
    width:100%;
}

.divVersandhinweis
{
    text-align:right;
    font-size:10px;
}
.divTicketInfo
{
    font-weight:bold;
    margin-bottom:5px;
}
.divTicketDesc
{
}
.divTicketKaufen
{
    float:right;
    font-size:13px;
    font-weight:bold;
    margin-top:10px;
    color: #3278c4;    
}
.divTicketTitel
{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #3278c4;
    text-transform: uppercase;
    text-align:left;
    text-decoration:none;
}
.divTicketTitel a
{
    text-decoration:none;
}
.divTicketTitel a:hover
{
    text-decoration:underline;
}


.WerbeBanner
{
    margin-top:10px;
    
}

/*================================*/


BODY{
    font: myriad, myriad pro, arial, verdana, helvetica, sans-serif;
    margin: 3px;
    font-size: 12px;
    font-family: arial;
    background-color:#007bbb;
    color:White;
	}







/*Übersicht Veranstaltung*/












/*Einzelansicht Veranstaltung*/
.paragraph
{
    margin-bottom:10px;
}
.tParagraph
{
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #3278c4;
    text-transform: uppercase;
    text-align:left;
}
tr.header, .header
{
    background-color: #c1144c;
    padding: 5px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
a.t12{}

.divVersandhinweis
{
    text-align:right;
    font-size:10px;
}




/*Ticketshop Warenkorb*/

.divDetail
{
    margin-top:5px;
}
	.divDetailName
	{
		float:left;
		width:150px;
		clear:both;
	}
	.divDetailValue
	{
		margin-left:150px;
	}


.font_ErrorText{}


.trSecondRow
{
    background-color:#345c8d;
}

#StartseitenHinweis
{
    color:yellow;
    margin-bottom:10px;
    padding:5px;
    border:1px solid yellow;
    }




