@import "colors.css";
@import "images.css";

/* ----------------------------------------------------------------
   HTML-Tags
   function HTML
   ---------------------------------------------------------------- */

html, body {
   height: 100%;
   width: 100%;   

   margin: 0px;
   
   color: black;
   font-family: Arial, sans-serif;
   font-size: 9pt; 
}

div, span {
   font-family: Arial, sans-serif;
   font-size: 9pt;
   font-weight: normal;
}

a, a:link, a:visited, a:active {
   color: black;   
   background-color: inherit;
   font-family: Arial, sans-serif;
   font-size: 8pt;
   text-decoration: none;
   outline-style: none;
}

p {
   margin-top: 8px;
   font-size: 9pt;
   font-weight: normal;
}

/* Panes: PageTitle.Title */
h1 {
   font-size: 10pt;
   font-weight: bold;
}

/* Panes: Title */
h2 {
   margin-top: 20px;
   font-size: 9pt;
   font-weight: bold;
}

/* Panes: Label, Caption */
h3 {
   margin-top: 20px;
   font-size: 9pt;
   font-weight: normal;
}

/* Boxes: Caption */
h4 {
   margin-top: 8px;
   color: white;
   font-size: 9pt;
   font-weight: bold;
   font-variant: small-caps;
}

/* Boxes: Item */
h5 {
   color: black;
   font-size: 9pt;
   font-weight: normal;
}

/* Panes: Header, Footer */
h6 {
   margin-top: 8px;
   color: gray;
   font-size: 9pt;
   font-weight: normal;
}

blockquote {
   margin: 2px;
   padding: 4px;
   background: #eee;
   border: 1px solid silver;
}

pre {
   padding: 6pt;
   background: #eee;
   border: 1px dashed #036;
   font-family: Courier, monotype;
   font-size: 8pt;
}


/* ----------------------------------------------------------------
   Areas
   function Areas
   ---------------------------------------------------------------- */

#SystemArea {
   position: static;
   z-index: 0;
}

#HeaderArea {
   position: fixed; 
   z-index: 1;
   top: 0px;
   width: 100%;
   height: 76px;

   background-color: #D7B985;
}

#SideArea {
   position: fixed; 
   z-index: 1;

   top: 76px;
   height: 100%;
   width: 184px;

   background-color: #D7B985;
   background-image: url("/skins/system/shared/controls/PSideArea/background.gif");
   background-repeat: repeat-y;
}

#ViewArea {
   position: relative;
   padding: 0;
   margin: 0;
   border: 0;
   top: 80px;   
   left: 184px;   
   width: 708px;
}

#PaneArea {
   position: relative;
   top: 28px;
   left: 30px;
   width: 468px;   
}

/* Werte für Views in voller Breite (PaneArea + BoxArea) */
#PaneArea-full {
   position: relative;
   top: 28px;
   left: 30px;
   width: 708px;   
}

#BoxArea {
   position: absolute;
   top: 27px;
   left: 527px;
   width: 240px;
   height: 100%;
   padding: 1px;
}


/* ----------------------------------------------------------------
   Controls: HeaderArea
   function HeaderArea
   ---------------------------------------------------------------- */

#LogoPane {
   position: absolute;
   top: 12px;
   left: 12px;    
   height: 40px;
   width: 184px;
   background-color: #D7B985;
}

#VisualPane {
   position: absolute;
   top: 5px;
   left: 694px;      
   height: 50px;
   width: 310px;
   background-color: #D7B985;
   background-image: url("/skins/system/shared/controls/PHeaderArea/visual.gif");
   background-repeat: no-repeat;
}

#LanguageBar {
   position: absolute;
   left: 0px;
   width: 100%;
   top: 54px;
   height: 22px;

   background-image: url("/skins/system/shared/controls/PHeaderArea/bar.gif");
   background-repeat: repeat-x;
}

#LanguageBar .caption {
   margin: 0px;
   color: white;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
}

#LanguageBar .separator {
   margin: 2px;
   color: white;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   letter-spacing: 0;
   font-weight: bold;
}

#LanguageBar .item {
    color: white;
}

#LanguageBar a, a:link, a:visited, a:active {
   background-color: inherit;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
}

#LanguageBar a:hover {
   color: red; 
   text-decoration: none;
}

#LanguageBar div {
   margin-top: -2px;
   margin-left: -44px;
}

#LanguageBar p {
   margin-top: 5px;
   padding-left: 56px;
}

#CountryPane {
   position: absolute;
   margin: 0px;
   padding: 0px;
   border: 0px;
   left: 218px;
   width: 503px;
   top: 0;
   height: 36px;
   vertical-align: top;
}

#CountryPane div {
   position: absolute;
   display: block;
   width: 121px;
   left: auto;
   top: 0;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

#CountryPane a {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

#CountryPane img {
   position: absolute;
}

#PathBar {
   position: absolute;
   left: 162px;
   width: 100%;
   top: 54px;
   height: 22px;
}
   
#PathBar div {
   margin-top: 3px;
   padding-left: 56px;
   color: white;
   font-family: Verdana, Arial, sans-serif;
   font-weight: bold;
}

#PathBar span, a, a:link, a:visited, a:active {
   background-color: inherit;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
}

#PathBar a:hover {
   color: red; 
   text-decoration: none;
}

#PathBar .separator {
   margin: 2px;
   color: white;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   letter-spacing: 0;
   font-weight: bold;
}

#PathBar .item {
    color: white;
}

#PathBar .caption {
   display: inline;
   margin: 0;
   padding: 0;
   color: red;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   font-variant: normal;
   text-decoration: none;
}

#SearchBar {
   position: relative;
   float: left;
    top: 57px;
   left: 713px;
}

#SearchBar .input {
   border: 0;
   width: 121px;
   height: 13px;
   font-size: 8pt;
   margin: 0 1px 0 0;
}

#SearchBar .icon {
  position: relative;
  top: 1px;
  border: 0;
  margin: 0;
  padding: 0 0px 0 2px;
}

#SearchBar form {
    float: left;
    margin-right: 2px;
}

/* ----------------------------------------------------------------
   Controls: SideArea
   function SideArea
   ---------------------------------------------------------------- */

#MenuPane2 {
    position: relative;
    left: 0;
    top: 32px;
    width: 100%;
    background-color: inherit;
    margin: 0;
    padding: 0;
    border: 0;
}

#MenuPane2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
}

#MenuPane2 ul li {
    padding: 1px 0 1px 0;
    margin: 0;
    border: 0;
    background-image: url("/skins/System/themes/Menu/heads.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#MenuPane2 .highlighted {
    
}

#MenuPane2 .highlighted h5 {
    background-position: 1px -29px;
}

#MenuPane2 .highlighted > h6 {
    background-position: 1px -29px;
}

#MenuPane2 ul li h5:hover {
    background-position: 1px -29px;
}

#MenuPane2 ul li ul li h6:hover {
    background-position: 1px -29px;
}

