html {
    height: 100%;
}
html, body, div, h1, h2, h3, p, ul, ol, li, address, form, fieldset, img {
    margin: 0;
    padding: 0;
    border: none;
}
body {
    background: #000000 url(body-bg.gif) top repeat-x;
    color: #CDCDCD;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    height: 98%;
    padding-top: 1%;
    position: relative;
    scrollbar-face-color: #353535;
    scrollbar-highlight-color: #585858;
    scrollbar-3dlight-color: #585858;
    scrollbar-darkshadow-color: #585858;
    scrollbar-shadow-color: #585858;
    scrollbar-arrow-color: #585858;
    scrollbar-track-color: #353535;
}

a {
    color: #CDCDCD;
    text-decoration: underline;
}
a:visited {
    color: #CDCDCD;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
.lowprio a, .lowprio a:visited {
    color: #999999;
}

h1 {
    font-size: 90%;
    font-weight: bold;
    color: #E15900;
    padding: 0 0 5px 0;
}

h2 {
    font-size: 80%;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 0 5px 0;
}
h2.lowprio {
    font-size: 70%;
    color: #999999;
}

h3 {
    font-size: 70%;
    font-weight: bold;
    color: #E6E6E6;
    padding: 0;
}
h3.lowprio {
    font-size: 65%;
    color: #999999;
}

p, ul {
    text-align: justify;
}
p, ul, ol, address {
    font-style: normal;
    padding: 5px 0 10px 0;
    line-height: 140%;
}
ul li {
    list-style: none;
    background: transparent url(bullet.gif) 3px .6em no-repeat;
    padding: 0 0 5px 15px;
}

input, select {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: #ffffff;
    background: #575757;
    border: #A2A2A2 1px solid;
    vertical-align: middle;
}
input {
    padding: 2px;
}
input.button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: none;
    color: #000000;
    background: #A2A2A2;
    cursor: pointer;
}
textarea {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: #ffffff;
    background: #575757;
    border: #A2A2A2 1px solid;
    padding: 2px;
}

/* ******************************************************** */
.tnormal {
    font-size: 70%;
}
.tsmall {
    font-size: 60%;
}
.leftpic {
    float: left;
    margin: 5px 10px 0 0;
}
.rightpic {
    float: right;
    margin: 5px 0 0 5px;
}
.centerpic {
    margin: 5px auto 5px auto;
    text-align: center;

}
.botmenu {
    border-top: #252525 1px solid;
    margin-top: 20px;
    clear: both;
}
.cleaner {
    clear: both;
}
p.lowprio {
    font-size: 60%;
    color: #999999;
}
ul.tjustify li {
    text-align: justify;
}

/* ******************************************************** */
#main {
    margin: 0 auto;
    width: 930px;
    height: auto;
    position: relative;
    border: 1px solid #000000;
    background: #262626;
}
#main.fixedHeight {
    height: 610px;
}
#left {
    float: left;
    width: 306px;
    height: 510px;
    background: rgb(38,38,38) url(hp-photo.jpg) 0 150px no-repeat;
}
#content {
    width: 587px;
    height: auto;
    padding: 18px;
    overflow: auto;
    float: right;
    background: #353535 url(content-bg.jpg) 0 0 no-repeat;
    border-left: 1px solid #000000;
}
#main.fixedHeight #content {
    height: 389px;
}
#content .col {
    float: left;
    width: 45%;
    padding-right: 5%;
}
#content .biglink {
    padding: 15px 30px 12px 10px;
    background: #707070 url(arrow-big.gif) right center no-repeat;
    color: #ffffff;
    font-size: 120%;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#content .biglink:hover {
    background-color: #606060;
}
#flags {
    font-size: 70%;
    position: absolute;
    top: 38px;
    right: 20px;
}
#flags a, #flags a:visited {
    color: #666666;
    text-decoration: none;
}
#flags a:hover {
    text-decoration: underline;
}

/* ******************************************************** */
#top {
    height: 67px;
    padding: 52px 0 32px 0;
    background: #ffffff;
    border-bottom: #353535 1px solid;
}
#top a, #top a:visited, #top a:hover {
    display: block;
    width: 306px;
    height: 67px;
}

/* ******************************************************** */
#menu {
    float: right;
    width: 624px;
}
#menu ul {
    height: 84px;
    line-height: normal;
    padding: 0;
    border: solid #000000;
    border-width: 0 0 1px 1px;
    background: #ffffff url(menu-bg.gif) 0 -84px repeat-x;
}
#menu ul li {
    list-style: none;
    display: block;
    width: 90px;
    height: 84px;
    float: left;
    border-right: 1px solid #000000;
    padding: 0;
}
#menu ul li.first {
    margin: 0;
}
#menu ul li a, #menu ul li a:visited {
    display: block;
    background: #e15e09;
    color: #ffffff;
    width: 90px;
    height: 84px;
    line-height: 90px;
    font-size: 70%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-transform: lowercase;
    overflow: hidden;
}
#menu ul li a:hover {
    background: #CA5609;
}
#menu ul li a.active, #menu ul li a.active:visited, #menu ul li a.active:hover {
    background: #5a5a5a url(menu-bg.gif) 0 0 repeat-x;
    cursor: default;
}

/* ******************************************************** */
#footer {
    background: transparent url(footer-bg.gif) center repeat-y;
    height: 5.5em;
    border-top: #353535 1px solid;
    position: relative;
}
#footleft {
    background: rgb(225,94,9) url(footer-bg-l.gif) left bottom repeat-x;
    color: #ffffff;
    width: 266px;
    padding: 20px 20px 10px;
    float: left;
}
#footleft a, #footleft a:visited {
    color: #ffffff;
    text-decoration: underline;
}
#footleft a:hover {
    color: #ffffff;
    text-decoration: none;
}
#footright {
    background: #ffffff url(footer-bg-r.gif) right bottom repeat-x;
    color: #303030;
    width: 583px;
    padding: 20px 20px 10px;
    float: right;
}
#footright a, #footright a:visited {
    color: #000000;
    text-decoration: underline;
}
#footright a:hover {
    color: #000000;
    text-decoration: none;
}

/* ******************************************************** */
#copyright {
    padding: 0;
    width: 992px;
    margin: 0 auto 0 auto;
    color: #666666;
    background: transparent url(footer-bg.gif) left top no-repeat;
}
#copyright p {
    padding: 15px 40px;
    text-align: right;
}
#copyright a, #copyright a:visited {
    text-decoration: none;
    color: #666666;
}
#copyright a:hover {
    text-decoration: underline;
    color: #666666;
}
#piktogram {
    display: none;
}

/* ******************************************************** */
#contactForm input, #contactForm textarea {
    width: 230px;
}
#contactForm textarea {
    height: 180px;
}
#contactForm input.button {
    width: auto;
}