/*                */
/* typo3 settings */
/*                */

/* general styles */

div.t3-linktotop {
  margin: 0px 0px -4px 0px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
div.t3-datetime {font-size: 10px;}
div.t3-lastupdate {font-size: 10px;}

/* header styles: defaults t3-header-3 t3-subheader-2 */

div.t3-header-date {
  padding: 10px 3px 0px 0px !important;
  padding: 10px 0px 0px 0px;
  padding /**/: 10px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  float: left;
}
div.t3-header-1, div.t3-header-2,
div.t3-header-3, div.t3-header-4 {
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}
p.t3-subheader-1, p.t3-subheader-2,
p.t3-subheader-3 {
  margin: 2px 0px 0px 0px !important;
  margin: 3px 0px 0px 0px;
  margin /**/: 3px 0px 0px 0px;
  font-size: 11px;
  font-weight: bold;
}

div.t3-headline {padding: 10px 0px 0px 0px;}

div.t3-news { /***/
  margin: 0px 0px 0px 7px !important;
  margin: 0px 0px 0px 8px;
  margin /**/: 0px 0px 0px 8px;
  float: right;
  clear: right;
}
td.t3-news-header { /***/
  padding: 0px 0px 4px 0px !important;
  padding: 0px 0px 5px 0px;
  padding /**/: 0px 0px 5px 0px;
  font-size: 12px;
  font-weight: bold;
}
td.t3-news-flash { /***/
  width: 158px !important;
  width: 158px;
  width /**/: 160px;
  height: 199px;
}

/* text+image styles */

div.t3-img-border {border: 1px solid #454545;}

div.t3-img-above-left {margin: 0px 0px 0px 0px; text-align: left;}
div.t3-img-above-center {margin: 0px auto 0px auto; text-align: center;}
div.t3-img-above-center table {margin: 0px auto 0px auto; text-align: center;}
div.t3-img-above-right {margin: 0px 0px 0px auto; text-align: right;}
div.t3-img-above-right table {margin: 0px 0px 0px auto; text-align: right;}

div.t3-img-below-left {margin: 0px 0px 0px 0px; text-align: left;}
div.t3-img-below-center {margin: 0px auto 0px auto; text-align: center;}
div.t3-img-below-center table {margin: 0px auto 0px auto; text-align: center;}
div.t3-img-below-right {margin: 0px 0px 0px auto; text-align: right;}
div.t3-img-below-right table {margin: 0px 0px 0px auto; text-align: right;}

div.t3-img-float-left {
  margin: 4px 8px 0px 0px !important;
  margin: 5px 5px 0px 0px;
  margin /**/: 5px 5px 0px 0px;
  float: left;
  clear: left;
}
div.t3-img-float-right {
  margin: 4px 0px 0px 7px !important;
  margin: 5px 0px 0px 8px;
  margin /**/: 5px 0px 0px 8px;
  float: right;
  clear: right;
}

td.t3-img-text-left {
  padding: 4px 8px 0px 0px !important;
  padding: 5px 8px 0px 0px;
  padding /**/: 5px 8px 0px 0px;
}
td.t3-img-text-right {
  padding: 4px 0px 0px 8px !important;
  padding: 5px 0px 0px 8px;
  padding /**/: 5px 0px 0px 8px;
}

td.t3-img-caption {
  padding: 0px 4px 1px 4px;
  background: #ebebeb;
  font-size: 9px;
  line-height: 14px;
}

/* filelinks styles */

img.t3-uploads-border {
  border: 1px solid #454545;
}

/* menu+sitemap styles */

li.t3-menu a {
  text-decoration: none;
  color: #3399ff;
}
li.t3-menu a:hover {
  text-decoration: none;
  color: #ffcc00;
}
li.t3-menu-section {
  list-style-image: url(../image/nix.gif);
}
li.t3-menu-section a {
  text-decoration: none;
  color: #3399ff;
}
li.t3-menu-section a:hover {
  text-decoration: none;
  color: #ffcc00;
}
li.t3-menu-sitemap a {
  text-decoration: none;
  color: #3399ff;
}
li.t3-menu-sitemap a:hover {
  text-decoration: none;
  color: #ffcc00;
}

/* form style */

table.t3-mailform {margin: 10px 0px 0px -4px;}
table.t3-mailform td {
  padding: 0px 4px 0px 4px;
}

table.t3-searchform {margin: 10px 0px 0px -4px;}
table.t3-searchform td {
  padding: 0px 0px 0px 4px;
}
input.t3-searchform {
  margin: 4px 0px 4px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #454545;
  overflow: hidden;
  width: 195px !important;
  width: 195px;
  width /**/: 201px;
}
input.t3-searchform-button {
  margin: 4px 0px 4px 0px;
  border: 1px solid #454545;
  padding: 0px 5px 0px 5px !important;
  padding: 0px 0px 0px 0px;
  padding /**/: 0px 0px 0px 0px;
  color: #3399ff; text-align: center;
  height: 19px;
  background-image: url(../image/button.gif);
}
input.t3-searchbox {
  margin: 4px 0px 4px 4px !important;
  margin: 3px 0px 3px 4px;
  margin /**/: 3px 0px 3px 4px;
  border: 0px;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
  width: 102px !important;
  width: 102px;
  width /**/: 106px;
}
input.t3-searchbox-button {
  margin-bottom: 4px;
  margin-left: -1px;
  vertical-align: bottom;
}
li.t3-searchresult a {
  text-decoration: none;
  color: #3399ff;
}
li.t3-searchresult a:hover {
  text-decoration: none;
  color: #ffcc00;
}
span.t3-searchword {
  color: #ffcc00;
}

table.t3-loginform {margin: 10px 0px 0px -4px;}
table.t3-loginform td {
  padding: 0px 0px 0px 4px;
}
input.t3-loginform {
  margin: 4px 0px 4px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #454545;
  overflow: hidden;
  width: 95px !important;
  width: 95px;
  width /**/: 101px;
}
input.t3-logoutform {
  margin: 4px 0px 4px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #454545;
  overflow: hidden;
  background: #ffffff;
  color: #808080;
  width: 95px !important;
  width: 95px;
  width /**/: 101px;
}
input.t3-loginform-button {
  margin: 4px 0px 4px 0px;
  border: 1px solid #454545;
  padding: 0px 5px 0px 5px !important;
  padding: 0px 0px 0px 0px;
  padding /**/: 0px 0px 0px 0px;
  color: #3399ff; text-align: center;
  height: 19px;
  background-image: url(../image/button.gif);
}
input.t3-loginbox {
  margin: 4px 0px 4px 4px !important;
  margin: 3px 0px 3px 4px;
  margin /**/: 3px 0px 3px 4px;
  border: 0px;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
  width: 102px !important;
  width: 102px;
  width /**/: 106px;
}
input.t3-logoutbox {
  margin: 4px 0px 4px 4px !important;
  margin: 3px 0px 3px 4px;
  margin /**/: 3px 0px 3px 4px;
  border: 0px;
  padding: 2px 2px 2px 2px;
  background: #ffffff;
  color: #808080;
  overflow: hidden;
  width: 102px !important;
  width: 102px;
  width /**/: 106px;
}
input.t3-loginbox-password {
  margin: 0px 0px 4px 4px !important;
  margin: -1px 0px 3px 4px;
  margin /**/: -1px 0px 3px 4px;
  border: 0px;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
  width: 102px !important;
  width: 102px;
  width /**/: 106px;
}
input.t3-loginbox-button {
  margin-bottom: 4px;
  margin-left: -1px;
  vertical-align: bottom;
}

/* rss style */

li.tx-rss a:link, li a.tx-rss:active {
  text-decoration: none;
  color: #575757;
}
li.tx-rss a:visited {
  text-decoration: none;
  color: #808080;
}
li.tx-rss a:hover{
  text-decoration: none;
  color: #3399ff;
}

/* art style */

div#box-art-home {
  position: absolute; top: 0px;
  margin: 172px 0px 0px -15px;
  z-index: 1;
}

div.art-content {
  padding-top: 14px;
  float: left;
}
div.art-content img {
  display: inline;
  margin-bottom: 1px !important;
  margin-bottom: 3px;
  margin-bottom /**/: 3px;
}

div.art-content-left {
  margin-bottom: 5px;
  border: 1px solid #afacaf;
  padding-top: 21px;
  width: 118px !important;
  width: 118px;
  width /**/: 120px;
  height: 97px !important;
  height: 97px;
  height /**/: 120px;
  float: left;
}
div.art-content-right {
  margin-bottom: 5px;
  border: 1px solid #afacaf;
  padding-top: 21px;
  width: 118px !important;
  width: 118px;
  width /**/: 120px;
  height: 97px !important;
  height: 97px;
  height /**/: 120px;
  float: right;
}
div.art-content-clear {
  clear: left;
  border-top: 1px solid #ffffff;
  margin-bottom: -6px !important;
  margin-bottom: -6px;
  margin-bottom /**/: -5px;
}

div#art-tooltip {
  position: absolute;
  border: 1px solid #454545;
  /* padding: 0px 4px 0px 4px; */
  background-color: #ebebeb;
  width: 250px;
  visibility: hidden;
  z-index: 2;
}