#MenuPane2 .open {
    background-color: #DFC79E;
    background-image: url("/skins/System/themes/Menu/heads.gif");
    background-repeat: no-repeat;
    background-position: -484px 0;
}

#MenuPane2 .open ul {
    display: block;
}

#MenuPane2 .afteropen {
    background-image: url("/skins/System/themes/Menu/heads.gif");
    background-repeat: no-repeat;
    background-position: -968px 0;
}

#MenuPane2 .nextopen {
    background-image: url("/skins/System/themes/Menu/heads.gif");
    background-repeat: no-repeat;
    background-position: -1452px 0;
}

#MenuPane2 .open h5 {
    background-image: url('/skins/System/themes/Menu/arrows.gif');
    background-repeat: no-repeat;
    background-position: 1px -58px;
}

#MenuPane2 ul li h5 {
    background-image: url('/skins/System/themes/Menu/arrows.gif');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    margin: 3px 0 5px 31px;
    padding: 0 0 0 14px;
    line-height: 11px;
}

#MenuPane2 ul li h5 a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 12px;
}

#MenuPane2 ul li ul {
    margin: 0;
    padding: 2px 0 13px 27px;
    border: 0;
}

#MenuPane2 ul li ul li {
    background: none;
    padding: 4px 0 7px 0;
    margin: 0;
    border: 0;
}

#MenuPane2 ul li ul li h6 {
    background-image: url('/skins/System/themes/Menu/arrows.gif');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    border: 0;
    padding: 0 0 0 14px;
    margin: 0 0 0 20px;
    
    line-height: 11px;
}

#MenuPane2 ul li ul li h6 a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 11px;
}

#MenuPane2 .selected h6 {
    background-image: url('/skins/System/themes/Menu/arrows.gif');
    background-repeat: no-repeat;
    background-position: 1px -29px;
}

#MenuPane2 .placeholder {
    background: none;
}

/* ----------------------------------------------------------------
   Controls: PaneArea
   function PaneArea
   ---------------------------------------------------------------- */

.PaneControl {
   position: relative;
   margin-bottom: 12px;
   padding-left: 4px;
   padding-right: 4px;
}
 
/* TreePane */
.TreePane-tree {
   margin: 0px;
   padding: 0px;
}

.TreePane-tree ul {   
   display: none; 
   margin-left: 20px;   
   padding-left: 0px;
}

.TreePane-tree li {   
   vertical-align: middle; 
   list-style-type: none;
}

.TreePane-tree li a {    
   padding-left: 4px;
   color: black;
   font-family: Arial, sans-serif;
   font-weight: normal;
   text-decoration: none;
}

/* @status: dev */
.TreePane-tree li p {    
   color: black;
   margin-top: 4px;
   margin-left: 20px;
   padding-left: 20px;
   background-color: lightgray;
}

#TextPane a {
   font-family: Arial, sans-serif;
   font-size: 9pt;
}

/* ----------------------------------------------------------------
   Controls: PageTitle
   function PageTitle
   ---------------------------------------------------------------- */

#PageTitle {
   position: relative;
   margin-bottom: 12px;
   padding-left: 4px;
   padding-right: 4px;
}

#PageTitle h1 {
   font-size: 10pt;
   font-weight: bold;
   margin: 0 0 1px 0;
   padding: 0 0 1px 0;
   border-bottom-style: solid;
   border-bottom-width: 4px;
}

#PageTitle a.back {
    position: absolute;
    display: block;
    top: 0;
    right: 2px;
    width: 14px;
    height: 14px;
}

#PageText div.drawable div.texy p:first-child {
    margin-top: 0;
}

#PageText div.drawable div.texy h2:first-child {
    margin-top: 0;
}

#PageText div.drawable div.texy h3:first-child {
    margin-top: 0;
}

#PageText div.drawable div.texy h4:first-child {
    margin-top: 0;
}

#PageText div.texy h2:first-child {
    margin-top: 12px;
}

#PageText div.texy div.page h3:first-child {
    margin-top: 19px;
}

#PageText div.texy div.pager {
    padding: 0px 10px 1px 10px;
    margin: 8px 0 0 0;
    text-align: center;

    border-bottom-style: solid;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
}

#PageText div.texy div.pager a span.link {
    font-weight: bold;
}

#PageText div.texy b a span.link {
    font-weight: bold;
}

#PageText div.texy div.pager div.nav {
    height: 18px;
}

#PageText div.texy div.pager div.nav span.link {
    font-weight: bold;
}

#PageText div.texy div.pager a span.selected {
    color: #000;
}

#PageText div.texy div.page {
    display: none;
}

#PageText div.texy div.selected {
    display: block;
}

#VideoPane {
   position: relative;
   width: 458px;
   margin-left: 4px;
   border: 1px solid #D7B985;
   padding: 0;
}

#VideoPane object {
   margin: 0;
   padding: 0;
}

#VideoPane object embed {
   margin: 1px 0 0 1px;
   padding: 0;
}

/* ----------------------------------------------------------------
   Controls: SearchPane
   function SearchPane
   ---------------------------------------------------------------- */

#SearchPane {
    margin: 0 4px 0 4px;
    position: relative;
    padding: 4px 4px;
    border-width: 1px;
    border-style: solid;
}

#SearchPane form {
    padding: 0;
    margin: 0;
    border: 0;
}

#SearchPane div.searches {
    position: relative;
    margin: 12px 0;
}

#SearchPane input.checkbox {
    float: left;
}

#SearchPane div.button {
    float: right;
    cursor: pointer;
}

#SearchPane div.hoverbutton:hover {
    float: right;
    cursor: pointer;
    background-position: 0 -30px;
}

#SearchPane div.label {
    float: left;
    margin-top: 2px;
    margin-right: 12px;
}

#SearchPane div.clear {
    padding: 0;
    margin: 0;
    border: 0;
    clear: both;
    height: 0;
}

#SearchPane input.input {
    width: 444px;
    margin: 0;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

#SearchPaneOverlay {
    width: 450px;
    height: 20px;
    z-index: 11;
    margin: 12px 0 0 0;
    padding: 2px 4px 2px 4px;
    background-image: url(/skins/system/shared/icons/ajax/ajax-loader.gif);
    background-position: 99% center;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    background-color: white;
}

#SearchPaneOverlay div.title {
    float: left;
    padding-top: 3px;
}


#SearchResults {
    margin: 12px 0 0 4px;
    padding: 0 0 24px 0;
    width: 460px;
}

#SearchResults #ListPane div.ListPane {
    margin-left: 0;
}

#SearchResults div.right {
    margin-right: 4px;
}

#SearchResults div.border {
    border-top-style: solid;
    border-top-width: 1px;
}

#SearchResults div.border h3 {
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#SearchResults div.texy h2 {
    background-image: url("/skins/System/themes/Menu/arrows.gif");
    background-repeat: no-repeat;
    background-position: 3px 9px;
    padding-left: 17px;
}

#SearchResults div.texy h2:hover {
    background-position: 3px -21px;
}

#SearchResults div.texy h2.selected {
    background-position: 3px -50px;
}

