@charset "utf-8";
html, body {
  margin:0; padding:0;
}
body {
  background:#200000 url(pgbg.png);
  font:12px Verdana, Geneva, sans-serif; color:#906060;
}
a:link, a:visited, a:hover {
  color: #C40000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
div.clearer {
  clear:both; height:1px; width:0;
}

.error {
  color:#C40000;
}
.warn {
  color:#C48000;
}

/*** top  ***/

div#pgtop {
  position:relative; top:0; height:40px; width:100%;
  background:url(pgtop.png) top repeat-x;
}
div#pgbot {
  position:fixed; left:0; bottom:0; height:100px; width:100%;
  background:url(pgbot.png);
}
div#pgbot div.arabesque {
  position: relative; width:924px; height:153px;
  background: url(volute_bot.png) right no-repeat;
  margin:-53px auto 0 auto; z-index:1;


}
/*** header ***/

div#header {
  position:relative; width:914px; height:315px;
  margin:0 auto 0 auto;
}
div#header div.maintitle {
  position:absolute; right:20px; bottom:25px;
  font-size:16px; color:#C48040;
}
div#header div.scrumbs {
  position:absolute; left:20px; bottom:10px;
  font-size:12px; color:#C48040;
}
div#head {
  position: relative; width:914px; height:225px;
  background:url(hd_ctr.jpg) 40px top no-repeat;
  z-index:1;
}
div#head img.lft {
  position:absolute; left:10px;
}
div#head img.rgt {
  position:absolute; right:0;
}
div#head img.volute {
  position:absolute; right:1px; top: -40px;
  z-index:1;
}
div#head img.logo {
  position:absolute; left:-16px; bottom:-35px;
  z-index:1;
}
div#slide {
  position:relative; top:20px; left:50px; width:824px; height:185px;
  visibility:hidden;
}
div#slide div.smp {
  /*position:absolute; */
  width:100%; height:100%; visibility:inherit;
  background-repeat:no-repeat; background-position:center;
}
div#mainnav {
  position:relative; width:904px; height:90px;
  background:url(hd_bot.jpg) 10px no-repeat;
}
div#mainnav div {
  position:absolute; right:10px; top:10px; width:515px; height:30px;
  background-color:#2D0000; border:1px solid #200000;
  z-index:1;
}
div#mainnav div a {
  display:block; float:left; width:102px; height:28px;
  background-image:url(mnoff.png);
  border-style:solid; border-color:#400000; border-width:1px 1px 1px 0;
  font-size:14px; font-weight:bold; color:#C48040; line-height:26px; text-align:center;
}
div#mainnav div a:hover,
div#mainnav div a.selected {
  background-image:url(mnhov.png);
  color:#C40000; text-decoration:none;
}
div#mainnav div a.selected {
  cursor: default;
}
/*** body ***/

div#body {
  position:relative; width:894px;
  margin:0 auto 0 auto;
  background:url(bdy_ctr.png) repeat-y;

}
div#content.singled {
  width:869px; float:none;
}
div#content.coupled {
  width:616px; float:right;
  border-left:1px solid #400000;
}
div#content {
  position:relative;




    min-height:220px;
    height:auto !important;
    height:220px;



  padding:0 20px 0 5px;
  background:url(bdy_rgt.jpg) top right no-repeat;
}

div#content div.containerbox {
  position:relative;
  margin-top:10px;
  z-index:1;
}

div#content div.containerbox div.containerbox {
  margin:0 4px 8px 4px; top:4px;
}

div#content div.containerbox.bordered {
  border:1px solid #3C0D07;
}
div#content div.containerbox.shadowed {
  position:relative; left:3px; top:3px;
  background-color:#360804;
  margin-top:10px;
  z-index:1;
}

div#content div.containerbox p {
  padding:5px; margin:0;
  font:12px Arial, Helvetica, sans-serif;
  line-height:16px;
}
div#content div.containerbox.shadowed p.brief {
  border-right:1px solid #300603;
  border-bottom:1px solid #300603;
  background-color:#3C0D07;
  position:relative; left:-3px; top:-3px;
}
div#content div.containerbox.shadowed p.extended {
  border-bottom:1px solid #300603;
  margin-bottom:4px;
}

div#content div.containerbox div.jumps {
  font-size:12px; color:#C48040;
  padding:0; margin:0;
  height:22px; clear:both;
}
div#content div.containerbox div.jumps a {
  display:block; float:right;
  margin:0 4px 4px 4px; padding:2px 4px 2px 4px;
  border:1px solid #600000;line-height:12px;
  text-decoration:none;
}
div#content div.containerbox div.jumps a:hover {
  border:1px solid #800000;
}

