@import url(../fonts/fonts.css);

@media screen 
and (min-width: 768px) {
 /********GENEREL CSS*********/

html, body, form 
    {
        height: 100%;
        font-size:100%;
        }


.wrapper 
{
    min-height:100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
    }

.footer, .push {clear:both;}

.mobilimg {display:none;}

article 
{
         max-height:50px;
         width:48%;
         float:left;
         margin-right:2%;
         }

nav.mobil {display:none}



/******MENU - FOOTER***/
nav ul
{
    list-style-type:none;
    position:absolute;
    width:80%;
    }

nav ul li
{
    /*background:url(../img/bbagg.png);*/
    height:50px;
    width:25%;
    display:block;
    cursor:pointer;
    position:absolute;    
    overflow: hidden;
    display:block;
    -webkit-transition:background 3s, opacity 3s;
    -moz-transition:background 3s, opacity 3s;
    -o-transition:background 3s, opacity 3s;
    -ms-transition:background 3s, opacity 3s;
    transition:background 3s, opacity 3s;
     }    

 
nav ul li:hover{background:#000; opacity:0.85;}

    
#m1 {left:0px; z-index:5;}
#m2 {left:25%; z-index:4;}
#m3 {left:50%; z-index:3;}
#m4 {left:75%; z-index:2;}


/*****FONTE I MENU + EGEN LIGHTBOX ***/    
nav ul li article h2, nav h2
  {
    font-family: 'ElliotSixRegular';
    font-size:140%;
    /*color:#cebfa0;*/
    color:#FFF;
    height:50px; /**kan måske drille i mediaqueries*/
    padding:10px 0px 0px 10px;    /**/ 
 }
      
nav ul li article h3, nav ul li address h3
  {
    font-family:'UbuntuCondensedRegular';
    font-size:24px;
    color:#000;
    line-height:100%;
    padding:3px 0px 3px 20px;
    clear:both;
    background:#FFF;
 }
         
 nav ul li article p, nav ul li p
{   
    font-family:'UbuntuCondensedRegular';
    font-size:125%;
    line-height:110%;
    color:#FFF;
    padding:0% 5% 2% 5%;
 }
      
 nav ul li p.fc 
 {
     padding-top:5%;
     }
 
 .clear {clear:both;}
 
  nav ul li article a.rightlink, 
  nav ul li address a.rightlink,
  #m3 p
  {
    font-family: 'UbuntuCondensedRegular';
    color:#FFF;
    text-decoration:none;
    font-size:24px;
    float:right;
    padding:5% 5% 2% 5%;
    clear:both;
}

#fb-like 
{
    float:right;
    clear:both;
    }

nav img 
{
    float:left;
    padding:5% 5% 0% 5%;
    max-width:98%;
    }
    
nav caption 
{
    caption-side:bottom;
    display:none;
    }
    
nav th 
{
    text-align:left;
    }
    
nav table th
  {
    background:#FFF;
    font-family:'UbuntuCondensedRegular';
    font-size:24px;
    color:#000;
    line-height:100%;
    padding:3px 0px 3px 15px;
 } 
 
 
 
 nav table td 
 {
    padding:15px 0px 0px 15px;
    font-family:'UbuntuCondensedRegular';
    font-size:125%;
    color:#FFF;
 }
    
nav ul li ul li
 { 
     background:#FFF;
     width:120px;
     height:24px;
     margin-left:30px;
     font-family:'UbuntuCondensedRegular';
     padding:5px 0 0 5px;
     }
     
 nav ul li ul li.login 
 {
     background:#FFF;
     opacity:1.0;
     }
    
     
h4 
{
    color:#000;
    font-size:110%;
    padding-bottom:10px;
    } 
nav ul li ul li td 
{
    color:#000;
    }
   
/***********MENU STYLE SLUT**************/
   
} 




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

nav ul li article h2, nav h2 {font-size:110%;} 
nav ul li article h3, nav ul li address h3 {font-size:16px;}         
nav ul li article p, nav ul li p {font-size:100%;}
nav img {max-width:50%;}
nav table th {font-size:16px;} 
nav table td{font-size:90%;}
nav ul li article a.rightlink, 
nav ul li address a.rightlink,
nav ul li.m3 p{font-size:18px;}
#fb-like{margin-right:-200px;}

}

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