#SearchResults #ListPane div.ListPane {
    margin-bottom: 12px;
}

#SearchResults #ListPane div.ListPane-Head {
    width: 388px;
}

#SearchResults #ListPane div.ListPane-ItemText {
    width: 378px;
}

#SearchResults #ListPane div.ListPane-ItemText span.txt {
    font-size: 8pt;
    line-height: 10pt;
}

#SearchResults #ListPane div.ListPane-NewsList-Section span.txt {
    font-size: 8pt;
    line-height: 10pt;
}

#SearchResults #ListPane div.ListPane-Row {
    width: 394px;
}

#SearchResults #ListPane div.ListPane-Item {
    width: 378px;
}

#SearchResults #ListPane div.ListPane-Item span.txt {
    font-size: 8pt;
    line-height: 10pt;
}

#SearchResults #ListPane table table {
    padding-left: 4px;
    padding-right: 4px;
}

#SearchResults #ListPane ul.ListPane2 li p.txt {
    font-size: 8pt;
    line-height: 10pt;
}

#SearchResults #ListPane div.ListPane div.ListPane-ItemText table tr td img {
    width: 10px;
    height: 10px;
}

/* ----------------------------------------------------------------
   Controls: InputForm 
   function InputForm 
   ---------------------------------------------------------------- */

#InputForm form table tr td.buttons {
    height: 20px;
}

#InputForm form table tr td.buttons div.button {
    margin: 0;
}

#InputForm form table tr td.buttons div.three {
    float: left;
    margin: 0 37px 0 0;
}

#InputForm form table tr td.buttons div.last {
    float: left;
}

#InputForm form {
    margin: 0;
    padding: 0;
    border: 0;
}

#InputForm form input.text {
    width: 212px;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
}

#InputForm form textarea {
    width: 212px;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
}

#InputForm form select {
    width: 218px;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
}

#InputForm form input.disabled {
    background-color: lightgrey;
}

/* ----------------------------------------------------------------
   Controls: LoginForm 
   function LoginForm 
   ---------------------------------------------------------------- */

#LoginForm {
    padding: 0 4px 0 4px;
}

#LoginForm form {
    margin: 20px 0 6px 0;
    padding: 0;
}

#LoginForm form input.border {
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    margin: 2px 0 0 0;
    width: 270px;
    height: 15px;
}

#LoginForm h3 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 22px;
    font-family: sans-serif;
    font-size: 9pt;
    vertical-align: baseline;
    padding: 7px 0 0 0;
    margin: 0 0 10px 0;
}

#LoginForm h4 {
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    margin: 2px 0 0 0;
    font-variant: normal;
    vertical-align: baseline;
    height: 15px;
    width: 92px;
}

#LoginForm div.right {
    margin: 12px 0 20px 0;
}

#LoginForm p {
    margin: 0 0 6px 0;
}

/* ----------------------------------------------------------------
   Controls: TagControl (TagPane, TagBox)
   function TagPane, TagBox
   ---------------------------------------------------------------- */

.TagControl ul.tags {
    list-style-type: none;
    padding: 0;
    margin: 4px 9px 0 0;
}

.TagControl ul.tags li.tag img.icon {
    border: 0;
    margin: 0;
    padding: 1px 0 0 1px;
}

.TagControl li.tag {
    position: inherit;
    float: left;
    padding: 0;
    margin: 0;
    width: auto;
    margin-right: -6px;
    margin-bottom: 2px;
}

.TagControl div.m {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    text-transform: uppercase;
    color: #FFF;
    height: 13px;
    line-height: 14px;
    float: left;
    padding: 2px 3px 3px 4px;
    margin: 0;
}

.TagControl .tag {
    font-family: inherit;
    color: #FFF;
    padding: 0;
    margin: 0;
}

.TagControl div.l {
    background-repeat: no-repeat;
    width: 7px;
    height: 18px;
    float: left;
    padding: 0;
    margin: 0;
}

.TagControl div.rr {
    background-repeat: no-repeat;
    width: 10px;
    height: 18px;
    float: left;
    padding: 0;
    margin: 0;
}

.TagControl div.ra {
    background-repeat: no-repeat;
    width: 10px;
    height: 18px;
    float: left;
    padding: 0;
    margin: 0;
}

.TagControl p {
    padding: 0 0 0 4px;
}

#TagControlOverlay {
    width: 450px;
    height: 20px;
    z-index: 11;
    margin: 14px 0 12px 4px;
    padding: 2px 4px 2px 4px;
    background-image: url(/skins/system/shared/icons/ajax/ajax-loader.gif);
    background-position: 99% center;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    background-color: white;
}

#TagControlOverlay div.title {
    float: left;
    padding-top: 3px;
}

/* ----------------------------------------------------------------
   Controls: TagPane
   function TagPane
   ---------------------------------------------------------------- */

#TagPane {
    width: 480px; 
    padding: 0;
}

#TagPane div.SelectedTags {
    padding: 0 0 0 4px;
    margin-bottom: 12px;
}

#TagPane h2 {
    margin: 13px 0 6px 4px;
}

#TagPane table {
    margin: 0 0 0 4px;
}

#TagPane table div.AvailableTags {
    padding: 0 4px 2px 4px;
    margin: 0 15px 15px 0;
    width: 212px;
    border-width: 1px;
    border-style: solid;
}

#TagPane div.SelectedTags h2 {
    width: 460px;
    padding: 0;
    margin: 13px 0 6px 0;
    line-height: 14px;
}

#TagPane div.AvailableTags h3 {
    width: 211px;
    padding: 2px 9px 0 0;
    margin: 0 0 0 -4px;
    text-align: right;
    height: 16px;
}

#TagPane div.end {
    border: 0;
    height: 4px;
    width: 400px;
    clear: both;
}

#TagPane div.SelectedTags ul.tags {
    width: 460px;
}

#TagPane div.AvailableTags ul.tags {
    /*width: 207px;*/
}

#TagPane table.horizontal {
    width: 460px;
}

#TagPane table.horizontal div.TagBox {
    padding: 0 4px 2px 0;
    margin: 0 15px 15px 0;
    width: 216px;
    border-width: 1px;
    border-style: solid;
}

#TagPane table.horizontal div.TagBox h2 {
    width: 211px;
    padding: 2px 9px 0 0;
    margin: 0 0 4px 0;
    height: 16px;
    text-align: right;
}

#TagPane table.horizontal ul.tags {
    width: 207px;
    height: 100%;
    padding: 0 0 0 4px;
}

/* ----------------------------------------------------------------
   Controls: TagBox
   function TagBox
   ---------------------------------------------------------------- */

#TagBox div.AvailableTags {
    margin: 0 0 12px 0;
    width: 239px;
    border-width: 1px;
    border-style: solid;
}

#TagBox div.SelectedTags {
    margin: 0 0 12px 0;
    width: 239px;
    border-width: 1px;
    border-style: solid;
}

#TagBox h6 {
    font-size: 9pt;
    font-weight: bold;
    padding: 0 0 2px 0px;
    margin: 3px 0 2px 7px;
    background-position: -25px -37px;
    color: #000;
}

