a:link {color:#555555}
a:visited {color:#555555}
a:hover {color:#999999}
a:active {color:#555555}



body
        {
                margin: 0;
                padding: 0;
                padding-top: 30px;
                text-align: center;

                 font: 15px verdana;
                 background-image:URL(bg1.jpg);
                  background-position:top;
                 background-color: #ffffff;
                 background-repeat:no-repeat;


                   overflow-x: hidden;
                   overflow-y: scroll;
                   color: #ffffff;
        }

#main {
                                       

                  margin:4px;
                  padding:3px;
                  width: 750px;
                background-color:#cdd3bb;

                   border:1px solid #768183;
                 left:10px;top:10px;
                -moz-border-radius:4px;
                -khtml-border-radius:4px;


         }



#nav {

                      background-image:URL(nav.jpg);
                  height: 63px;
                  width: 750px;


}



#nav ul li a:hover

        {
        background-image:URL(nav2.jpg);
         color: #ffffff;

                            }








 #nav ul li { display: inline; }


#nav ul li a
        {
                padding-left:44px;
                padding-right:44px;
                padding-top:32px;
                padding-bottom:10px;

                text-decoration: none;
                color: #999;


        }
    #nav ul li#aktive a
        {
           background-image:URL(nav2.jpg);
         color: #ffffff;


        }




#unternav {
          margin-top: -15px;
          height: 20px;
          background-image:URL(un.jpg) repeat-x;
          background-color: #aabebf;
          color: #000000;
          text-align:left;

          }


#unternav ul li {

 display: inline;


}


 #unternav ul li a
        {
                 text-decoration: none;
                 color: #333333;
                      }


                      #unternav ul li#aktive a
        {
                 text-decoration: underline;
                 color: #ffffff;
                      }

                  #unternav ul li a:hover
        {

                text-decoration: underline;
                color: #e1e4d5;
                            }
#banner{

                       height: 130px;
                 width: 750px;
                 background-image:URL(banner5.jpg);
}
p.leistung{
margin-top:0; 
font: 11px verdana;
}

#contentl {


      margin-top: 5px;
      height: 565px;



      width: 250px;
      background-image:URL(lines2.jpg);
      background-color: #333333;
      float: left;


      border:1px solid #333333;
      left:10px;top:10px;
      -moz-border-radius:4px;
     -khtml-border-radius:4px;
}

#content{
border:1px solid #333333;
width: 750px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
background-image:URL(lines2.jpg);
background-color: #333333;
margin-top: 5px;
min-height: 565px;
}

#news{
width:475px;
float:right;
text-align:left;
border-left: 3px solid #e1e4d5;
}
#sidebar{
text-align: left;

float:left;
width:270px;
padding:0;
}


#contentr{

    font: 12px verdana;
    text-align: left;

    margin-top: 5px;
    height: 565px;






            width: 485px;
        background-image:URL(lines2.jpg);
           background-color: #333333;
        float: right;
              border:1px solid #333333;
                left:10px;top:10px;
                -moz-border-radius:4px;
                -khtml-border-radius:4px;
}

  img.center{  
  margin-top:15px;  
  margin-left: 60px;
  }
  .abstand {
               padding:2em;
           }


            .abstandstrich {
               padding:1em;
               font: 20px verdana;
               color: #777777;
           }




    .abstandkl {

    margin:3px;
    font: 12px verdana;
    vertical-align: middle;

    }

a.lila{
color: #ae6abd;
}
a.white{
color: #D4D4D4;
}

  #bottom {



    height: 10px;
    width: 750px;
    font: 10px verdana;
    color: #444444;
    text-align: right;



  }

p.small{
font-size: 13px;
margin-left:10px;
margin-top: 25px;

margin-right: 10px;
}

h2.head{
margin-left:7px;
font: 22px verdana;
color: #ae6abd;
text-align:left;
}
#ramen {
margin:4px;
padding:3px;


    width: 200px;
    font: 12px verdana;
float: left;
text-align: left;
}

div.rahmen{
margin:4px;

padding:3px;
width: 320px;
font:verdana;
font-size: 12px;

text-align: left;
}
h4.datum{
font: 10px verdana;
margin-bottom: 0px;
margin-top: 5px;
}
h3.news{
font: 13px verdana;
margin-bottom: 0;
color: #D5B0DC;
margin-top: 2px;
}

#rament {

margin:4px;
padding:3px;
width: 440px;
font: 14px verdana;
float: left;
text-align: left;


}

#bilderramen {


border: none;
padding: 5px;
border-collapse: collapse;
border-spacing: 0px;

    width: 468px;




}


#ramenkl {
margin:2px;
padding:2px;


    width: 200px;
    font: 13px verdana;
float: center;
vertical-align:top;
text-align: left;
 background-color: #;



}


#ramenrechts {
margin-right:10px;
padding:4px;
width: 150px;

    font: 10px verdana;
float: right;


}


#weiter {
margin-right:10px;

padding:4px;
width: 50px;

    font: 12px verdana;


text-align:right;


}

#h1 {
margin:4px;
padding:3px;
font: 22px verdana;
float: left;
color: #ae6abd;





}

#op {

opacity: .70;
    filter: alpha(opacity=70);


}

hr {

 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #a17eb7;
 border-bottom: transparent; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
  }






#box a {
color:black;

font:bold 16px verdana, sans-serif;
text-decoration:none;
display:inline;

}

#box a:hover {
color:black;

width:inherit;}

#box a span {display:none;}

#box a:hover span {
color:black;

font:bold 16px verdana, sans-serif;


display:inline;
}