/*

    ACHTUNG: Falls ich dieses File umbenenne oder verschiebe: Den Pfad in der gallery/local/theme.tpl anpassen!!
*/


#jh_menu img {
        vertical-align: top;
}

#jh_menu {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        width: 936px;
        text-align: left;   /* Anti zu body.text-align */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-top: 8px;
        font-size: 10px;
        position: relative;
        overflow: hidden;
        height: 30px;
}

#jh_menu_left {
        position: absolute;
        top: 0px;
        left: 0px;
}
#jh_menu_logo {
        width: 242px;  /* 240 + 29(vertical-line) - 22(menu_right) - 5(padding-left) */
        position: absolute;
        top: 0px;
        right:22px;
}
#jh_menu_name {
        width: 242px;  /* 240 + 29(vertical-line) - 22(menu_right) - 5(padding-left) */
        position: absolute;
        top: 10px;
        right:26px;
        text-align:right;
}
#jh_menu_right {
        width: 22px;
        position: absolute;
        top: 0px;
        right: 0px;
}
#jh_menu_jhlogo {
        width: 140px;
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
}

#gallery jh_menu {
        float: left;
}
#jh_gallery_jhlogo {
        width: 140px;
        float: left;
        top: 0px;
        right: 0px;
        text-align: left;
        margin-left: 4px;
}


#jh_menu_gallery_left #jh_gallery_jhlogo {
        width: 70px;
        clear: both;
        text-align: left;
        margin-left: 10px;
        margin-top: 10px;
}

#jh_menu a, #jh_menu a:visited, #jh_menu a:active {
        font-style: normal;font-weight: normal;letter-spacing: 1px;color: #e0e0e0;text-decoration: none;vertical-align: top;
}
#jh_menu a:hover {
        font-weight: bolder;letter-spacing: 6px;color: #fd0000;
}

#jh_menu a.jh_slashes, #jh_menu a.jh_slashes:visited, #jh_menu a.jh_slashes:active, #jh_menu a.jh_slashes:hover {
        /* color: #92bd00;color:#0099FF;color:29f300; */
        color:#188c00; font-size: 22px; font-weight: bolder;letter-spacing:0px; text-decoration: none;vertical-align:top;
}
#jh_menu a.jh_j, #jh_menu a.jh_j:visited, #jh_menu a.jh_j:active, #jh_menu a.jh_j:hover {
        /*color: #777777;*/
        color:#999999; font-size: 20px;vertical-align:top;font-weight:normal;letter-spacing:0px;text-decoration: none;
}
#jh_menu a.jh_jh_logo, #jh_menu a.jh_jh_logo:visited, #jh_menu a.jh_jh_logo:active, #jh_menu a.jh_jh_logo:hover {
        /*color: #777777;*/
        color:#e0e0e0; font-size: 24px;font-style:italic;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;vertical-align:top;font-weight:normal;letter-spacing:0px;text-decoration: none;
}
#jh_menu .jh_jh_logo_dotcom {
        color:#fd0000;font-size:12px;
}
#jh_menu a.jh_jh_name, #jh_menu a.jh_jh_name:visited, #jh_menu a.jh_jh_name:active {
        color:#e0e0e0; font-size: 9px;font-style:normal;vertical-align:top;font-weight:bold;letter-spacing:1px;text-decoration: none;text-transform: uppercase;
}
#jh_menu a.jh_jh_name:hover {
        color:#fd0000;letter-spacing:1px;
}
#jh_menu .jh_josefhammerjun {
        padding-top: 1px;
}
#jh_menu .jh_contact {
        padding-top: 4px;
}



/* --------------------------------------- */

#jh_entrance #jh_bigNav {
        width: 992px; /*994px;*/
        height: 400px;
        margin-left: auto !important;
        margin-right: auto;
        margin-top: 90px;
        padding-bottom: 50px;
        text-align: center;
}

#jh_entrance #jh_smallNav {
        clear: both;
        width: 600px;
        margin: auto;
        text-align: center;
}

.jh_bigNavDiv {
        margin-left: 7px;
        margin-right: 7px;
        float: left;
        text-align: center;
        margin-bottom: 30px;
}

.jh_bigNavDiv img {
        border-style: none !important;
        box-shadow: 5px 5px 5px #CCC !important;
        -webkit-box-shadow: 5px 5px 5px #CCC !important;
        margin-bottom: 5px;
        opacity:1;
}
.jh_bigNavDiv img:hover, .jh_smallNavDiv img:hover {
        opacity:0.7;
}


.jh_smallNavDiv {
        width: 100px;
        margin-left: 25px;
        margin-right: 25px;
        float: left;
        text-align: center;
        margin-bottom: 30px;
        opacity:1;
}

.clearer {
	clear: both;
}