body {background: #ffe0c1; color:#4d3d35; text-align: center;}

/* LAYOUT */
#mother {margin: 0 auto; width: 708px; text-align: left;}
#main {background: #faf7f3 url('../images/bg-main.png') 0 0 repeat-y; overflow: hidden; border-bottom: 1px solid #f1e8d7; position: relative; position:relative; min-height: 600px;}

/* HEADER */
#header {border-bottom: 1px solid #7b4115; background: #c96d05 url('../images/bg-header.png') 0 0 repeat-y; position: relative;}
#header .inbox {height: 275px;}
#header .motive1 {background: url('../images/motive1.png') 0 100% no-repeat;}

/* LANG MENU */
#lang-menu {position: absolute; top: 25px; right: 20px;}
#lang-menu a {margin: 0 1px;}

/* LOGO BOX */
#logo-box {position: absolute; top: 20px; left: 19px;}

/* CLAIM */
#claim {position: absolute; top: 25px; left: 185px;}

/* COLS */
#col-side {float: left; display: inline; width: 180px; padding: 0 0 9em;}
#col-content {float: right; display: inline; width: 450px; margin: 25px 40px 20px 0;}

/* NEWS LIST */
.news-list h2 {margin: 0; font-size: 100%; color: #a49187; font-size:14px;}
.news-list .reset li {margin: 0 0 25px;}

/* CROSSROAD */
.crossroad .reset li {margin: 0 0 5px;}
.crossroad .reset li .in {overflow: hidden; padding: 0 0 0 115px;}
.crossroad .reset li h2 {margin: 10px 0 0;}
.crossroad .reset li h2 a {color: #886f64; text-decoration: none; display: block;}
.crossroad .reset li h2 a:hover {color: #666;}
.crossroad .reset li h2 img {float: left; display: inline; margin: -10px 0 2px -115px; border: 2px solid #ca8326;}
.crossroad .reset li.vevent h2 img { margin: 0px 0 2px -115px; }
.crossroad .reset li p {margin: 0;}
.crossroad .reset li p.date {color: #a49187;}
.crossroad .reset li p.more a {text-transform: uppercase; font-size: 85%; text-decoration: none; padding: 1px 0 1px 32px; color: #ca8326; background: url('../images/bg-more.png') 23px 40% no-repeat;}
.crossroad .reset li p.more a:hover {color: #666;}

/* MAIN MENU */
#main-menu {margin: 15px 0 0; font-weight: bold;}
#main-menu ul.reset li {position: relative; margin: -1px 0 0; vertical-align: bottom; width: 100%; padding: 1px 0;z-index:5000}
#main-menu ul.reset li:hover, #main-menu .reset li.hover, #main-menu .reset li.active    {border: 1px solid #fff; border-width: 1px 0; padding: 0;}
#main-menu ul.reset li a {display: block; text-align: center; text-decoration: none; color: #fff; line-height: 29px; font-size: 133%; width: 100%;}
#main-menu ul.reset li:hover a, #main-menu .reset li.hover a, #main-menu .reset li.active a {background: url('../images/bg-main-menu.png') 0 0 repeat;}
#main-menu ul.reset li ul.reset {position: absolute; left: 180px; top: 0; border: 1px solid #fff; border-width: 0 1px;z-index:5000}

#main-menu ul.reset li ul.reset li {padding: 0; border: 1px solid #fff; border-width: 1px 0; white-space: nowrap; min-width: 170px; background: url('../images/bg-main-menu-a.png') 0 0 repeat;}
#main-menu ul.reset li ul.reset li a {line-height: 29px; font-size: 108%; text-align: left; padding: 0 10px; background: none;}
#main-menu ul.reset li ul.reset li:hover, #main-menu ul.reset li ul.reset li.hover, #main-menu ul.reset li ul.reset li.active {background: url('../images/bg-main-menu-a-active.png') 0 0 repeat;}

/* NEWS LETTER */
.newsletter {margin: 2px 5px 0; position: absolute; bottom: 10px; left: 0; width: 170px;}
.newsletter .link {background: url('../images/bg-newsletter-h2.png') 0 0 no-repeat; overflow: hidden; height: 56px; font-size: 110%; font-weight: normal; color: #886f64; text-align: center; padding: 3px 0 0;line-height:1.2em}
.newsletter .link a {color: #886f64;text-decoration:none}
.newsletter p.reset {margin: 10px 0 0; text-align: center;}
.newsletter .ico-rss {background: url('../images/ico-rss.png') 0 0 no-repeat; padding: 3px 0 6px 35px; color: #fff; font-size: 117%; text-decoration: none;}

/* PHOTOGALERY */
.photogalery-box h1 {margin-bottom: 0;}
.photogalery-box .big-photo {margin: 20px 0 15px;}
.photogalery-box .big-photo img {border: 4px solid #ca8326;max-width:390px}
.photogalery-box .big-photo p.smaller {text-align: right;}

#preview-div { vertical-align: middle }
#preview-div .prev_back img, #preview-div .prev_next img { border: none; margin-bottom: 30%}

.photogalery-box .small-photos {background: #f6e8d5; margin: 0 -10px 25px; padding: 13px 24px 13px 37px; position: relative; overflow: hidden;}
#photos { width: 395px; overflow: hidden; }
#photos ul { width: 100000px }
.photogalery-box .small-photos .reset li {float: left; display: inline; margin: 0 13px 0 0;}
.photogalery-box .small-photos .reset li img {border: 2px solid #ca8326; display: block;}
.photogalery-box .small-photos .back {position: absolute; left: 10px; top: 45px;}
.photogalery-box .small-photos .next {position: absolute; right: 10px; top: 45px;}

a.ico-back {text-decoration: none; padding: 1px 0 1px 10px; margin: 0 0 0 -9px; color: #ca8326; background: url('../images/ico-back.png') 0 40% no-repeat; position: relative;}
a.ico-down {text-decoration: none; padding: 1px 0 1px 10px; margin: 0 0 0 12px; color: #ca8326; background: url('../images/ico-down.png') 0 50% no-repeat;}
a.ico-plus {text-decoration: none; padding: 1px 0 1px 9px; margin: 0 0 0 12px; color: #ca8326; background: url('../images/ico-plus.png') 0 50% no-repeat;}
.smaller a:hover {color: #666;}
a.ico-fwd {text-decoration: none; padding: 1px 10px 1px 0; margin: 0 -9px 0 0; color: #ca8326; background: url('../images/ico-fwd.png') 100% 40% no-repeat; position: relative;}

/* FOOTER */
#footer {background: #fcd6ab url('../images/bg-footer.png') 0 0 repeat-y; border-top: 1px solid #fff; overflow: hidden; color: #4f4f4f; padding: 13px 0;}
#footer h3 {font-size: 92%; margin: 0;}
#footer p {font-size: 85%; margin: 0;}
#footer .l {width: 150px; margin: 0 15px 0 0;}
#footer .footer-logo {width: 190px;}
#footer .footer-logo img {margin: 3px 0 0 40px;}


.label { overflow: hidden; margin-bottom: .3em }
.label label { width: 300px; float: left; margin-top: .2em }
.label textarea { width: 430px; height: 300px }
.label input { border: solid 1px #999; width: 300px; padding: .2em }
.label select { border: solid 1px #999; width: 308px; padding: .2em }
.label label.error { margin-left: 100px; color: red; width: auto; }
fieldset  {margin-top:15px; margin-bottom:15px;}

.radiolabel { overflow: hidden; margin-bottom: .3em }
.radiolabel label { width: 50px; left; margin-top: .2em }
.radiolabel textarea { width: 430px; height: 300px }
.radiolabel input {  width: 20px; padding: .2em }
.radiolabel label.error { margin-left: 100px; color: red; width: auto; }




#media-box { position: relative;z-index:2; left: -12px }