/*syle für homepage billes*/

* {
         margin: 0px;
         padding: 0px;
         list-style-type: none;
         text-decoration: none
}

body {
         font: 12pt Verdana, Arial, Times Newroman, sans-serif;
         text-decoration: none;
         list-style-type: none;
         text-align: center;
         background-color: #FFFFFF;
}

h2 {
         font-size: 14pt;
         font-family: Verdana, Arial, Times Newroman, sans-serif;
         color: #000080;
         text-align: center;
}



h3 {
         font-size: 14pt;
         font-family: Verdana, Arial, Times Newroman, sans-serif;
         color: #FFFFFF;
         text-align: center;
}

h1 {
         font-size: 28pt;
         color: #39B993;
}

p {
         padding: 0.3em 0;
         color: #000000;
         font: Verdana;
         font-size: 12pt;
}

#wrapper {
         height: auto;
         width: 1000px;
         background: url(images/muster3.png) #FFFFFF;
         margin: auto;
         border: 1px solid #0000FF;
}

#logo {
         height: 150px;
         width: 1000px;
         margin: #;
         margin-bottom: 0px;
         background: url(logo/logo-komplett2.jpg) no-repeat;
         text-align: center;

}


ul#menu {
         width: 100%;
         height: 43px;
         background: #FFF url("images/menu-bg.gif") top left repeat-x;
         font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif;
         font-weight: bold;
         list-style-type: none;
         margin: 0;
         padding: 0;
}

ul#menu li {
          display: block;
          float: left;
          margin: 0 0 0 5px;
}


ul#menu li a {
          height: 43px;
          color: #777;
          text-decoration: none;
          display: block;
          float: left;
          line-height: 200%;
          padding: 8px 15px 0;
}

ul#menu li a:hover {
          color: #7BE1DC;
}

ul#menu li a.current {
          color: #7BE1DC;
          background: #FFF url("images/current-bg.gif") top left repeat-x;
          padding: 5px 15px 0;
}


#box1 {
         float: left;
         height: 100%;
         width: 150px;
         margin-left: -620px;
         margin-right: -100px;
         margin-top: 10px;
         background:#7dc4f6;

}

*+html #box1 {
         margin-left: 0px;
         margin-top: 10px;
}


#infobox .box1 {
         font: 12pt #FFFFFF Verdana, Arial, Helvetica, sans-serif;
         top: 5px;
         padding: 30px;
         width: 108px;
         height: auto;
}

#menu4 {
        width: 100px;
        border-style: none solid none solid;
        border-color: #0000FF;
        border-size: 1px;
        border-width: 1px;
        padding:0px;
        }

*+html #menu4 {
         margin-left: -50px;
}

.outer {
         margin:0px;
         padding: 0px;
}

#menu4 ul{
        margin:0px;
        padding:0px;
        list-style:none;
        }

        #menu4 li a {
                float: clear;
                height: 32px;
                voice-family: "\"}\"";
                voice-family: inherit;
                height: 24px;
                width:100%;
                text-decoration: none;
                font-weight:normal;
                text-align: justify;
                padding: 0px;
                }
        #menu4 li a:link, #menu4 li a:visited {
                color: #FFFFFF;
                display: block;
                background: url(images/menu6.png);
                padding: 8px 0 0 50px;
                }

        #menu4 li a:hover {
                color: #fff;
                background: url(images/menu6.png) 0 -32px;
                padding: 8px 0 0 50px;
                }

        #menu4 li a:active {
                color: #fff;
                background: url(images/menu6.png) 0 -64px;
                padding: 8px 0 0 50px;
                }


#content {
         float: left;
         min-height: 500px;
         height: auto;
         width: 950px;
         padding: 15px;
         /*background: url(runde-ecken/o-links.png) #7dc4f6 no-repeat;*/
         position: relative;
         margin-bottom: 15px;
         margin-left: 10px;
         text-align: left;
         position: relative;
}

*+html #content {
         margin-top: 10px;
}

span.hintergrund {
         position: absolute;
         width: 550px;
         height: 50px;
         display: block;
         background: url("images/back3.png") no-repeat bottom;
         bottom: 0;
         left: 25px;
}


#infobox {
         float: left;
         position: relative;
         width: 180px;
         height: 500px;
         background: url(runde-ecken/o-links.png) #7dc4f6 no-repeat;
         margin-left: 15px;
         margin-right: 0px;
}

*+html #infobox {
         margin-top: 10px;
}


#infobox .text {
         font: 12pt #FFFFFF Verdana, Arial, Helvetica, sans-serif;
         top: 5px;
         padding: 30px;
         width: 108px;
         height: auto;
}

span.schieber {
         position: absolute;
         width: 59px;
         height: 53px;
         display: block;
         background: url("images/schieber4.png") no-repeat bottom;
         bottom: 20px;
         left: 60px;
}



span.box-top-right, span.box-bottom-left, span.box-bottom-right {
position: absolute;
width: 20px;
height: 20px;
display: block;
}



span.box-top-right {
background: url("runde-ecken/o-rechts.png") no-repeat top;
top: 0;
right: 0;
}




span.box-bottom-left {
background: url(runde-ecken/u-links.png) no-repeat;
background-position: bottom;
bottom: 0;
left: 0;
}


span.box-bottom-right {
background: url(runde-ecken/u-rechts.png) no-repeat;
background-position: bottom;
bottom: 0;
right: 0;
}

#footer {
         clear: both;
         position: relative;
         height: 30px;
         weight: 100%;
         background: url(runde-ecken/o-links.jpg) #26B7B4 no-repeat;
         margin-top: 10px;
}

#footer .text {
         font: 12pt #FFFFFF Verdana, Arial, Helvetica, sans-serif;
         top: 5px;
         height: auto;
}

#footer a {
         color: #FFFFFF;
}



span.box-top-right2, span.box-bottom-left2, span.box-bottom-right2 {
position: absolute;
width: 20px;
height: 20px;
display: block;
}

span.box-top-right2 {
background: url("runde-ecken/o-rechts.jpg") no-repeat top;
top: 0;
right: 0;
}