@charset "UTF-8";

/* @override http://koller/css/basic.css */

body {
        font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
        background: #86b217;
        margin: 0 0 0 10px;
        padding: 0;
        color: #4d5860;
}

* {
        margin: 0;
        padding: 0;
}

/* @group Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group Layout */

#container {
        width: 840px;
        background: #fff url(../images/bg_content.gif) repeat-x 0 0;
        padding: 0 85px 10px 50px;
}

#signet {
        position: absolute;
        z-index: 11;
        top: 40px;
        left: 80px;
}

.slogan {
        position: absolute;
        z-index: 10;
        top: 110px;
        left: 675px;
}

.headerbild {

}

#content {
        background: url(../images/header_index_unten.jpg) no-repeat 7px 0;
        padding-left: 7px;
        padding-top: 15px;
}

#entry {
        background: url(../images/bg_entry.gif) repeat 225px 0;
}

.zweispaltig #entry {
        background-position: 260px 0;
        background-repeat: repeat-y;
}

.produkte #entry {
        background-image: url(../images/bg_entry_breit.gif);
        background-position: 229px 0;
}

#left {
        width: 185px;
        padding-right: 30px;
        float: left;
        padding-left: 10px;
}

.zweispaltig #left {
        width: 220px;
}

#middle {
        width: 235px;
        padding: 0 30px 0 45px;
        float: left;
}

.produkte #middle {
        width: 300px;
        padding-right: 30px;
}

#right {
        width: 255px;
        padding-left: 40px;
        float: left;
}

.produkte #right {
        width: 220px;
        padding-left: 10px
}

.zweispaltig #right {
        width: 430px;
        padding-right: 40px;
}

/* @group News */

#news {
        border-left: 1px solid #fdfdfd;
        padding-left: 3px;
        padding-right: 7px;
        background: #f8fbfd url(../images/news_content.gif) repeat-y right 0;
}

.news_top {
        width: 255px;
        height: 7px;
        background: url(../images/news_top.gif) no-repeat right 0;
        margin: 0 -7px -7px -4px;
        font-size: 1px;
}

.news_bottom {
        width: 255px;
        height: 8px;
        background: #fff url(../images/news_bottom.gif) no-repeat;
        margin: 0 -7px 0 -5px;
}



/* @end */

#footer {
        background: url(../images/bg_footer.gif) repeat-x 0 0;
        text-align: right;
        padding: 10px;
        color: #4d5860;
        font-size: 10px;
        margin-top: 20px;
}

#footer .footer_neher {
        float: left;
}

/* @end */

/* @group Nav */

#nav {
        margin: 20px 10px 30px 0;
        padding: 0;
        list-style: none;
        list-style-image: none;
}

#nav li {
        border-bottom: 1px solid #898989;
        padding: 3px 0;
        margin: 0;
        list-style: none;
        list-style-image: none;
}

#nav li.last {
        border-bottom: none;
}

#nav li.abstand {
        margin-top: 10px;
}

#nav li a {
        background: url(../images/pfeil_nav.gif) no-repeat 0 5px;
        display: block;
        color: #090909;
        padding: 3px 0 3px 15px;
}

#nav li a:hover {
}

#nav ul {
        margin: 5px 0 10px 0;
        padding: 0 0 0 10px;
}

#nav ul li {
        padding: 1px 0;
        border-color: #cbcbcb;
}

#nav ul li a {
        background-image: url(../images/pfeil_nav_2.gif);
}


a.current {
        font-weight: bold;
}



/* @end */

/* @group Subnav */

#subnav {
        list-style: none;
        position: absolute;
        z-index: 9;
        top: 15px;
        left: 650px;
        width: 300px;
}

#subnav li {
        display: inline;
        border-right: 1px solid #91999f;
        padding: 0 2px;
}

#subnav li.last {
        border-right: none;
}

#subnav a {
        color: #4d5860;
        text-decoration: none;
        padding: 2px 5px;
}

#subnav a:hover {
        text-decoration: underline;
}

#suche {
        position: absolute;
        z-index: 9;
        top: 45px;
        left: 650px;
}

#suche #search_exp {
        width: 80px;
}


/* @end */

/* @group Links */

#footer a {
        color: #4d5860;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: underline;
}

#footer a:hover.no_underline {
        text-decoration: none;
}

a img {
        border: none;
}

a {
        color: #86b217;
        text-decoration: none;
}

#middle ol ul a {
        color: #414141;
        font-weight: normal;
}

a.pfeil {
        background: url(../images/pfeil_news.gif) no-repeat 0 3px;
        padding-left: 15px;
}

#middle a,
#right a {
        font-weight: bold;
}

a:hover,
#middle a:hover {
        color: #6d9112;
}



/* @end */

/* @group Text */

h1.spezial {
        background-position: 0 0;
        background-repeat: repeat-x;
        font-size: 17px;
        font-weight: normal;
        line-height: 27px;
        padding-left: 10px;
        color: #fff;
        margin-left: -10px;
}

h1.spezial.hoeher {
        margin-top: 30px;
}

h1.schwarz {
        background-image: url(../images/h1_schwarz.gif);
}

h1.gruen {
        background-image: url(../images/h1_gruen.gif);
}

h1.blau {
        background-image: url(../images/h1_blau.gif);
}

#news h1 {
        margin-bottom: 0;
        margin-left: 0;
}

h1.seo {
        font-size: 11px;
        font-weight: normal;
        color: #4d5860;

}





h2 {
        font-size: 14px;
        font-weight: normal;
        margin: 15px 0 8px 0;
        color: #719613;
        line-height: 16px;
}