/*                  */
/* general settings */
/*                  */

/* margin padding: top right bottom left */

body {
  margin: 10px 0px 10px 0px;
  border-width: thin;
  border-color: transparent;
  padding: 0px 0px 0px 0px;
  text-align: center;
} 
iframe {
  margin: 0px 0px -3px 0px !important;
  margin: 0px 0px 2px 0px;
  margin /**/: 0px 0px 2px 0px;
  width: 100%;
}
div.iframe {text-align: left;}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #3399ff;
}
a:hover {
  text-decoration: none;
  color: #ffcc00;
}
a.hidden:link, a.hidden:visited, a.hidden:active {
  text-decoration: none;
  color: #575757;
}
a.hidden:hover{
  text-decoration: none;
  color: #3399ff;
}

div {
  margin: 0px; border: 0px; padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #575757;
  line-height: 17px;
}
div.footnote {
  margin-top: 14px !important;;
  margin-top: 14px;
  margin-top /**/: 12px;
  border-bottom: 1px solid #454545;
  width: 75px;
  font-size: 0px;
  line-height: 0px;
}

p {margin: 10px 0px 0px 0px;}
p.fsn {font-size: 10px; line-height: 15px;}
p.fsb {font-size: 10px; font-weight: bold; line-height: 15px;}
p.footnote {
  margin-top: 5px !important;
  margin-top: 4px;
  margin-top /**/: 4px;
  font-size: 10px;
  line-height: 15px;
}