#TagBox div.divider {
    height: 1px;
    width: 225px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 2px 7px 0 7px;
    padding: 4px 0 0 0;
    clear: left;
}

#TagBox div.end {
    border: 0;
    height: 4px;
    width: 231px;
    clear: left;
}

#TagBox ul.tags {
    width: 225px;
    /*height: 18px;*/
    list-style-type: none;
    padding: 0 0 0 7px;
    margin: 0;
}

/* ----------------------------------------------------------------
   Controls: NavigationPane
   function NavigationPane
   ---------------------------------------------------------------- */

#NavigationPane td.puz-w div {
    padding: 49px 0 0 0;
    width:135px; 
    height:68px;
    background-repeat: no-repeat;
}

/* ----------------------------------------------------------------
   Controls: ListPane
   function ListPane
   ---------------------------------------------------------------- */

#ListPane ul {
    list-style-type: none;
}

.ListPane {
   width: 460px;
   border: 0;
   margin: 0px;
   margin-top: 2px;
   margin-bottom: 22px;
   padding: 0px;
   margin-left: 4px;
   margin-right: 4px;
   display: table;
}

.ListPane-Image-right {
   border-style: solid;
   border-width: 1px;
   border-top: 0px;
   margin: 0px;
   margin-left: 4px;
   margin-right: 0px;
   padding: 0px;
   float: right;
}

.ListPane-Image-left {
   border-style: solid;
   border-width: 1px;
   border-top: 0px;
   margin: 0px;
   margin-left: 0px;
   margin-right: 4px;
   padding: 0px;
   float: left;
}

.ListPane ul {
   width: 316px;
   margin: 0px;
   padding: 0px;
}

.ListPane li {
   margin: 0px;
   padding: 0px;
}

.ListPane-Arrow {
   margin: 0px;
   padding: 0px;
   padding-left: 12px;
   background-repeat: no-repeat;
   display: block;
}

.ListPane-PressList {
   width: 322px;
   margin: 0px; 
   padding: 0px; 
   border: 0px;
}

.ListPane-PressList-Arrow {
   margin: 0px;
   padding: 0px;
   padding-left: 12px;
   background-repeat: no-repeat;
}

.ListPane-PressList-Language {
   padding-top: 4px;
   width: 24px;
}

.ListPane-PressList-Icon {
   padding-top: 1px;
   width: 24px;
}

.ListPane-Square {
   margin: 0px;
   padding: 0px;
   padding-left: 12px;
   display: block;
}

.ListPane-Icon {
   margin: 0px;
   padding: 0px;
   padding-left: 18px;
   background-repeat: no-repeat;
}

.ListPane-Head {
   width: 316px;
   margin: 0px;
   margin-bottom: 2px;
   padding: 2px;
   padding-bottom: 2px;
   padding-left: 4px;
   display: block;
}

.ListPane-Row ul {
    width: 100%;
}

.ListPane-Item {
   width: 306px;
   margin: 0px;
   padding: 0px;
   padding-left: 16px;
   display: block;
}

.ListPane-Line {
   border-top-style: solid;
   border-top-width: 1px;
   margin: 0px;
   padding: 0px;
   display: block;
}

.ListPane-Row {
   width: 322px;
   margin: 0px; 
   margin-top: 4px;
   padding:0px;
   padding-bottom: 1px;
   display: block;
   float: left;
}

#ListPane .group {
   padding: 7px 0 0 6px;
   margin:0 4px 20px 4px;
   width: 454px;
   height: 22px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   vertical-align: bottom;
   display: block;
}

#ListPane .groupabstract {
   padding: 0px;
   margin: 0px 4px 20px 4px;
   width: 460px;
}

#ListPane .grouptext {
   padding: 0px;
   margin: 0px 4px 20px 4px;
   width: 460px;
}

#ListPane div.buttons {
    height: 20px;
    padding: 2px 0 0 0;
    margin: 0 16px 20px 0;
}

.ListPane-ItemAbstract {
   padding: 0px;
   margin: 0px;
   margin-top: 4px;
   width: 302px;
   display: block;
}

.ListPane-ItemText {
   padding: 0px;
   margin: 0px;
   margin-top: 4px;
   width: 302px;
   display: block;
}

.ListPane-NewsList-Section {
   margin: 0px;
   padding: 0px;
   margin-bottom: 4px;
   margin-left: 4px;
}

.ListPane-ProgressList-Bar {
   position:absolute;
   left:25px;
   padding-top:4px;
}

.ListPane-NoImage {
   width: 460px;
   margin: 0px;
   margin-top: 2px;
   margin-bottom: 22px;
   padding: 0px;
   padding-left: 4px;
   padding-right: 4px;
   display: table;
}

.ListPane-NoImage ul {
   width: 454px;
   margin: 0px;
   padding: 0px;
}

.ListPane-Head-NoImage {
   width: 454px;
   margin: 0px;
   margin-bottom: 2px;
   margin-right: 4px;
   padding: 2px;
   padding-left: 4px;
   display: block;
}

.ListPane-Item-NoImage {
   width: 444px;
   margin: 0px;
   padding: 0px;
   
   padding-left: 16px;
   display: block;
}

.ListPane-Row-NoImage {
   width: 458px;
   margin: 0px; 
   margin-top: 4px;
   padding: 0px;
   padding-bottom: 1px;
   display: block;
   float: left;
}

.ListPane-ItemAbstract-NoImage {
   width: 442px;
   padding: 0px;
   margin: 0px;
   margin-top: 4px;
   display: block;
}

.ListPane-ItemText-NoImage {
   width: 442px;
   padding: 0px;
   margin: 0px;
   margin-top: 4px;
   display: block;
}

#ListPane ul.ListPane2 {
    padding: 0 0 20px 4px;
    margin: 0;
}

#ListPane ul.ListPane2 li {
    position: relative;
    padding: 2px 4px 2px 4px;
    margin: 0 0 0 -4px;
}

#ListPane ul.ListPane2 li h4 {
    padding: 0 0 0 12px;
    margin: 0;
    font-variant: normal;
}

#ListPane ul.ListPane2 li p {
    padding: 2px 0 0 12px;
    margin: 0;
}

#ListPane ul.ListPane2 li div.data {
    float: right;
}

#ListPane ul.ListPane2 li div.data div {
    float: right;
}

#ListPane ul.ListPane2 li div.data div.lang {
    width: 20px;
}
    
#ListPane ul.ListPane2 li div.data div.size {
    width: 64px;
    text-align: right;
}
        
#ListPane ul.ListPane2 li div.data div.ico {
    width: 16px;
    margin: 0 0 0 5px;
}

#ListPane ul.urls {
    padding: 0 0 20px 0;
    margin: 0;
}

#ListPane ul.urls li {
    padding: 0;
    margin: 0;
}

#ListPane ul.urls li a {
    display: block;
    padding: 2px 4px 2px 4px;
    margin: 0;
}

