/* Alpincenter.com Base Stylesheet */

*															{margin: 0px; padding: 0px;}

.clearboth													{clear: both;}

body														{background-color: #3b8be8; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1															{margin: 0px 0px 15px 0px; font-size: 16px; font-weight: bold; color: #3366ff;}
h2															{margin: 0px 0px 15px 0px; font-size: 16px; font-weight: bold; color: #3366ff;}
h3															{margin: 0px 0px 15px 0px;}
h4															{margin: 0px 0px 15px 0px;}
h5															{margin: 0px 0px 15px 0px;}
h6															{margin: 0px 0px 15px 0px;}
p															{margin: 0px 0px 15px 0px; line-height: 16px; color: #333333;}
a															{color: #cc0000; text-decoration: none;}
a:hover														{color: #cc0000; text-decoration: underline;}
ul															{}
li															{}

img															{border: none;}

#alpinBody													{width: 100%; background-repeat: no-repeat;}

#alpinPageBody												{width: 890px; margin: 0px auto 0px auto; text-align: left;}
#alpinHeader												{width: 856px; height: 234px; background-image: url(../img/headerBackgrounds/headerBackgroundHome.png); padding: 4px 17px 0px 17px;}
*html #alpinHeader											{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/headerBackgrounds/headerBackgroundHome.png');}
#alpinHeaderInner											{width: 856px; height: 212px; background-image: url(../img/headerBackgrounds/headerBackgroundHome.jpg);}

#alpinLogo													{position: relative; left: 8px; top: 89px; width: 189px; height: 119px; background-image: url(../img/alpinLogoHW.png); float: left;}
#alpinLogo a												{display: block; height: 119px;}
#alpinLogo a:hover											{text-decoration: none;}

#alpinNewsletter											{position: relative; left: 85px; top: 9px; float: left;}
#alpinNewsletter form.newsletterField						{display: block;}
#alpinNewsletter label										{float: left; padding: 0px 5px 0px 0px; color: #ffffff; line-height: 20px;}
#alpinNewsletter input.newsletterFieldButton				{float: left;}
#alpinNewsletter input.newsletterFieldInput					{width: 140px; height: 16px; font-size: 11px; line-height: 16px;}

#alpinSearch												{position: relative; left: 90px; top: 9px; float: left;}
#alpinSearch form.searchField								{display: block;}
#alpinSearch input.searchFieldButton						{float: left;}
#alpinSearch input.searchFieldInput							{width: 140px; height: 16px; font-size: 11px; line-height: 16px;}

#alpinLanguage												{position: relative; left: 105px; top: 9px;}
*html #alpinLanguage										{float: left;}
#alpinLanguage ul.langNav									{list-style-type: none;}
#alpinLanguage li.langNavObj								{float: left; margin: 0px 4px 0px 0px;}
#alpinLanguage a.langNavLinkDanmark							{display: block; width: 32px; height: 21px; background-image: url(../img/buttonLangDanmark.jpg);}
#alpinLanguage a.langNavLinkGerman							{display: block; width: 32px; height: 21px; background-image: url(../img/buttonLangGerman.jpg);}
#alpinLanguage a.langNavLinkEnglish							{display: block; width: 32px; height: 21px; background-image: url(../img/buttonLangEnglish.jpg);}
#alpinLanguage a.langNavLinkNederlands						{display: block; width: 33px; height: 21px; background-image: url(../img/buttonLangNederlands.jpg);}

#baseLayer													{position: relative; width: 890px;}
#mainNav													{width: 870px; height: 45px; background-image: url(../img/homeMainNavBackground.png); padding: 6px 7px 0px 13px;}
*html #mainNav												{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeMainNavBackground.png');}

#mainNav ul.mainNavList										{position: relative; width: 100%; height: 45px; margin: 0px; padding: 0px; background-image: url(../img/mainNavBottomSpacer.png); background-position: bottom; background-repeat: repeat-x; list-style-type: none;}
#mainNav ul.mainNavList li									{float: left; background-image: none; padding: 0px; margin: 0px;}
#mainNav ul.mainNavList li a								{line-height: 35px; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 12px; text-decoration: none;}
#mainNav li.mainNavObj1	a									{display: block; width: 129px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj1.gif);}
#mainNav li.mainNavObj2	a									{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj2.gif);}
#mainNav li.mainNavObj3	a									{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj3.gif);}
#mainNav li.mainNavObj4	a									{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj4.gif);}
#mainNav li.mainNavObj5	a									{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj5.gif);}
#mainNav li.mainNavObj7	a									{display: block; width: 70px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj7.gif);}
#mainNav li.mainNavObj8	a									{display: block; width: 143px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj8.gif);}
#mainNav li.mainNavObj9	a									{display: block; width: 168px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj9.gif);}

#mainNav li.mainNavObj1	a:hover								{display: block; width: 129px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj1Hover.gif);}
#mainNav li.mainNavObj2	a:hover								{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj2Hover.gif);}
#mainNav li.mainNavObj3	a:hover								{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj3Hover.gif);}
#mainNav li.mainNavObj4	a:hover								{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj4Hover.gif);}
#mainNav li.mainNavObj5	a:hover								{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj5Hover.gif);}
#mainNav li.mainNavObj7	a:hover								{display: block; width: 70px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj7Hover.gif);}
#mainNav li.mainNavObj8	a:hover								{display: block; width: 143px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj8Hover.gif);}
#mainNav li.mainNavObj9	a:hover								{display: block; width: 168px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj9Hover.gif);}

#mainNav li.mainNavObj1	a.mainNavLinkActive					{display: block; width: 129px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj1Active.gif);}
#mainNav li.mainNavObj2	a.mainNavLinkActive					{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj2Active.gif);}
#mainNav li.mainNavObj3	a.mainNavLinkActive					{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj3Active.gif);}
#mainNav li.mainNavObj4	a.mainNavLinkActive					{display: block; width: 95px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj4Active.gif);}
#mainNav li.mainNavObj5	a.mainNavLinkActive					{display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj5Active.gif);}
#mainNav li.mainNavObj7	a.mainNavLinkActive					{display: block; width: 70px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj7Active.gif);}
#mainNav li.mainNavObj8	a.mainNavLinkActive					{display: block; width: 186px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj8Active.gif);}
#mainNav li.mainNavObj9	a.mainNavLinkActive					{display: block; width: 125px; height: 35px; background-image: url(../img/mainNavButtonsHW/mainNavObj9Active.gif);}

#contentLayer												{width: 870px; background-image: url(../img/homeContentBackground.png); background-repeat: repeat-y; padding: 0px 7px 0px 13px;}
*html #contentLayer											{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeContentBackground.png', sizingMethod='scale');}

#contentSide												{position: relative; width: 870px;}
*html #contentSide											{}

#content													{position: relative; padding: 0px 14px 0px 13px;}
*html #content												{padding: 0px;}

*html #homeFlashStage {margin-left: 0px!important;}

#onlineBookingHome											{position: absolute; padding: 15px 0px 0px 7px; z-index: 15;}
#onlineBookingHome a:hover img								{filter:Alpha(opacity=80, finishopacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

#homeFlash													{margin: 0px 0px 0px -13px;}
*html #homeFlash											{margin: 0px;}

#footerLayer												{width: 870px; height: 55px; background-image: url(../img/homeFooterBackground.png); background-repeat: repeat-y; padding: 0px 7px 0px 13px;}
*html #footerLayer											{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeFooterBackground.png');}

#footerLayer ul.footerNavList								{position: relative; list-style-type: none; padding: 32px 0px 0px 10px;}
#footerLayer li.footerNavObj								{position: relative; float: left; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; border-right: #333333 solid 1px; background-image: none;}
#footerLayer li.footerNavObjLast							{position: relative; float: left; margin: 0px 5px 0px 0px; padding: 0px; border-right: none; background-image: none;}
#footerLayer li a											{color: #333333; text-decoration: none;}




/* tt_news Einstellungen */

div.newsTeaser												{display: block; margin: 0px -14px 0px -13px;}
div.newsTeaserOverLayer										{display: block; padding: 10px 0px 10px 10px;}
div.newsTeaserCutter										{display: block; height: 26px; background-image: url(../img/contentCutter.png); background-repeat: repeat-x;}
div.newsTeaserCutter a										{display: block; width: 104px; height: 26px; background-image: url(../img/buttonMoreNews.gif); background-repeat: no-repeat; float: right; padding: 0px 0px 0px 40px; line-height: 26px; font-size: 12px; color: #ffffff; font-weight: normal;}
div.newsTeaserCutter a:hover								{text-decoration: none;}
div.newsTeaserLayer											{display: block; width: 410px; height: 110px; border: 1px solid #c0c0c0; margin: 0px 11px 10px 0px; float: left;}
*html div.newsTeaserLayer									{margin: 0px 0px 0px 11px;}
div.newsTeaserImage											{width: 110px; height: 110px; margin: 0px 10px 0px 0px; float: left;}
div.newsTeaserImage img										{width: 110px; height: 110px;}
div.newsTeaserText											{display: block; width: 280px; float: left; padding: 0px 10px 0px 0px;}
h3.newsTeaserHeadline										{font-size: 13px; line-height: 18px; color: #3366ff; font-weight: bold; display: block; margin: 0px 0px 0px 0px;}
h3.newsTeaserHeadline a										{font-size: 13px; line-height: 18px; color: #3366ff; font-weight: bold; display: block; margin: 0px 0px 0px 0px;}
h3.newsTeaserHeadline a:hover								{text-decoration: none;}
div.newsTeaserBody											{display: block; color: #333333; font-weight: normal; font-size: 11px;}
div.newsTeaserBody p										{display: inline; line-height: 15px;}
div.newsTeaserBody a										{display: inline; color: #cc0000; font-size: 11px; line-height: 22px; text-decoration: none; padding: 0px 0px 0px 16px; background-image: url(../img/buttonReadMore.gif); background-position: 0px 2px; background-repeat: no-repeat;}
div.newsTeaserBody a:hover									{display: inline; color: #cc0000; font-size: 11px; line-height: 22px; text-decoration: underline; padding: 0px 0px 0px 16px; background-image: url(../img/buttonReadMore.gif); background-position: 0px 2px; background-repeat: no-repeat;}