/* 
    Document   : layout.css
    Created on : 10.12.2009, 16:16:58
    Author     : abuchenscheit
*/


body {
    background:		    url(/images/layout/background.gif) transparent left top repeat-x;
    background-color:       #e9e9e9;
    margin:                 0px;
    width:                  100%;
}

p {
    margin:                 0px;
    margin-bottom:          15px;
    padding:                0px;
}

.hidden {
    display: none;
}

#shadow{
    padding:                0px;
    background:             transparent url(/images/layout/main_repeat.gif) top center repeat-y;
    width:		    976px;
    text-align:             center;
    margin:		    0px auto;
}

#shadowcontainer{
    background:		    transparent url(/images/layout/main_bg.gif) top left no-repeat;
    width:		    976px;
    margin:		    0px auto;
    padding:		    0px;
    overflow:	            visible;
}


#shadowheader{
    background:		    url(/images/layout/shadow_header.gif) transparent top left no-repeat;
    width:		    976px;
    height:		    36px;
    margin:		    0px auto;
    padding:		    0px;
    overflow:		    hidden;
}

#container{
    text-align:		    left;
    overflow:		    visible;
    width:		    918px;
    margin:		    0px auto;
    padding:                0px;
    background-color:	    #f5f5f5;
}

#shadowbottom{
    background:		    url(/images/layout/shadow_bottom.gif) no-repeat;
    width:		    975px;
    /*IEFIX*/
    background-color:       #e9e9e9;
    /*ENDE IEFIX*/
    height:		    82px;
    margin-top:             6px;
    background-position:    top;
}

#bottomLinks{

    text-align:             center;
    color:                  #444444;
    padding-top:            20px;
    padding-bottom:         30px;
}

#bottomLinks a{
    color:                  #444444;
}

#header{
    text-align:		    center;
}

#headerbox{
    margin-left:	    13px;
    width:		    891px;
}

#headercontent{
    height:		    98px;
}

#mainheader{
    height:                 98px;
    background:             url(/images/layout/mainheader.jpg) no-repeat;
    margin-left:            13px;
}

#tickets{
    position:               absolute;
    margin-left:            781px;
    margin-top:             57px;
    width:		    182px;
    height:		    122px;
    background:             url(/images/layout/tickets.png) no-repeat;
}

#leftcol{
    float:		    left;
}

#rightcol{
    float:		    right;
    text-align:             center;
    margin-right:           14px;
    margin-left:            14px;
}

div.boxHeader {
    background:		    url(/images/layout/box/stroke_box.png) repeat-y;
}

div.box {
    background:		    url(/images/layout/box/stroke_box.png) repeat-y;
    background-color:	    #ffffff;
}

div.boxNorth {
    background:		    url(/images/layout/box/stroke_box.png) right repeat-y;
}

div.boxWest {
    background:		    url(/images/layout/box/stroke_box.png) repeat-x;
}

div.boxSouth {
    background:		    url(/images/layout/box/stroke_box.png) bottom repeat-x;
}

div.boxLeftTop {
    background:		    url(/images/layout/box/tl_corner.gif) left top no-repeat;
}

div.boxRightTop {
    background:		    url(/images/layout/box/tr_corner.gif) right top no-repeat;
}

div.boxLeftBottom {
    background:		    url(/images/layout/box/bl_corner.gif) left bottom no-repeat;
}

div.boxRightBottom {
    background:		    url(/images/layout/box/br_corner.gif) right bottom no-repeat;
}

#seller{
    width:		    243px;
    text-align:             left;
}

.infoBox{
    margin-top:             -3px;
}

.infoText {
    text-align:		    left;
    margin-left:            15px;
    margin-right:           15px;
    padding-top:            15px;
    padding-bottom:         15px;
}

.infoBoxLabel{
    margin:                 0px;
    padding:                0px;
    margin-left:            15px;
}

img.payment_icon {
    max-width: 25px;
    margin-bottom: -2px;
}

.inputRow {
    margin: 5px 0;
    display: block;
}

#visa_master_giropay{
   margin:                  14px 0px;
}


#advantages{
    width:		    242px;
    margin-top:             5px;
    text-align:             left;
}

ul.check{
    margin:                 0px;
    padding:                0px;
    padding-left:           28px;
}

ul.check li{
    list-style-image:       url(/images/icons/check.jpg);
    padding-bottom:         5px;
    margin-left:            0px;
}

#contact{
    font-size:		    14pt;
    margin-top:		    22px;
    text-align:		    center;
}


#contentbox{
    width:		    634px;
    margin-left:	    13px;
    margin-top:		    13px;
    overflow:		    hidden;
}


#content{
    min-height:		    400px;
    text-align:		    left;
    padding-bottom:         15px;
    overflow:		    hidden;
}

#steps{
    padding-left:	    28px;
    padding-top:            15px;
    background:		    url(/images/buyer/steps/steps_bg.png)
			    no-repeat
			    top;
    border-bottom:          1px dotted #353535; 
}

