* {
    margin  : 0;
    padding : 0;
}

html {
    width  : 100%;
}

body {
    width       : 100%;
    background  : #ECECEC;
    font-family : "Microsoft Sans Serif", "Lucida Sans Unicode", Verdana, Arial;
    font-size   : 13px;
    color       : black;
}

img {
    border : 0;
}

p.left {
    text-align : left;
}

p.right {
    text-align : right;
}

p.justify {
    text-align : justify;
}

p.center {
    text-align : center;
}

p {
    margin  : 5px;
    padding : 5px;
}

a {
    font-weight     : bold;
    color           : #81070b;
    padding         : 0;
    text-decoration : none;
}

a:hover {
    color           : #2e3092;
    text-decoration : underline;
}

#banner_top {
    background : black;
    height     : 20px;
    text-align : center;
}

#menu_minor {
    margin-right : 10px;
    padding-top : 3px;
    font-size   : 11px;
    text-align  : right;
}

#menu_minor img {
    vertical-align : middle;
}

#menu_minor a {
    color           : white;
    font-weight     : normal;
    text-decoration : none;
}

#menu_minor a:hover {
    color : #BFB6B7;
}


#banner_left {
    background : url("../img/banner_left.jpg") repeat-x;
    position   : absolute;
    top        : 20px;
    left       : 0;
    height     : 127px;
    width      : 49%;
    z-index    : 0;
}

#banner {
    background : url("../img/banner.jpg") 100% 0 no-repeat;
    position   : relative;
    height     : 127px;
    width      : 980px;
    margin     : auto;
    z-index    : 1000;
}

#banner #seasonal {
    position : absolute;
    top      : -12px;
    left     : -150px;
    z-index  : 1000;
}

#banner_logo {
    float  : left;
    width  : 250px;
    height : 127px;
}

#banner_logo img {
    vertical-align : top; 
}

#banner_right {
    background : url("../img/banner_right.jpg") repeat-x;
    position   : absolute;
    top        : 20px;
    right      : 0;
    height     : 127px;
    width      : 49%;
    z-index    : 0;
}

#menu {
    position     : absolute;
    top          : 25px;
    right        : 70px;
    height       : 30px;
    line-height  : 30px;
    color        : white;
    font-weight  : bold;
    word-spacing : 2px;
}

#menu a {
    position        : relative;
    height          : 30px;
    text-decoration : none;
    padding-top     : 8px;
    padding-bottom  : 8px;
    color           : white;
}

#menu a:hover {
    border-bottom  : 1px solid #BFB6B7;
    color          : #BFB6B7;    
}

#header_left {
    background : url("../img/small_header_left.jpg") repeat-x ;
    position   : absolute;
    top        : 147px;
    left       : 0;
    height     : 68px;
    width      : 49%;
    z-index    : 0;
}

#header {
    position   : relative;
    background : url("../img/small_header.jpg") no-repeat;
    width      : 820px;
    height     : 68px;
    margin     : auto;
    z-index    : 999;
}

#header_right {
    background : url("../img/small_header_right.jpg") repeat-x;
    position   : absolute;
    top        : 147px;
    right      : 0;
    height     : 68px;
    width      : 49%;
    z-index    : 0;
}

#header_content {
    color       : #626262;
    text-align  : left;
}

#header_content h1 {
    font-family : Tahoma;
    font-size   : 20px;
    font-weight : normal;
    color       : #535250;
    text-align  : left;
    padding     : 17px 0 5px 0;
}

#header_content h1 span {
    color : #81070b;
}

#content {
    width      : 820px;
    text-align : left;
    margin     : auto;
}

#content h2 {
    font-family   : Tahoma;
    font-size     : 16px;
    border-bottom : 1px solid black;
    padding       : 5px 0 10px 0;
    margin-bottom : 3px;
}

#content  a {
    font-weight : bold;
    color       : #81070b;
    padding     : 0;
    text-decoration : none;
}

#content  a:hover {
    color           : #2e3092;
    text-decoration : underline;
}

#content p {
    margin  : 25px 15px 15px 0;
    padding : 0;
}

