html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html > body {
    min-height: 100%;
}

body {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    background: url("../images/body_bg.jpg") #f2f2f2 repeat-x;
    color: #073369;
}

#overall {
    background: url("../images/overall_bg.gif");
    width: 816px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
 
body > div#overall {
    height: auto;
    min-height: 100%;
}
 
 /* HEAD */
 
 #header {
     background: url("../images/header.jpg");
     width: 816px;
     height: 241px;
     position: relative;
 }
.ktm_header {
    position: absolute;
    right: 8px;
    bottom: -15px;
}
 
 /* SIDEBAR */
 
 #sidebar { width: 257px; float: left; }
 
 #sidebar div.header {
     background: url("../images/nav_header.jpg");
     width: 257px;
     height: 140px;
 }
 
 #sidebar div.cont { margin: 10px 0 0 8px; }
 
 #sidebar div.cont ul {
     padding: 0; margin: 0;
     list-style-type: none;
 }
 
 #sidebar div.cont ul li ul {
     padding: 0; 
     margin: 0;
     list-style-type: none;
 }

 #sidebar div.cont ul li {
     padding-top: 1px;
     background: url("../images/dott.gif");
 }
 
 #sidebar div.cont ul li div.space {
     font-size: 14px;
     font-weight: bold;
     padding: 2px 0 2px 15px;
     background: #ffffff;
 }
 
 #sidebar div.cont ul li a {
     width: 234px;
     display: block;
     font-size: 14px;
     font-weight: bold;
     padding: 2px 0 2px 15px;
     background: #ffffff;
 }

 #sidebar div.cont ul li ul li a {
     width: 214px;
     display: block;
     font-size: 14px;
     font-weight: bold;
     padding: 2px 0 2px 35px;
     background: #ffffff;
 }

 #sidebar div.cont ul li a.active {
     background: url("../images/nav_hoverbg.gif") #ffffff repeat-y right;
 }
 
 #sidebar div.cont ul li a:hover {
     background: url("../images/nav_hoverbg.gif") #ffffff repeat-y right;
 }
 
 /* MAIN */
 
 #main { width: 551px; float: left; }
 
 #main div.header {
     width: 559px;
     height: 129px;
     background: url("../images/main_header.jpg") no-repeat;
 }
 
 #main>div.header {
     height: auto;
     min-height: 129px;
 }
 
 #content { padding: 16px; margin-bottom: 50px; font-size: 12px; line-height: 150%; }
 #content img.border { border: 1px solid #073369; }
 
 #content a       { color: #c70808; }
 #content a:hover { color: #073369; }

#info {
    float:left;
    margin-left: 8px;
    width: 260px;
}

 #info h1 { margin: 0; }
 
 #fontsize {
     margin-top: 70px;
     float:left;
     font-size: 12px;
 }

 #fontsize .big    { font-size: 15px; }
 #fontsize .bigger { font-size: 18px; }
  
 /* TEASER */
 
 #content div.teaser {
     width: 520px;
     background: url("../images/teaser_textbg.gif") #e7e7e7 bottom repeat-x;
     margin-bottom: 10px;
 }
 
 #content div.teaser div.img {
     width: 141px;
     padding-top: 24px;
     float:left;
     background: url("../images/teaser_imgtop.jpg") no-repeat;
 }
 
 #content div.teaser div.cont {
     float:left;
     width: 376px;
 }
 
 #content div.teaser div.space { margin-right: 3px; }
 
 #content div.teaser div.cont h1 { 
     background: #c9c9c9; 
     padding: 3px 3px 4px 10px;
     margin: 0;
 }
 
 #content div.teaser div.cont div.text {
     padding: 5px;
     line-height: 16px; 
 }
 
 #content div.teaser div.cont div.text div.morelink {
    font-weight: bold;
    text-align: right;
 }

 #content div.teaser div.cont div.text div.morelink a { font-weight: bold; }

 /* FOOTER */
#footclear {
    padding: 8px;
    clear: both;
    height: 3em;
} 
#footer {
    width: 531px;
    padding: 10px;
     float:right;
    background: url("../images/footer_line.gif") no-repeat;
}
 
 /* GENERAL */
 
 h1 {
     color: #c70808;
     font-size: 14px;
     font-weight: bold;
     margin: 0 0 10px 0;
 }

 a {
     text-decoration: none;
     color: #073369; 
 }
 
 a:hover { color: #c70808; }
 
 .italic { font-style: italic; }
 .bold   { font-weight: bold;  }
 .big    { font-size: 15px;    }
 .bigger { font-size: 18px;    }

.teaser_angebot {
    clear: both;
    padding: 15px 5px 5px 5px;
    border-bottom: 1px #073369 dashed;
}

.teaser_angebot h3 {
    margin: 0;
    padding: 0 0 7px 0;
}

.teaser_angebot div.image, .teaser_angebot div.descr {
    float: left;
}

.teaser_angebot div.image {
    width: 25%;
}

.teaser_angebot div.descr {
    width: 70%;
}

.teaser_angebot div.clear {
    clear: both;
}

.teaser_angebot p {
    margin: 0;
    padding: 5px;
}

.angebot .bilder {
    text-align: center;
}

.angebot .bilder img {
    border: 1px #073369 solid;
}

.angebot .bilder a img, .teaser_angebot a img {
    border: 2px #073369 solid; 
}

.angebot .bilder a:hover img, .teaser_angebot a:hover img {
    border: 2px #c70808 solid;
}

.pagenav {
    padding: 10px 0;
}

.backlink {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px #073369 dashed;
}