@import url(text.css);

body{
  background-image: url(../images/hintergrund.jpg); 
  background-repeat: repeat;
  font-size: 11px;
  font-family: Futura, Arial, Helvetica, sans-serif; 
  text-align:center;
  font-weight: normal;
  color: #000000;
}


#position{
  background-image: url(../images/mitte.png); 
  background-repeat: no-repeat;
  text-align: left;
  width: 964px;
  margin:auto;
}

.rahmen{
  background-image: url(../images/oben.png); 
  background-repeat: no-repeat;
  text-align: left;
  position:absolute;
}


.mitte, .rahmen, .unten{
  width: 964px;
}


/* -- linke Spalte-- */

.links{
  float:left;
  margin-left:12px;
  width:169px;
}

.banner_menue{
  background-image: url(../images/menue.png);
  background-repeat: no-repeat;
  background-position: -1px;
  height: 25px;
  margin-top: 0px;
  margin-left: 0px;
  text-align: left;
}

.banner_newsletter{
  background-image: url(../images/newsletter.png);
  background-repeat: no-repeat;
  background-position: -1px;
  height: 25px;
  margin-top: 20px;
  margin-left: 0px;
  text-align: left;
}

.menue{
  margin-top: 0px;
  margin-left: 0px;
  text-align: left;
  border: 1px solid #000000;
}


/* -- Inhalt -- */

.mitte{
  background-image: url(../images/mitte.png); 
  background-repeat: repeat;
  float: left;
  margin-top: 180px;
  min-height: 530px;
}


.inhalt{
   float:left;
   margin-left:30px;
   min-height:530px;
   width:720px;
}


.spalte1{
  float: left;
  position: relative;
  width: 400px;
}

.spalte2{
  float: right;
  position: relative;
  width: 300px;
}

/* -- leiste unten -- */

.unten{
  background-image: url(../images/unten.png); 
  background-repeat: no-repeat;
  clear: both;
  margin-top: 0px;
  height: 50px;
  text-align: right;
  padding-top: 30px;
}

.navigation{
  margin-top: -10;
  width: 955px;
}


/* -- Navigation -- */


.nav{
font-size: 11px;
font-style: normal;

}

.navlink{
width: auto;
height: auto;
margin: auto;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
   padding: 4px;
   display: block;
   color: #ffff00;
}

a.navlink:link{
font-size: 11px;
color: black;
text-decoration: none;
}

a.navlink:visited{
color: black;
text-decoration: none;
}

a.navlink:hover{
color: #FFFFFF;
background-color: #FF0000;
font-weight: bold;
text-decoration: none;
}

a.navlink:active{
color: black;
text-decoration: none;
}

.navklein{
   padding-right: 15px;
   color: #FFFFFF;
}

a.navklein:link{
font-size: 11px;
   color: #FFFFFF;
text-decoration: none;
}

a.navklein:visited{
   color: #FFFFFF;
text-decoration: none;
}

a.navklein:hover{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

a.navklein:active{
   color: #FFFFFF;
text-decoration: none;
}

h1{
font-weight: bold;
color: #FF0000;
font-size: 14px;
}

/* -- 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;
}

/* -- Bildeinstellungen -- */

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

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

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

#contactFormSubmit{
  margin-top: -5px;
}