@import url(./reset-meyer.css);
/* @import url(./wireframe.css); */
@import url(./colours.css);
@import url(./ntronnav.css);

body {
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    margin-top: 8px;
    }

#page {
    width: 920px;
    overflow: hidden;
    }

strong {
    font-weight: bold;
    }

em {
    font-style: italic;
    }

/* =BRANDING
--------------------------------------------------------------------
    */

#branding {
    height: 133px;
    }

h1 a {
    background: url(../gfx/logo-01.gif) top left no-repeat;
    float: left;
    height: 115px;
    margin: 0 0 0 21px;
    width: 420px;
    }

h1 span {
    visibility: hidden;
    }

h1 a {
    text-decoration: none;
    }

/* =TOOLSET
--------------------------------------------------------------------
    */

#toolset {
    float: right;
    width: 458px;
    }

#toolset li {
    display: inline;
    }

#toolset li a {
    display: block;
    float: left;
    height: 110px;
    text-decoration: none;
    width: 68px;
    padding: 8px;
    background-image: url(../gfx/gfx-division.gif);
    background-position: top left;
    background-repeat: no-repeat;
    }

#toolset li:first-child a, #toolset li.first a {
    background-image: none;
    }

#toolset li.contact a {
    width: 176px;
    margin-left: 7px;
    }

#visual {
    clear: both;
    height: 150px;
    }

/* =CONTENT
--------------------------------------------------------------------
    */

#navigation {
    float: left;
    width: 198px;
    /* SHOW MARGIN */
    margin: 14px 8px 0 0;
    }

#main {
    float: left;
    width: 508px;
    overflow: hidden;
    }

#alternate {
    float: left;
    width: 184px;
    margin: 8px 0 0 7px;
    line-height: 16px;
    padding: 0 0 30px 8px;
    }

/* =NAVIGATION
--------------------------------------------------------------------
    */

#navigation ul {
    margin: 19px 0 0 30px;
    }

#navigation ul ul {
    margin: 0 0 5px 20px;
    }

#navigation li {
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    }

#navigation li a {
    text-decoration: none;
    }

/* =ENTRY
--------------------------------------------------------------------
    */

.entry {
    line-height: 16px;
    padding: 32px 0 0 0;
    }

.entry .column1 {
    float: left;
    width: 246px;
    }

.entry .column2 {
    float: right;
    width: 246px;
    }

.entry .produkte-2 p {
    margin: 1em 0;
    }

.entry h2 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 30px;
    font-style: italic;
    margin: 0 0 1em 0;
    }

.entry h3 {
    margin-top: 12px;
    font-size: 12px;
    font-weight: bold;
    }

.entry h3 a {
    text-decoration: none;
    }

.entry h3 a:hover {
    text-decoration: underline;
    }

.entry h4 {
    font-weight: bold;
    }

.entry p {
    margin: 8px 0;
    }

.entry hr {
    clear: both;
    border: none;
    color: #fff;
    margin: 0;
    padding: 0;
    }

.entry ul {
    list-style: square;
    margin: 1em 0;
    padding: 0 0 0 2em;
    }

.entry dl {
    margin: 1em 0;
    }

.entry dt, .entry dd {
    float: left;
    }

.entry dt {
    background: #ccc;
    display: block;
    clear: both;
    width: 100px;
    }
    
.entry .produkte-1 {
    padding-top: 70px;
    }

.references ul {
    width: 28%;
    float: left;
    }

.refcols .cola {
    width: 50%;
    float: left;
    }

/* =ALTERNATE
--------------------------------------------------------------------
    */

#alternate h3 {
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
    }

#alternate h4 a {
    text-decoration: none;
    font-weight: normal;
    }

.news dt {
    margin: 16px 0 0 0;
    }

/* =KONTAKT
--------------------------------------------------------------------
    */

#kontakt legend {
    padding-top: 24px;
    font-size: 12px;
    font-weight: bold;
    }

#kontakt input[type=text], #kontakt textarea, input[type=submit] {
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    border: none;
    background: #aaa;
    color: #fff;
    padding: 4px;
    }