/*syle für homepage billes*/

*{
         margin: 0;
         padding: 0;
         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, h3 {
         font-size: 14pt;
         font-family: Verdana, Arial, Times Newroman, sans-serif;
         color: #F46800;
         text-align: center;
}

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



p {
         padding: 0.3em 0;
         color: #000000;
         font-family: verdana, sans-serif;
         font-size: 12pt;
}

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


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

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


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

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

#logo4 {
         height: 150px;
         width: 1000px;
         margin: 0;
         margin-bottom: 0;
         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 {
         height: 100%;
         width: 150px;
         /*margin-left: -503px; */
        /* margin-right: -100px;  */
         /*margin-top: 10px; */
}

*+html #box1 {
         float: left;
}


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

#news {
         float:left;
         width: 150px;
         height: 310px;
         background: url("images/box-bild2.png") no-repeat;
         margin-top: 25px;
         margin-left: 5px
}


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

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

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

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

#navbar {
         float: left;
         width: 100%;
}

#navbar ul {
         list-style: none;
}

#navbar li {
         width: auto;
         background: url("images/navi-rund-links6.jpg") no-repeat left top;
         padding: 0px;
}

#navbar a {
         display: block;
         height: 40px;
         background: url("images/navi-rund-rechts5.png") no-repeat right top;
         padding-top: 8px;
         padding-bottom: 5px;
         padding-left: 20px;
         padding-right: 25px;
         margin-left: 15px;
         text-decoration: none;
         font-weight: bold;
         color: #0000A0;
}

#navbar li:hover, #navbar li:hover a {
         background: url("images/navi-rund-links6.1.jpg") no-repeat left top;
         color: #FFFFFF;
}

#navbar li:hover a {
         background: url("images/navi-rund-rechts5.1.png") no-repeat right top;
}

#navbar li a:hover {
         color: #FFFFFF;
}

#content {
         float: left;
         min-height: 650px;
         height: auto;
         /*width: 565px;*/
         width: 565px;
         padding: 35px;
         background: url(runde-ecken-2/o-links.jpg) #97B7CA no-repeat;
         margin-bottom: 15px;
         margin-top: -185px;
         text-align: left;
         position: relative;
         font-size: 10pt;
}


#content ul {
         list-style-type: circle;
         margin: 10px;
         font-weight: bold;
}

#content li {
         list-style-type: disc;
         line-height: 2;
}


#content h3 {
         font-family: Verdana, Arial, Times Newroman, sans-serif;
         font-size: 12pt;
         text-align: left;
}


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

#content h4 {
         font-size: 9pt;
         font-family: Verdana, Arial, Times Newroman, sans-serif;
         color: #FF0000;
         font-weight: bold;
}

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


#infobox {
         float: left;
         position: relative;
         width: 180px;
         height: 500px;
         background: url("runde-ecken-2/o-links.jpg") #97B7CA no-repeat;
         margin-left: 15px;
         margin-right: 0px;
         margin-top: -185px;
}

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


#infobox .text {
         font-family: verdana, sans-serif;
         top: 5px;
         padding: 30px;
         width: 108px;
         height: auto;
}

#infobox h2 {
         color:#F46800;
         margin: 5px;
}

#infobox p {
         text-align: left;
         margin: 5px;
         font-size: 10pt;
}

span.schieber {
         position: absolute;
         width: 59px;
         height: 53px;
         display: block;
         bottom: -75px;
         left: 45px;
}



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-2/o-rechts.jpg") no-repeat top;
top: 0;
right: 0;
}




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


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

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

#footer .text {
         color: #FFFFFF;
         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;
}


/* NEUE NAVIGATION */

.outer a, .outer div, .outer li, .outer ul, .outer body{
        margin: 0;
        padding: 0;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
        margin-left:5px;
        margin-top: 20px;
        width: 150px;
}
div.menu ul{
        list-style: none;
        text-indent: 0px;
}
div.menu li{
        margin-top: 3px;
}
div.menu a{
        font: 12px Verdana;
        padding: 4px;
        color: #646464;
        display:block;
        padding: 6px 30px;
        height: 20px;
        text-decoration: none;
        background: url("images/background.gif");
}
div.menu a:hover{
        background: url("images/highlight.gif") no-repeat right;
        padding: 6px 40px;
}
/*
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}
*/

#content2 {
         text-align: center;
}


#abzeichen {
         float: right;
         margin-right: 60px;
         margin-top: 25px;
}