﻿/*
   ********************************
            NORMAL MODULES
   ********************************
*/

body
{
    background:#778899 url('images/gray.png');
    color:#ffffff;
    font-family:Verdana, Sans-Serif;
    font-size:11px;
    line-height:13px;
    margin:0px;
    padding:0px;
    text-align:justify;
}

h1
{
    color:#ffdd00;
    font-size:16px;
    line-height:19px;
    margin:0px 0px 26px;
}

img
{
    vertical-align:bottom;
}

p
{
    margin:0px 0px 13px;
}

ul
{
    margin:0px 0px 13px 15px;
    padding:0px;
}

ul li
{
    background:url('images/bullet.png') no-repeat 0px 4px;
    list-style-type:none;
    margin:0px;
    padding:0px 0px 0px 15px;
}

ul li ul
{
    margin:0px 0px 13px;
}

ul li ul li
{
    background:url('images/bullet_sub.png') no-repeat 0px 4px;
    margin:0px;
    padding:0px 0px 0px 15px;
}

a
{
    color:#ffee88;
    font-style:italic;
    text-decoration:none;
}

a:hover
{
    color:#ffdd00;
}

sup
{
    line-height:13px;
    margin:0px;
    padding:0px;
}

tt
{
    color:#ffdd00;
    font-family:Verdana, Sans-Serif;
    font-weight:bold;
}


/*
   ********************************
            CLASS MODULES
   ********************************
*/

.clear
{
    clear:both;
    height:0px;
}

.margin
{
    margin:15px;
}

.projec div
{
    float:left;
    height:134px;
    margin:0px 10px 0px 5px;
}

.projec div a
{
    border:dotted 1px #ffffff;
    display:block;
    padding:12px 8px;
}

.projec div a:hover
{
    background-color:#224466;
    border-color:#ffdd00;
}

.projec div p
{
    font-size:9px;
    line-height:11px;
    margin:13px 0px 0px;
    text-align:center;
    width:115px;
}

.yellow
{
    color:#ffdd00;
}


/*
   ********************************
              ID MODULES
   ********************************
*/

#stroke
{
    background:#556677 url('images/stroke.png') repeat-x;
    height:160px;
}

#master
{
    background:#446688 url('images/backgr.png') repeat-y;
    border:solid 1px #000000;
    margin:-120px auto 10px;
    width:800px;
}

#naviga
{
    background:#224466 url('images/naviga.png') no-repeat;
    border-bottom:solid 1px #ffffff;
    height:60px;
}

#naviga ul
{
    margin:0px;
}

#naviga ul li
{
    background-image:none;
    display:inline;
    float:right;
    margin:30px 0px 0px -5px;
    padding:0px;
    text-align:center;
}

#naviga ul li a
{
    background:no-repeat 0px 30px;
    color:#ffffff;
    display:block;
    font-style:normal;
    line-height:30px;
    width:95px;
}

#naviga ul li a:hover
{
    background-position:0px 0px;
}

#naviga ul #btncon a
{
    background-image:url('images/naviga/contac.png');
}

#naviga ul #btnpro a
{
    background-image:url('images/naviga/projec.png');
}

#naviga ul #btnkoc a
{
    background-image:url('images/naviga/koch.png');
}

#naviga ul #btnall a
{
    background-image:url('images/naviga/allant.png');
}

#naviga ul #btnorg a
{
    background-image:url('images/naviga/orga.png');
}

#naviga ul #btnhom a
{
    background-image:url('images/naviga/home.png');
}

#naviga ul #btnorg ul
{
    background-color:#446688;
    display:none;
    margin:-1px 0px 0px 0px;
    position:absolute;
    width:95px;
}

#naviga ul #btnorg:hover ul
{
    display:inline;
}

#naviga ul #btnorg ul li
{
    margin-left:0px;
    margin:0px;
    padding:0px;
    line-height:20px;
}

#naviga ul #btnorg ul li a
{
    background-image:url('images/naviga/btnlst.png');
    line-height:20px;
}

#anima1
{
    background:url('images/animat/header0.png') no-repeat;
    height:180px;
}

#anima2
{
    background:url('images/animat/header1.png') no-repeat;
    height:180px;
    margin-top:-180px;
}

#conten
{
    border-top:solid 1px #ffffff;
    float:left;
    width:540px;
}

#conten img
{
    border:solid 1px #ffffff;
}

#contac
{
    float:left;
    margin:1px 0px 0px;
    width:260px;
}

#contac #menu
{
    margin:0px 0px 13px;
}

#contac #menu li
{
    background-image:none;
    padding:0px;
}

#contac #menu li a
{
    background:url('images/bullet_up.png') no-repeat 0px 3px;
    font-style:normal;
    padding:0px 0px 0px 15px;
}

#contac #menu li a:hover
{
    background-image:url('images/bullet_over.png');
}

#footer
{
    background:#224466 url('images/navy.png');
    border-top:solid 1px #ffffff;
    clear:both;
    height:40px;
}

#footer p
{
    font-style:italic;
    line-height:40px;
    text-align:center;
}

#show {
    background:#333333;
    position:absolute;
    text-align:right;
    visibility:hidden;
    width:496px;
}

#show a {
    line-height:24px;
    margin-right:8px;
}

#show img {
    margin:0px 8px 8px;
    border-style:none;
}