#ListPane ul.urls li ul.urls {
    list-style-type: none;
    padding: 0 0 4px 0;
    margin: 0;
}

#ListPane ul.urls li ul.urls li {
    position: relative;
    padding: 1px 4px 1px 16px;
    margin: 0;
}

#ListPane ul.urls li ul.urls li a {
    padding: 0 0 0 12px;
}

#ListPane ul.urls li ul.urls li img {
    float: left;
    margin: 0 3px 0 0;
}

#ListPane ul.urls li ul.urls li h5 {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#ListPane ul.ListPane2 li ul.list {
    list-style-type: none;
    padding: 2px 0 4px 0;
    margin: 0;
}

#ListPane ul.ListPane2 li ul.list li {
    position: relative;
    padding: 0 4px 0 12px;
    margin: 0;
}

#ListPane ul.ListPane2 li ul.list li h5 {
    padding: 0 0 0 12px;
    margin: 0;
    font-weight: normal;
    background-position: -46px -17px;
}

/**
 *
 * VIDEOLIST FORMAT
 *
 **/
#ListPane-VideoList {
}

#ListPane-VideoList .CommonItem {
    position: relative;
    border: 1px solid #FFF;
    background-color: #FFF;
    padding: 4px;
    width: 450px;
    margin-bottom: 14px;
    margin-left: 4px;
}

#ListPane-VideoList .Highlighted-CommonItem {
    position: relative;
    border: 1px solid #D7B985;
    background-color: #EEE3CF;
    padding: 4px;
    width: 450px;
    margin-bottom: 14px;
    margin-left: 4px;
}

#ListPane-VideoList ul {
    padding: 0;
    margin: 0;
    border: 0;
    margin-top: 24px;
}

#ListPane-VideoList ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 0;
}

#ListPane-VideoList ul li div {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-left: 161px;
}

#ListPane-VideoList ul li p {
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 5px 4px 0 13px;
    margin: 0;
}

#ListPane-VideoList ul li h3 {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    display: inline-block;
    line-height: 11pt;
    border: 0;
    padding: 0;
    padding-left: 12px;
    margin: 0;
}

#ListPane-VideoList object {
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
}

/**
 *
 * IMAGEGRID FORMAT
 *
 **/
#ListPane-ImageGrid {
    padding: 4px 0 4px 4px;
    margin: 0;
}

#ListPane-ImageGrid ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#ListPane-ImageGrid li.item {
    float: left;
    padding: 0;
    margin: 0 5px 4px 0;
}

#ListPane-ImageGrid li.item a {
    border: none;
    padding: 0;
    margin: 0;
}

#ListPane-ImageGrid li.item img {
    border: 1px solid #ddd;
    padding: 1px;
    margin: 0;
}

#ListPane-ImageGrid li.item img:hover {
    border: 1px solid #d7b985;
}

/**
 *
 * TAGLIST FORMAT
 *
 **/

#ListPane ul.TagList {
    margin: 0;
    padding: 0 4px;
}

#ListPane ul.TagList li.line {
    padding: 0;
    margin: 2px 0 26px 0;
    border-top-width: 1px;
    border-top-style: solid;
}

#ListPane ul.TagList li.line img {
    margin: 0 0 0 4px;
    border-width: 1px;
    border-style: solid;
    border-top: 0;
}

#ListPane ul.TagList li.line ul {
    margin: 0 0 0 4px;
    padding: 0;
    width: 308px;
}

#ListPane ul.TagList li.line ul li {
}

#ListPane ul.TagList li.line ul li h4 {
    font-variant: normal;
    padding: 0 0 0 12px;
    margin: 6px 0 4px 0;
}

#ListPane ul.TagList li.line ul li ul.list {
    margin: 0 0 0 8px;
}

#ListPane ul.TagList li.line ul li ul.list li.TagControl {
    padding: 0;
    margin: 0 0 2px 0;
}

#ListPane ul.TagList li.line ul li ul.list li.TagControl div.tags {
    
}

/* ----------------------------------------------------------------
   Controls: ButtonPane
   function ButtonPane
   ---------------------------------------------------------------- */

#ButtonPane div.buttons {
    margin: 5px auto 5px auto;
    height: 20px;
}

/* ----------------------------------------------------------------
   Controls: GridPane
   function GridPane
   ---------------------------------------------------------------- */

#GridPaneOverlay {
    width: 450px;
    height: 20px;
    z-index: 11;
    margin: 14px 0 12px 4px;
    padding: 2px 4px 2px 4px;
    background-image: url(/skins/system/shared/icons/ajax/ajax-loader.gif);
    background-position: 99% center;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    background-color: white;
}

#GridPaneOverlay div.title {
    float: left;
    padding-top: 3px;
}

/* ----------------------------------------------------------------
   Controls: BoxArea
   function BoxArea
   ---------------------------------------------------------------- */
/*
#ImageBox1-exp {
   width: 240px;
   margin-bottom: 12px;
   padding: 4px;
   background-color: #DED3DE;
   border-top: 1px solid #633063;
   border-right: 1px solid #633063;
   border-bottom: 1px solid #633063;
}
*/

#VideoBox object {
    border: 0;
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------------------------
   Controls: ImageBox
   function ImageBox
   ---------------------------------------------------------------- */

#ImageBox1 {
    position: relative;
}

#ImageBox1 div.image {
    width: 239px;
    overflow: hidden;
}

#ImageBox1 div.image img {
    display: none;
}

#ImageBox1 div.thumbs {
    border-top: 0px;
    height: 45px;
    width: 239px;
    overflow: hidden;
}

#ImageBox1 div.thumbs div {
    height: 45px;
    float: left;
    overflow: hidden;
    border-top: 0;
    border-right: 0;
}

#ImageBox1 .thumbs div.first {
    border-left: 0;
}

#ImageBox1 .thumbs div.low img {
    opacity: 0.4;
    filter:alpha(opacity=40);
}

#ImageBox1 div.image img.on {
    display: block;
}

#ImageBox1 div.thumbs img {
    position: relative;
    top: -22px;
    width: 120px;
}

#ImageBox1 div.thumbs2 img {
    position: relative;
    left: -0px;
}

#ImageBox1 div.thumbs3 img {
    position: relative;
    left: -20px;
}

#ImageBox1 .thumbs4 img {
    position: relative;
    left: -30px;
}

#ImageBox1 div.thumbs2 {
    width: 119px;
}

#ImageBox1 div.thumbs3 {
    width: 79px;
}

#ImageBox1 div.thumbs4 {
    width: 59px;
}

/* ----------------------------------------------------------------
   Controls: LoginBox
   function LoginBox
   ---------------------------------------------------------------- */

#LoginBox {
    position: relative;
}

#LoginBox h6 {
    margin: 1px 0 2px 7px;
    padding: 0 0 2px 14px;
}

#LoginBox form {
    padding: 0;
    margin: 0;
    width: 239px;
}

#LoginBox form input {
    padding: 0;
    margin: 0;
} 

#LoginBox div.label {
    float: left;
    margin: 3px 0 7px 22px;
}

