body, table, td, p {
    font-family : Verdana, Arial, Helvetica, Geneva, sans-serif ;
    font-weight : normal ;
    font-size : 11px ;
    color : #333333 ;
}

body {
    background : url(../bilder/layout_muster.gif) white ;
    text-align : center ;
}

#container {
    background : url(../bilder/layout_inhalt_repeater.gif) ;
    text-align : left ;
    margin : 0px auto ;
    margin-top : 30px ;
    width : 740px ;
}

#content {
    background : url(../bilder/layout_inhalt_oben.gif) no-repeat ;

}

#topnavigation {
    position: absolute ;
    text-align : right ;
    top : 10px ;
    width : 720px ;
}

#topnavigation a {
    color : #000000 ;
}

#navigation {
    background : url(../bilder/collage_home.jpg) no-repeat ;
    height : 106px ;
    width : 540px ;
    float : right ;
    position: relative;
    z-index: 1000;
}

#inhalt {
    position: relative;
}

#referenzen {
    position: relative;
}


#fusszeile {
    background : url(../bilder/layout_inhalt_unten.gif) no-repeat bottom;
    letter-spacing : 0px ;
    line-height : 1.5em ;
    text-align : center ;
    font-size : 9px;
    height : 50px ;
    color : #999999 ;
}

.kastenlinks {
    margin : 0px 15px ;
    display : block ;
    width : 170px ;
    float : left ;

    /* fix fuer den double-margin-bug */
    _margin : 0px 9px ;
}

/* Expandable Anfang */
.expandable{
    list-style: none;
    padding: 0;
    margin: 0;
    color: #333;
    width: 150px;
    margin-bottom: 10px;
}
.expandable ul{
    list-style: none;
    padding: 0;
    margin: 0 0 0 0px;
    line-height: 18px;
}

.expandable li a{
    font-weight: normal;
    color: #333;
}

.expandable ul li a {
    font-weight: normal;
}

.expandable ul li a:hover,  .expandable li a:hover, .expandable ul li a:hover {
    text-decoration: underline;
}

.expandable span {
    font-weight: bold;
    font-size: 11px;
    color: #333;
    padding: 0;
    margin: 0 0 0 0px;
    height: 18px;
}

.expandable ul li span {
    color: #333;
}

.expandable ul li a {
    color: #333;
}
.expandable ul ul{
    margin-left: 0px;
}
.expandable ul{
    display: none;
}

.expandable ul li ul li span {
    font-size: 10px;
}

.expandable span{
    white-space: nowrap;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0 0 0 0px;
}
a.switch{
    background: transparent url(arrows.gif) no-repeat top left;
    border: none;
    height: 10px;
    line-height: 0px; /* Win/IE needs this for some reason */
    margin: 0;
    margin-right: 2px;
    padding: 0;
    text-indent: -5000px;
    width: 10px;
    top: 0.4ex;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
}

a.on{
    background-position: bottom left; color: red;
}
a.off{
    background-position: top left;
}
/* Expandable Ende */


.kastenrechts {
    float : left ;
    width : 500px ;
    margin : 0px 0px 0px 20px ;
}

.linieoben {
    border-top : 1px solid #67A752 ;
    padding-top : 5px ;
}

.rahmen {
    border : 1px solid #67A752 ;
    padding : 2px ;
}

.floatleft {
    margin-right : 10px ;
    float : left ;
}

.floatright {
    margin-left : 10px ;
    float : right ;
}

.newseintrag {
    margin-left : 20px ;
    width : 205px ;
    float : left ;

    /* und ein drittes mal :-) */
    _margin-left : 15px ;
}

h1 {
    color : #076F3F ;
    font-size : 11px ;
    font-weight : normal ;
    border-bottom : 1px solid #076F3F ;
    text-transform : uppercase ;
}

h2 {
    color : #076F3F ;
    font-size : 11px ;
    font-weight : normal ;
    margin : 0px ;
    padding : 0px ;
}

h3 {
    color : #333333;
    font-size : 11px ;
    font-weight : strong;
}

a {
    text-decoration : none ;
    color : #FF9900 ;
}

a:hover {
    text-decoration : underline ;
}

form {
    display:inline
}


/* Kontaktformular */

.ausfuellen{
    border: 1px solid red ;
}

