/* Top Elements */
* { margin: 0; padding: 0;}

body, html {
        color: #000;
        margin: 0;
        background: #57664c url(img/bodybg.jpg) repeat-x;
}



.mainwrapper {
        width: 1024px;    /* 970 */
        margin: 10px auto 0 auto;
        text-align: left;
        background: #ffffff url(img/mainbg.gif) repeat-y;
}

.headerbox {
         position: relative;
         background: #000 url(header/JVO_header_ohne_logo.jpg) no-repeat;     /* img/header.jpg */
         height: 130px;
         width:100%;
         padding: 0;
         color: #fff;
}

.leftheader {
        padding-left:10px;

        font-size:18px;
        color: #fff;
}

.rightheader {
        text-align:right;
        padding:5px;
}



/* Main Column */
.contentbox {
                 width:560px;
                 float:left;
                 display:inline;
}
.contentbox .inner {margin:10px;}

.contentboxwide {
                 background-color: #ffffff ;
                 width: 820px;
                 float:left;
                 display:inline;
}
.contentboxwide .inner {margin:10px;}


.rightbox {
        width:260px;
        float:left;
        display:inline;
}

.rightbox .inner {margin:10px 0 0 10px; }


/*emenu */
.leftbox {
         float: left;
         width: 140px;
}

#nav, #nav ul { /* all lists */
                padding: 0;
                margin: 0;
                list-style: none;
                float : left;
                width : 140px;
                background: #497024 url(img/m1bg.jpg) repeat-y;
}


#nav li { /* all list items */
                position : relative;
                float : left;
                display:block;
                width: 140px;
                height:60px;


}

/*Level 1 and more*/
#nav li a {
        display : block;
        width: 140px;
        height:60px;
        color : #efe4b7;
        font-weight : bold;
        text-decoration : none;
        border : 0px solid black;
}

#nav li a span {display : block; padding: 6px; line-height : 110%;}
#nav li a:hover { color : #fff; background: transparent url(img/m1bg-hi.jpg) no-repeat;}
#nav li a:hover ul li {z-index: 1000;}




#nav li ul { /* second-level lists */
        position : absolute;
        display: none;
        margin:-50px 0 0 120px;
        background: #163100 url(img/m2bg.jpg) no-repeat;
        width: 160px;
}

#nav li ul li { /* second-level lists */
                width: 160px;
                height:auto;
                z-index: 1000;
                border-bottom: 1px solid #000 ;
}

#nav li ul li a { /* second-level lists */
        width: 160px;
        height:auto;

}

#nav li ul li a:hover { background: #1e3768 url(img/m2bg-hi.jpg) no-repeat; }

#nav li ul ul { /* third-and-above-level lists */
        display: none;
        margin:-20px 0 0 120px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        display: block;
}





/* footer */
.footerbox {
        color: #fff ! important;
        clear: both;
        width: 100%;
        height:60px;
        text-align: center;
        background: #000;
        border-top: 1px solid #b5be63;
}



/* login/logout*/
.loginform {margin-top:4px; font-size: 11px; line-height:120%; color:#ffffff; overflow:hidden;}
.loginform p {margin:2px 0 0 0; line-height:120%; }
.loginform input {font-size: 11px; padding:1px; color: #fff; border: 1px solid #ffffff; background-color:#163100; }

.loginform .inputfield { width:90px; margin-right:15px;}
.loginform .submit { width:90px; font-weight:bold; text-transform: uppercase;}

.loginform a {
        color:#efe4b7 ! important;
        clear:both;
}
.loginform a:hover {
        color:#ffffff ! important;
}


/* search form */
.searchform {
        background-color: transparent;
        border: none;
        margin: 0 5px 0 10px; padding: 5px 0 5px 0;
        width: 160px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
        width: 100px;
        color: #777;
        height: 18px;
        padding: 2px;
        border: 1px solid #E5E5E5;
        vertical-align: top;
}
.searchform input.button {
        width: 60px;
        height: 24px;
        padding: 2px 5px;
        vertical-align: top;
}