div#content div.title {
  font-size:14px; color:#C48040;
  border-bottom:1px solid #400000;
  padding-left:10px; padding-top:10px;
  clear:left;
}
div#content div.title span {
  font-size:11px; color:#C46020;
  font-style:italic;
}

div#content div.containerbox img,
div#content iframe,
div#content object.iframe {
  border:1px solid #C48040;
  padding:4px; background-color:#200000;
}
div#content div.containerbox img.lft,
div#content iframe.lft,
div#content object.iframe.lft {
  float:left; margin-right:5px;
}
div#content div.containerbox img.rgt,
div#content iframe.rgt,
div#content object.iframe.rgt {
  float:right; margin-left:5px;
}
div#content div.containerbox img.ctr,
div#content iframe.ctr,
div#content object.iframe.ctr {
  display:block;
  margin-left:auto; margin-right:auto;
}

div#content div.containerbox.galery a:hover img {
  border-color:#C40000; background-color:#400000;
}

div#content div.containerbox.galery a img {
  margin:5px 5px 6px 6px; float:left;
}

div#browse {
  position:relative; top:10px; height: 22px; clear: both;
  background-color:#400000; border:1px solid #800000; padding:0 1px 0 1px;
  color:#C48040; font-size:12px;
  line-height: 20px; z-index:1; text-align:center;
}
div#browse a {
  width: 20px; margin:2px 1px 2px 1px;
  display:block; float:left;
  background-color:#800000;
  border:1px solid #C48040;
  color:#C48040;
  text-decoration:none; line-height: 16px;
}
div#browse a:hover {
  background-color:#C48040;
  border:1px solid #C48040;
  color:#800000;
}
div#browse div.bck {
  float:left;
}
div#browse div.fwd {
  float:right;
}
div#browse div.ctr {
  float:none; margin-left:30%; margin-right:30%;
}

/*** nav ***/

div#subnav {
  position:relative; width:238px; left:10px;
  background:url(sb_lft.jpg) left repeat-y;
  padding:10px 0 10px 0;
  float:left;
}
div#subnav img.top {
  position:absolute; top:0;
}
div#subnav img.bot {
  position:absolute; bottom:0;
}
div#subnav ul {
  padding:0 0 0 10px; margin:0;
  /*margin:0 0 0 10px; padding:0;*/
  list-style: none;
}
div#subnav li {
  /*border-style:dotted; border-width:0 0 1px 0;*/
  /*display:block;*/
}
div#subnav a {
  display:block;
  padding:5px 0 5px 10px;
  text-decoration:none;
  background-position:left; background-repeat:no-repeat;
}
div#subnav ul li a {
  /*border-color:#C40000;*/
  border-bottom:1px solid #400000;
  /*padding-bottom:5px; padding-left:10px;*/
  font-size:14px; color:#C40000;
}
div#subnav ul li a:hover,
div#subnav ul li a.selected {
  /*background-color:#400000;*/
  /*border-bottom:1px solid #C40000;*/
  background-image:url(sbbon.png);
}
div#subnav ul ul li a {
  border-bottom:1px dashed #400000;
  font-size:12px; color:#800000;
  /*padding-top:5px;*/
}
div#subnav ul ul li a:hover,
div#subnav ul ul li a.selected {
  /*background-color:#200000;*/
  /*border-bottom:1px solid #800000;*/
  background-image:url(sbson.png);
}

/*** footer ***/

div#footer {
  width:894px; height:35px;
  background:url(ft_bot.png) top no-repeat;
  /*padding-bottom:120px;*/
  position:absolute;padding-bottom:120px;
}
div#footer div {
  position:relative; z-index:1;
  padding-left:10px; padding-top:15px;
  font-size:10px;
}
div#footer a.copy {
  color:#600000;
}

/*** forms ***/

form {
  margin:0; padding:0; width:100%; /*border:1px solid #200000;*/
}
sup {
  color: #C40000; font-size:14px; font-weight:bold;
  vertical-align:baseline;
}

input[type=text], input[type=file],
select, textarea {
  border:1px solid #300603;
  background-color:#3C0D07;
  padding: 4px; margin:0;
  color: #806060; font-size: 12px;

  width: auto;
}
textarea {
  font:11px Verdana, Geneva, sans-serif;
  scrollbar-face-color: #3C0D07;
  scrollbar-track-color: #3C0D07;
  scrollbar-arrow-color: #800000;
  scrollbar-shadow-color: #300603;
  scrollbar-darkshadow-color: #3C0D07;
  scrollbar-highlight-color: #300603;
  scrollbar-3dlight-color: #3C0D07;
}