input, select, textarea {
    border: 1px solid #cccccc ;
}

form label{
    cursor: pointer;
    cursor: hand;
}

form label.required {
    color : #ff0000 ;
}

form label.completed {
    color : #076f3f ;
}

.formmailerror{
    border: 1px solid #E7DBC6;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

label{
    position: relative;
    width: 200px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.kontakt {
    position: relative;
    width: 200px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.selectRubrikauswahl {
    border: 1px solid #cccccc ;
}

.clearleft{
    clear: left;
}

p.partnerauswahl select {
    font-size: 10px;
    line-height: 1.5 em;
}

/* Ende Kontakt */

/* produkte anfang */
#produkte{
          position: relative;
}

#produkte h2{
    margin-top: 0;
    padding-top: 0;
}
#produkte .leftcolumn, #produkte .rightcolumn{
    margin-top:10px;
    width: 230px;
    float: left;
    display: inline;
}
#produkte .leftcolumn{
    margin-right: 30px;
}
#produkte img.floatright, #topprodukte img.floatright{
    border: 1px solid #999;
    padding: 1px;
    margin-left: 2px;
    margin-top: 3px;
}
#produkte a h2 {
    text-decoration: none;
}
#produkte label{
    font-weight: bold;
    width: 120px;
    margin: 0;
}
#produkte span.kontakt{
    width: auto;
    margin: 0;
}
#produkte .button, #produkte .buttonklein, {
    vertical-align: middle;
    margin: 0;
    border: 0px;
}
#produkte .button{
    margin-left: 10px;
}

#kundenstatus{
    line-height: 1.3em;
    font-size: 11px;
}
#warenkorb_klein a, img{
    text-decoration: none;
    border: 0px;
}

#warenkorb_klein {
    width: 160px;
}

#warenkorb_klein label, #warenkorb_klein span, #kundenlogin label, #produktsuche label{
    line-height: 1.3em;
    font-size: 11px;
    margin: 0;
}

#warenkorb_klein label, #kundenlogin label{
    width: 50px;
}

#warenkorb_klein span{
    font-weight: bold;
    position: relative;
    display: block;
    float: left;
}

#kundenlogin input, #produktsuche input{
    border: 1px solid #999;
    width: 128px;
    font-size: 10px;
    margin: 0;
}

input, select, textarea{
    font-size: 11px;
}
.speichernbutton{
    float: right;
    padding-bottom: 15px;
}

strong{
    font-size: 11px;
}

fieldset{
    padding: 8px;
}

fieldset label{
    width: 140px;
}

.hauptrubrik{
    float: left;
    width: 116px;
    height: 100px;
    overflow: hidden;
    text-align: center;
}

.hauptrubrik a{
    font-size: 10px;
    line-height: 1.3em;
}

.hauptrubrik img{
    text-decoration: none;
    vertical-align: middle;
}

.button, .buttonklein{
    margin: 8px 0 2px 0;
    width: 130px;
    height: 17px;
    border: 0;
}

.buttonklein{
    width: 70px;
}

.imglink{
    text-decoration: none;
}

.links{
    margin: 0 20px 0 40px;
    display: inline;
    float: left;
    width: 160px;
}

.mitte{
    margin: 0 20px 0 20px;
    display: inline;
    float: left;
    width: 350px;
}

.rechts{
    margin: 0 10px 0 10px;
    display: inline;
    float: left;
    width: 130px;
}

.linieoben{
    border-top: 1px solid #999;
}

.vollebreite{
    width: 350px;
}
.fussnote{
    display: block;
    margin-top:20px;
    font-size: 10px;
}
.fehler{
    color: #f00;
}

.produkteRepeater {
    width: 500px;
    border-bottom: 1px solid #C8DFC1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div#produkteDetails label.produkte {
    position: relative;
    width: 150px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

div.repeaterlinks {
    width: 150px;
    float: left;
}

div.repeatermitte {
    width: 250px;
    float: left;
    margin: 0px 5px 0px 5px;
}

div.repeatermitte img {
   padding-top: 10px;
}

div.repeaterrechts {
    width: 64px;
    float: right;
}

#produkteDetails span {
    display: block;
    width: 280px;
    float: right;
    margin-bottom: 10px;
}

#wrapper {

}