/*
* Diese CSS-Datei, wird bei allen Buchungskalkulatoren eingebunden!
* @author punger
* 
*/

.pbm {
	padding-bottom: 5px;	
}


#anzahlungsbetrag_min_max,
#mpay24_logo,
#mpay_finished_buttons a,
.button_link,
.zusatzinfo_bild,
#mpay24_cc_full img {
	float:right;	
}


#mpay_finished_buttons a:first-child,
#mpay_finished_text,
.show_details,
.show_details_content,
.teasertext_content,
.button_left,
.button_right_arrow,
.button_right,
#mpay24_cc,
.button_left_arrow,
#mpay24_cc_full {
	float:left;
}

#quotation_transaction_error {
	border: 2px solid red;
	font-size: 12px;
	padding: 10px;
	background-color: #EABEBE;
	font-weight: bold;
}

.show_details {
    display: block;
    font-size: 10px;
    margin-right: 10px;
    width: 40px;
}

.show_details_content {
    height: 29px;
    width: 78px;
    margin-right: 7px;
}

div.box {
	margin-bottom: 3px!important;	
}

.teasertext_content {
    width: 227px;
    border-left: 1px dotted white;
    padding-left: 8px;
}

div.button > img,
img.info_button {
	cursor: pointer;	
}

div.info_textoben {
	padding-top: 0px!important;	
}

table.tabelle {
	margin-bottom: 10px;
	padding-top:5px;
	width:100%;	
}
.zusatzinfo_bild {
	border: 5px solid white; 
	width:109px; 
	height:84px; 
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #777;
	-webkit-box-shadow: 3px 3px 4px #777;
	box-shadow: 3px 3px 4px #777;
	/* For IE 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777')';
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#777777');
}

.shadow_dark {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	/* For IE 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333')';
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333333');
}

div.zusatzinfo_zimmer {
	background-color: #FFFFFF;
	border: 1px solid black;
	position:absolute;
	left: 220px;
	display:none;
	padding: 5px;
	z-index:100;
	max-width: 500px;
}

a,
div.header {
	cursor: pointer;	
}

span.reiter_nummer {
	line-height: 17px;
	margin-left: 5px;
	font-size: 10px;
}

span.reiter_text {
	color: #FFF;
	margin-left: 10px;	
	font-size: 10px;
}

.button_left {
    color: #333333;
    font-size: 10px;
    line-height: 19px;
    padding: 0 0 0 8px;
    text-transform: uppercase;
}

.button_right_arrow {
	height: 19px;
	width: 26px;
}

.button_right {
	color: #333333;
    font-size: 10px;
    line-height: 19px;
    padding: 0 10px 0 5px;
    margin-right: 5px;
    text-transform: uppercase;
}

.button_left_arrow {
	height: 19px;
	width: 15px;
}

.clearfix:after {
	content: 'xxx';
	display:block;
	visibility: hidden;
	height:0;
	clear: both;
}
.clearfix {
	*min-height:1%;
	overflow:hidden;
	display: inline-block; /*IE:has layout triggern*/
	display: block;		   /*IE:wieder zur�cksetzen*/
}

div.button > a ,
div.button > a:hover {
	text-decoration: none;	
}

.button_link {
	color: white; 
	text-decoration: none; 
	margin: 12px 0 9px 0;
}
.button_link:hover {
	text-decoration:none;
}

.marginRight {
	margin-right: 3px;	
}

img.tooltip_button {
	display:block;
}

.links {
	padding-right: 5px;	
}

#mpay24_payment,
#mpay_anzahlung {
	width: 320px;
}

#mpay24_payment {
	display:none;
	border: 1px solid lightgray;
	margin: 12px 0 0 6px;
	padding: 8px 0 4px 0;
}

#mpay24_logo {
	margin-right: 6px;
	padding-top: 3px;
}

#mpay24_img {
	height: 14px;
}


#roomnr_selection,
.mpay_laden {
	width: 330px;
}

.section {
    width: 340px;
}

#mpay24_cc {
	margin: 10px 0 0 0;	
}

#mpay_rechts,
#mpay24_payment {
	background: white!important;	
}

#mpay_anzahlung {
	margin-left: -2px;	
}

#anzahlung_betrag {
	text-align: right;
	padding-right: 3px;
	margin-bottom: 6px;
}

#mpay24_cc img,
#mpay24_img,
#mpay24_logo a {
	border: 0;
}

#anzahlungsbetrag_min_max {
	font-size: 10px;	
	margin-top: 4px;
}

#roomnr_selection {
	margin-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
	padding-left: 3px;
}

.section {
	padding: 5px 0px;
}

.tableAlign {
	vertical-align: top;	
}

.additional_stuff {
	background: #FFF;
	color: #000;	
}

.additional_stuff td {
	padding: 8px 5px;
}

.additional_stuff_table {
	margin-top: 5px;	
}

.borderBottom {
	border-bottom: 1px dotted white;	
}

#mpay_finished,
#mpay_error,
#mpay24_payment_full  {
	display:none;
}

.mpay_laden {
	display: none;
	position: fixed;
	left: 120px;
	top: 45px;
	height: 160px;
	background-color: #EFEADB;
	border: 5px solid white;
	text-align: center;
	vertical-align: middle;
	padding: 60px 25px 0;
	font-size: 12px;
	z-index:6;
}

#mpay_finished_text {
	margin-bottom: 40px;
}

span.reiter_text {
	text-transform: uppercase;	
}

#mpay_error_text {
	margin-bottom: 20px;	
}

#mpay_error_button {
	display:block;
	position:absolute;
	right: 0;
	bottom: 0;
	margin-right: 15px;
	margin-bottom: 11px;
}

#mpay24_cc_full {
	margin: 0;
	width: 326px;
}

#mpay24_cc_full img {
	margin-left: 5px;	
}

.persoenliche-daten input.datum {
	width: 125px;
	text-align: left;
}
#buchen-buttons-back {
	float: none;
	display: block;
	height: 30px;
}
#buchen-buttons {
	margin-left: 3px;
}
#buchen-buttons a:last-child {
	float: right;
}

.ortsabgabe-infotext {
	display: block;
	padding: 5px 0px 5px 10px;
}


div.children-ages {
    float: left;
    max-width: 80px;
    padding: 8px 5px 0 3px;
}
table.children-ages-select {
    display: block;
}