﻿/*
  Registration.css - global stylesheet definitions
  (siehe "YellowMap Stylesheet Dokumentation")
*/
/* import stylesheet for Poi Controls */
h1
{
	font-size: 15px !important;	
}
h3
{
	padding: 3px 3px 3px 8px !important; 
	text-align: left; 
	font-size: 12px !important;	
	margin: 5px 0px !important;
}
h4
{
	font-size: 11px !important;	
}
h3.Premium
{
	border-top: solid 1px #cc0000;
	border-right: solid 1px #cc0000;
	border-bottom: solid 1px #cc0000;
	border-left: solid 5px #cc0000;
	background-color: #fadbdb;  
}
h3.Standard
{
	border-top: solid 1px #548ded;
	border-right: solid 1px #548ded;
	border-bottom: solid 1px #548ded;
	border-left: solid 5px #548ded;
	background-color: #D7E1F0;  
}
h3.Free
{
	border-top: solid 1px #888888;
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	border-left: solid 5px #888888;
	background-color: #f0f0f0;  
}
h3.RegioAd
{
	border-top: solid 1px #888888;
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	border-left: solid 5px #888888;
	background-color: #f0f0f0;  
}
address {
	font-style: normal;
}

#NavigationCountries, 
#NavigationCommerce,
#PartnerHead
{
	display: none;
}
.ContentBox
{
    position: relative;
    zoom: 1;
	width: auto;	
}
.FormBox
{
	width: auto;
}

#MainCol { margin-right: 7px; }

#GeocoderListBox
{
	display: block;
	width: 550px;	
	margin-top: 10px;
}
.MessageBox
{
	padding: 6px;
	border-top: none;
	border-right: solid 1px #aabed2;
	border-bottom: solid 1px #aabed2;
	border-left: solid 1px #aabed2;
	margin: 0px 0px 12px 0px;
	position: relative;
	background: #ffffff url(../Images/Generic/InfoBoxBackground.gif) repeat-x top left; 
}
.MessageBox p
{
	padding-top: 8px;
	padding-bottom: 8px;
	overflow: visible;
	font-weight: bold;
}

#SideColId
{
	margin-top: 15px;
}
.RegistrationBox /* Registration content box */
{
	background-color: #ffffff;
	padding: 0px;
	margin: 0px 7px 0px 0px;
	position: relative;
	width: 550px;
}

.RegistrationLeftCol
{
	width: 47%;
	padding-bottom: 20px;
}

.RegistrationRightCol
{
	width: 47%;
	position:absolute;
	z-index: 1;
	left: 50%;
}
.RegistrationSmallLeftCol
{
	width: 27%;
	padding-bottom: 20px;
}