#LoginBox div.input {
    float: right;
    padding: 0;
    margin: 0 22px 7px 0;
    border: 0;
    height: 20px;
    width: 117px;
}

#LoginBox div.input input {
    width: 111px;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

#LoginBox div.buttons {
    position: relative;
    margin: 0 22px 5px 22px;
    height: 22px;
    clear: both;
}

#LoginBox div.buttons div.login {
    position: absolute;
    left: 0;
    top: 2px;
}

#LoginBox div.buttons div.help {
    position: absolute;
    right: 0;
    top: 2px;
}


/* ----------------------------------------------------------------
   Controls: CallbackBox
   function CallbackBox
   ---------------------------------------------------------------- */

#CallbackBox {
    position: relative;
}

#CallbackBox h6 {
    margin: 1px 0 2px 7px;
    padding: 0 0 2px 14px;
}

#CallbackBox div.button {
    margin: 3px 0 5px 76px;
}


/* ----------------------------------------------------------------
   Controls: SessionBox
   function SessionBox
   ---------------------------------------------------------------- */

#SessionBox {
    position: relative;
    padding-bottom: 5px;
}

#SessionBox div.single {
    position: relative;
    margin: 0;
    height: 24px;
    clear: both;
}

#SessionBox div.single div.button {
    position: absolute;
    left: 76px;
    top: 4px;
}

#SessionBox ul li {
    padding-left: 0;
    width: 232px;
    clear: both;
    position: relative;
}

#SessionBox ul li h6.label {
    width: 76px;
    margin: 0 0 0 7px;
    padding: 0 0 0 14px;
}

#SessionBox ul li div.value {
    width: 135px;
}

#SessionBox div.buttons {
    position: relative;
    margin: 0 22px 0 22px;
    height: 24px;
    clear: both;
}

#SessionBox div.buttons div.logout {
    position: absolute;
    left: 0;
    top: 4px;
}

#SessionBox div.buttons div.account {
    position: absolute;
    right: 0;
    top: 4px;
}

/* ----------------------------------------------------------------
   Pages: Main
   function main
   ---------------------------------------------------------------- */

#main-background {
   position: absolute;
   top: 3px;
   left:5px;
}

#main-welcome {
   position: absolute;
   top: 4px;
}

#main-head {
    position: absolute;
    top: 0;
    left: 4px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
}

#main-unit {
   position: absolute;
   width: 120px;
   top: 68px;
   left: 356px;
   color: black;
}

#main-unit .item {
    height: 20px;
    color: #777;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
}

#main-unit .item a {
    color: #777;
    font-size: 10px;
    letter-spacing: 0px;
}

#main-unit img {
    border: 0;
    padding: 0;
    margin: 0;
}

#main-unit .item a:hover {
    color: #000;
}

#main-competence {
    position: absolute;
    top: 274px;
    left: 33px;
    
    font-weight: bold;
    font-family:  Verdana, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 11px;
    color: #777;
}

#main-competence a {
    letter-spacing: 0px;
    font-size: 11px;
    color: #777;
}

#main-competence a:hover {
    color: #000;
}

#main-competences {
   position: absolute;
   top: 293px;
   left: 34px;
}

#main-competences .item {
    height: 20px;
    color: #777;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
}

#main-competences .item a {
    color: #777;
    font-size: 10px;
    letter-spacing: 0px;
}

#main-competences .item a:hover {
    color: #000;
}

#main-competences .item img {
    border: 0;
    padding: 0;
    margin: 0;
}

#main-competences table {
    width: 240px;
}

#main-footer {
   position: absolute;
   top: 421px;
   left: -2px;
}

#main-footer-UN {
   position: absolute;
   top: 421px;
   width: 480px;
   padding: 0;
   margin: 0;
   margin-left: 0px;
   padding: 6px 7px;
   border: 0;
}

#main-footer-UN div {
    margin: 0;
    padding: 0;
}

#main-footer-UN span {
    margin: 0;
    padding: 0;
}

#main-footer-UN h1 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#main-footer-UN img {
    margin-top: 9px;
    margin-left: 209px;
}

#main-footer-UN .d1 {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin-left: 110px;
    margin-bottom: 32px;
}

#main-footer-UN .d2 div {
   font-weight: bold;
}

/* ----------------------------------------------------------------
   depr: compat: shared_tables
   function _depr
   ---------------------------------------------------------------- */

#boxarea-fx {
   position: absolute;
   top: 32px;
   left: 528px;
}

#boxarea-nf {
   position: absolute;
   top: 108px;
   left: 712px;
}

.box {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: normal;
   text-decoration: none;
   line-height: 12pt;
}

.box-b {
   color: #000000;
   font-size: 9pt;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   line-height: 12pt;
}

.box-h {
   color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   font-variant: small-caps;
}

.box-i {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-style: italic;
   font-weight: normal;
   line-height: 12pt;
}

.box-txt {
   color: #000000;
   font-family: Verdana;
   font-weight: normal;
   font-size: 8pt;
}

.box-lang {
   padding-top: 3px;
}

.button-h {
   color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
}

.button-w {
   color: #FFFFFF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
}

.clickable {
    cursor: pointer;
}

.ctl-input {
}

.here-w {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   line-height: 10pt;
}

.here-r {
   color: #FF0000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   line-height: 10pt;
}

.nav {
   color: #000000;
   font-family: sans-serif;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   line-height: 10pt;
}

.puz-w {
   color: #ffffff;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   text-align: center;
   line-height: 12pt;
}

/**
 * TAB
 */

.tab {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: normal;
   text-decoration: none;
   line-height: 12pt;
}

.tab-h {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   text-decoration: none;
   line-height: 12pt;
}

.tab-r {
   color: #FF0000;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
}

.tab-txt {
   color: #000000;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
}

.tabs {
   background: white;
   position: absolute;
   top: 264px;
   left: 34px;
   width: 460px;
   border-top: 0px solid buttonhighlight;
   border-left: 1px solid buttonhighlight;
   border-bottom: 1px solid buttonshadow;
   border-right: 1px solid buttonshadow;
   border-style: ridge;
   padding: 10px;
   visibility: hidden;
   z-index: 1;
}

.tabs-h {
   color: #000000;
   background: #E0E0E0;
   font-family: sans-serif;
   font-size: 9pt;
   line-height: 12pt;
   height: 20px;
   width: 70px;
   border-top: 1px solid buttonhighlight;
   border-left: 1px solid buttonhighlight;
   border-bottom: 1px solid buttonhighlight;
   border-right: 1px solid buttonshadow;
   padding: 3px;
   padding-top: 2px;
}

/* ----------------------------------------------------------------
   TXT
   ---------------------------------------------------------------- */

.txt {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: normal;
   line-height: 12pt;
}

.txt-b {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   line-height: 12pt;
}

.txt-d {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   line-height: 12pt;
   border-bottom: 1px solid #000000;
}

.txt-i {
   color: #000000;
   font-family: sans-serif;
   font-size: 9pt;
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
   line-height: 12pt;
}

