body {

        background: #000 url(img/bg.jpg) repeat-x;

        margin: 0;

        height:100%;

        font-family:Arial, Helvetica, sans-serif;

          font-size: 12px;

          color: #777777;



}

a:link { text-decoration: none; color: #934141;}

a:visited { text-decoration: none; color: #474646}

a:active { text-decoration: none; color: #934141}

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







a img {border:0;}

a img {padding: 0px;}



hr {

        margin: 5px 0px 5px 0px;

        color: #ccc;

        border: 0;

        border-bottom: 1px solid #222;

        height: 1px;

}



h1, h2, h3, h4, h5, h6, strong {color: #4C4D4E;}

p {margin:0;}





h1 {

        margin:10px 0 6px 0;

        font-size: 22px;



}



h2 {

        margin:10px 0 4px 0;

        font-size: 18px;



}



h3 { margin:10px 0 4px 0;

        font-size: 16px;

}



h4 {

        margin:10px 0 0 0;

        font-size: 14px;



}



h5 {

        margin:10px 0 0 0;

        font-size: 12px;

}



h6 {

        margin:3px 0 0 0;

        font-size: 13px;

}





form {margin: 0;}







li {

        padding-bottom: 0px;

}



ul {

        line-height: 150%;

        margin-top: 0;

        margin-bottom: 10px;

        margin-left: 0.7em;

        padding-left: 0.7em;

        list-style-type: square

}



ol {



        line-height: 150%;

        margin-top: 0;

        margin-bottom: 10px;

        margin-left: 0.9em;

        padding-left: 0.9em;

}



input,

textarea {

  color: #fff;

  background-color: #2d1616;

  border: 1px solid #572929;

}

blockquote{

        background-color:#999;

        padding: 3px;

        border-left: 2px solid #333;

        margin: 3px 0 20px 0;

        color:#000;

}



pre, .code {

        color: #000;

        padding: 6px 0 20px 6px;

        border-top: 1px solid #ccc;

        border-right: 1px solid #ccc;

        border-bottom: 1px solid #ccc;

        border-left: 1px solid #ccc;

        background-color: #999;

        margin: 3px 0 20px 0;

        font-size:1em;

        overflow:auto;

        line-height:2.2em;

}



address {

        line-height:120%;

        margin: 10px 0 20px 0;

        padding-left: 10px;

        border-left: 2px solid #999;

        font-style: normal;

        font-weight: bold;

        }





#main {

   width: 850px;

   min-height:99%;

   margin: 0 auto 0 auto;

   padding: 0;

   background-image: url(img/content.jpg) ;

   background-repeat: repeat-y;



}



#header {

        height:111px;

        background-image: url(img/header-logo.jpg);

        background-repeat: no-repeat;

        background-position: 0px 0px;

}



/*

#header a:link { text-decoration: none; color: #333; border-bottom: 1px dashed #333;}

#header a:visited { text-decoration: none; color: #999}

#header a:active { text-decoration: none; color: #999}

#header a:hover { text-decoration: none; color: #999}

*/





* html #header {clear:both;height:100px;}



#pageheader {

        margin:1px 1px 0 493px;

        padding:42px;



        }

#pageheader strong {

        font-size: 16px;

}





#breadcrumbs {

        height:200px;

        background:#000;

        clear:both;

}







#content {

    width: 828px;

        float: left;

    display:inline;

    border-top: 1px solid #2f2f2f;

        background: #000 url(img/content-bg.jpg) repeat-x;

        margin-left: 0px;

        margin-top: 0px;

    padding:9px;

        min-height:400px;

}

#contentbox{

        margin-bottom: 20px;

        }







* html #contentbox #content {text-align:left;}

* html #contentbox #content table {width: 90%;}



.clearcontent {height:60px; clear:both}





#search_box {

        color: #333;

        text-align: left;

        float: right;

        clear: right;

        width: 230px;

}



