body {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 13px;
         color: Black;
         margin: 0px;
         padding: 0px;
         background-color: #f4f1de;
     }
#layout {
         width: 999px;
         margin: 0px auto;
         position: relative;
         background-color: white;
         background-image: url(/images/layout/left_bg.jpg);
         background-repeat: repeat-y;
         background-position: bottom left;
         }
#top {
         width: 999px;
         height: 180px;
         }
#topleft {
         float: left;
         width: 210px;
         text-align:center;
         }
#topmiddle {
         float: left;
         width: 578px;
         text-align:center;
         }
#topright {
         float: left;
         width: 212px;
         padding-top: 10px;
         text-align: center;
         }
#middle {
         width: 999px;
         background-image:url(/images/layout/start_right.jpg);
         background-position: right;
         background-repeat: repeat-y;
         }
#middleff {
         width: 999px;
         background-image:url(/images/layout/right_bg.jpg);
         background-position: right;
         background-repeat: repeat-y;
         }
#middleleft {
         float: left;
         width: 210px;
         text-align: center;
         }
.middleleft {
         background-image:url(/images/layout/middleleft_bg.jpg);
         background-position: bottom;
         text-align: left;
}
#middleright a {
         color: maroon;
         text-decoration: underline;
         font-weight: bold;
         }
#content {
         float: right;
         width: 784px;
         text-align: center;
         background-image: url(/images/layout/schleife.gif);
         background-position: top right;
         background-repeat: no-repeat;
         }
.content {
         text-align: left;
         }
#content a, td a {
         color: Maroon;
         text-decoration: none;
}
#middlemiddle {
         float: left;
         width: 574px;
         }
#middleright {
         float: right;
         width: 210px;
         }
#middleright td a {
         color: maroon;
         text-decoration: underline;
}
#leftcolumn {
         width: 49%;
         float: left;
}
#rightcolumn {
         width: 49%;
         float: right;
}
#bottom {
         width: 999px;
         height: 87px;
         background-image: url(/images/layout/bottom.jpg);
         }
#bottom1 {
         width: 999px;
         height: 87px;
         background-image: url(/images/layout/bottom_2.jpg);
         }
#bottomleft {
         float: left;
         width: 210px;
         }
#bottommiddle {
         float: left;
         width: 574px;
         }
#bottomright {
         float: left;
         width: 210px;
         }
#icons {
         margin-left: 95px;
         margin-top: 20px;
}
#impressum {
         margin-left: 50px;
         margin-top: 33px;
         font-weight: bold;
         }
#impressum a {
         color: black;
         text-decoration: none;
}
#menu {
         margin: 0px auto;
         }
.menur {
         background-image: url(/images/layout/menu_rot.gif);
         background-repeat: no-repeat;
         width: 162px;
         height: 22px;
         padding-left: 45px;
         padding-top: 5px;
         color: white;
}
.menub {
         background-image: url(/images/layout/menu_blau.gif);
         background-repeat: no-repeat;
         width: 162px;
         height: 22px;
         padding-left: 45px;
         padding-top: 5px;
}
.menur a, .menub a {
         color: white;
         text-decoration: none;
         font-weight: bold;
}
#kig {
         width: 210px;
         margin-left: 5px;
         }
#rolle {
         width: 210px;
         height: 235px;
         text-align: center;
         background-image: url(/images/layout/rolle_bottom.jpg);
         background-repeat: no-repeat;
         background-position: top right;
         }
#rolle td a {
         color: Maroon;
         text-decoration: underline;
}
#sponsor {
         width: 210px;
         height: 130px;
         /*background-image: url(/images/layout/start_right.jpg);*/
         text-align:center;
         }
.bb table {
         border: 1px solid Maroon;
}
.b2bregleft {
         float: left;
         width: 150px;
         text-align: left;
         margin-left: 10px;
         padding-top: 2px;
         padding-bottom: 2px;
}
.b2bregright {
         float: left;
         width: 260px;
         padding-top: 2px;
         padding-bottom: 2px;
         text-align: left;
}
.b2bregright input {
         width: 255px;
         text-align: left;
}
.b2bregright input, .b2bregright select {
         border: 1px solid black;
}
#brancheneu {
         visibility: visible;
}
img {
         border: 0px;
         }
.start   {
         font-weight: bold;
         color: Maroon;
         text-align: left;
         margin: 10px 5px;
         }
h2.start {
         font-size: 400%;
         }
h4.start {
         font-size: 150%;
         }
.menue {
         margin-bottom: 5px;
}
.submenu {
         margin-left: 15px;
}
h1,h2 {
         text-align: center;
         margin: 5px;
         color: Maroon;
         }
h1 {
         font-size: 23px;
}
h2 {
         font-size: 28px;
}
p {
         text-align: left;
         margin-left: 10px;
         margin-right: 25px;
}
ul {
         text-align: left;
}
.center {
         text-align: center;
        }
#menu {
         margin-left: 45px;
}
#menu, #menu a {
         color: Maroon;
         font-weight: bold;
         text-decoration: none;
}
#menu a.aktiv  {
         font-weight: bold;
         text-decoration: underline;
}
#menu a:hover {
         color: white;
         background-color: maroon;
         text-decoration: none;
}
/* clear floats correct */

/* modern browser */
.jo-clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* for IE7 */
.jo-clearfix {
        display: inline-block;
}

/* for IE6 and below */
* html .jo-clearfix {
        height: 1px;
}

/* Hide from IE Mac \*/
.jo-clearfix {
        display: block;
}