nav ul li article h2, nav h2 {font-size:80%;}
nav ul li article p, nav ul li p {font-size:90%;}
nav ul li article a.rightlink, 
nav ul li address a.rightlink,
nav ul li.m3 p {font-size:12px;}
#fb-like{margin-right:-250px;margin-top:100px;}
}
      






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

#next {display:none;}
#fb-like {display:none;}
body {background:#FFF;}

#m1, #m2, #m3, #m4
{
    margin-bottom:400px;
    
    }

img.mobilimg 
{
    width:50%;
    padding:0;
    float:right;
    }
    



/*****FONTE I MENU + EGEN LIGHTBOX ***/    
nav ul li article h2, nav h2
  {
    font-family: 'ElliotSixRegular';
    font-size:160%;
    color:#000;   
    padding:70px 0px 0px 10px;    /**/
 }
      
nav ul li article h3, nav ul li address h3
  {
    font-family:'UbuntuCondensedRegular';
    font-size:16px;
    color:#000;
    line-height:100%;
    padding:3px 0px 3px 20px;
    clear:both;
    background:#cebfa0;
 }
         
 nav ul li article p, nav ul li p
{   
    font-family:'UbuntuCondensedRegular';
    font-size:125%;
    line-height:110%;
    color:#000;
    padding:20px 5% 2% 5%;
 }
      
 nav ul li p.fc 
 {
     padding-top:5%;
     }
 
 .clear {clear:both;}
 
  nav ul li article a.rightlink, 
  nav ul li address a.rightlink,
  nav ul li #m3 p
  {
    font-family: 'UbuntuCondensedRegular';
    color:#000;
    text-decoration:none;
    font-size:20px;
    float:right;
    padding:5% 5% 2% 5%;
    clear:both;
}

nav img 
{
    float:left;
    padding:5% 5% 0% 5%;
    max-width:98%;
    }
    
nav caption 
{
    caption-side:bottom;
    display:none;
    }
    
nav th 
{
    text-align:left;
    }
    
nav table th
  {
    background:#cebfa0;
    font-family:'UbuntuCondensedRegular';
    font-size:110%;
    color:#000;
    line-height:100%;
    padding:3px 0px 3px 15px;
 } 
 
 
 
 nav table td 
 {
    padding:15px 0px 0px 15px;
    font-family:'UbuntuCondensedRegular';
    font-size:95%;
 }
    
nav ul li ul li
 { 
     background:#000;
     width:300px;
     height:200px;
     margin-left:30px;
     font-family:'UbuntuCondensedRegular';
     padding:5px 0 0 5px;
     }
h4 
{
    color:#FFF;
    font-size:110%;
    padding-bottom:10px;
    } 
nav ul li ul li td 
{
    color:#FFF;
    }
   
/***********MENU STYLE SLUT**************/
   
nav.mobil {
width: 100%;
position: fixed;
background: #cebfa0;
font-family: 'ElliotSixRegular';
}
 
nav.mobil ul {
width: 100%;
margin: 0 auto;
}
 
nav.mobil ul li{
float: left;
text-align: center;
}
 
nav.mobil ul li a {
line-height: 40px;
font-size: 16px;
text-decoration: none;
color:#000;
padding-right:24px;
}
}

@media screen and (max-width: 400px) 
{
    nav.mobil ul li a {
font-size: 12px;
padding:0 20px 0 5px;
}

nav table th
  {
    font-size:70%;
 } 
 
 
 
 nav table td 
 {
    padding:15px 0px 0px 15px;
    font-family:'UbuntuCondensedRegular';
    font-size:70%;
 }

}