html {
position:relative;
background:#DED5C6 url('img/body_background.jpg') repeat;
padding:0;
margin:0;
width:100%;
height:100%;
}

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

#page {
width:960px;
margin:20px auto;
padding:15px 15px 10px 15px;
_padding:15px 15px 0 15px;
background:#FFF url('img/dot3.png') left bottom repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#707070;
}

form {
margin:0;
padding:0;
}

img {
border:0;
}

a {
text-decoration:none;
color:#707070;
}

.clear {
display:block;
width:1px;
height:1px;
clear:both;
overflow:hidden;
}

.center {
text-align:center;
}

#page h1.header {
height:25px;
margin:10px 0 5px 0;
padding:0 0 0 5px;
background:url('img/header_bar.png') left bottom no-repeat;
}

#page h1.header img {
display:block;
}

div.line {
width:100%;
height:3px;
margin:1px auto;
padding:0;
background:#E3DCD3;
overflow:hidden;
clear:both;
}

#top {
position:relative;
width:950px;
height:50px;
margin:0 auto 5px auto;
background:url('img/top_bar.png') 175px bottom no-repeat;
clear:both;
}

#top p {
position:relative;
top:28px;
margin:0;
padding:0;
float:left;
}

#top .logo {
left:10px;
top:0;
width:145px;
height:100%;
margin:0 550px 0 0;
}

#top .logo a {
display:block;
width:100%;
height:100%;
background:url('img/logo.png') 0 0 no-repeat;
}

#top .logo a span {
display:none;
}

#top .langs {
height:20px;
padding:0 10px;
margin:0;
background:#F2F2F2 url('img/dot1.png') 0 0 repeat-x;
border:1px solid #DBDBDB;
}

#top .langs a {
text-decoration:none;
color:#707070;
}

#top .langs span {
white-space:pre;
}

#frmSearch {
height:22px;
margin:0;
padding:0;
float:right;
}

#frmSearch .q {
display:block;
width:102px;
_width:97px;
height:18px;
border:1px solid #DBDBDB;
border-right:0;
background:#F6F6F6 url('img/white_dot.png') 0 0 repeat-x;
color:#707070;
float:left;
}

#frmSearch .s {
display:block;
float:left;
}


/* MENU */

#menuBox {
width:960px;
height:368px;
overflow:hidden;
}

#menu {
width:1000px;
height:368px;
clear:both;
overflow:hidden;
}

#menu div {
position:relative;
width:240px;
height:368px;
margin:0 1px 0 0;
float:left;
overflow:hidden;
}

#menu #i1 {
background:#DF0404 url('img/menu_box_1_background.png') 0 65px no-repeat;
}

#menu #i2 {
background:#19A210 url('img/menu_box_2_background.png') 0 65px no-repeat;
}

#menu #i3 {
background:#FFD201 url('img/menu_box_3_background.png') 0 65px no-repeat;
}

#menu #i4 {
background:#0390BE url('img/menu_box_4_background.png') 0 65px no-repeat;
margin:0;
}

#menu div img {
display:block;
margin:25px 0 0 20px;
}

#menu div ol {
position:absolute;
right:20px;
bottom:20px;
margin:0;
padding:0;
list-style:none;
visibility:hidden;
}

#menu div ol li {
width:165px;
height:22px;
background:#999 url('img/menu_item_background.png') 0 0 repeat-x;
margin:1px 0;
}

#menu div ol li a {
display:block;
width:150px;
height:19px;
padding:3px 15px 0 0;
background:#2B2B2B;
text-align:right;
text-decoration:none;
color:#FFF;
}

#menu div ol li a:hover {
background:transparent url('img/arrow1.png') 5px 4px no-repeat;
}

#menuFlash {
width:960px;
height:204px;
}

#submenu1 {
height:30px;
margin:10px 0 ;
padding:0;
list-style:none;
background:url('img/submenu1_background.png') left bottom repeat-x;
clear:both;
overflow:hidden;
}

#submenu2 {
height:30px;
margin:10px 0 ;
padding:0;
list-style:none;
background:url('img/submenu2_background.png') left bottom repeat-x;
clear:both;
overflow:hidden;
}

#submenu1 li,
#submenu2 li {
height:22px;
padding:0 20px 0 5px;
float:left;
}

#submenu1 li a,
#submenu2 li a {
text-decoration:none;
color:#707070;
}


/* CONTENT */

#content2,
#content3,
#content {
position:relative;
min-height:285px;
_height:325px;
margin:10px 0 10px 0;
padding:20px 20px 80px 20px;
background:#F7F4F2;
clear:both;
}