.txt-r {
   color: #ff0000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: normal;
   line-height: 12pt;
}

.txt-rb {
   color: #ff0000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   line-height: 12pt;
}

.txt-w {
   color: #ffffff;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: normal;
   line-height: 12pt;
}

.txt-wb {
   color: #ffffff;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   line-height: 12pt;
}

.txt-off {
   color: #ff0000;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   line-height: 12pt;
}

.txt-on {
   color: #00ff00;
   font-family: sans-serif;
   font-size: 9pt;
   font-weight: bold;
   line-height: 12pt;
}

.img-captcha {
   padding: 0 0 2px 1px;
}

/* ----------------------------------------------------------------
   TEXY
   ---------------------------------------------------------------- */

.texy {
   
}

.texy p {
   margin: 0;
   padding: 0;
   margin-top: 12px;
   margin-bottom: 12px;
}

.texy blockquote {
   margin-top: 16px;
   margin-bottom: 16px;
}

.texy blockquote div img {
    margin-bottom: 3px;
}

.texy blockquote p {
    margin: 0;
}

.texy ol li {
   margin: 0 0 0 4px;
   padding: 0;
}

.texy ul li {
   list-style-type: none;
   margin: 0 0 0 2px;
   padding: 0 4px 0 10px;
   background-repeat: no-repeat;
   background-position: -25px -37px;
}

.texy li ul {
   margin: 0;
   margin-left: 0px;
   margin-top: 4px;
   margin-bottom: 4px;
   padding: 0;
}

.texy li ol {
   margin: 0;
   margin-left: 0px;
   margin-top: 4px;
   margin-bottom: 4px;
   padding: 0;
}

.texy ul {
   margin: 0;
   margin-left: 0px;
   margin-top: 12px;
   margin-bottom: 12px;
   padding: 0;
}

.texy ol {
   margin: 0;
   margin-top: 12px;
   margin-bottom: 12px;
   padding: 0;
   padding-left: 18px;
}

.texy hr {
   display: none;
}

.texy a {
   font-family: sans-serif;
   font-size: 9pt;
   text-decoration: none;
   font-weight: normal;
   line-height: 12pt;
}

.texy table {
   width: 100%;
   border: 1px solid;
   border-spacing: 0;
   margin: 0;
   padding: 0;
}

.texy th {
   color: black;
   border: 0;
   padding: 2px;
   padding-left: 4px;
   font-weight: bold;
   vertical-align: top;
   text-align: left;
}

.texy td {
   border: 0;
   margin: 0;
   padding: 2px;
	vertical-align: top;
}

.texy h1 {
   height:23px;
   font-family:sans-serif;
   font-size:10pt;
   vertical-align:baseline;
   padding-top:6px;
   padding-left:5px;
   margin-bottom:16px;
   margin-top:5px;
}

.texy h2 {
   height: 22px;
   font-family: sans-serif;
   font-size: 9pt;
   vertical-align: baseline;
   padding-top: 7px;
   padding-left: 6px;
   margin-bottom: 16px;
   margin-top: 32px;
}

.texy h3 {
   font-weight: bold;
   font-family:sans-serif;
   font-size:9pt;
   vertical-align:baseline;
   padding:0;
   margin-bottom:12px;
   margin-top:18px;
}

.texy h4 {
   color: black;
   font-variant: normal;
   font-weight: bold;
   font-family:sans-serif;
   font-size:9pt;
   vertical-align:baseline;
   padding:0;
   margin-bottom:12px;
   margin-top:12px;
}

.texy h4 ~ ul {
    margin-top: -6px;
}

.texy h5 {
   color: black;
   font-variant: normal;
   font-weight: bold;
   font-family:sans-serif;
   font-size:9pt;
   vertical-align:baseline;
   padding:0;
   margin-bottom:6px;
   margin-top:6px;
}

.texy h5 ~ ul {
    margin-top: 0;
}

/*
 * Verhindert dass gefundene und verlinkte keywords in h tags anders aussehen als die überschrift.
 */
.texy h2 .txt-d {
   font-weight: bold;
   border: 0;
}

.texy h3 .txt-d {
   font-weight: bold;
   border: 0;
}

.texy h4 .txt-d {
   font-weight: bold;
   border: 0;
}

.texy h5 .txt-d {
   font-weight: bold;
   border: 0;
}

/**
 * MapBox
 */

#MapBox input.border {
   margin: 0px;
   margin-top: 1px;
   margin-bottom: 1px;
   border-width: 1px;
   border-style: solid;
   padding: 2px;
}

#MapBox input.street {
   margin: 3px 0 0 21px;
   width: 191px;
}

#MapBox input.zip {
   width: 40px;
   margin: 0 0 0 21px;
}

#MapBox input.city {
   margin-left: 2px;
   width: 143px;
}

#MapBox div.address {
    margin: 0 0 0 21px;
}

#MapBox h6.next_M2 {
   padding: 0 0 0 15px;
   border: 0;
   margin: 1px 0 0 7px;
   bbackground-position: 2px -57px;
}

#MapBox select {
   margin: 1px 0 4px 21px;
   padding: 2px;
   width: 197px;
   border-width: 1px;
   border-style: solid;
}

#MapBox div.button {
    margin: 5px 0 5px 76px;
}

/**
 * POLLSBOX 
 */

.PollsBox-Radio {
  vertical-align: bottom;
  width: 13px;
  height: 13px;
  margin-left: 0px;
}

#PollsBox form {
  padding: 0;
  margin: 0;
  border: 0;
}

/* ----------------------------------------------------------------
   BUTTONS PFEILE SQUARES
   ---------------------------------------------------------------- */

.next_M2 {
    background-repeat: no-repeat;
    background-position: 0 -59px;
}

.sqr_M2 {
   background-repeat: no-repeat;
   background-position: -23px -37px;
}

.back_M2 {
    background-repeat: no-repeat;
    background-position: -67px 4px;
}

.hoverback_M2:hover {
    background-position: -50px 4px;
}

div.button {
    position: relative;
    width: 87px;
    height: 20px;
    background-repeat: no-repeat; 
    background-position: 0 0;
    text-align: center;
}

div.button div input.pixel {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 0;
}

.button div {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 87px;
    padding: 3px 0 3px 0;
    text-align: center;
    line-height: 14px;
}

.flexbutton {
    height: 20px;
    position: relative;
    float: left;
    margin-right: 20px;
}

.flexbutton:hover div.l {
    background-position: 0 -193px;
}

.flexbutton div.l {
    background-position: 0 -163px;
    background-repeat: no-repeat;
    width: 5px;
    height: 20px;
    float: left;
}

.flexbutton:hover div.r {
    background-position: -182px -193px;
}

.flexbutton div.r {
    background-position: -182px -163px;
    background-repeat: no-repeat;
    width: 5px;
    height: 20px;
    float: left;
}

.flexbutton div.m {
    height: 17px;
    padding-top: 3px;
    float: left;
    text-align: center;
}

.selectedbutton {
    cursor: default;
    background-position: center -30px;
}

