@import url(text.css);
@import url(slimbox.css);

body{
  font-family: Arial,Helvetica,sans-serif;
  background-color: #FFF;
  font-size: 12px;
  text-align:center;
  font-weight: normal;
  color: #000000;
}

ul {
    MARGIN-TOP: 0.0em;
    MARGIN-BOTTOM: 0em;
    MARGIN-LEFT: 8px;
    PADDING-TOP: 0em;
    PADDING-BOTTOM: 0em;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
  list-style-type: none;

}

#position, .rahmen, .header{
  width: 950px;
}

#position{
  text-align: left;
  margin:auto;
  background: #e2e9b2; 
}


.oben, .mitte-unten,.menue-header{
    background-color: #FF0000;
}

.rahmen{
  background-color: #FFFFFF;
  text-align: left;
  position:absolute;
}

/* -- header -- */

.header{
background-image:url(../upload/header/head1.jpg);
background-repeat:no-repeat;
float:left;
margin-left:0;
}

.headline{
  height:20px;
  margin-left:10px;
  margin-top:165px;
  position:absolute;
  width:350px;;
}

.header-img{
background-image:url(../upload/header/head2.jpg);
background-repeat:no-repeat;
float:left;
height:38px;
width:100%;
}

.oben{
  border-bottom:1px solid #000000;
  float:left;
  height:22px;
  padding-top:2px;
  text-align:right;
  width:960px;
}

.menue-header{
   border-top:1px solid #000000;
   border-bottom: 1px solid #000000;
   float: right;
   height: 30px;    
   width:960px;
}

/* -- Inhalt -- */


.mitte-unten{ 
  float:left;
  height:22px;
  margin-left:0px;
  margin-top:10px;
  padding-top: 3px;
  text-align:right;
  width:950px;
}

.mitte{
float:left;
margin-left:0;
margin-top:20px;
}


.inhalt{
margin-right:220px;
margin-top:20px;
min-height:350px;
padding:10px 30px;
width:670px;
}

.spalte1{
  padding-top: 5px;
  float: left;
  position: relative;
  top: -8px;
  width: 265px;
  height: 180px;
}

.spalte2{
  padding-top: 5px;
  float: right;
  position: relative;
  top: -8px;
  width: 265px;
  min-height: 180px;
}

/* -- linke Spalte-- */

.links {
float:left;
margin-right:25px;
text-align:left;
}

.menue{
  margin-top: 0px;
  margin-left: -15px;
  text-align: left;
}

.newsletter{
  margin-top: 30px;
  margin-left: 5px;
}

#contactForm{
  margin-left:15px;
  margin-top:5px;
}

#contactFormSubmit{
  margin-top: 0px;
}

/* -- rechte Spalte -- */

.rechts{
float:right;
margin-top:20px;
padding:4px;
width:190px;
}

.artikelliste{
  border-bottom:1px dotted #FFFFFF;
  min-height:110px;
}

.artikelliste-uebersicht{
  border-bottom:1px dotted #439800;
  min-height: 140px;
}

.teaser_img{
  padding: 3px;
}

/* -- Navigation -- */

.gentext{
  color: #336666;
margin: 0px 6px;
}

.nav {
margin:110px 20px 0;
text-transform:uppercase;
width:auto;
}

.navlink{ 
font-weight:bold;
height:20px;
width:auto;
}

a.navlink:link, a.navlink:visited {
  color: #336666;
  text-decoration: none;
}


a.navlink:hover, a.navlink:active {
  color: #6699cc;
  text-decoration: none;
}



/* -- Eingabe-Elemente -- */

input {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DDDDDD;
    border: 1px solid #999999;
    margin: 2px 0px;
    padding: 2px;
}

.input_searchbox{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DDDDDD;
    border: 1px solid #999999;
    margin: 2px 0px;
    padding: 2px;
    width: 100px;
}

.input:focus {
    background-color: #FFFFFF;
}

#Anliegen{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #DDDDDD;
    height:150px;
    width:300px;
}

.artikelliste{
min-height: 175px;
}

/* -- Bildeinstellungen -- */

.imageleft {
    padding: 0px 10px 10px 0px;
    float: left;
}
.imageright {
    padding: 0px 0px 5px 10px;
    float: right;
}

/* Artikelnavigation */
    div.artikelnav {
    margin:5px 0 5px 5px;
    width:180px;
    }
    div.artikelnav td {
        vertical-align: middle;
        text-align: center;
    }
    div.artikelnav td.first {
        width: 6%;
    }
    div.artikelnav td.prev {
        width: 6%;
    }
    div.artikelnav td.form {
    }
    div.artikelnav td.next {
        width: 6%;
    }
    div.artikelnav td.last {
        width: 6%;
    }
    
    div.artikelnav td.first a {
        background: url(../images/firstbutt.gif) center center no-repeat;
    }
    div.artikelnav td.prev a {
        background: url(../images/prevbutt.gif) center center no-repeat;
    }
    div.artikelnav td.next a {
        background: url(../images/nextbutt.gif) center center no-repeat;
    }
    div.artikelnav td.last a {
        background: url(../images/lastbutt.gif) center center no-repeat;
    }
    
    div.artikelnav td a,
    div.artikelnav td a {
        display: block;
        padding: 3px 0;
        color: #0F220E;
        font-weight: bold;
    }
    div.artikelnav td a:hover,
    div.artikelnav td a:hover {
        display: block;
        background-color: #0F220E;
        font-weight: bold;
        color: #fff;
    }
    
    div.artikelnav select {
        background: #D9EBD4;
        color: #000;
        border: 0;
    }
    div.artikelnav select:hover,
    div.artikelnav select:focus {
        background: #fff;
         }
/* << */