.Accordion h2 {
        font-size: 12px;
        line-height: 15px;
}


#news h2,
#news p {
        padding: 0 15px 0 30px;
}

#news h2 {
        background: #fff url(../images/pfeil_news.gif) no-repeat 12px 18px;
        padding: 15px 0 8px 30px;
        color: #3a6828;
        margin-bottom: 5px;
        margin-top: 0;
}

h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 10px 0 5px 0;
        color: #a4bc30;
}

h4 {
        font-size: 11px;
        font-weight: bold;
        margin-top: 15px;
}

p {
        margin: 5px 0;
        line-height: 15px;
}

.first {
        margin-top: 15px;
}

.zweispaltig #right p {
        padding-right: 20px;
}

#news p {
        color: #13240e;
        line-height: 16px;
        margin: 5px 0 10px 0;
}

p.termine {
        margin: 0 0 3px 0;
        padding: 2px;
        border-bottom: 1px solid #ccc;
        width: 350px;
        clear: left;
}

p.termine span {
        float: left;
        width: 9em;
        height: 1.5em;
        color: #898989;
}



p.datum {
        font-size: 12px;
        color: #13240e;
        margin: 0;
}

ul {
        list-style-image: url(../images/list_bullet.gif);
        padding: 0 0 0 1.6em;
        margin: 10px 0;
}

ol {
        padding: 0 0 0 1.6em;
        margin: 10px 0;
}

ol ul {
        margin:5px 0 10px 0;
}

ul li,
ol li {
        padding-bottom: .5em;
}

hr {
        border: 0;
        color: #ccc;
        width: 95%;
    height: 2px;
    margin: 15px 0 5px 0;
    text-align: left;
        background: url(../images/bg_footer.gif) repeat-x;
}

table.ansprechpartner {
        border-collapse: collapse;
        margin: 10px 0;
}

table.ansprechpartner td {
        padding: 2px 7px;
}

.ansprechpartner .tel_spalte {
        padding-left: 0;
        border-right: 1px solid #e0e0e0;
}

#content img.links {
        float: left;
        margin: 5px 10px 0 0;
}

#content img.rechts {
        float: right;
        margin: 5px 0 0 10px;
}

#content img.border {
        border-bottom: 3px solid #86b217;
        padding-bottom: 2px;
}

#content img {
        margin: 10px 0;
}

#content .bilder_referenzen {
        margin: 15px 0 30px 0;
}

#content .bilder_referenzen img {
        margin: 4px;
        padding: 1px;
        border: 1px solid #90b92b;
        float: left;
}

#content .bilder_referenzen .beschreibung {
        float: left;
        margin: 0 10px 0 10px;
        width: 122px;
}

#content img.nospace {
        margin: 0;
        padding: 0;
}

/* @group Formular (Kontakt) */

form.anfrage {
        line-height: 17px;
        font-size: 11px;
        margin-left: 0px;
        margin-bottom: 20px;
}

label {
        text-align: left;
        margin-top: 5px;
        float: left;
        height: auto;
}

label input {
        width: 410px;
        margin-top: 2px;
        float: left;
        border: 1px solid #cbe58b;
}

label textarea {
        width: 410px;
        float: left;
        border: 1px solid #cbe58b;
}

label.schmal {
        width: 215px;
}

label.schmal input {
        width: 195px;
}

label.schmal2 {
        width: 160px;
}

label.schmal2 input {
        width: 140px;
}

label.schmal3 {
        width: 110px;
}

label.schmal3 input {
        width: 90px;
}

label select {
        width: 100px;
        margin: 2px 0 0 0px;
        height: auto;
        border: 1px solid #cbe58b;
        border-top: 2px solid #cbe58b;
}

label select.anfrage_art {
        width: 420px;
}

option.dunkel {
        background: #ebf7cd;
}

option {
        padding: 0 5px;
}

.anfrage input.senden {
        float: right;
        margin: 10px 10px 0 0;
        width: 90px;
        height: 30px;
        color: #fff;
        font-size: 13px;
        border: none;
        padding: 5px 10px 5px 15px;
        background: #86b217 url(../images/anfrage_absenden.gif) no-repeat 10px center;
        cursor: pointer;
        border-bottom: 3px solid #b0e037;
}

.anfrage input,
.anfrage textarea,
.anfrage select {
        font-family: "Tahoma", Arial, Verdana, sans-serif;
        font-size: 11px;
        color: #747b87;
        margin-top: 2px;
        padding: 2px 5px;
}

.anfrage select {
        padding: 1px 0;
}



/* @end */


/* @end */

/* @group Routenplanung */

input,
select {
        font-size: 11px;
        border: 1px solid #b0b0b0;
        width: 220px;
        margin: 5px 0 0 0;
        padding: 2px 4px;
}

input.submit {
        background: #86b217;
        color: #fff;
        font-weight: bold;
}


table,
table tr,
table td {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
}



/* @end */

/* @group Suche */

#suche {
        padding: 5px 0 0 123px;
        width: 190px;

}

#suche .search {
        width: 120px;
        padding: 2px 8px;
        font-size: 11px;
        margin: 0 5px 0 0;
        float: left;
}

#suche .submit {
        width: auto;
        border: none;
        padding: 0;
        line-height: 30px;
        float: left;
        margin: 0;
}

.suchergebnis {
        padding-left: 25px;
        padding-right: 40px;
}

.suchergebnis h2 {
        margin-left: -25px;
        padding-left: 25px;
        background: url(../images/pfeil_news.gif) no-repeat 5px 5px;
}



/* @end */