#content2,
#content3 {
position:relative;
_position:inherit;
min-height:325px;
_height:285px;
padding:0;
background:#F7F4F2 url('img/content_background.png') 0 0 repeat-y;
}

#content3 {
background:#F7F4F2 url('img/content3_background.png') 0 0 repeat-y;
}

#content4 {
background:#E7E1D7;
margin:0 0 10px 0;
}

#contentLeft {
width:355px;
height:100%;
padding:20px;
float:left;
}

#content3 #contentLeft {
width:435px;
}

#contentRight {
width:515px;
height:100%;
padding:20px;
float:right;
}

#content3 #contentRight {
width:435px;
}

#content p.header,
#content h3.header,
#contentLeft h3.header,
#contentRight h3.header {
margin:0 0 20px 0;
padding:0 0 10px 0;
background:url('img/line.png') left bottom repeat-x;
font-size:14px;
}

#content p.header strong,
#content h3.header strong {
display:block;
margin:0 0 20px 0;
}

#content p.header span,
#content h3.header span {
display:inline-block;
width:100px;
}

#content p.header a,
#content h3.header a {
display:inline-block;
width:17px;
height:16px;
background:url('img/button_background.png') 0 0 repeat-x;
text-align:center;
text-decoration:none;
color:#FFF;
}

#content p a {
text-decoration:none;
color:#707070;
}

#content p.paragraph {
_height:60px;
margin:5px 0 0 0;
padding:0 0 40px 0;
clear:both;
overflow:hidden;
_overflow:inherit;
}

#content p.paragraph img {
margin:0 10px 0 0;
padding:3px;
border:1px solid #D2D2D2;
background:#FFF;
float:left;
}

#content p.paragraph a {
color:rgb(3,104,154);
}

#content .return {
position:absolute;
left:20px;
bottom:0;
width:920px;
margin:10px 0;
padding:15px 0 0 0;
background:#F7F4F2 url('img/line.png') center top repeat-x;
text-align:center;
}

#content3 .return,
#content2 .return {
position:absolute;
_position:static;
left:0;
bottom:0;
width:350px;
margin:0 20px;
padding:20px 0;
_padding:20px 0 0 0;
background:#F7F4F2 url('img/line.png') center top no-repeat;
text-align:center;
}

#content3 .return {
width:435px;
}

#content3 .return a,
#content .return a,
#content2 .return a {
display:inline-block;
margin:0 auto;
padding:1px 20px 3px 20px;
background:url('img/button_background.png') 0 0 repeat-x;
text-decoration:none;
color:#FFF;
}

#content .error {
margin:0;
padding:0;
}

#magazineLogo {
display:block;
margin:0 auto;
padding:0 0 20px 0;
}

#jobsList,
#newsList {
width:100%;
margin:7px 0;
padding:0;
list-style:none;
clear:both;
overflow:hidden;
}

#jobsList,
#tenantsMsgsList,
#galleriesList,
#newsList2 {
min-height:305px;
width:940px;
_height:325px;
margin:10px 0;
padding:10px;
list-style:none;
background:#F7F4F2;
}

#searchNewsList {
width:900px;
margin:0;
_padding:0 0 80px 0;
}

#searchNewsList {
margin:0;
padding:0;
}


#searchNewsList li,
#jobsList li,
#tenantsMsgsList li,
#galleriesList li,
#newsList2 li {
height:110px;
margin:10px 0;
background:#F7F4F2;
clear:both;
overflow:hidden;
background:#F7F4F2 url('img/line.png') left bottom repeat-x;
}

#newsList li {
width:451px;
height:105px;
padding:10px;
background:#F7F4F2;
float:left;
overflow:hidden;
}

#newsList li.i1,
#newsList li.i3 {
background:#F7F4F2 url('img/line.png') center bottom no-repeat;
}

#newsList li.i3,
#newsList li.i4 {
float:right;
}

#searchNewsList li p.img,
#jobsList li p.img,
#tenantsMsgsList li p.img,
#galleriesList li p.img,
#newsList li div p.img,
#newsList2 li p.img {
width:90px;
height:90px;
margin:0 10px 0 0;
padding:3px;
border:1px solid #D2D2D2;
background:#FFF;
float:left;
}

#searchNewsList li a,
#jobsList li p.img a,
#tenantsMsgsList li p.img a,
#galleriesList li p.img a,
#newsList li div p.img a,
#newsList2 li p.img a {
display:block;
width:100%;
height:100%;
}

#searchNewsList li div,
#newsList li div div,
#newsList2 li div div {
float:left;
}

#searchNewsList li div, h3,
#jobsList li div h3,
#tenantsMsgsList li div h3,
#galleriesList li div h3,
#newsList li div div h3,
#newsList2 li div h3 {
font-size:14px;
margin:0;
padding:0;
}

