img, div { behavior: url(iepngfix.htc) }body { background: url('../images/bg.jpg'); margin: auto; padding: 0; font-family: arial; font-size: 12px; text-align: center; width: 100%; display: block;}a { text-decoration: none; color: black; }a img { border: none; }a.button span { line-height: 20px; }img.border { border: 2px solid #b8aa95; }a.back { float: right; color: white;  width: 173px; height: 22px; background: url('../images/back.png'); margin: -3px 0 0 0; _margin-top: -20px; *margin-top: -20px; text-align: center; line-height: 22px; }h1 { color: #606060; font-size: 12px; font-weight: normal; margin: 2px 0; padding: 0;  }h1 span { color: black; }h1 img { float: left; }h1.table-head { background-color: #b8aa95; padding: 5px 0 5px 20px; color: black; }h1.table-head  span { color: white; }h1.content-top { margin-bottom: 20px; }.top { margin-top: 15px !important; }.bottom { margin-bottom: 15px !important; }.topsmall { margin-top: 5px !important; }.leftborder { border-left: 5px solid #b8aa95; }.gray { color: #5f5f5f; }.teb { float: right; margin-top: -2px; _margin-top: -27px; *margin-top: -27px; }.clearb { float: right; margin-top: 3px; _margin-top: -22px; *margin-top: -22px; margin-right: 10px; margin-left: 4px; margin-bottom: 6px;}

input.text { border: 1px solid #a98b5f; padding: 3px 5px 5px 5px; width: 160px; font-size: 12px; _height: 24px; }

input.text_empty { color: #808080; border: 1px solid #a98b5f; padding: 3px 5px 5px 5px; width: 160px; font-size: 12px; _height: 24px; }

input.text_src { color: #FF0000; border: 1px solid #a98b5f; padding: 3px 5px 5px 5px; width: 160px; font-size: 12px; _height: 24px; }

input.check { margin: 0; margin-top: 3px; }

input.button { width: 173px; height: 22px; color: white; background: url('../images/button.png'); 

             margin: 2px 2px 0 0; text-align: center; line-height: 22px; border: 0; cursor: pointer; }

select { border: 1px solid #a98b5f; padding: 3px 3px 3px 3px; width: 172px; font-size: 12px; _height: 24px; margin-bottom: 5px; }

select.option { border: 1px solid #a98b5f; padding: 3px 3px 3px 3px; width: 172px; font-size: 12px; _height: 24px; }

option.inactive { color: #808080; }#container {  max-width: 1280px; width: 90%; margin: auto; margin-top: 10px; text-align: left; display: block;}#container #header { width: 100%; max-height: 94px; border-bottom: 5px solid #b8aa95; margin: 0; padding: 0; float: left; min-width: 334px;} #container #header img { height: auto;  max-width: 244px; width: 20%; margin: auto;} @media only screen and (max-width: 930px){ #container #header img { height: auto;  min-width: 150px; width: 20%; margin: auto; margin-top: 3px; background-image: url('../images/bg.jpg');} }#container #tabs { width: 100%; height: auto;  float: left;  margin-bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex; }#container #tabs a.elem { width: 22%; min-height: 22px; float: left; background: url('../images/tab.png'); margin: 2px 2px 0 0; text-align: center; line-height: 22px; } @media only screen and (max-width: 700px){#container #tabs a.elem {font-size: 78%; line-height: 15px; padding: 2px; padding-bottom: 0px;} }#container #tabs a.tez{ width: 100%; min-height: 22px; float: left; background: url('../images/help.png'); margin: 2px 2px 0 0; text-align: center; line-height: 22px; color: white; }#container #tabs a.elem:hover, #container #tabs a.elem.active{ background: url('../images/tab_active.png'); }#container #tabs a.lang {  width: 4%; float: right;  text-align: center; line-height: 22px; padding: 0 3px; min-width: 30px;}#container #tabs a.lang:hover, #container #tabs a.lang.active{ background-color: #b8aa95; }#container div.tabs { width: 920px; height: 25px;  float: left;  margin-bottom: 30px; }#container div.tabs a.elem { width: 168px; height: 22px; float: left; background: url('../images/tab.png'); margin: 2px 2px 0 0; text-align: center; line-height: 22px; }#container div.tabs a.tez{ width: 207px; height: 22px; float: left; background: url('../images/help.png'); margin: 2px 2px 0 0; text-align: center; line-height: 22px; color: white; }#container div.tabs a.elem:hover, #container div.tabs a.elem.active{ background: url('../images/tab_active.png'); }#container div.tabs a.lang { float: right;  text-align: center; line-height: 22px; padding: 0 3px; }#container div.tabs a.lang:hover, #container div.tabs a.lang.active{ background-color: #b8aa95; }#container #content { width: 100%; float:left;   display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;   display: flex; -webkit-flex-wrap: nowrap;  flex-wrap: nowrap;}#container #content.tez { margin-top: -30px; }#container #content #left { width: 22%; float: left;  margin-right: 0;}#container #content.tez #left{ width: 300px; float: left; margin-top: 10px; }#container #content.tez #left h1.tez span { line-height: 25px; color: #606060; }#container #content #left #menu { width: 150px; padding-left: 17px; }#container #content #left #menu a { width: 150px; color: black; display: block; padding: 3px 0; }#container #content #left #menu a:hover, #container #content #left #menu a.active { font-weight: bold; }#container #content #left #archive { width: 22%; padding-left: 17px; margin-top: 30px; display: block;}#container #content #left #archive img { margin-top: 10px;}div.left_switches { padding-left:17px; margin-bottom: 15px;}div.left_switches p { line-height:15px; margin: 0; }#container #content #right { width: 78%; float: right; height: 100%;display: inline; 

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex; 

  display: flex;

 -webkit-flex-wrap: nowrap;

  flex-wrap: nowrap;
  
  justify-content: space-between;

}
#container #content.tez #right{ max-width: 100%; float: left; margin-top: 10px; }#container #content #right #fields {width: 26%;  width: auto;  float: left; display: block; }#container #content #right #fields ul  {display: block;}#container #content #right #fields ul li {width: auto;padding-top: 5px;}#container #content #right #fields ul li a { text-align: left; padding: 5px; }#container #content #right #info { width: 72%; _width: auto; right: 0px;  float: right; margin-left: 0px; padding-right: 0px; _padding-bottom: 20px; *padding-bottom: 20px; background-color: white; height: 100%;}li a.node {}}li a.selnode {}#container #content.tez  #right #fields { width: auto;  float: left; padding-left: 15px;}#container #content #right #fields p { margin: 0; line-height: 15px; }#container #content #right #browsehead { padding-bottom: 10px; margin-bottom: 10px; }#container #content #right #browsehead p a{ line-height: 130%; }#container #content #right #browsetree { margin-bottom: 10px;}#container #content #right #browsehead p { margin-top: 10px; line-height: 8px; }#container #content #right #info p { padding-left: 20px; color: #5f5f5f; padding-right: 20px;}#container #content #right #info p.lead { background-color: #dfd8ce; padding: 5px 0 5px 20px; color: black; _margin-top: 10px; *margin-top: 10px; }#container #content #right #info p span { color: black; }div.field_group { padding-left:10px; margin-bottom: 15px; width: 210px; margin-right: 5px; display: block;}


.field_group h1 {text-align: left; margin-top: 15px;}

h1.field_group_header {text-align: left; margin-bottom: 5px; margin-top: 0px;}
#container #footer { width: 100%; height: 94px; border-top: 5px solid #b8aa95; margin: 50px 0 0 0; padding: 0; float: left; }#container #footer p { color: #5f5f5f; font-size: 10px; }#container #footer p a { color: #5f5f5f; }#container #footer p.left { float: left; }#container #footer p.right { float: right; }/* #container #footer p.right a { margin-left: 10px; } */#container #footer p.right a:hover { color: black; }table { border: none; padding: 0; margin: 0; border-collapse: collapse; margin: 0px 0 0px 0; font-size: 12px;}tr.white { background-color: white; }tr.brown { background-color: #dfd8ce; }td { color: #5e5e5e; }td.first { width: 260px; padding: 3px 10px 3px 20px; color: black; }td.first a:hover, td.first a:active { font-weight: bold;}td.type { width: 130px; padding: 3px 10px 3px 10px; }td.typesmall { width: 50px; padding: 3px 10px 3px 10px; color: black; } td.lang { width: 80px; padding: 3px 10px 3px 10px; }td.timer { width: 160px; padding: 3px 10px 3px 10px; }td.found { width: 190px; padding: 3px 10px 3px 10px; }td span { color: black; }
div.pagination { background-color: #b8aa95; padding: 5px 0 5px 20px; color: black; float: left; height: 14px; width: 100%; min-width: 184px;}

div.pagination a { color: white; margin: 0 3px; }

div.pagination a.end { color:  #606060; margin: 0; }

div.pagination a.actual { color: black; }



div.list_item  { float: left; width: 100%; margin: 1px 0; color: #5e5e5e;}

div.list_item p { margin-left: 1px; float: left; padding: 10px; margin: 0; height: auto; width: 100%;  line-height: 18px; }

div.list_item p  span{ color: black; font-weight: bold; }

div.list_item.white p { background-color: white; }

div.list_item img { border: 2px solid white; float: left; }



div.list_item a { margin-left: 1px; float: left; padding: 10px; margin: 0; height: auto; width: 100%; line-height: 18px; color: #5e5e5e;}

div.list_item a:hover { font-weight:bold; }

div.list_item a  span{ color: black;  }

div.list_item.white a { background-color: white; }

div.list_item img a { border: 2px solid white; float: left; }









#gylist { width: 72%;  margin-left: 0px; float: right;}

#gylist div.pagination { background-color: #b8aa95; padding: 5px 0 5px 0px; color: black; float: left; height: 14px; width: 100%; }

#gylist div.pagination a { color: white; margin: 0 3px; }

#gylist div.pagination a.end { color:  #606060; margin: 0; }

#gylist div.pagination a.actual { color: black; }



#gylist div.list_item  { float: left; width: 100%; margin: 1px 0; color: #5e5e5e;
width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex; 

  display: flex;

 -webkit-flex-wrap: nowrap;

  flex-wrap: nowrap;
}

#gylist div.list_item p { margin-left: 1px; float: left; padding: 10px; margin: 0; min-height: 75px; height: auto; width: 100%; line-height: 18px; }

#gylist div.list_item p  span{ color: black; font-weight: bold; }

#gylist div.list_item.white p { background-color: white; }

#gylist div.list_item img { border: 2px solid white; float: left; }



#gylist div.list_item a { margin-left: 1px; float: left; padding: 3px 10px 3px 10px; margin: 0; min-height: 89px; height: auto; width: 100%; line-height: 18px; color: #5e5e5e;}

#gylist div.list_item a:visited { color: #8E8E70; }  /* TODO: a visited-hez link is kellene!!*/

#gylist div.list_item a  span{ color: black;  }

#gylist div.list_item.white a { background-color: white; }

#gylist div.list_item img a { border: 2px solid white; float: left; }

#gylist div.list_item a:hover { background-color: #b8aa95; color: #FFFFFF; font-weight: normal;}

#gylist div.list_item.white a:hover { background-color: #b8aa95; color: #FFFFFF; font-weight: normal; }

 @media only screen and (max-width: 640px){

#gylist div.list_item  { display: block;}

#gylist div.list_item a {height: auto;  width: auto;}

}
div.tezfind { width: 615px; float:left; margin-top: 15px; }div.tezfind table { margin-bottom: 0; }div.tezfind  p { margin: 0 0 0 015px; color: #5e5e5e; }div.tezfind  h1.first { margin-left: 15px; color: black; }div.tezfind  h1.head { background-color: #b8aa95; padding: 5px 0 5px 15px; color: black; margin-top: 10px; float: left; }div.tezfind  h1.head span.first { float: left; width: 215px; }div.tezfind  h1.head span.second { float: left; width: 205px; }div.tezfind  h1.head span.third { float: left; width: 110px; }div.tezfind  h1.head span.fourth { float: left; width: 69px; }div.tezfind  h1.head span.fifth { float: left; width: 213px; }div.tezfind  td.first { padding-left: 15px; width: 205px; }div.tezfind  td.second { width: 205px; }div.tezfind  td.third { width: 110px; }div.tezfind  td.fourth { width: 50px; }div.tezfind  td.fifth { width: 210px; }ul { list-style: none; margin: 5px 0; padding: 0 0 0 25px;}li { margin-left: 0; }li img { margin-right: 5px; }li.margin-1 { margin-left: 15px; }li.margin-2 { margin-left: 30px; }li.margin-3 { margin-left: 45px; }li a.node:hover, li a.selnode { background-color: #b8aa95; color: #FFFFFF;}#container #content #right img#data_image { float: left; border: 2px solid #b8aa95; _margin: 0; _padding: 0;}#container #content #right #data_head { width: 630px; float: left; margin: 0 0 20px 20px; _margin-left: 15px; }#container #content #right #data_obtainer { width: 275px; float: left; }#container #content #right #data_info{ width: 445px; float: left; margin-left: 20px; _width:450px; }#container #content #right #data_head p, #container #content #right #data_obtainer p, #container #content #right #data_info p, #container #content #right #data_medialist p { margin: 0; }#container #content #right #data_head p.head, #container #content #right #data_obtainer  p.head, #container #content #right #data_info  p.head { background-color: #b8aa95; padding: 5px 0 5px 15px; color: black; }#container #content #right #data_head p.head { font-weight: bold; }#container #content #right #data_head p.info, #container #content #right #data_obtainer p.info, #container #content #right #data_info  p.info { margin: 10px 0 0 15px; line-height: 20px; }#container #content #right #data_medialist { float: left; width: 750px; margin-top: 15px; }#container #content #right #data_medialist p.head { background-color: #b8aa95; padding: 5px 0 5px 15px; color: black; }#container #content #right #data_medialist table{ margin-bottom: 0; }#container #content #center { margin-top: -25px; _margin-top: 0;width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;   display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap;
}#container #content #center a.print { float: left; margin-top: 0px; margin-left: 10px; color: #5f5f5f;}#container #content #center #three_buttons { width: 100%;}#container #content #center a.print span { float: left; margin: 5px 6px 0 0;}#container #content #center img.print { height: 25px;}#container #content #center #img-data-head{ width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;   display: flex; -webkit-flex-wrap: nowrap;  flex-wrap: nowrap;  justify-content: space-between;}#container #content #center img#data_image {  float: left; border: 2px solid #b8aa95; _margin: 0; _padding: 0; height: auto; max-height: 115px;  width: 100%; max-width: 115px; }#container #content #center #data_head { float: right; margin: 0 0 20px 5px; _width: 100%; width: 100%; height: auto; }#container #content #center #data_head p a:hover { font-weight: bold; }#container #content #center #data_head p { margin: 0; }#container #content #center #data_head p.head { background-color: #b8aa95; padding: 5px 0 5px 15px; color: black; }#container #content #center #data_head p.info { margin: 5px 0 0 15px; font-size: 11px; line-height: 15px; height: auto; min-height: 90px; }#container #content #center #media_player {-webkit-order: 1; order: 1; position: relative; height: auto; width: 100%; float: left; margin-top: 40px; margin-right: 20px; margin-bottom: 20px;}#container #content #center #media_player iframe{   }#container #content #center #media_player a { float: right; color: #5f5f5f; }#container #content #center #media_player a span { float: left; margin: 5px 6px 0 0;}#media_player_err { text-align: center; font-weight: bold; margin-top: 160px; color: red; }#container #content #center #mplayer-segment {width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;   display: flex; -webkit-flex-wrap: nowrap;  flex-wrap: nowrap;  justify-content: space-between;  }#container #content #center #segment {-webkit-order: 2; order: 2; width: 100%; display: block; float: right;}#container #content #center #scrolldown-all {width: 100%; display: block;}#container #content #center h1#scrolldown-head { background-color: #b8aa95; padding: 5px 0 5px 0px; text-indent: 20px; color: black; float: left; width: 100%; margin: 10px 0 0px 0px;  height: auto; }#container #content #center #scrolldown {  height: 324px; width: 90%; float: left; padding-left: 5px; margin: 0px 0 10px 0px; }#container #content #center #scrolldown p{ color: black; float: left; width: 90%; margin: 3px 0 3px 18px; }#container #content #center #scrolldown p span{ float: left; width: 160px; }#container #content #center #scrolldown p span.second{ float: left; width: 220px; }#container #content #center #scrolldown p.lead{ background-color: #b8aa95; padding: 5px 0 5px 17px; color: black; float: left; width: 580px; margin: 5px 0 5px 0; }#container #content #center #scrolldown  table { border: none; padding: 0; margin: 0; border-collapse: collapse; }#container #content #center #scrolldown  table tr.white { background-color: white; }#container #content #center #scrolldown  table tr.brown { background-color: #dfd8ce; }#container #content #center #scrolldown  table tr td.first { width: 148px; padding: 3px 10px 3px 18px; color: black; }#container #content #center #scrolldown  table tr td.second { width: 220px; padding: 3px 0; color: black; }#container #content #center #scrolldown  table tr td.third { width: 198px; padding: 3px 0; color: black; }#container #content #center h1#scrollright-head { background-color: #b8aa95; padding: 5px 0 5px 20px; color: black; float: left; width: 100%; margin: 0; }#container #content #center #scrollright { width: 100%; overflow-x: auto; overflow-y: hidden; float: left; margin: 0 0 0 0; position: relative; }#container #content #center #scrollright p { margin: 1px 0; }#container #content #center #scrollright div.line { float: left; margin: 1px; height: 35px; min-width: 1500px; }#container #content #center #scrollright div.line p { float: left; height: 35px; background-color: white; padding: 0px 15px; margin: 0; border-right: 2px solid #94978f; }#container #content #center #scrollright div.line p.start { float: left; width: 140px; text-align: center; height: 35px; background-color: #94978f !important; color: black; padding: 0; line-height: 35px; }#container #content #center #scrollright div.line p.blank { height: 35px; background-color: #94978f; padding: 0px 15px; margin: 0; }#container #content #center #scrollright div.line p.green { background-color: #bdc7aa; }#container #content #center #scrollright div.line p.brown { background-color: #b8aa95; }#ifr-tez { margin-top: 00px; text-align:left; width: 600px; }#ifr-tez h1.tez span { line-height: 25px; color: #606060; }#segdata { width: 505px; overflow: auto; float: left; overflow-x: hidden; text-align: left;}#segdata p{ color: black; float: left; width: 500px; margin: 3px 0 3px 18px; }#segdata p span{ float: left; width: 160px; }#segdata p span.second{ float: left; width: 160px; }#segdata p.lead{ background-color: #b8aa95; padding: 5px 0 5px 17px; color: black; float: left; width: 580px; margin: 5px 0 5px 0; }#segdata table { border: none; padding: 0; margin: 0; border-collapse: collapse; }#segdata table tr.white { background-color: white; }#segdata table tr.brown { background-color: #dfd8ce; }#segdata table tr td.first { width: 148px; padding: 3px 10px 3px 18px; color: black; }#segdata table tr td.second { width: 160px; padding: 3px 0; color: black; }#segdata table tr td.third { width: 198px; padding: 3px 0; color: black; }#ifr_mplayer a { float: right; color: #5f5f5f; }#ifr_mplayer a span { float: left; margin: 5px 6px 0 0;}#thesbox { width: 72%; float: right; padding-bottom: 20px;  height: 100%;}#thesbox #thesbox_thead h1.head { background-color: #b8aa95; padding: 5px 0px 5px 0px; color: black; margin-right: 0; margin-top: 0px; float: left; width: 100%; min-width: 220px; padding-right: 0; }#thesbox #thesbox_thead h1.head span { float: left; }#thesbox #thesbox_thes {height:auto; overflow: auto; padding-left: 10px;  }#thesbox #thesbox_thes h1.tez span { line-height: 25px; color: #606060; }#thesbox #thesbox_thes li { line-height: 16px; }#thesbox #thesbox_thes a.nodeSel { background-color: #b8aa95; }#thesbox #thesbox_shead h1.head { background-color: #b8aa95; padding: 5px 0px 5px 15px; color: black; margin-right:35px; margin-top: 0px; float: left; width: 430px;;  }#thesbox #thesbox_shead h1.head span { float: left; }#thesbox #thesbox_search { height:200px; overflow: auto; width: 100%; }#thesbox #thesbox_search table.theslist { width: 100%; }#thesbox #thesbox_search tr.white { background-color: white; }#thesbox #thesbox_search tr.normal {  }#thesbox #thesbox_search td.theslist { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; color: #4e4e4e; }#thesbox #thesbox_search td.theslist a { display: block; font-weight:bold; width: 375px; float: left; }#thesbox #thesbox_search td.theslist a:hover { font-weight:bold; }#thesbox #thesbox_search td.theslist span.lang { width: 33px; float: left; color: #4e4e4e; }#thesbox #thesbox_search td.theslist span.restype { width: 170px; float: left; color: #4e4e4e; }
/* context list */#contextlist { width: 280px; position: relative; margin-top: 15px; }#contextlist p { margin: 0; line-height: 15px; }#contextlist #contextlist_head h1.head { background-color: #b8aa95; padding: 5px 0px 3px 10px; color: black; margin-right:35px; margin-top: 0px; width: 270px; }#contextlist h1.table-head { background-color: #dfd8ce; margin: 10px 0 0 0; padding: 3px 0 3px 10px; color: black; }#contextlist td.first { width: 240px; padding: 3px 10px 3px 10px; color: black; }#contextlist td.first a:hover, td.first a:active { font-weight: bold;}#contextlist td.lang { width: 80px; padding: 3px 10px 3px 10px; }#contextlist td.found { width: 40px; padding: 3px 10px 3px 10px; }/* wm downloader */div.dialog  {  }div.dialog  { float: left; margin: 15px 15px 15px 15px;  }div.dialog div.fields { padding: 0 0 0 15px; }input.text2 { border: 1px solid #a98b5f; padding: 3px 5px 5px 5px; width: 260px; font-size: 12px;  }input.smallbutton { width: 130px; height: 22px; float: left; color: white; background: url('../images/button.png');              margin: 2px 10px 0 0; text-align: center; line-height: 22px; border: 0; cursor: pointer; }textarea { border: 1px solid #a98b5f; padding: 3px 5px 5px 5px; width: 260px; font-size: 12px;  }div.dialog a  { color: #937244;  }div.dialog a:hover  { font-weight: bold;  }/* tooltip (személyi adatlap, thes path) */#tooltip { position: absolute; z-index: 800; top: 100px; left: -1000px; display: none; } /* ez a külső tooltip div */div.tooltip_person { font-size: 11px; text-align: left; border: 1px solid #A98B5F; line-height: 1em; font-weight: bold; background: none repeat scroll 0 0 #FFFFFF; 	padding: 9px 12px 15px 12px; }div.tooltip_person h1  { font-size:12px; font-family: georgia,serif; font-weight: bold; padding: 0px 0; color: #880000; text-align: center;}div.tooltip_person p { margin-bottom: -3px; }div.tooltip_person span { font-weight: normal; }div.tooltip_thespath { font-size: 11px; text-align: left; border: 1px solid #A98B5F; line-height: 1em; font-weight: bold; background: none repeat scroll 0 0 #FFFFFF; 	padding: 0px 12px 0px 12px; }div.tooltip_thespath p { margin: 5px; }/* nem kell: */xdiv.thesbox  h1.head span.first { float: left; width: 215px; }div.thesbox_head  h1.head { background-color: #b8aa95; padding: 5px 0px 5px 15px; color: black; margin-right:35px; margin-top: 0px; float: left; width: 430px;;  }div.thesbox_head  h1.head span { float: left; }video { width:100%; height: auto;}audio { width:100%;} @media only screen and (max-width: 1180px){#container #content #right { display: block; 

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex; 

  display: flex;

 -webkit-flex-wrap: nowrap;

  flex-wrap: nowrap;



}#container #content #right #info { width: 100%; float: left;}

#thesbox { width: 100%; float: right;}


#gylist { width: 100%; float: left;}


#container #content #right #fields { margin-right: 15px;}}



 @media only screen and (max-width: 975px){
 


#container { margin-top: 5px;}

#gylist { width: 100%; float: left; margin-left: 0px; }

#container #content #center { min-width: 200px;}

 #container #content #center #img-data-head{ width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex; 

  display: flex;

 -webkit-flex-wrap: nowrap;

  flex-wrap: nowrap;

  justify-content: space-between;

}

#container #content #center img#data_image {  float: left; border: 2px solid #b8aa95; _margin: 0; _padding: 0; height: auto; max-height: 115px;  width: 100%; max-width: 115px; }

#container #content #center #data_head { float: right; margin: 0 0 20px 5px; _width: 100%; width: 100%; height: auto; } 

#container #content #right #info { float: left;width: 100%;margin-left: 0;padding-right: 0px;}

#container #content #right #info p.lead {margin-right: 20px; }

#thesbox { width: 100%; float: left; margin-left: 0px;  float: left; margin-left: 0px; padding-bottom: 20px;  height: 100%;}

#container #content #center #mplayer-segment {width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;   display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap;  align-items: center;  justify-content: flex-start;  } 

#container #content #center #media_player {-webkit-order: 2; order: 2; max-width: 515px; float: left; margin-top: 10px; margin-bottom: 20px;} 

#container #content #center #segment {-webkit-order: 1; order: 1; width: 505px; display: block; float: left;} 

#container #content #center #scrolldown-all {width: 100%; display: block; float: left;} 

center h1#scrolldown-head { background-color: #b8aa95; padding: 5px 0 5px 0px; text-indent: 20px; color: black; float: left; width: 100%; margin: 10px 0 0px 0px;  height: auto; }


}




 @media only screen and (max-width: 640px){

#container #content #right { width: 65%; float: right; height: 100%; display: inline-block; }

#container #content #left { width: 35%; float: left;  margin-right: 0;}

}

 @media only screen and (max-width: 390px){

#container #content #right { width: 55%; float: right; height: 100%; display: inline-block; }

#container #content #left { width: 45%; float: left;  margin-right: 0;}

}