html { height: 100%; margin: 0; padding: 0;  }
html, body { margin: 0; padding: 0; }

body { background: #e6e4df; font-size:62.5%; font-family: Arial, Helvetica, sans-serif; }

h2 { color: #363636; font-size: 1.3em; font-weight: bold; line-height: 1.3em; min-height: 41px; text-transform: uppercase; }
a { color: #7c7971; text-decoration: none; }
a:hover { color: #484640; }
p { font-size: 1.2em; line-height: 1.3em; }
label { display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; margin-bottom: 4px; }
input.Text { font-size: 1.1em; }
textarea { font-family: Tahoma, Geneva, sans-serif; font-size: 1.1em; }

.Hidden { display: none; }

#Page { background: url(../img/bg_page.jpg) repeat-y left top; height: 100%; width: 1231px; }

#FlashIntro { margin-left: 52px; }

/* Header */
#Header { background: url(../img/bg_header.jpg) no-repeat left top; height: 496px; position: relative; }
#Header .Nav { background: url(../img/bg_nav.png) no-repeat right bottom; height: 87px; padding: 17px 0 1px 52px; position: relative; width: 941px; z-index: 11; }
#Header .Nav .Logo { }
#Header .Nav .Menu { position: absolute; bottom: 15px; right: 15px; }
#Header .Nav .Menu li { cursor: pointer; float: left; height: 13px; margin-right: 30px; text-indent: -9999px; }
#Header .Nav .Menu li a { display: block; height: 13px; }
#Header .Nav .Menu li.Sound { text-indent: 0; }

#Header .Nav .Lang { position: absolute; top: 20px; right: 25px; }
#Header .Nav .Lang li { float: left; border-left: solid 1px #7c7971; padding: 0 10px; }
#Header .Nav .Lang li:first-child { border: none; }

#Header .Nav li.Expedition:hover,
#Header .Nav li.Start:hover,
#Header .Nav li.Wines:hover,
#Header .Nav li.Music:hover,
#Header .Nav li.Blog:hover{ background-position: left bottom; }

/* Content */
#Content { background: url(../img/bg_content.jpg) no-repeat left top; clear: both; float: left; padding: 8px 0 0 30px; width: 100%; }

.Cols { clear: both; float: left; overflow: hidden; }

.Col { border-right: solid 1px #aeadaa;  float: left; height: 100%; padding-bottom: 2000px; margin: 50px 15px -2000px 0; width: 235px; }
.Col h2 { padding: 4px 0 4px 55px; }
.Col ul { clear: both; display: block; float: left; margin: 0 0 0 3px; width: 215px; }
.Col li { display: block; float: left; margin: 0 0 10px 0; width: 100%; }
.Col li span { color: #9d9990; display: block; font-size: 1.1em; line-height: 1.2em; }
.Col li a:hover span { color: #484640; }
.Col li span.Header { color: #7c7971; font-weight: bold; display: inline; }
.Col li img { float: left; }
div.LastCol { border: 0; }

.Products h2 { background: url(../img/bg_products.png) no-repeat left top; }
.Products li img { margin-right: 15px; }

.PopularPosts h2 { background: url(../img/bg_blog.png) no-repeat left top; }
.PopularPosts li img { background: url(../img/bg_blogpost.png) no-repeat left top; margin-right: 15px; padding: 3px 5px 5px 3px; }

.Comments h2 { background: url(../img/bg_comments.png) no-repeat left top; }

.News h2 { padding-left: 0; }

.Products h2,
.PopularPosts h2,
.Comments h2,
.News h2 { margin-top: -50px; }

.Teaser { position: relative; float: left; clear: both; margin-bottom: 13px; overflow: visible; }
.Teaser img { background: url(../img/bg_teaser.png) no-repeat left top; padding: 9px 12px 10px 3px; }
.Teaser img.Overlay { background: none; padding: 0; position: absolute; bottom: -19px; right: -9px; }

/* Pop Menu */
.PopMenu { position: absolute; bottom: 20px; left: 600px; z-index: 11; }
.PopMenu .Buttons { background: url(../img/bg_popmenu_normal.png) no-repeat left top; display: block; height: 61px; padding-left: 5px; position: relative; width: 235px; }
.PopMenu .Buttons li { float: left; display: block; height: 43px; margin-top: 11px; width: 56px; }
.PopMenu .Buttons li a.NavBtn { display: block; font-size: 9px; height: 100%; text-indent: -999em; }

.PopMenu .Buttons li .Content { display: none; }
.PopMenu .Buttons li.Selected .Content { background: url(../img/bg_popmenu_content.png) no-repeat left top; display: block; position: absolute; bottom: 60px; left: 0; width: 235px; }
.PopMenu .Buttons li.Selected .Content .Wrap { background: url(../img/popmenu_content_bottom_line.png) no-repeat bottom center; padding: 16px 9px 17px; }

.PopMenu .Buttons .Button1 a.NavBtn { background: url(../img/bg_popmennu_button1.png) no-repeat left top; }
.PopMenu .Buttons .Button2 a.NavBtn { background: url(../img/bg_popmennu_button2.png) no-repeat left top; }
.PopMenu .Buttons .Button3 a.NavBtn { background: url(../img/bg_popmennu_button3.png) no-repeat left top; }
.PopMenu .Buttons .Button4 a.NavBtn { background: url(../img/bg_popmennu_button4.png) no-repeat left top; }
.PopMenu .Buttons .Selected a.NavBtn { background-position: left 50%; }
.PopMenu .Buttons .Button1 a.NavBtn:hover,
.PopMenu .Buttons .Button2 a.NavBtn:hover,
.PopMenu .Buttons .Button3 a.NavBtn:hover,
.PopMenu .Buttons .Button4 a.NavBtn:hover{ background-position: left bottom; }
.PopMenu .Buttons .Content .CloseButton { background:url(../img/close_btn.png) no-repeat left top; display: block; height: 16px; position: absolute; top: 9px; right: 9px; text-indent: -999em; width: 16px; }
.PopMenu .Buttons .Content .CloseButton:hover { background-position: left bottom; }

.PopMenu .Content { color: #282522; font-family: Tahoma, Geneva, sans-serif; }
.PopMenu .Content a { color: #282522; text-decoration: underline; }
.PopMenu .Content a:hover { color: #777; }
.PopMenu .Content h4 {  font-size: 1.3em; font-weight: bold; line-height: 1.3em; margin-bottom: 12px; text-transform: uppercase; }
.PopMenu .Content dl { font-size: 1.2em; }
.PopMenu .Content dd { padding-bottom: 5px; }
.PopMenu .Content dt { clear: left; font-weight: bold; float: left; margin-right: 5px; }
.PopMenu .Content .Review { font-size: 1.2em; font-weight: bold; margin-top: 15px; }
.PopMenu .Content fieldset { margin-bottom: 10px; }
.PopMenu .Content input.Text,
.PopMenu .Content textarea { clear: both; width: 214px; }

.PopMenu .Content .Verify .Code { float: left; margin-right: 24px; }
.PopMenu .Content .Verify input.Text { clear: none; float: left; width: 95px; }

/* Tag Cloud */
.Cloud { clear: both; width: 970px; } /* Match width of #Footer */
.Cloud span { line-height: 2.2em; }
.Cloud a { text-decoration: none; }
.Cloud .xsmall a { font-size: 1.4em; }
.Cloud .small a { font-size: 1.6em; }
.Cloud .medium a { font-size: 1.8em; }
.Cloud .large a { font-size: 2em; }
.Cloud .xlarge a { font-size: 2.4em; }

/* Footer */
#Footer { clear: both; padding: 60px 0 50px; width: 970px; } /* Match width of .Cloud */
#Footer .Wrap { display: table; margin: 0 auto; }
#Footer ul { clear: both; height: 1.3em; }
#Footer li { border-left: solid 1px #9f9b92; float: left; font-family: Verdana, Geneva, sans-serif; font-size: 1em; padding: 0 10px; }
#Footer li:first-child { border: none; padding-left: 0; }
#Footer li a { color: #9d9990; }
#Footer li a:hover { color: #484640; }

/* Product Page */
body.Product { background-image: url(../img/bg_product_page.jpg); background-repeat: no-repeat; background-position: left top; }
body.Product #Header { background: none; height: 618px; }
body.Product .Lang a { color: #2a2a2a; }
body.Product #Header .Nav { absolute; top:0; left:0; z-index:11 }
body.Product #Header .Nav .Lang li { border-left: solid 1px #2a2a2a; }
body.Product #Header .Nav .Lang li:first-child { border: none; padding-left: 0; }

/* FLASH */
#Flash { height:618px; width:1231px; position:absolute; top:0; left:0; z-index:10; overflow:hidden; }
#FlashComment { height:140px; width:600px; position:absolute; top:155px; left:326px; z-index:10; overflow:hidden; }

#legalnotice { width:555px; padding:20px 10px; background:#111; border:5px solid #fff;margin:25px auto 0; text-align:center; }
#legalnotice img { margin:0 0 15px; }
#legalnotice p { font-size:1.1em; color:#fff; line-height:1.8em; margin:0 0 15px; }
#legalnotice fieldset { margin:0 0 20px; }
#legalnotice fieldset.w200 { width:200px; text-align:left; margin:0 auto 20px; }
#legalnotice label { font-size:1.6em; color:#fff; display:block; text-align:center; margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; }
#legalnotice label.small { margin:0; font-size:1.2em; color:#999; text-align:left; }
#legalnotice label.checkbox { font-size:1.2em; text-align:left; }
#legalnotice input.Text { height:53px; width:47px; border:0; background:url(../img/legalnotice_inputtext.jpg) no-repeat; font-size:45px; text-align:center; font-weight:bold; }
#legalnotice input.Submit { background:#fff url(../img/legalnotice_inputsubmit.jpg) bottom left repeat-x; padding:4px 15px; border:0; font-weight:bold; font-size:11px; text-transform:uppercase; margin:0 0 10px; }
#legalnotice select { width:200px; margin:0 0 5px; }
#legalnotice .links a { color:#fff; text-decoration:underline; margin:0 15px; font-size:1.1em; }

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


div.Clear {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0; } 

body.Verandas { background:#cc7c09; }
body.Music { background:#63182f; }
body.Sunset { background:#000000; }
body.Lakes { background:#400b41; }
body.Rose { background:#b36177; }
body.Deckchair { background:#036bd3; }
body.ExpeditionRed { background:#1c0401; }
body.ExpeditionWhite { background:#0a1524; }

.clearBoth
{
    clear:both;
}
.longBox
{
    width:214px;
}

/* ModulBoxLarge */
.ModulBoxLarge { width:629px; margin-left:286px; margin-bottom: 50px; padding-top: 15px; z-index: 12; position: absolute;}

	.ModulBoxLarge .Top { height:5px; background:transparent url(../img/BgModulBoxLargeTop.png) top left no-repeat;}
	.ModulBoxLarge .Bottom { height:5px; background:transparent url(../img/BgModulBoxLargeBottom.png) bottom left no-repeat;}
	
	.ModulBoxLarge .Content { width:569px; padding:20px 30px; background:transparent url(../img/BgModulBoxLarge.png) bottom left repeat-y;}
	
		.ModulBoxLarge .Content h1 { font-size:3.5em; font-weight: normal; color:#fff; line-height:1em; }
		.ModulBoxLarge .Content p { font-size:1.1em; color:#fff; line-height:1.4em; margin:15px 0; }
		.ModulBoxLarge .Content p.nomargingrey { margin: 0; color:#767676; font-size: 1em;}
		
		.ModulBoxLarge .Content a.Button { width:134px; height:21px; padding-top:3px; background:transparent url(../img/FormButtonBg.png) top left no-repeat; display:block; text-align: center; font-weight:bold; font-size:1.1em;  }
				.ModulBoxLarge a.Button:hover { color:#e6c2d1; text-decoration:none; }
		
		.ModulBoxLarge .Content .Form { overflow:hidden; }
			.ModulBoxLarge .Content .Form label { display:block; font-size:1.1em; color:#fff; margin-bottom:4px; }
			.ModulBoxLarge .Content .Form input.text { width:180px; font-size:1.2em; color:#000; background:#cecece url(../img/InputBg.jpg) top left repeat-x; height:17px; margin:0 0 8px 0; padding:2px 5px 1px; border:0; }
			.ModulBoxLarge .Content .Form input.antal { width:50px; }
			.ModulBoxLarge .Content .Form select { width:190px; font-size:1.2em; color:#000; margin:0 0 26px 0; padding:1px 0; border:0; }
			.ModulBoxLarge .Content .Form .Left,
			.ModulBoxLarge .Content .Form .Right { float:left; width:270px; margin-right:5px; background:transparent;}
				.ModulBoxLarge .Content .Form .Right { text-align:right; }
				.ModulBoxLarge .Content .Form .Right div { text-align: left;}
						
			.ModulBoxLarge .Content .Form .accept { margin-bottom:26px; }
				.ModulBoxLarge .Content .Form .accept input,
				.ModulBoxLarge .Content .Form .accept a { float:left; }
				.ModulBoxLarge .Content .Form .accept a { font-size:1.1em; }
				.ModulBoxLarge .Content .Form .accept input { margin-right:5px; }
				
			.ModulBoxLarge .Content .Form .Right a.send-order { float:right; width:134px; height:21px; padding-top:3px; background:transparent url(../img/FormButtonBg.png) top left no-repeat; display:block; text-align: center; font-weight:bold; font-size:1.1em;  }
				.ModulBoxLarge .Content .Form .Right a.send-order:hover { color:#e6c2d1; text-decoration:none; }
				
				.ModulBoxLarge .Content .Form .Right .send-order-btn { margin-right: 20px; }

	/* ModulBoxLarge Confirmation */
	.Confirmation .Content { padding:150px 30px; text-align: center; }
		.Confirmation .Content a.Button { margin:0 auto; }
		
		strong { font-weight: bold; }
		#Standard { padding: 40px 0 0 60px; }
    #Standard h1 { font-weight: normal; font-size: 2em; margin-bottom: 10px; }
    #Standard p { font-size: 1.1em; width: 500px; }