ol {
  margin: 0px 0px 0px 25px !important;
  margin: 0px 0px 0px 30px;
  margin /**/: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
}
ul {
  margin: 0px 0px 0px 16px !important;
  margin: 0px 0px 0px 17px;
  margin /**/: 0px 0px 0px 17px;
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
  list-style-type: square;
}
ul.gfx {
  list-style-image: url(../image/dot.gif);
}
li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
li.none {
  list-style-image: url(../image/nix.gif);
}

/* border-spacing: horizontal vertical */

table {
  table-layout: auto; /* fixed */
  border-collapse: collapse; /* separate */
  border-spacing: 0px; /* Konqueror 3.0.0 */
  empty-cells: show; /* hide */
}
tr, td {
  vertical-align: top;
  text-align: left;
  padding: 0px 0px 0px 0px;
  font-family /**/: Verdana, Arial, Helvetica, sans-serif;
  font-size /**/: 11px;
  color /**/: #575757;
  line-height /**/: 17px;
}
table p {margin: 0px 0px 0px 0px;}

table.table-0 {margin: 10px 0px 0px -4px;}
table.table-0 td {
  padding: 0px 4px 0px 4px;
}
table.table-1 {margin: 10px 0px 0px 0px;}
table.table-1 td {
  border: 1px solid #454545;
  padding: 0px 4px 0px 4px;
}
table.table-2 {margin: 10px 0px 0px 0px;}
table.table-2 td {
  border-top: 1px solid #454545;
  border-bottom: 1px solid #454545;
  padding: 0px 4px 0px 4px;
}
table.table-3 {margin: 10px 0px 0px 0px;}
table.table-3 td {
  border: 2px solid #ffffff;
  padding: 0px 4px 0px 4px;
  background: #ebebeb;
}
table.table-4 {margin: 10px 0px 0px 0px;}
table.table-4 td {
  border: 2px solid #ffffff;
  padding: 0px 4px 0px 4px;
}
table.table-5 {margin: 10px 0px 0px 0px;}

