﻿/*
###################################
	Scrollproperties, HTML
###################################
*/
html
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}

/*
###################################
	Body
###################################
*/
body 
{
	padding: 0px;
	margin: 0px;
	background-color: #197fb1;
    background-image: url('../images/design/background/body.png');
    background-repeat: repeat-x;
    background-position: top left;
}

/*
###################################
	Wrapper
###################################
*/
#Wrapper 
{ 
	width: 984px;
	padding: 0px;
	margin: 0px;
	margin: 0px auto;
	position:relative;
}
/*
###################################
	Header
###################################
*/
#Header 
{ 
	width: 984px;
	padding: 0px;
	margin: 0px;
	height: 137px;
}
#HeaderLeft 
{ 
	float: left;
	width: 6px;
	padding: 0px;
	margin: 0px;
	height: 137px;
	background-image: url('../Images/Design/Background/header_left.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#HeaderRight 
{ 
	float: left;
	width: 6px;
	padding: 0px;
	margin: 0px;
	height: 137px;
	background-image: url('../Images/Design/Background/header_right.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#HeaderSpan
{ 
	float: left;
	width: 972px;
	padding: 0px;
	margin: 0px;
	height: 137px;
	background-image: url('../Images/Design/Background/header.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: White;
}

/*
###################################
	Headerlogo
###################################
*/
#HeaderLogo
{ 
	width: 228px;
	height: 90px;
	float: left;
}
#HeaderLogoPaddding
{ 
	padding-left: 30px;
	padding-top: 23px;
}

/*
###################################
	HeaderLanguage
###################################
*/
#HeaderLanguagePlate
{ 
	width: 154px;
	height: 28px;
	float: left;
}
#HeaderLanguagePlatePadding
{ 
	padding-left: 33px;
	padding-top: 26px;
}
.HeaderLanguageItem
{ 
	float: left;
	width: 40px;
	height: 32px;
}

/*
###################################
	HeaderWeather
###################################
*/
#HeaderWeatherPlatePadding
{ 
	width: 162px;
	padding-top: 13px;
	float: right;
}
#HeaderWeatherPlate
{ 
	width: 162px;
	height: 114px;
	background-image: url('../Images/Design/Background/header_weather.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#HeaderWeather
{
	height: 77px;
	width: 162px;
}
#HeaderWeatherPadding
{
	padding-left: 4px;
	padding-top: 5px;
}
.HeaderWeatherItem
{
	float: left;
	width: 52px;
	text-align: center;
}
.HeaderWeatherItemImage
{
	width: 32px; height: 32px;
}
.HeaderWeatherItemDate
{
	font-size: 10px;
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
	line-height: 14px;
}
.HeaderWeatherItemTemp
{
	font-size: 10px;
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
	line-height: 14px;
	padding-top: 3px;
}
#HeaderWeatherButtons
{
	height: 29px;
	width: 162px;
}
.HeaderWeatherButtonItem
{
	float: left;
	padding-left: 15px;
	height: 29px;
}

/*
###################################
	HeaderMenuPlate
###################################
*/
#HeaderMenuPlate
{ 
	width: 759px;
	height: 120px;
	float: left;
}

/*
###################################
	HeaderMenuShortcuts
###################################
*/
#HeaderMenuShortcuts
{ 
	height: 33px;
	float: right;
	margin-right: 70px;
}
#HeaderMenuShortcutLeft
{ 
	width: 9px;
	height: 33px;
	float: left;
	background-image: url('../Images/Design/Background/header_shortcut_left.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#HeaderMenuShortcutRight
{ 
	width: 10px;
	height: 33px;
	float: left;
	background-image: url('../Images/Design/Background/header_shortcut_right.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#HeaderMenuShortcutSpan
{ 
	height: 33px;
	float: left;
	background-image: url('../Images/Design/Background/header_shortcut_span.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}
.HeaderMenuShortcutItem
{
	float: left;
	font-size: 11px;
	line-height: 26px;
	padding-left: 6px;
	padding-right: 9px;
}
.HeaderMenuShortcutItemLanguage
{
	padding-right: 0px;
}
.HeaderMenuShortcutItemLanguageImage
{
	float: left;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 4px;
}
.HeaderMenuShortcutItemSpacer
{
	height: 33px;
	width: 2px;
	float: left;
	background-image: url('../Images/Design/header/shortcut/spacer.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

/*
###################################
	Menu
###################################
*/
#Menu
{
	float: left;
	width: 777px;
	height: 47px;
}
#MenuPadding
{
	padding-left: 16px;
	padding-top: 21px;
}
ul#MenuList
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	height: 26px;
}
ul#MenuList li
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	height: 26px;
	display: inline;
	padding-bottom:0px;	
	padding-top:0;
}
.MenuItemStart
{
	width: 84px;
	height: 26px;
}
.MenuItemCamping
{
	width: 76px;
	height: 26px;
}
.MenuItemConference
{
	width: 83px;
	height: 26px;
}
.MenuItemAccommodation
{
	width: 69px;
	height: 26px;
}
.MenuItemEatAndShop
{
	width: 88px;
	height: 26px;
}
.MenuItemPrices
{
	width: 60px;
	height: 26px;
}
.MenuItemBook
{
	width: 56px;
	height: 26px;
}
.MenuItemContact
{
	width: 98px;
	height: 26px;
}
.MenuItemEnStart
{
	width: 59px;
	height: 26px;
}
.MenuItemEnCamping
{
	width: 78px;
	height: 26px;
}
.MenuItemEnAccommodation
{
	width: 118px;
	height: 26px;
}
.MenuItemEnEatAndShop
{
	width: 100px;
	height: 26px;
}
.MenuItemEnBook
{
	width: 95px;
	height: 26px;
}
.MenuItemEnPrices
{
	width: 56px;
	height: 26px;
}
.MenuItemEnContact
{
	width: 85px;
	height: 26px;
}
.MenuItemDeStart
{
	width: 59px;
	height: 26px;
}
.MenuItemDeCamping
{
	width: 76px;
	height: 26px;
}
.MenuItemDeAccommodation
{
	width: 89px;
	height: 26px;
}
.MenuItemDeEatAndShop
{
	width: 151px;
	height: 26px;
}
.MenuItemDeBook
{
	width: 107px;
	height: 26px;
}
.MenuItemDePrices
{
	width: 60px;
	height: 26px;
}
.MenuItemDeContact
{
	width: 71px;
	height: 26px;
}

/*
###################################
	Content
###################################
*/
#ContentShadow
{ 
	width: 984px;
	padding: 0px;
	margin: 0px;
    background-image: url('../images/design/background/wrapper_shadow.png');
    background-repeat: repeat-y;
    background-position: top left;
}
#ContentShadowPadding
{
	padding-left: 6px;
	padding-right: 6px;
}
#Content 
{ 
	width: 970px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #fff;
}

/*
###################################
	Footer
###################################
*/
#Footer
{
	width: 984px;
	height: 101px;
}
#FooterLeft
{
	float: left;
	width: 17px;
	height: 101px;
	background-image: url('../Images/Design/Background/footer_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#FooterSpan
{
	float: left;
	width: 950px;
	height: 101px;
	background-image: url('../Images/Design/Background/footer_span.png');
	background-repeat: repeat-x;
	background-position: top left;
}
#FooterRight
{
	float: left;
	width: 17px;
	height: 101px;
	background-image: url('../Images/Design/Background/footer_right.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#FooterSpanPadding
{
	padding-top: 9px;
	padding-left: 5px;
	padding-right:3px;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
}

#FooterSpanPadding a
{
    color:#FFFFFF;
}

.FooterAddress
{
	width: 210px;
	float: left;
}
.FooterPhoneTxt
{
	width: 114px;
	float: left;
	text-align: left;
}
.FooterPhoneTxtEn
{
	width: 134px;
	float: left;
	text-align: left;
}
.FooterPhoneNrEn
{
	width: 144px;
	float: left;
	text-align: left;
}
.FooterPhoneNr
{
	width: 164px;
	float: left;
	text-align: left;
}

.FooterPhone
{
	width: 208px;
	float: left;
	text-align: right;
}

.FooterMenu1
{
	width: 108px;
	float: left;
}

.FooterMenu2
{
	width: 124px;
	float: left;
}

.FooterMenuEn span, .FooterMenuEn a.FooterLink
{
	font-size:11px;
	line-height:15px;
}

.FooterCopyright
{
	width: 203px;
	float: right;
	text-align: right;
}
.FooterTextMarker
{
	vertical-align: middle;
	padding-right: 5px;
}

/*
###################################
	Language
###################################
*/

#LanguagePopup
{
    height:321px;
    width:637px;
    background-color:#197fb1;
    position:absolute;
    right:85px;
    top:33px;
    border:solid 5px #FFFFFF;
}

#LanguagePopupClose
{
    position:absolute;
    top:14px; right:14px;
}

#LanguagePopupTextPlate
{
    width:509px;
    padding-left:33px;
    padding-top:27px;
    color:#FFFFFF;
    font-family:Trebuchet MS;
    font-size:13px;
    line-height:19px;
}

#LanguagePopupSubject
{
    padding-bottom:12px;
    font-family:Arial;
    font-weight:bold;
    font-size:15px;
}