#searchNewsList li div h3 a,
#jobsList li div h3 a,
#tenantsMsgsList li div h3 a,
#galleriesList li div h3 a,
#newsList li div div h3 a,
#newsList2 li div h3 a {
color:#707070;
text-decoration:none;
}

#searchNewsList li div p,
#jobsList li div p,
#tenantsMsgsList li div p,
#galleriesList li div p,
#newsList2 li div p {
margin:5px 0 0 0;
width:810px;
}

#newsList2 li div p {
width:910px;
_width:820px;
}

#newsList li div h3 {
width:330px;
}

#newsList li div div p {
width:330px;
margin:0;
}

#searchNewsList li div p{
width:790px;
}

#shopsList {
min-height:325px;
_height:325px;
margin:0;
padding:0;
list-style:none;
}

#shopsList li strong {
display:inline-block;
width:17px;
height:16px;
padding:1px 0 0 0;
background:url('img/button_background.png') 0 0 repeat-x;
font-weight:normal;
text-align:center;
text-decoration:none;
color:#FFF;
}

#shopsList li ol {
margin:10px 0;
padding:0;
list-style:none;
}

#searchShopsList2 li a,
#searchShopsList li a,
#shopsList li ol li a {
text-decoration:none;
color:#707070;
}

#searchShopsList {
margin:0;
padding:0 0 0 30px;
}

#searchShopsList2 {
margin:0;
padding:0 0 0 30px;
}

#galleriesList li p.img {
border:1px solid #D2D2D2;
float:left;
}

#galleriesList li div {
float:left;
margin:0 0 0 10px;
}

#imagesList {
min-height:325px;
width:100%;
_height:325px;
margin:0;
padding:0;
list-style:none;
clear:both;
overflow:hidden;
}

#imagesList li {
display:inline;
}

#imagesList li.others {
display:none;
}

#imagesList li a {
display:inline-block;
width:65px;
height:65px;
margin:0 7px 14px 7px;
padding:3px;
border:1px solid #D2D2D2;
}

#loginInfoBar {
position:relative;
background:#666;
margin:10px 0 0 0;
padding:10px;
color:#FFF;
}

#loginInfoBar .logout {
display:block;
position:absolute;
right:10px;
_right:30px;
top:10px;
float:right;
text-decoration:none;
color:#FFF;
}

#loginInfoBar .logout:hover {
text-decoration:underline;
}

#map {
width:555px;
height:325px;
float:right;
}

#plan {
width:100%;
height:400px;
margin:0 0 10px 0;
}

#frmMagazine p.items label,
#frmKontakt p.items label {
display:inline-block;
width:150px;
margin:10px 0 0 0;
}

#frmMagazine p.items input,
#frmKontakt p.items input {
display:inline-block;
width:355px;
margin:10px 0 0 0;
}

#frmKontakt p.items textarea {
display:inline-block;
width:355px;
height:100px;
margin:10px 0 0 0;
overflow:auto;
float:left;
}

#frmKontakt p.items .msgLabel {
display:block;
float:left;
}

#frmKontakt p.buttons label.miniLabel {
font-size:10px;
}

#frmKontakt p.buttons label {
display:inline-block;
width:220px;
_width:205px;
padding:0 0 0 150px;
}

#frmMagazine p.buttons input,
#frmKontakt p.buttons input {
display:inline-block;
height:21px;
margin:0 0 0 5px;
padding:0 7px;
_padding:0 5px;
border:0;
background:url('img/button_background.png') 0 0 repeat-x;
color:#FFF;
cursor:pointer;
}

#frmMagazine .clause {
padding:0 0 0 150px;
font-size:10px;
}

#frmMagazine .items .postInput {
width:95px;
margin:10px 20px 0 0;
}

#frmMagazine .items .townLabel {
width:60px;
}

#frmMagazine .items .townInput {
width:173px;
_width:171px;
}

#frmMagazine p.buttons {
padding:0 5px;
text-align:right;
}

#frmShopsSearch {
background:url('img/shop_search_background.png') right top no-repeat;;
height:300px;
}

#frmShopsSearch p,
#frmCustomers {
width:400px;
}

#frmShopsSearch p.items span,
#frmCustomers p.items span {
display:block;
margin:0 0 10px 0;
}

#frmShopsSearch p.items label,
#frmCustomers p.items label {
display:inline-block;
width:100px;
margin:0 0 10px 0;
}

#frmShopsSearch p.items input,
#frmShopsSearch p.items select,
#frmCustomers p.items input {
display:inline-block;
width:200px;
margin:0 0 10px 0;
}

