﻿html, body {background-color:#222; color:#fff; height:100%; padding:0; margin:0; text-align:center; background:url("../Images/bg_1.jpg") center}
a {color:#fff; text-decoration:none}
a:hover {color:#ccc; text-decoration:underline}
a img {border:0}
#container {background:url(../Images/header_bg.png); width:920px; display:inline-block;padding:40px 40px; min-height: 100%;}
#header {width:100%; display:inline-block; text-align:right}
.languages {text-align:right; font:0.7em verdana; float:right}
.languages .unselected {padding:5px 10px; display:inline-block}
.languages .selected {color:#999; padding:5px 10px; background-color:#333; display:inline-block}
.languages .card {margin-right:20px; background-color:#8a6f40; padding:3px 9px; color:#fff; border:1px solid #8a6f40; cursor:pointer}
.player {border:1px solid #f00; display:block}
.card img {margin-right:7px; }
.orderCard {color:#e9ca95; border:1px solid #8a6f40; padding:4px 7px 4px 27px; margin-right:10px; display:inline-block; cursor:pointer; background:#333 url(../Images/m.jpg) 5px center no-repeat}
#createCard {display:none}
#createCard p {font-weight:bold; color:#e9ca95; padding:5px 0 10px 0}
.cardLabel {width:100px; text-align:left; display:inline-block}
#createCard input, #createCard select {background-color:#111; border:1px solid #222; width:250px; color:#e9ca95; font-family:Georgia}
#logo {display:inline-block; margin:15px 0 0 20px; padding:10px}
#menu {display:inline-block; font:0.7em verdana; color:#fff; margin:0px 0px 20px 0; float:left; text-align:left}
#menu img {width:150px}
#menu ul {list-style:none; width:150px; padding:0; margin:0}
#menu .menuli {border-bottom:1px solid #666; line-height:2em; }
#menu .menulogo {border-bottom:1px solid #666; display:block; padding-bottom:20px}
#menu li ul {padding-left:10px; margin:0}
#menu li li {border-bottom:0; color:#ccc; width:140px}

.shoplist {display:inline-block; list-style:none; text-align:right; width:150px; padding:20px 0 0 0; margin:0}
.shoplist li {border-bottom:0}
.shoplist .li {font-family:Georgia; font-size:1.6em; line-height:1.7em; border-bottom:none; color:#666}

.contacts {color:#fff;text-decoration:none; cursor:pointer}
.about {margin:80px 10px 10px 10px; display:inline-block; width:720px; float:right; font:1.3em Georgia; line-height:1.7em; color:#8a6f40; text-align:left}
.about span {color:#e9ca95}
.about div {line-height:1.8em; font-size:0.6em; font-family:Verdana; margin-top:5px}
#aboutimage {display:inline-block; margin:20px 0 20px 0; font:0.7em verdana; text-align:left}
#aboutimage div {text-align:left; line-height:1.7em; color:#999}
#aboutimage span {font:2em Georgia; color:#fff}
#aboutimage img {border:1px solid #333; width:200px; float:left; margin:20px 100px 0 100px}
#aboutexpanded {display:inline-block; padding:20px 0 20px 0; font:0.8em Georgia; line-height:1.7em; color:#666; text-align:left; border-bottom:1px solid #222;}
#aboutexpanded img {}
.shopexpanded img {float:left; margin:0px 40px 0 0}
.shopexpanded img {border:0; margin-right:30px}
.shopexpanded {display:inline-block; margin-top:0px; margin:10px 0; border:1px solid #333; color:#666; text-align:left; line-height:1.5em; font-family:verdana}
.shopexpanded .photo {float:left; height:321px; width:450px; border:1px solid #333; margin-right:20px; text-align:right }
.slideshow {display:none; overflow:hidden; vertical-align:middle; height:400px}
.slideshow img {width:730px}
#photo span {font:0.8em verdana; margin:10px; display:inline-block; padding:5px 10px; background-color:#000; color:#fff}
.shopname {text-align:left; font:2em Georgia;  color:#fff; margin-top:10px}
.shops {display:inline-block; clear:both; padding:20px 0; width:920px;}
.shop {display:inline-block; padding-right:21px; border:0px solid #666; float:left; height:125px; overflow:hidden}
.shop img {width:165px; border:1px solid #333; border-top:1px solid #aaa; border-bottom:1px solid #000 }
.shop span {display:inline-block; margin-bottom:10px; font:1.2em Georgia; color:#fff; padding:0 10px}
.mainimage {text-align:center; margin:20px 0 20px 0; border:1px solid #333; height:400px; text-align:right; width:920px; position:relative; z-index:2; overflow:hidden}
.mainimage img.welcome {position:absolute; top:0; left:0}
.mainimage span {font:1.2em Georgia; margin:10px; padding:2px 15px 5px 15px; background-color:#000}
.mainimage img, #welcomelogo img {border:1px solid #333}
.news {font:0.7em verdana; margin:0; padding:10px 0 10px 80px; text-align:left; color:#8a6f40;  border-bottom:1px solid #222; border-top:1px solid #222; vertical-align:top; display:block; background:url(../Images/news.jpg) center left no-repeat} 
.news .title {font:1.5em Georgia; margin-top:auto; margin-bottom:auto; padding:6px 10px 5px 10px; background-color:#222; color:#999; display:inline-block}
.news .body {display:inline-block; width:820px}

.news .body b {color:#e9ca95; font-weight:normal}
#footer {font:0.7em verdana; color:#444; padding-top:20px; border-top:1px solid #222; }

#footer iframe {margin-top:20px; display:none}
#manzettimap, #hidemap, .showvacancies {color:#fff; cursor:pointer}
#hidemap {text-align:right; display:inline-block; margin-top:20px; float:right}
#workwithus {display:none; color:#8a6f40; border:1px solid #333; padding:10px 20px; margin-top:20px; line-height:1.7em; text-align:left}
#workwithus span {color:#e9ca95}

.image {width: 100%; height:300px; width:920px; overflow:hidden; position:relative}
.image img {width:920px;}
.image .shopbackground {position: absolute; display:inline-block; top:0px; left:480px; height:400px; width:440px; padding:15px 20px; background-color:#000; }
.image .shopcontents {}
.image .caption {text-decoration:underline; position: absolute; display:inline-block; top:10px; right:10px; z-index:9999; color:#fff; font:1.7em Georgia; margin-bottom:0px; display:inline; padding:2px 10px 5px 10px; background-color:#000; color:#fff}

.thumbnail {width:104px; height:104px; overflow:hidden; padding:0; background-color:#222; display:inline-block; margin:0px}
.thumbnail img {height:150px; border:0; padding:0; margin:0} 

#oneshop, .gallery {font-family:Verdana; font-size:0.7em; color:#666; margin:90px 0 20px 38px; display:inline-block; width:730px; padding:0}
.gallery {text-align:left; padding-top:5px}
.gallery a, .gallery span, .gallery img {margin:0; padding:0; border:0}
.galleryTitle {font:2em Georgia; color:#fff; display:block; padding:10px 0 5px 0}
.galleryTitleFirst {font:2em Georgia; color:#fff; display:block; padding:0 0 5px 0; margin-top:-10px}

.address {display:inline-block; text-align:left; float:left; line-height:1.7em}
.timetable {display:inline-block; text-align:right; float:right; line-height:1.7em}
.shopphoto {width: 730px; height:400px; display:inline-block; margin:20px 0; border:1px solid #333}
.brands {color:#8a6f40; line-height:1.7em; float:left; text-align:left; width:180px; display:inline-block}

#login {display:block; width:220px; margin:100px auto; text-align:left; font:12px Verdana, sans-serif}
#login label {display:inline-block; width:100px; margin-right:10px} 
#login input {width:100px; display:inline-block; border:0}
#login #lbutton {margin-left:110px; cursor:pointer}