input[type=button], button {
  position:relative;
  border-width:1px; border-style:solid;
  border-color: #C40000 #400000 #400000 #C40000;
  background-color: #800000; padding:2px 4px 2px 4px;
  color: #C48040; font-size: 12px; text-align: center;
  cursor:pointer; margin:0 auto 0 auto;

}
select {
  padding:2px; color:#C48040
}/*
select optgroup {
  color:#800000;
}*/
select optgroup option {
  padding-left: 10px;
}




form.formular {
}

form.formular fieldset {
  border-width:0; padding:0;margin:0; clear: both;
}

form.formular fieldset legend {
  font-size:14px; color:#C48040;
  padding-left:10px;
}

/*
form.formular fieldset {

}
*/
.formular input[type=text],
.formular select,
.formular textarea {
  width: 60%; height:100%;
}
.formular label {
  width:100%; float:left;
  border-bottom:1px dotted #200000;
  padding:4px 0 4px 0;
  line-height:20px;
  color:#C48040; font-size:12px;
}

.formular label span {
  display:block; float:left;
}
.formular label span.lbl {
  width:30%; margin-right:5px; text-align:right;
}
.formular label span.fld {
  width:60%;
}

.formular label span.btn {
  width:100%; text-align:center;
}


.formular button {
  width:auto; overflow: visible;

}

/*** side box **/
div#sidebox {
  padding:2px 4px 2px 4px; width:139px;
  border-top:1px solid #200000;
  border-left:1px solid #200000;
  border-right:1px solid #600000;
  border-bottom:1px solid #600000;
  background-color:#300603;/*#360804;*/
  font-size:11px;
  z-index:2;
  /*opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter:alpha(opacity=75);*/
}
/*
div#sidebox:hover {
  opacity:1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
}*/

div#sidebox.relative {
  position:relative;
  margin:20px 10px 0 4px;
  float:right; z-index:2;
}

div#sidebox.absolute {
  position:absolute;
  top:20px; right:30px;
}

div#sidebox dl {
  margin:0; padding:0;
}
div#sidebox dl dt {
  border-bottom:1px solid #500000;/*#3C0D07;*/
  /*border-top:1px solid #200000;*/
  color:#C48040; font-size:12px; line-height:12px;
  margin:-2px -4px 4px -4px; padding:4px 2px 4px 2px;
  text-align:center; /*background-color:#3C0D07;*/
}

div#sidebox dl dd {
  text-align:left;
  padding:8px 4px 8px 4px; margin:2px 0 2px 0;
  border:1px solid #3C0D07;
}
div#sidebox dl dd {
  color:#800000; background-color:#200000;
}

div#sidebox dl dd.btn {
  background-color:#360804;margin:0;
  padding:0; border:none;/*margin:0;*/
}
div#sidebox dl dd.btn a {
  display:block; margin:2px 0 2px 0; padding:4px;
  background-color:#600000; border:1px solid #800000;
  color:#C48040; text-decoration:none; font-weight:bold;
  text-align:center; font-size:12px;
}
div#sidebox dl dd.btn a:hover,
div#sidebox dl dd.btn a.selected {
  background-color:#800000;
  border:1px solid #C40000;
}

/*** lightbox ***/

#lightbox {
  position: absolute;
  width:100%; height:100%; top: 0; left: 0;
  visibility:hidden;
}
#lightbox div.overlay {
  position:fixed; width:100%; height:100%;
  background: black;
  filter:alpha(opacity=60);
  opacity: .60;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*--IE 8 Transparency--*/
  z-index:10;
}
#wrapper {
  position:absolute; width:100%; height:100%; /*top:-100px;*/
  z-index:100;
}
#loader {
  background-color:#200000;
  background-position:center;
  background-repeat:no-repeat;
  position:relative; width:200px; height:200px;
  margin:100px auto 0 auto; padding: 4px;
  border:1px solid #800000;
}
#loader.load {
  background-image:url(loader.gif);
}
#loader.unload {
  background-image:none;
}
#loader div.legend {
  background-color:#2D0000; height:29px;
  border-top:1px solid #400000;
  border-right:1px solid #400000;
  border-left:1px solid #400000;
  clear:both;
}

#loader div.legend span {
  display:block; float:left;
  color:#800000; height:100%;
}
#loader div.legend button {
  display:block; float:right;
  margin:4px; padding:2px 4px 2px 4px;
  /*height:20px; */
  /*line-height:8px;*/
}

#picture {
  border:1px solid #400000;
  background-color:black;
  padding:9px;
  visibility:hidden;
}

#picture img {
}