.clear {
    clear: both;
}

.strong {
    font-weight: bold;
}

#site {
    width: 970px;
    position: relative;
    margin: auto;
}

#headerTop a.headerLink {
    display: inline-block;
    width: 970px;
    height: 108px;
}

#headerBottom {
    display: inline-block;
    width: 970px;
    height: 45px;
}

#contentLeft {
    float: left;
}

#contentLeft .navi {
    width: 200px;
    background-color: #d5d5d5;
    padding-top: 3px;
}

#contentLeft .navi a {
    display: block;
    position: relative;
    border-bottom: 1px solid #ffffff;
    margin-right: 10px;
    margin-left: 3px;
    padding: 9px;
    padding-left: 47px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
}

#contentLeft .navi a:hover {
    background-color: #c7c7c7;
    text-decoration: none;
}

#contentLeft .navi a.link {
    background-repeat: no-repeat;
    background-position: left center;
}

#contentLeft .navi a.linkGruen {
    background-image: url('../image/gruen.gif');
}

#contentLeft .navi a.linkHellblau {
    background-image: url('../image/hellblau.gif');
}

#contentLeft .navi a.linkRostrot {
    background-image: url('../image/rostrot.gif');
}

#contentLeft .navi a.linkOrange {
    background-image: url('../image/orange.gif');
}

#contentLeft .navi a.linkBraun {
    background-image: url('../image/braun.gif');
}

#contentLeft .navi a.linkGelb {
    background-image: url('../image/gelb.gif');
}

#contentLeft .navi a.linkViolett {
    background-image: url('../image/violett.gif');
}

#contentLeft .navi a.linkRot {
    background-image: url('../image/rot.gif');
}

#contentLeft .content {
    display: none;
}

#contentRight {
    float: right;
    width: 770px;
}

#contentRight .navi {
    width: 770px;
    height: 34px;
    border-bottom: 1px solid #ffffff;
}

#contentRight .navi a {
    display: inline-block;
    float: left;
    position: relative;
    height: 20px;
    padding: 10px 10px 4px 10px;
    text-decoration: none;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
}

#contentRight .navi .breaker {
    display: inline-block;
    float: left;
    position: relative;
    width: 1px;
    height: 24px;
    margin: 5px 0px 5px 0px;
}

#contentRight .sidebar {
    float: left;
    width: 276px;
    height: 600px;
}

#contentRight .content {
    float: left;
    width: 404px;
    margin: 45px;
    font-size: 11px;
    line-height: 16px;
}

#contentRight .content h1,
#contentRight .content h2,
#contentRight .content h3,
#contentRight .content h4,
#contentRight .content h5,
#contentRight .content h6 {
    text-transform: uppercase;
}

#contentRight .content h1 {font-size: 18px;}
#contentRight .content h2 {font-size: 16px;}
#contentRight .content h3 {font-size: 15px;}
#contentRight .content h4 {font-size: 14px;}
#contentRight .content h5 {font-size: 13px;}
#contentRight .content h6 {font-size: 12px;}

#contentRight .content .firstBlock {
    margin-top: 0px;
}

#contentRight .content img {
    max-width: 404px;
}

#contentRight .content textarea {
    width: 400px;
    height: 150px;
    margin: 2px 0px 2px 0px;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
}

#contentRight .content textarea:hover {
    border-color: #555555;
}

#contentRight .content input[type=text] {
    width: 400px;
    height: 15px;
    margin: 2px 0px 2px 0px;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
}

#contentRight .content input[type=text]:hover {
    border-color: #555555;
}

#contentRight .content input[type=checkbox] {
    margin: 2px 0px 2px 0px;
}

#contentRight .content input[type=checkbox].hellblau {
    border: 5px solid #0099cc;
}

#contentRight .content input[type=checkbox].rostrot {
    border: 5px solid #99104a;
}

#contentRight .content input[type=checkbox].orange {
    border: 5px solid #f18d0e;
}

#contentRight .content input[type=checkbox].braun {
    border: 5px solid #591615;
}

#contentRight .content input[type=checkbox].gelb {
    border: 5px solid #ffcc00;
}

#contentRight .content input[type=checkbox].violett {
    border: 5px solid #663466;
}

#contentRight .content input[type=checkbox].rot {
    border: 5px solid #cc0101;
}

#contentRight .content input[type=checkbox].grau {
    border: 5px solid #d6d6d6;
}

#contentRight .content input[type=radio] {
    margin: 2px 0px 2px 0px;
}

#contentRight .content input[type=submit], #contentRight .content input[type=reset] {
    width: auto;
    height: auto;
    margin: 2px 0px 2px 0px;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
    cursor: pointer;
}

#contentRight .content input[type=submit]:hover, #contentRight .content input[type=reset]:hover {
    border-color: #555555;
}