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



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

body{
     background-color: #535353;
     color: #666666;
     font-family: Arial, Helvetica,sans-serif;
}

header{
        background-color: #67AEC0;
        color: #ffffff;
     /*   background url('images/computerlogo.jpg') ;
        
        background-repeat: no-repeat;
        background-position: left;
       */
    
}

h2{color: #3399cc;}

dt{color: #000033;}

.resort{color: #5c7fa3; font-weight: bold;}

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

h3{ color: #000033;}

#content ul{ list-style-type: none;}

#wrapper{
         margin-left: auto;
         margin-right:  auto;
         width: 80%;
         min-width: 960px;
         text-align: left;
         background-color: #ffffff;
         color: #3E231D;
         box-shadow: 5px 5px 5px #000033;

      }


nav{
    background-color: #6DC5DE;
    padding: 0px 5px 10px 0px;
    font-weight: bold;    
    float:left; width:70px; padding: 0px; 
    width: 100%; 
    }


nav ul{list-style-type: none;
        text-align: center;
        font-size: 1.5em;
        margin: 5px;
     }

nav li{display: inline;}

nav a{text-decoration:none; 
       padding-left: 10px;
    padding-right: 10px;
}

nav a:link{color:#000033;}

nav a:visited{color:#000033;}

nav a:hover{color:#ffffff;}

#content{ 
         
         padding: 24px 10px 50px 10px;
         background-color: #ffffff;
         margin-left: 19px;
         
             
         }

#content_image { float: left; padding-right:20px;}
#content_image p {float: right; margin-bottom: 80px;}

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




#contact{font-size: 90%;}

footer{ padding: 20px; 
        font-size: 75%; 
        font-style: italic; font-family: Georgia, "Times New Roman", serif;
        background-color:#A8B3A5;
        color: #4E238C;
}

footer a {text-decoration: none; color:inherit;}

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


#member{    
         display:block;
         /*padding:10px 10px 80px 10px;*/
       
	   }
#member h3 {text-align:center;}

.member_panel{display:inline-table; text-align: center; padding: 10px;}



#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;
}



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

    body{ margin: 0;}

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

    #content{margin-left: 0;}

    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;  }
    #content iframe{width:30em ; height:20em ;}

    #mobil{display: inline;}

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



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;}