.selectedbutton div.r {
    background-position: -182px -193px;
}

.selectedbutton div.l {
    background-position: 0 -193px;
}

.hoverbutton:hover {
    background-position: 0 -30px;
}

.hoverlink-w:hover {
    background-color: #FFF;
}

.bottomtab {
    width: 87px;
    height: 16px;
    background-repeat: no-repeat; 
    background-position: 0 -60px;
    text-align: center;
}

.hoverbottomtab:hover {
    background-position: 0 -86px;
}

.closebutton {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat; 
    background-position: 0 -112px;
}

.hoverclosebutton:hover {
    background-position: 0 -138px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    float: center;
}

.hidden {
    display: none;
}

.absolute {
    position: absolute;
}

.norepeat {
    background-repeat: no-repeat;
}

div.expander {
    position: relative;
    width: 460px; 
    height: 20px; 
    margin: 0 0 32px 4px;
    padding: 0px 0 0 0;
    border-top-width: 1px;
    border-top-style: solid;
}

div.expander div.bottomtab {
    float: right;
    margin-top: 0px;
}

/* ----------------------------------------------------------------
   Controls: TagControl
   function Tags
   ---------------------------------------------------------------- */

.TagControl div.l {
    background-position: 0;
}

.TagControl div.rr {
    background-position: -34px 0;
}

.TagControl div.ra {
    background-position: -34px 0;
}

.TagControl .hovertag:hover div.l {
    background-position: -17px 0;
}

.TagControl .hovertag:hover div.ra {
    background-position: -54px 0;
}

.TagControl .hovertag:hover div.rr {
    background-position: -74px 0;
}

.TagControl .selectedtag div.l {
    background-position: -17px 0;
}

.TagControl .selectedtag div.ra {
    background-position: -54px 0;
}

.TagControl .selectedtag div.rr {
    background-position: -74px 0;
}

/* ----------------------------------------------------------------
   Controls: BoxControls
   function Boxes
   ---------------------------------------------------------------- */

.BoxControl {
    position: relative;
    width: 239px;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 15px 0;
}

.BoxControl h5 {
    width: 230px;
    padding: 2px 9px 0 0;
    margin: 0;
    text-align: right;
    height: 16px;
}

.BoxControl h6 {
    margin: 0;
    padding: 0;
    color: #000;
}

.BoxControl ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.BoxControl ul li {
    position: relative;
    width: 218px;
    padding: 0;
    margin: 0;
    padding: 0 0 0 21px;
    line-height: 16px;
}

.BoxControl ul li.next_M2 {
    background-position: 7px -58px;
}

.BoxControl ul li.sqr_M2 {
    position: relative;
    width: 211px;
    padding: 1px 7px 1px 21px;
    background-position: -18px -37px;
}

.BoxControl ul.links li > a {
    display: block;
    background: inherit;
    width: 211px;
    margin: 0 0 0 -21px;
    padding: 1px 7px 1px 21px;
}

.BoxControl ul.links li > a span {
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.BoxControl ul.links li > a.oneIcon {
    width: 188px;
}

.BoxControl ul.links li > a.twoIcons {
    width: 168px;
}

.BoxControl ul.links li > a div.img {
    position: absolute;
    right: 0;
    top: 1px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.BoxControl ul.links li > a div.img img {
    margin: 0 5px 0 0;
}

.BoxControl ul.items li > a {
    padding-bottom: 2px;
}

.BoxControl ul.items li img {
    padding-top: 4px;
    padding-bottom: 4px;
}

.BoxControl ul.items li img.left {
    padding-left: 4px;
}

.BoxControl ul.items li img.right {
}

/*
 * MORE + DIVIDER
 */
.BoxControl ul li.divider {
    border-top-width: 1px;
    border-top-style: solid;
    width: 204px;
    height: 1px;
    margin: 4px 0 4px 7px;
}

.BoxControl-Divider {
   overflow: hidden; 
   display: block; 
   height: 0px; 
   margin: 4px 6px;
}

.BoxControl ul li.more {
    padding: 0;
    margin: 0;
    text-align: right;
}

.BoxControl ul li.more a {
    width: 233px;
    height: 16px;
    padding: 0 6px 0 0;
    margin: -5px 0 2px 0;
    line-height: 19px;
}

.BoxControl ul li.more a span {
    line-height: 19px;
}


/* ----------------------------------------------------------------
   Controls: TextBox(2)
   function TextBox(2)
   ---------------------------------------------------------------- */
.TextBox h6 {
    margin: 0;
    padding: 0;
}

.TextBox ul.note {
    
}

.TextBox ul.note span {
    margin: 0 7px 0 0;
}

.TextBox ul.note li {
    padding: 1px 0 1px 7px;
    margin: 0;
    width: auto;
}

.TextBox ul.note li > a {
    display: block;
    margin: 0 0 0 -7px;
    padding: 0 0 0 7px;
}

.TextBox ul li p {
    display: inline;
    padding: 0;
    margin: 0 7px 0 0;
}

.TextBox ul.note li div.more {
    text-align: right;
    margin: 0 7px 0 0;
}

.TextBox ul.note li div.linkitem {
    clear: both;
    width: 218px;
    padding: 1px 0 1px 21px;
    margin: 1px 0 0 -7px;
    line-height: 16px;
    background-position: 7px -58px;
}

.TextBox ul.note li div.linkitem div.img {
    float: right;
    height: 16px;
    padding: 0;
    margin: 0 5px 0 0;
}

.TextBox ul.note li img {
    border-width: 0px;
}

.TextBox ul.note li img.border {
    border-width: 1px;
    border-style: solid;
}
.TextBox ul.note li img.right {
    padding: 3px 5px 0 3px;
}

/* ----------------------------------------------------------------
   Controls: SearchBox
   function SearchBox
   ---------------------------------------------------------------- */

#SearchBox ul.links li.label {
    width: 218px;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 1px 0 1px 21px;
}

#SearchBox form {
    padding: 0;
    margin: 0;
    border: 0;
    width: 239px;
}

#SearchBox form input {
    padding: 0;
    margin: 0;
}

#SearchBox form div.button {
    margin: 6px 0 5px 76px;
}

#SearchBox form input.text {
    width: 189px;
    margin: 1px 0 0 22px;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}


/* ----------------------------------------------------------------
   Controls: IndexBox
   function IndexBox
   ---------------------------------------------------------------- */

#IndexBox div {
    padding: 1px 20px 3px 20px;
    text-align: center;
}

/* ----------------------------------------------------------------
   Controls: ContactBox
   function ContactBox
   ---------------------------------------------------------------- */

#ContactBox ul li.contact {
    margin: 0 0 9px 0;
}

#ContactBox ul li.contact h6 {
    margin: 0;
    padding: 1px 0 0 0;
}

#ContactBox ul li.callback {
    margin-bottom: 5px;
}

#ContactBox table {
    width: 211px;
    margin: 2px 7px 0 0;
}

#ContactBox table tr td.label {
    width: 56px;
}