header, hgroup, nav, footer, figure, figcaption, aside, section, article{ display: block;}





img{max-width: 100%; height: auto;}

body{
     background-color: #ffffff;
     color: #666666;
    background-image: url(images/ptrbackground.jpg);
    font-family: Arial, Helvetica,sans-serif;
}

header{
        background-color: #000033;
        color: #ffffff;
        background-image: url(images/sunset.jpg);
        background-repeat: no-repeat;
        background-position: right;
       
    
}

nav{
    background-color: #90c7e3;
    padding: 20px 5px 5px 20px;
    font-weight: bold;
    float:left;
    width: 160px;
}
    



h2{color: #3399cc;}

dt{color: #000033;}

.resort{color: #50708f; font-weight: bold;}

header h1{ margin-bottom: 0;  padding: 10px;}    

h3{ color: #000033;}

#content ul{ list-style-image: url(images/marker.gif);}

#wrapper{
         margin-left: auto;
         margin-right:  auto;
         width: 80%;
         min-width: 960px;
         background-color: #90c7e3; 
     box-shadow: 5px 5px 5px #000033;

      }

nav ul{
       list-style-type:none;
       margin: 0; padding-left: 0; 
       font-size: 1.2em; 
                     
    }

nav a{text-decoration:none;

      -webkit-transition: color 3s ease-out;
     -moz-transition: color 3s ease-out;
     -o-transition: color 3s ease-out;
     transition: color 3s ease-out; 
}

nav a:link{color:#000033;}

nav a:visited{color:#344873;}

nav a:hover{color:#ffffff; background-color:#eaeaea;}
#content{ 
         padding: 1px 20px 20px 30px;
         background-color: #ffffff;
         margin-left: 190px;
             
             
             
         }

h1,h2,h3{font-family: Georgia, "Times New Roman", serif;}

#content ul{list-style-position: inside;}


#contact{font-size: 90%;}

footer{ padding: 20px; 
        margin-left:  190px;
        font-size: 75%; 
        font-style: italic; font-family: Georgia, "Times New Roman", serif;
        background-color:#ffffff;
        float:none;
}

h2{text-shadow: 1px 1px 1px #ccc; }

#content img, #content video, #content embed{float: left; padding-right: 20px;}

#mobil{display: none;}

#desktop{display: inline;}


label{
      float: left;
      display: block;
      text-align: right;
      width: 120px;
      padding-right: 20px; 
}

input, textarea{
                display: block;
                margin-bottom: 20px;
}



#gallery {
          position: relative;
          height:200px;
          text-align: left;
          
}

figure{ position: absolute; left: 280px; text-align: center; opacity: 0.25;}

#gallery ul{ width: 300px; list-style-type: none;}

#gallery li{ display: inline; float: left; padding: 10px;}

#gallery img{ border-style:none;float: none;}

#gallery span{
	      
          position: absolute;
          left: -1000px;
          opacity: 0;
          -webkit-transition: opacity 3s ease-in-out;
          -moz-transition: opacity 3s ease-in-out;
          -o-transition: opacity 3s ease-in-out;
          transition: opacity 3s ease-in-out;
           
}

#gallery a:hover span{
                     
                      position:absolute ;
                      top:16px; left: 320px;
                      text-align:center;
                      opacity: 1;
        
		     }


@media only screen and (max-width: 768px){

    body{ margin: 0;}

    #wrapper{min-width:0; width:auto; }

    #content{margin-left: 0;}

    nav{float:none; width:auto; padding: 0;}

    nav ul{text-align: center;}

    nav li{display: inline; padding: 0 0.75em 0 0.75em;}

    footer{margin-left: 0;}

}



@media only screen and (max-width: 480px){

    body{margin: 0;}

    #wrapper{width: auto; min-width: 0; margin: 0;}

    #content{padding:0.1em 1em 0.1em 1em; margin: 0; font-size: 90%;}

    h1{margin: 0; font-size: 1.5em; padding-left: 0.3em;}

    nav ul{padding: 0;}

    nav li{display: block; margin: 0; border-bottom: 2px solid #330000;}

    nav a{ display: block;
       
     }

    #content img{float: none; padding: 0; margin: 0.1em;}

    #content ul{list-style-position: outside;  }

    #mobil{display: inline;}

    #desktop{display: none; }
    
    label{float: none; text-align: left;}

     #gallery{display: none; }
}



table{

     border: 1px #3399cc solid; width: 80%;

     border-spacing: 0; 

    }

td, th{padding: 5px; border: 1px #3399cc solid; }

table td{text-align: center;}

.text{

      text-align: left;    

}

tr:nth-of-type(odd){background-color: #f5fafc;}