td.c0 {background: #ebebeb;}
td.c1 {background: #3399ff; color: #ffffff;}
td.c2 {background: #c1e0ff;}
td.c3 {background: #eaf5ff;}

td.tl {vertical-align: top; text-align: left;}
td.tc {vertical-align: top; text-align: center;}
td.tr {vertical-align: top; text-align: right;}
td.ml {vertical-align: middle; text-align: left;}
td.mc {vertical-align: middle; text-align: center;}
td.mr {vertical-align: middle; text-align: right;}
td.bl {vertical-align: bottom; text-align: left;}
td.bc {vertical-align: bottom; text-align: center;}
td.br {vertical-align: bottom; text-align: right;}

img {display: block; border: 0px;}

form {margin: 0px 0px 0px 0px;}

table.table-form {margin: 10px 0px 0px 0px;}
table.table-form td {
  border: 2px solid #ffffff;
  padding: 0px 4px 0px 4px;
  background: #c1e0ff;
}

input, textarea, select, optgroup, button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #575757;
}

input.form, textarea.form {
  padding: 2px 2px 2px 2px;
  border: 1px solid #454545;
  overflow: hidden;
  width: 97% !important;
  width: 97%;
  width /**/: 100%;
}
input.form {
  margin: 4px 0px 4px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
}

input.form-file {
  margin: 4px 0px 4px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
}

input.form-radio {
  float: left;
  margin: 4px 0px 4px 0px !important;
  margin: 0px 0px 0px 0px;
  margin /**/: 0px 0px 0px 0px;
}
div.form-radio {
  float: left;
  margin: 1px 6px 0px 3px !important;
  margin: 0px 2px 0px 0px;
  margin /**/: 0px 2px 0px 0px;
}

input.form-checkbox {
  float: left;
  margin: 4px 0px 4px 0px !important;
  margin: 0px 0px 0px 0px;
  margin /**/: 0px 0px 0px 0px;
}
div.form-checkbox {
  float: left;
  margin: 2px 6px 0px 3px !important;
  margin: 1px 2px 0px 0px;
  margin /**/: 1px 2px 0px 0px;
}

input.form-button {
  margin: 4px 0px 4px 0px;
  border: 1px solid #454545;
  padding: 0px 5px 0px 5px !important;
  padding: 0px 0px 0px 0px;
  padding /**/: 0px 0px 0px 0px;
  color: #3399ff; text-align: center;
  height: 19px;
  background-image: url(../image/button.gif);
}

textarea.form {
  margin: 4px 0px 2px 0px !important;
  margin: 3px 0px 3px 0px;
  margin /**/: 3px 0px 3px 0px;
}
select.form {
  margin: 4px 0px 4px 0px;
  width: 100%;
}

/* Internet Explorer */
textarea {line-height: 15px;}
/* Netscape, Mozilla */
optgroup {font-weight: bold; font-style: normal;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 2px;}

div.embed-left {margin: 0px 0px 0px 0px; text-align: left;}
div.embed-center {margin: 0px auto 0px auto; text-align: center;}
div.embed-center table {margin: 0px auto 0px auto; text-align: center;}
div.embed-right {margin: 0px 0px 0px auto; text-align: right;}
div.embed-right table {margin: 0px 0px 0px auto; text-align: right;}

table.embed {border: 1px solid #454545;}

embed {
  margin: 0px 0px -4px 0px !important;
  margin: 0px 0px -3px 0px;
  margin /**/: 0px 0px -3px 0px;
}

/* PDF-Druckversion */
div.pdf-print {position:absolute; top:187px; margin-left:434px;}



/*                   */
/* layout center+nav */
/*                   */

div#box-center {
  margin: auto;
  width: 760px;
  text-align: left;
}

div#box-nav-spacer{
  margin-top: 15px;
}
div#box-nav-content {
  position: absolute; top: 0px;
  z-index: 1;
}
div#box-nav-border {
  position: absolute; top: 0px;
  z-index: 1;
}

div#box-nav-left {
  margin-left: 1px;
  float: left;
}
div#box-nav-right {
  margin-right: 1px;
  float: right;
}

/*                */
/* layout box-top */
/*                */

div#box-top {
  clear: left;
  margin-bottom: 5px;
  background-color: #757075;
  width: 760px;
  height: 133px;
  float: left;
}
div#box-top-logo {
  width: 175px; height: 51px; /* 162 x 22 px */
  background-image: url(../image/logo.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  float: right;
}

div#box-top-links {
  margin-bottom: 7px;
  font-size: 10px;
  color: #ffffff;
}
div#box-top-links a {
  color: #ffffff;
  /* color: #808080; */
}
div#box-top-links a.on {
  color: #ffffff;
  /* color: #575757; */
}
div#box-top-links a:hover {
  color: #ffffff;
  /* color: #575757; */
}

/*                   */
/* layout box-middle */
/*                   */

div#box-middle {
  clear: left;
  background-image: url(../image/middle.gif);
  width: 760px;
  height: auto !important;
  height: 464px;
  height /**/: 464px;
  min-height: 463px;
  float: left;
}
div#box-middle-top {
  clear: left;
  background-image: url(../image/middle-top.gif);
  width: 760px;
  height: 4px !important;
  height: 3px;
  height /**/: 3px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}
div#box-middle-bottom {
  clear: left;
  background-image: url(../image/middle-bottom.gif);
  width: 760px; height: 14px;
  float: left;
}

div#box-content {
  padding-left: 15px;
  width: 450px !important;
  width: 450px;
  width /**/: 465px;
  float: left;
}