#eventContent{
    padding:                25px 20px 0px 24px;
    overflow:             hidden;
}

#eventPic{
    margin-top:             3px;
    margin-right:           20px;
    margin-bottom:          10px;
    max-width:              180px;
}

.priceTable2{
    margin-top:		    15px;
}

.priceTable2 th,.priceTable2 td{
    vertical-align:	    top;
    padding-right:	    20px;
}

.priceTable th,.priceTable td{
    vertical-align:	    top;
    padding-right:	    20px;
    padding-bottom:	    5px;
}

.priceTable td.sum{
    padding-top:            5px;
    border-top:             1px solid #aaaaaa;
}

.tdDescription{
    text-align:		    right;
    padding-right:	    10px;
    width:		    150px;
}

a img {
    border:0px;
}

/* font spaces */
#path{
    margin:                 0px;
    margin-bottom:          15px;
}

h2{
    margin:                 0px;
    margin-bottom:          10px;
}

h3{
    margin-top:             20px;
    margin-bottom:          10px;
}

h3.boxHeader{
    margin-left: 15px; 
}

.tab{
    margin-left:            50px;
}

.stepheader{
    font-weight:            bold;
    margin-top:             20px;
    margin-bottom:          7px;
}

.singleStep{
    height: 14px; 
    float: left;   
    padding-bottom: 6px; 
    color:#989898;      
    font-size: 11px;
    font-weight: bold;
}

.singleStepActive{
    height: 14px; 
    float: left;   
    padding-bottom: 4px; 
    color: #fc8300;   
    font-size: 11px;
    font-weight: bold;
}

.stepCircle{
    border-radius: 50%; 
    width: 14px; 
    height: 14px; 
    border: 1px solid #989898; 
    margin-top: -1px;
    text-align: center; 
    float: left; 
    margin-right: 5px;      
    color:#7b7b7b;         
}

.standard td{
    padding-right:          20px;
    padding-bottom:         4px;
}

.faq_topic{
    margin-top:             20px;
    color:		    #333333;
    font-size:		    12px;
    font-weight:	    bold;
    margin-bottom:          7px;
}

.faq_question{
    margin-left:            40px;
    margin-bottom:          2px;
}

.faq_answer{
    margin-left:            52px;
    padding-bottom:         15px;
    margin-bottom:          0px;
    display:                none;
}

.inputContact{
	width:230px;
}

input, select, textarea {
    color:		    #444444;
    border:                 1px solid #AAAAAA;
}

input.error, select.error, textarea.error {
    border:                 1px solid red;
}

input[type=checkbox], input[type=radio] {
    border:                 0;
}

.contactTable td{
    padding-bottom:         2px;
    padding-top:            2px;
    padding-right:          20px;
}

.eventListItem{
    background:             #e7e7e7 url(/images/buyer/layout/background_overview_divs.jpg) 50% 50% repeat-x;
    width:                  235px;
    height:                 225px;
    font-size:		    12px;
    padding:		    10px;
    overflow:               hidden;
    cursor:		    pointer;
    border:                 1px solid #d1d1d1;
    -moz-border-radius:     4px;
    -webkit-border-radius:  4px;
    text-align:             center;
}

.eventListItem:hover{
    background:             #fafafa;
}

.orange_button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb34f), color-stop(1, #ff9100) );
	background:-moz-linear-gradient( center top, #ffb34f 5%, #ff9100  100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb34f', endColorstr='#ff9100');
	background-color:#ff9100;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#333333 !important;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:29px;
	line-height:26px;
	width:157px;
	text-decoration:none;
	text-align:center;
        cursor: pointer;
}
.orange_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #febb63), color-stop(1, #ff9c1a) );
	background:-moz-linear-gradient( center top, #febb63 5%, #ff9c1a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#febb63', endColorstr='#ff9c1a');
	background-color:#ffb34f;
	color:#222222;        
        text-decoration: none;
}

.orange_button:active {
	position:relative;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9100), color-stop(1, #ffb34f) );
	background:-moz-linear-gradient( center top, #ff9100 5%,#ffb34f  100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9100', endColorstr='#ffb34f');        
}

.orange_button:focus {
    outline:none;
}

.orange_button:link{
    color:#222222;        
    text-decoration: none;    
}

.orange_button:visited{
    color:#222222;        
    text-decoration: none;    
}

.orange_button:disabled {
	position:relative;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fec881), color-stop(1, #ffd9a8) );
	background:-moz-linear-gradient( center top, #fec881 5%,#ffd9a8  100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec881', endColorstr='#ffd9a8');        
        color: #838383;
}

.block_link{
    display: block;
    padding-top: 2px;
    height: 27px;
}

.bigFormField{
    height:                 31px;
    font-size:              16px;
    padding-left:           5px;
    
}

#resendButton {
    display: none;
    margin-top: 15px;
}