body {
    color: #000;
    background-color: #fff;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    width: 880px;
    margin: 10px auto 10px auto;
}

#main a {
    color: #02828a;
    text-decoration: none;
    border-bottom: 1px dotted #02828a;
}

#main a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #02828a;
}

/* start of fun colored links */

#special a {
    color: red;
    text-decoration: none;
    border: 0px;
}

#special a:hover {
    color: red;
    text-decoration: none;
    border: 0px;
    background: #fff;
}

#special2 a {
    color: #0a0e60;
    text-decoration: none;
    border: 0px;
}

#special2 a:hover {
    color: #0a0e60;
    text-decoration: none;
    border: 0px;
    background: #fff;
}

b.big {
    font-size: 140%;
    color: #02828a;
}

/* end of fun colored links */
#banner {
    background: url(/images/banner.png) no-repeat bottom;
    margin-bottom: 10px;
    height: 130px;
    width: 880px;
}

#banner img {
    top: 20px;
    height: 130px;
    width: 135px;
    float: right;
}


#nav {
    background-color: #ffff00;
    background: url(/images/header.gif) repeat-x top;
    height: 20px;
    padding: 4px 10px 5px 10px;
    font-size: 110%;
    color: #fff;
    font-weight: bold;
}

#nav a {
    text-decoration: none;
    color: #fff;
    font-style: bold;
}

#nav a:hover {
    background-color: #fff;
    color: #02828a;
    font-style: italic;
}

#main {
    margin-top: 50px;
    padding-bottom: 20px;
}


h1 {
    color: #666;
    font-size: 185%;
    margin-bottom: 0px;
}

#main h2 {
    background: url(/images/header.gif) repeat-x top;
    color:#ffffff;
    font-size: 110%;
    padding: 5px 5px 5px 10px;
}

h3 {
    color: #02828a;
    font-size: 100%;
}

h4 {
    color: #02828a;
    font-size: 130%;
}

#products a.topic {
    color: #fff;
    text-decoration: none;
    background: none;
    border: 0px;
}

a img {
   border: 0px;
    text-decoration: none;
}

a:hover img {
    border: 0px;
    text-decoration: none;
}

#sidecol {
    width: 200px;
    float: left;
}

#maincol {
    width: 650px;
    float: right;
    padding-bottom: 20px;
}


#container #sidecol {
    width: 200px;
    float: right;
}

#container #maincol {
    width: 650px;
    float: left;
}

/*
#container #main div.images {
    float: top;
    width: 350px;
}
*/
#maincol img.home {
    margin-top: -80px;
}

span.created_at {
    color: #666;
    font-style: italic;
}

#sidecol p.col {
    padding-left: 12px;
}

#sidecol p {
    padding-left: 12px;
}

div.entry p {
    float: left;
    width: 450px;
#    text-align: justify;
}

div.entry p.block {
    float: left;
    width: 500px;
    text-align: justify;
}

div.entry p.small {
    float: left;
    width: 300px;
    text-align: justify;
}

div.entry img {
    float: right;
}

#appcase {
    height: 250px;
}

#appcase p {
    float: left;
    width: 380px;
//    text-align: justify;
}

#appcase img {
    float: right;
}

#appcase h3 {
    float: left;
}

#appcase b {
    color: #fff;
}

tr.appcase {
    color: #fff;
    background-color: #02828a;
}

/* press releases */

#press table {
//    border: solid 1px #000;
}

#press td {
    border-bottom: solid 1px #000;
}

/* products */

#products img {
    display: block;
}
/*
#products table {
    width: 50%;
}
*/
td.topic {
    background: #63c7c6;
    color: #fff;
    font-weight: bold;
}

tr.green td {
    background: #def3f7;
}

tr.grey td {
    background: #f2f2f2;;
}

td.green {
    background: #def3f7;
}

td.grey {
    background: #f2f2f2;;
}

#products p {
    width: 450px;
    text-align: justify;
}

/* accessory */

#accessory img {
    float: right;
}

/* forms */

textarea {
    border: solid 1px #000;
}

input {
    border: solid 1px #000;
}

select {
    border: solid 1px #000;
}

/* amdin
 */

#admin {
    position: absolute;
    top: 0px;
    left: 0px;
    border: solid 1px #666;
    background-color: #02828a;
    padding: 10px;
    font-size: 11px;
}

#admin a {
    color: #fff;
}

#admin a:hover {
    text-decoration: none;
}

#admin b {
    color: #fff;
}

/* misc fonts */

ins.red {
    color: #ff0000;
    text-decoration: none;
    text-style: italic;
}

span.bottomline {
    color: #6d89d9;
    font-weight: bold;
    font-style: italic;
}


/* anwendungen */

table.applist td {
    border: solid 1px #000;
}

#appcases p {
    text-align: left;
    font-weight: bold;
}

div.more {
    float: right;
}

/* forms */

#form {
    text-align: center;
    width: 600px;
}


fieldset {
    background: #def3f7;
}

legend {
    color: #fff;
    background: #02828a;
    padding: 0.2em 1em;
}

label {
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

table.form {
    width: 450px;
    margin-left: 10em;
}

input.checkbox {
    float: right;
}

/* login */


#login table {
    margin: 10px auto 10px auto;
}

#login {
    text-align: center;
    width: 300px;
    margin: 10px auto 10px auto;
}

#login h2 {
    width: 300px;
    height: 100px;
}

#login td {
    border: solid 1px #666;
    height: 130px;
    width: 130px;
    text-align: center;
}

#login fieldset {
    background: #def3f7;
}

#login legend {
    color: #fff;
    background: #02828a;
    padding: 0.2em 1em;
}

#login label {
    width: 5em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

/* misc
 */