div#content-left {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 32%;
  float: left;
}
div#content-right {
  margin-left: 10px;
  margin-bottom: 10px;
  width: 32%;
  float: right;
}
div#content-normal {}

div#content-border {
  padding-right: 15px;
  width: 245px !important;
  width: 245px;
  width /**/: 260px;
  float: right;
}

/*                   */
/* layout box-footer */
/*                   */

div#box-footer {
  clear: left;
  width: 760px;
  height: 23px;
}
div#content-footer-left {
  margin-top: 7px !important;
  margin-top: 6px;
  margin-top /**/: 6px;
  font-size: 10px;
  float: left;
}
div#content-footer-left a {
  color: #575757;
}
div#content-footer-left a:hover {
  color: #3399ff;
}
div#content-footer-right {
  margin-top: 7px !important;
  margin-top: 6px;
  margin-top /**/: 6px;
  font-size: 10px;
  float: right;
}
div#content-footer-right a {
  color: #575757;
}
div#content-footer-right a:hover {
  color: #3399ff;
}

/*                     */
/* layout menu-level-1 */
/*                     */

div#menu-level-1 {
  clear: left;
  margin: 6px 0px 0px 10px !important;
  margin: 6px 0px 0px 5px;
  margin /**/: 6px 0px 0px 5px;
  float: left;
}

div#item-level-1 a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}
div#item-level-1 a:hover {
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
}
div#item-level-1on a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
  float: left;
}
div#item-level-1on a:hover {
  /* background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #ffffff; */
}
div#item-level-1off {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}

/*                     */
/* layout menu-level-2 */
/*                     */

div#menu-level-2 {
  margin: 6px 0px 0px 14px;
  float: left;
}

div#item-level-2 a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}
div#item-level-2 a:hover {
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
}
div#item-level-2on a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
  float: left;
}
div#item-level-2on a:hover {
  /* background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #ffffff; */
}
div#item-level-2off {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}

/*                     */
/* layout menu-level-3 */
/*                     */

div#menu-level-3 {
  margin: 6px 0px 0px 14px;
  float: left;
}

div#item-level-3 a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}
div#item-level-3 a:hover {
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
}
div#item-level-3on a {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlon.gif) !important;
  background-image: url(../image/mlon.gif); /* mlonie.gif */
  background-image /**/: url(../image/mlon.gif); /* mlonie.gif */
  background-repeat: no-repeat;
  color: #ffffff;
  float: left;
}
div#item-level-3on a:hover {
  /* background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #ffffff; */
}
div#item-level-3off {
  clear: left;
  padding-left: 7px; 
  background-image: url(../image/mlof.gif);
  background-repeat: no-repeat;
  color: #f0f0f0;
  float: left;
}

/*                    */
/* layout boxes-popup */
/*                    */

div#box-center-popup {
  margin: auto;
  width: 468px;
  text-align: left;
}

div#box-top-popup {
  background-image: url(../image/top-popup.gif);
  width: 468px;
  height: 4px !important;
  height: 3px;
  height /**/: 3px;
  font-size: 0px;
  line-height: 0px;
}
div#box-middle-popup {
  background-image: url(../image/middle-popup.gif);
  width: 468px;
  height: auto !important;
  height: 436px;
  height /**/: 436px;
  min-height: 435px;
}
div#box-bottom-popup {
  position: relative;
  background-image: url(../image/bottom-popup.gif);
  width: 468px; height: 29px;
}

div#box-content-popup {
  padding-left: 15px;
  width: 438px !important;
  width: 438px;
  width /**/: 453px;
}
div#box-content-close {
  margin: 13px 1px 0px 0px !important;
  margin: 13px 0px 0px 0px;
  margin /**/: 13px 0px 0px 0px;
  float: right;
}



/*                     */
/* layout search login */
/*                     */

div#box-search {
  clear: left;
  margin: 4px 0px 10px 0px !important;
  margin: 4px 0px 10px 0px;
  margin /**/: 5px 0px 10px 0px;
  background: #c1e0ff;
  width: 131px;
  float: left;
}

div#box-login {
  clear: left;
  margin: 4px 0px 10px 0px !important;
  margin: 4px 0px 10px 0px;
  margin /**/: 5px 0px 10px 0px;
  background: #c1e0ff;
  width: 131px;
  float: left;
}
div#box-login-below {
  clear: left;
  margin-top: 9px !important;
  margin-top: 10px;
  margin-top /**/: 10px;
  background: #c1e0ff;
  width: 131px;
  float: left;
}