#content p img {
    margin : 5px 10px;
}

#content p .start_letter {
    float       : left;
    font-size   : 32px;
    line-height : 28px;
    font-weight : bold;
    color       : #91330F;
    margin      : -14px 3px 0 0;
}

#content ul {
    list-style-type : none;
    margin          : 5px 10px;
}

#content ul#sitemap {
    list-style-type : none;
    margin          : 5px 10px;
    padding         : 0 10px;
    background      : url("../img/bullet.gif") 0 5px no-repeat;
}

#content ul#sitemap ul {
    list-style-type : none;
    margin          : 0 10px;
    padding         : 8px 10px;
    background      : url("../img/bullet.gif") 0 15px no-repeat;
}

#content ul li {
    margin : 3px 5px;
}

#content .production {
    background  : url("../img/dotline_horizontal.gif") 0 100% repeat-x;
    padding     : 0 0 10px 0;
    text-align  : justify;
}

#content .production h2 {
    background : url("../img/bullet.gif") 5px 10px no-repeat;
    font-size  : 14px;
    padding    : 3px 20px;
}

#content .production h3 {
    color     : #5F5F5F;
    font-size : 12px;
    padding   : 10px 15px 0 0;
}

#content .production img {
    float   : right;
    margin  : 5px 10px;
    padding : 2px;
    border  : 2px solid #770A0D;
}

#content .production p {
    line-height : 18px;
}

#content .production table {
}

#content .production table td {
    padding        : 5px;
    vertical-align : middle;
}

#content .production .analytika {
    color       : #770A0D;
    font-weight : bold;
}

#content .news {
    background  : url("../img/dotline_horizontal.gif") 0 100% repeat-x;
    padding     : 10px 0 0 0;
    text-align  : justify;
}

#content .news h2 {
    background : url("../img/bullet.gif") 5px 10px no-repeat;
    font-size  : 14px;
    padding    : 3px 20px;
}

#content .news h3 {
    color     : #5F5F5F;
    font-size : 12px;
    padding   : 10px 15px 0 0;
}

#content .news img {
    float  : right;
    margin : 5px 10px;
}

#content .news p {
    color       : #7F7F7F;
    font-weight : bold;
    font-size   : 12px;
    line-height : 16px;
    padding     : 5px;
    margin      : 5px;
}

img.image_cd {
    padding : 2px;
    border  : 1px solid gray;
}

label {
    font-family : "Century Gothic";
    position    : relative;
    float       : left;
    width       : 150px;
    padding     : 0 10px 0 0;
    margin      : 5px 5px;
    cursor      : hand;
    cursor      : pointer;
}

label.required {
    background : transparent url("../img/bullet.gif") 100% 7px no-repeat;
}

input, textarea, select {
    display     : block;
    font-family : "Century Gothic";
    background  : white;
    margin      : 5px 5px 10px 180px;
    padding     : 2px 5px;
    border      : 1px solid gray;
}

select option {
    padding : 1px 2px;
}

input.radio, input.checkbox, select {
    cursor : hand;
    cursor : pointer;
}

input.hidden {
    padding : 0;
    margin  : 0;
    border  : none;
}

input.submit {
    background : white url("../img/send.gif") 1px 4px no-repeat;
    padding    : 5px 10px 5px 27px;
    cursor     : hand;
    cursor     : pointer;
}

#spacer {
    height : 70px;
    clear  : both;
}

#footer {
    overflow   : hidden; /* Yes this is necessary for the silly IE position: fixed trick to be properly set! */
    position   : absolute; 
    left       : 0; 
    bottom     : 0;
    width      : 100%;
    height     : 30px;
    background : black;
    color      : white;
    text-align : center;
    clear      : both;
}

body > #footer { 
    position: fixed; 
}

#footer_content {
    position    : relative;
    margin      : auto;
    font-size   : 11px;
    padding     : 0 20px;
    line-height : 30px;
    text-align  : left;
}

#footer a {
    position : absolute;
    right    : 0;
    top      : 3px;
    margin   : 0;
    padding  : 0;
    z-index  : 999;
}