*{
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img, abbr, acronym{
    border:0;
}
address, caption, cite, code, dfn, th, var{
    font-style:normal;
    font-weight:normal;
}
caption, th{
    text-align:left;
}
ol, ul{
    list-style:none;
}
q:before,q:after {
    content:'';
}
object{
  outline:none;
}
html{
    /* for iPhone users the text should also be in the original size */
    -webkit-text-size-adjust:none;
}/*
sample ":after" hack:
:after{
    content:".";
    font-size:0%;
    display:block;
    clear:both;
    text-indent:-9999px;
    visibility:hidden;
    height:0;
}

sample image replacement:
{
    width:;
    height:;
    background:url() 0 0 no-repeat;
    text-indent:-19999px;
    overflow:hidden;
}

sample opacity:
{
    opacity:0.5;
    filter:alpha(opacity=50);
    - for IE: hasLayout must be true
}
*/
.inv{
    position:absolute;
    top:-10000px;
    left:-10000px;
}
.left{
    float:left;
}
.right{
    float:right;
}
.nofloat, #content img.nofloat{
    float:none;
}
body, html{
    height:100%;
}
body{
    font-family: Arial, Verdana, sans-serif;
    font-size:13px;
    color:#666666;
    background-image:url(/nav/home/bodyBg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
a{
    color:#7aa327;
}
a:hover{
    text-decoration:none;
}
#wrapper{
    width:980px;
    margin:0 auto;
    position:relative;
    height:100%;
    min-height:750px;
}
#logo{
    position:absolute;
    top:15px;
    left:0;
}
#logo a{
    display:block;
    height:154px;
    width:100px;
    text-indent:-19999px;
    overflow:hidden;
    background:url(/nav/home/nav.png) 0 0 no-repeat;
}
#content, #tourenInfo, #wandernadeln, #news, #hikingMap{
    position:absolute;
    background:url(/nav/home/boxBg.png) 0 0 no-repeat;
    padding:0 15px;
}
#content h4, #tourenInfo h4, #wandernadeln h4, #news h4, #hikingMap h4{
    color:#fff;
    font-size:16px;
    font-weight:normal;
    line-height:1.2em;
    padding:11px 0 20px 0;
}
#content, #tourenInfo, #wandernadeln, #news, #gallery, #hikingMap{
    -webkit-box-shadow:2px 2px 8px rgba(0,0,0,.4);
    -moz-box-shadow:2px 2px 8px rgba(0,0,0,.4);
    box-shadow:2px 2px 8px rgba(0,0,0,.4);
}
#content{
    top:254px;
    left:15px;
    width:460px;
    padding:0 30px;
    height:427px;
}
#content h4{
    margin-left:-15px;
    position:relative;
    padding-bottom:30px;
}
#content h1{
    color:#7aa327;
    font-size:20px;
    font-weight:bold;
}
#content h2{
    font-size:14px;
    font-weight:bold;
}
#content p{
    margin:15px 0;
    line-height:18px;
}
#content a.readMore{
    float:right;
    width:126px;
    height:21px;
    margin:30px 0 0 0;
    line-height:21px;
    text-align:center;
    color:#fff;
    font-size:12px;
    text-decoration:none;
    background:url(/nav/home/readMore.png) 50% 50% no-repeat;
}
#tourenInfo{
    top:254px;
    left:560px;
    width:160px;
    height:124px;
}
#tourenInfo ul{
    padding:5px 0;
    line-height:18px;
}
#tourenInfo a{
    font-weight:bold;
    text-decoration:none;
}
#tourenInfo a:hover{
    text-decoration:underline;
}
#wandernadeln{
    top:254px;
    left:775px;
    width:160px;
    height:124px;
    font-size:11px;
    color:#666666;
    text-decoration:none;
}
#wandernadeln h4{
    padding-bottom:22px;
}
#wandernadeln span.image{
    float:right;
    width:80px;
    height:103px;
    margin:-34px -18px -32px 6px;
    background:url(/nav/home/wandernadeln.png) 50% 50% no-repeat;
}
#news, #hikingMap{
    left:560px;
    top:408px;
    width:375px;
    height:173px;
    font-size:11px;
}
#news .fbLike{
    position:absolute;
    top:10px;
    right:0;
}
#news h4, #hikingMap h4{
    padding-top:0;
    padding-bottom:6px;
    background:url(/nav/home/newsIcon.png) 150px 4px no-repeat;
}
#news h4 a, #hikingMap h4 a{
    color:#fff;
    padding:11px 0;
    height:auto;
    border:0;
    width:185px;
    display:block;
}
#news a{
    color:#666666;
    text-decoration:none;
    display:block;
    padding:7px 0 0 0;
    height:53px;
    border-bottom:1px solid #7aa327;
}
#news a.last{
    border-bottom:0;
}
#news a img{
    float:left;
    width:40px;
    height:40px;
    margin:5px 13px 0 0;
}
#news a h3{
    font-size:14px;
    font-weight:bold;
}
#news a:hover{
    text-decoration:underline;
}
#gallery{
    position:absolute;
    top:611px;
    left:560px;
    width:399px;
    height:64px;
    background:url(/nav/home/gallery.jpg) #fff -2px -3px no-repeat;
    border:3px solid #fff;
}
#gallery:hover{
    border-color:#7aa327;
}
#footer{
    position:absolute;
    bottom:0;
    left:0;
    width:940px;
    height:42px;
    padding:6px 0 0 40px;
    clear:both;
    background:url(/nav/home/footerBg.png) 0 50% repeat-x;
    color:#fff;
    font-size:12px;
}
#footer p{
    padding:2px 0 1px 0;
}
#footer p#footernav{
    font-weight:bold;
}
#footer a{
    color:#fff;
    text-decoration:underline;
}
#footer a:hover{
    text-decoration:none;
}#nav{
    position:absolute;
    top:15px;
    left:100px;
    width:880px;
    height:154px;
    z-index:20;
}
#nav li, #nav a{
    display:inline;
    float:left;
    position:relative;
}
#nav a{
    background:url(/nav/home/nav.png) 0 0 no-repeat;
    text-indent:-19999px;
    outline:none;
    height:154px;
    z-index:40;
}
#nav a#nSalzburgerAlmenweg{
    background-position:-100px 0;
    width:122px;
}
#nav a#nSalzburgerAlmenweg:hover, #nav a#nSalzburgerAlmenweg:focus, #nav a#nSalzburgerAlmenweg.hover{
    background-position:-100px 100%;
}
#nav a#nRegionenOrte{
    background-position:-222px 0;
    width:126px;
}
#nav a#nRegionenOrte:hover, #nav a#nRegionenOrte:focus, #nav a#nRegionenOrte.hover{
    background-position:-222px 100%;
}
#nav a#nWandernews{
    background-position:-348px 0;
    width:126px;
}
#nav a#nWandernews:hover, #nav a#nWandernews:focus, #nav a#nWandernews.hover{
    background-position:-348px 100%;
}
#nav a#nThemenWanderwege{
    background-position:-474px 0;
    width:125px;
}
#nav a#nThemenWanderwege:hover, #nav a#nThemenWanderwege:focus, #nav a#nThemenWanderwege.hover{
    background-position:-474px 100%;
}
#nav a#nSeilbahnWandern{
    background-position:-599px 0;
    width:125px;
}
#nav a#nSeilbahnWandern:hover, #nav a#nSeilbahnWandern:focus, #nav a#nSeilbahnWandern.hover{
    background-position:-599px 100%;
}
#nav a#nDieAlmen{
    background-position:-724px 0;
    width:127px;
}
#nav a#nDieAlmen:hover, #nav a#nDieAlmen:focus, #nav a#nDieAlmen.hover{
    background-position:-724px 100%;
}
#nav a#nService{
    background-position:-851px 0;
    width:129px;
    margin-right:-20px;
}
#nav a#nService:hover, #nav a#nService:focus, #nav a#nService.hover{
    background-position:-851px 100%;
}