.search_string {

        margin: 9px 0px 0px 30px;

        padding: 7px 0px 0px 4px;

        width: 147px;

        height: 26px;

        background-image: url(img/search-input.jpg);

        background-repeat: no-repeat;

        background-color: transparent;

        border: none;

        color: #fff;

        font-size: 90%;

        vertical-align: middle;

}

.search_submit {

        margin: 6px 0px 0px 0px;

        padding: 0px;

        width: 31px;

        height: 31px;

        font-size: 89%;

        background-image: url(img/search-submit.jpg);

        background-repeat: no-repeat;

        background-color: transparent;

        color: #333;

        border: none;

        vertical-align: middle;

}





#navContainer {height:45px; display:block;clear:both; background: transparent url(img/menue-bg1.jpg) repeat-x;}





 ul.menu, li.menu {

        list-style-type: none;

        margin: 0px;

        padding: 0px;

}





#header_menu {position: absolute; margin-left: 20px;}

#header_menu li {line-height: normal;}

ul#header_menu  {z-index: 10; clear: both;}





#nav {

        float:left;

        height: 45px;

        border: 0;

        padding:0;

        margin:  0px 50px 0px 10px;

}

#nav ul {

        list-style-type: none;

        margin: 0;

        padding: 0;

        width: auto;

        position: relative;

}





#nav ul li {float: left; color: #5E5F5F; text-align: center; font-weight: normal; }

#nav ul li a {display: block;  padding: 17px 20px 11px 25px; color: #ccc; text-decoration: none; font-weight: bold;  }



#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current { color: #934141; font-weight: bold;}

#nav a.menu-parent {color: #934141; font-weight: bold;}







#nav a.menu-current                {font-weight: bold;}





#nav .menu li ul {position: absolute; width: 11em; margin: 0; display: none; text-transform: none; border-bottom: 1px solid #282828; border-left: 1px solid #282828; border-right: 1px solid #282828; font-size: 100%; background: transparent url(img/menue-bg.png) repeat;}

#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 2.2em;}

#nav .menu li ul li a {width: 10.5em; padding: .8em .1em .3em .4em; color: #fff; border-top: 1px solid #282828; font-weight: normal;  background: none;}





#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #282828; color:#934141;}

#nav .menu li ul a.menu-parent {background: #000; color:#934141;}





#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}

#nav .menu li ul ul { display: none;}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}







#nav .menu li ul li ul        { margin: 0px 0 0 -6%; z-index: 9999;  background: transparent url(img/menue-bg.png) repeat;}

#nav .menu li ul li ul li        {width: 11em;}

#nav .menu li ul li ul li a         { width: 10.5em;}





#nav .menu li ul li ul li ul        {  width: 9em; background: transparent url(img/menue-bg.png) repeat;}

#nav .menu li ul li ul li ul li        {  width: 9em; }

#nav .menu li ul li ul li ul li a         { width: 8.5em;}





#nav li {position: relative;}



#nav ul ul ul {

        position: absolute;

        top: 1px;

        left: 100%;

}



#nav li:hover {

        z-index: 10000;

        white-space: normal;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



* html #clearfix {

        height: 1%;

}



/*CSS for example Accordion #hc1*/



#hc1 li{

margin:0 3px 0 0; /*Spacing between each LI container*/

}



#hc1 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #000;

}







.haccordion{

padding: 0;

}



.haccordion ul{

margin: 0;

padding: 0;

list-style: none;

overflow: hidden; /*leave as is*/

}





.haccordion li{

margin: 0;

padding: 0;

display: block; /*leave as is*/

width: 100%; /*For users with JS disabled: Width of each content*/

height: 200px; /*For users with JS disabled: Height of each content*/

overflow: hidden; /*leave as is*/

float: left; /*leave as is*/

}



.haccordion li .hpanel{

width: 100%; /*For users with JS disabled: Width of each content*/

height: 200px;  /*For users with JS disabled: Height of each content*/

}



.stealth {visibility:hidden; display:none;}



#webarte_copy{

        text-align:center;

        margin:0 auto;

        border-top:1px solid #222;

        min-height:50px;

        padding:19px;

}