.RegistrationHugeRightCol
{
	width: 67%;
	position:absolute;
	z-index: 1;
	left: 20%;
}
.InputTextFields
{
	width: 200px;
	background-color: #f9f9f9;	
	margin-right: 3px;
}
.InputTextFieldsSmall
{
	width: 80px;
	background-color: #f9f9f9;	
	margin-right: 3px;
}
.InputTextFieldsReadonly
{
	background-color: #f0f0f0;		
}
.RegistrationMiddleCol
{
	margin-top: -15px;
}
.RegistrationRadioButton
{
	margin-bottom: 15px;
}
.InvoiceRow
{
	position: relative;
	padding: 4px;
}
.InvoiceValue
{
	position: absolute; 
	right: 0px; 
	text-align: right;
}
#InvoiceAccount
{
	width: 450px;
	margin-top: 20px;
}
#InvoiceHead
{
	background-color: #ddd; 
}
#InvoiceFoot
{
	border-top: 1px solid;
	font-weight: bold;
}
#InvoiceSum
{
	border-bottom: 3px double; 
}
#RegistrationBackLink
{
	visibility: hidden;
}
#AccountData,
#InvoiceData
{
	display: block;	
}
#ConfirmData
{
	margin-top: 20px;	
}
#EntryConfirm, #EditorConfirm, #RegioAdConfirm
{
	width: 260px;
	margin-top: -10px;	
	margin-bottom: 10px;	
}
/*FS-Code*/
.FloatLeft
{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.Center
{
	margin-top: 5px;	
}
.Right
{
	margin-top: 5px;		
}
.ClearAll
{
	clear: both;
}
.Required
{
	font-weight: bold;	
}
.ProductInfoPageImage
{
	height: 40px;
	margin-top: 0px;
}
.Separator
{
	/*border-bottom: 2px solid #AABED2;
	border-bottom: 2px solid #D7E1F0;
	margin-top: 15px;*/
}
#ToolTip
{
	z-index: 2000;
	display: none;
	background-color: #fff;
	width: 180px;
	padding: 4px;
	position: absolute;
	border: solid 1px #AABED2;
}
#ToolTip div
{
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 3px;
}
#BackButton
{
	position: absolute;
	bottom: 7px;
	margin: 0px; 
	padding: 0px;
}
#ConfirmButton
{
	position: absolute; bottom: 0px; right: 0px;
}
#AGBConfirm
{
	position: relative;
	margin-top: 10px; 
}
#NewAddressEnd p
{
	margin-left: 10px;	
}
/* Produktauswahl */
#HeightValue
{
	position: relative;
	height: 620px;
	width: 620px;
	margin-top: 10px;
	padding: 0px;
}

#ProductStandard,
#ProductPremium,
#ProductFree
{
	background-color: #ffffff;
	border: solid 1px #aabed2;
	margin: 0px;
}

#ProductStandard { width: 300px; position: absolute; top: 0px; left: 0px; height: 420px; }
#PictureStandard { position: relative; background: url(../Images/Registration/ProductStandard.gif) no-repeat top left; width: 300px; height: 140px; }
#CHF690, #EUR390,#CHF1490 { background: url(../Images/Registration/Price_blue.png) no-repeat 0px 0px; position: absolute; top: -100px; left: 590px; width: 116px; height: 119px; }
#EUR1990,#EUR990,#CHF2990, #CHF1690 {background: url(../Images/Registration/Price_blue.png) no-repeat 0px 0px; position: absolute; top: -100px; left: 590px; width: 120px; height: 130px; }
#PriceFree { background: url(../Images/Registration/Price_grey.png) no-repeat 0px 0px; position: absolute; top: -100px; left: 590px; width: 116px; height: 119px; }

#ProductPremium { width: 300px; position: absolute; top: 0px; right: 0px; height: 420px; }
#PicturePremium { position: relative; background: url(../Images/Registration/ProductPremium.gif) no-repeat top left; width: 300px; height: 140px; }

#ProductFree { width: 620px; height: auto; position: absolute; top: 430px; left: 0px; }
#PictureFree { position: relative; background: url(../Images/Registration/ProductFree.gif) no-repeat top left; width: 300px; height: 105px;}
#PictureAddressDataChange { position: relative; background: url(../Images/Registration/ProductAddressDataChange.gif) no-repeat top left; width: 300px; height: 105px;}
#FreePriceD, #FreePriceA, #FreePriceCH { background: url(../Images/Registration/Price_grey.png) no-repeat 0px 0px; position: absolute; top: -70px; left: 590px; width: 88px; height: 87px; }

#BookingLinksPremium h2, #BookingLinksStandard h2 { text-align: center; white-space: nowrap; font-family: Arial; color:#fff; font-size: 15px; padding: 46px 0px 0px 10px;}
#PriceFree h2 { text-align: center; white-space: nowrap; font-family: Arial; color:#fff; font-size: 12px; padding: 48px 0px 0px 13px;}

.Featurelist { position: relative; margin-left: 10px; }
.Feature { position: relative; background: transparent url(../Images/Registration/ProductChecked.gif) no-repeat 0px 0px; padding: 0px 0px 0px 22px; }
.BookingLink { position: relative; margin-left: 0px; }

#ProductOrderButtonPremium, #ProductOrderButtonStandard, #ProductOrderButtonFree
{
	position: absolute; top: 20px; right: 200px; 
}


#ProductStandard .BookingLink,
#ProductPremium .BookingLink
{
	margin-top: 10px;
}

#FeaturelistFree { margin-left: 330px; width: 250px; }

#ProductDeleteText {}

.ProductOrderButton
{
	position: relative;
	margin-left: 10px;
}

#ProductFree .ProductOrderButton
{
	margin: 5px 0px 5px 0px;
}

#ProductStandard .ProductOrderButton,
#ProductPremium .ProductOrderButton
{
	margin-top: 15px;
}

#ProductDeletePhysicalButton,
#ProductOrderButtonBasic
{
	position: relative;
	margin: 0px 3px 0px 0px;
}

#ProductDeletePhysicalButton,
#ProductOrderButtonBasic
{
	margin: 0px 3px 0px 3px;
}

#ProductFree p
{
	position: relative;
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

#ProductDeleteYMButton
{
	display: none;	
}

#AsteriskText
{
	position: relative;
}

@media print {
	/* ... Formatdefinitionen zum Drucken ... */
	body 
	{
	background-color: #ffffff;
	}
	#HomeHeader,
	#HomeFooter,
	#TreeTruncNavigation
	{
		display: none;
	}
	.RegistrationBox
	{
		border: solid 0px #fff;
	}
}

#RegioAdContent 
{
    position: relative;
    zoom: 1;
    width: auto;
}

#RegioAdAffirmation h3
{
    padding: 0px !important;
}

#RegioAdAffirmation a
{
    font-weight: bold;
}

/* Vorschaubereich der RegioWerbung in der Registrierung */
#RegioAdPreview { position: absolute; top: 0px; right: 40px; }
#RegioAdPreview p { position: relative;	margin: 0px; padding: 0px; overflow: hidden; }
#NewAddressConfirm #RegioAdPreview { position: relative; top: 0px; left: 0px; width: 530px; }
#NewAddressConfirm #RegioAdPreview table { width: 100%; table-layout: fixed; }
#NewAddressConfirm #RegioAdPreview table td { vertical-align: top; }

/* Die Vorschauanzeige */
#RegioAdBox { position: relative; border: solid 1px #FFCC00; background-color: #FFFBF0; width: 238px; margin: 0px; padding: 4px; }
#RegioAdPreviewTitle,
#RegioAdPreviewAlias { position: relative; font-size: 12px; font-weight: bold; }
#RegioAdForm { position: relative; }
#RegioAdForm form,
#RegioAdLoginForm form { margin: 0px; padding: 0px; }
#RegioAdLoginForm { position: relative; height: 60px; }
#RegioAdLoginFormLeftCol,
#RegioAdLoginFormRightCol { position: absolute; width: 200px; left: 200px; }
#RegioAdLoginFormRow { position: absolute; bottom: 0px; left: 0px; }
#RegioAdLoginFormSubmitButton,
#RegioAdFormSubmitButton { position: absolute; bottom: 10px; right: 10px; font-family: Tahoma, Arial, Sans-Serif, Helvetica; font-size: 12px; }
a.RegioAdFormStepBackLink { position: absolute; bottom: 10px; right: 70px; font-size: 12px; }

#ProductSelectInformationText { font-size: 11px; font-weight: normal; padding-bottom: 8px; }
#ProductSelectInformationHeadline { font-size: 16px; font-weight: bold; padding-bottom: 8px; }
#ProductAssistantInformationHeadline { font-size: 14px; font-weight: bold; padding-bottom: 8px; }
#ProductAssistantInformation h2 { font-size: 16px; margin: 5px 0px;}
#ProductAssistantInformation li { font-size: 13px; margin: 5px 0px;}
#ProductAssistantInformation a { font-weight: bold;}
#RegioAdPreviewCost { position: absolute; top: 110px; padding: 3px; text-align: right; border: double 3px; width: 200px; }
#RegioAdPreviewCostHeadline { text-align: center; font-weight: bold; background-color: #006; color: #fff; }
#RegioAdPreviewCost span { font-weight: bold; }

#RegistrationContentBox { position: relative; background-color: #fff; }
#TreeTruncNavigation { margin-bottom: 10px; }

.FormBack { }

.ButtonNext { position: relative; float: right; }
.ButtonNext span { }
.ButtonBack { }
.ButtonBack span { }
.ButtonSearch { }
.ButtonSearch span { }


/** html .Price
{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "../Images/Generic/Blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}*/

.ProductList { position: relative; zoom: 1; }

.ProductListRow
{
    position: relative !important;
    clear: both;
    padding: 2px 0px 0px 0px;
}

* html .ProductListRow
{
    position: relative;
    clear: both;
    padding: 0px;
    margin-top: 2px;
    height: 2px;
}

.ProductList .Description
{
    width: 43%;
}

.ProductList .Col1,
.ProductList .Col2,
.ProductList .Col3
{
    width: 18%;
    text-align: center;
}

.ProductList .Prices .Col1,
.ProductList .Prices .Col2,
.ProductList .Prices .Col3
{
    padding-left: 10px;
    width: 16.6%;
}

* html .ProductList .Prices .Col1,
* html .ProductList .Prices .Col2,
* html .ProductList .Prices .Col3
{
    padding-left: 13px;
}

.Prices .ProductListColumn
{
	border:none;
	margin:2px;
	background:none;
	text-align:center;
}

.Prices .ProductListColumn span{line-height:normal;}
.Prices .ProductListColumn span.Price
{
	background:transparent url(../Images/Registration/Price_blue.gif) no-repeat top center;
	height:80px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
	padding-top:13px;
}

.Prices .ProductListColumn span.Price span
{
	font-size:1.2em;
}

.Prices .Button-Big
{
	padding:0 5px 0 5px;
}

.GreenCheckMark
{
	margin:5px auto 5px auto;
}

.RedCheckMark
{
	margin:5px auto 6px auto;
}

.InfoMark
{
    background: transparent url(../Images/Sprites/sprites_master.png) no-repeat top left;
    background-position: 350px -5331px !important;
}

.ProductListColumn 
{
    position: relative;
	background: transparent url(../Images/Header/TabUnSelected.gif) repeat-x; 
	list-style: none outside none;
	padding: 0;
	border: solid 1px #CCC;
	z-index: 1;
	float: left;
	margin: 0px 2px 0px 0px;
}

* html .InfoMark 
{
    background: transparent url(../Images/Sprites/sprites_master.gif) no-repeat top left;
}

.ProductListRow span,
.ProductListColumn a { display: block; line-height: 29px; padding: 0px 10px; }

.New { display: block; position: absolute; padding: 0; width: 22px; height: 22px; top: 3px; right: 50px; }