#nav ul{
    position:absolute;
    top:141px;
    left:17px;
    padding:10px 0 0 0;
    background:#7aa327;
    display:none;
    z-index:35;
    -webkit-box-shadow:2px 2px 8px rgba(0,0,0,.4);
    -moz-box-shadow:2px 2px 8px rgba(0,0,0,.4);
    box-shadow:2px 2px 8px rgba(0,0,0,.4);
}
#nav .last ul{
    left:auto;
    right:-6px;
}
#nav ul li{
    float:none;
    position:static;
    display:block;
}
#nav ul a{
    display:block;
    float:none;
    text-indent:0;
    background:#7aa327;
    text-transform:none;
    text-decoration:none;
    letter-spacing:0;
    padding:2px 25px 2px 17px;
    border-bottom:1px solid #306dbe;
    font-size:12px;
    color:#fff;
    height:auto;
    white-space:nowrap;
}
#nav ul .last a{
    border-bottom:0;
}
#nav ul a:hover, #nav ul a:focus, #nav ul a.active{
    background:#009ee0;
    color:#FFFFFF;
}


#headnav{
    position:absolute;
    top:10px;
    right:45px;
    font-size:11px;
    z-index:25;
}
#headnav, #headnav a{
    color:#808080;
    text-decoration:none;
}
#headnav a:hover{
    text-decoration:underline;
}