#frmCustomers p.items a {
display:block;
text-decoration:none;
color:#707070;
font-size:10px;
}

#frmShopsSearch p.items select,
#frmShopsSearch p.items input {
width:250px;
}

#frmShopsSearch p.buttons input,
#frmCustomers p.buttons input {
display:inline-block;
height:21px;
margin:0 0 0 5px;
padding:0 5px;
border:0;
background:url('img/button_background.png') 0 0 repeat-x;
color:#FFF;
cursor:pointer;
}

#content #paginationList,
#content3 #paginationList {
position:absolute;
right:20px;
bottom:15px;
width:435px;
height:20px;
margin:10px 0;
padding:20px 0 0 0;
background:#F7F4F2 url('img/line.png') center top repeat-x;
}

#content #paginationList {
left:20px;
width:920px;
background:none;
}

#paginationList {
display:inline-block;
width:100%;
margin:-20px 0 10px 0;
padding:10px 0 20px 0;
list-style:none;
background:#F7F4F2;
}

#paginationList li {
display:inline;
margin:0 5px;
background:none;
text-decoration:none;
}

#paginationList li.this {
padding:2px 4px;
background:url('img/button_background.png') 0 0 repeat-x;
color:#FFF;
}

#paginationList li a {
display:inline-block;
text-decoration:none;
color:#707070;
}


/* SHOP WINDOW */

#window,
#popup {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
}

#window .background,
#popup .background {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#popup p {
position:absolute;
display:block;
width:800px;
height:550px;
left:50%;
top:50%;
margin:-255px 0 0 -400px;
padding:10px 10px 18px 10px;
border:2px solid #aa9e90;
background:#FFF;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
}

#popup p span {
position:absolute;
display:block;
right:10px;
bottom:3px;
color:#666;
}

#popup p img {
display:block;
margin:0 auto;
}

#window .box {
position:absolute;
width:960px;
height:630px;
padding:0;
border:15px solid #FFF;
background:#DBD1C3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
}

#window .box div.line {
position:absolute;
left:20px;
bottom:60px;
width:920px;
height:2px;
background:#DBD1C3 url('img/line4.png') 0 0 repeat-x;
clear:both;
overflow:hidden;
z-index:2;
}

#window #map {
display:none;
width:960px;
height:400px;
text-align:center;
background:url('img/shopWindow_background.gif') left bottom repeat-x;
}

#window #text {
height:433px;
padding:20px 20px 0 20px;
background:#E7E1D7 url('img/shopWindow_background.gif') left bottom repeat-x;
overflow:hidden;
}

#content4 .shopLogo,
#window .box .shopLogo {
position:relative;
height:100px;
margin:0;
padding:20px 20px 20px 20px;
background:#E7E1D7;
text-align:center;
}

#window .box .shopLogo img.line {
position:absolute;
left:20px;
bottom:0;
display:block;
width:920px;
height:2px;
margin:0;
}

#content4 .shopDescription,
#window .box .shopDescription {
width:430px;
height:350px;
margin:0;
padding:0 20px 0 0;
background:url('img/line3.png') right top repeat-y;
float:left;
}

#content4 .shopDescription {
padding:0 20px 50px 20px;
}

#content4 .shopDescription .companyName,
#window .box .shopDescription .companyName {
display:block;
margin:0 0 20px 0;
}

#content4 .shopPicture,
#window .box .shopPicture {
width:400xp;
margin:0 0 0 20px;
padding:0;
float:right;
}

#content4 .shopPicture {
margin:0 20px;
}

#window .box .buttons {
position:absolute;
bottom:0;
width:920px;
margin:0;
padding:0 20px 20px 20px;
background:#DBD1C3;
list-style:none;
text-align:center;
clear:both;
overflow:hidden;
z-index:1;
}

#window .box .buttons ul {
width:200px;
margin:0 auto;
padding:0;
list-style:none;
}

#window .box .buttons ul li {
float:left;
}

#window .box .buttons li button {
background:#599B17 url('img/button_background.png') 0 0 repeat-x;
padding:1px 5px;
border:0;
color:#FFF;
cursor:pointer;
}

#button1,
#button3 {
margin:0 20px 0 0;
}

#button3 {
display:none;
}

/* FOOTER */

#siteMap ol {
margin:5px 0 20px 20px;
list-style:none;
}

#siteMap ol li a {
color:#707070;
text-decoration:none;
}

#footer {
margin:10px 0 0 0;
padding:0;
list-style:none;
clear:both;
overflow:hidden;
}

#footer li {
padding:0 20px 0 0;
float:left;
}

#footer li.copyright {
float:right;
padding:0;
}

#footer li,
#footer li a {
color:#949494;
font-size:11px;
text-decoration:none;
}