@charset "utf-8";
/* CSS Document */

/************************************************************************************
For Desktops
*************************************************************************************/

@media only screen and (min-width : 1120px) {

    #maincontent {
    width:54%;
    height:auto;
    margin-left:20%;
    margin-right: 20%;
    margin-top:150px;
    background:white;
    box-shadow: 0px 10px 30px #999;
    padding:3%;
    float: left;
    }
    
    #content {
    width:100%;
    height:auto;
    float: left;
    }
    
    #contentlink {
    width:100%;
    height:60px;
    float: left;
    padding-bottom:50px;
    }
    
    a:link,
    a:visited {
    width:20%;    
    color: #fff;  
    float: left;
    margin-left:35%;
    background:#3f9a77;
    padding-left:5%;
    padding-right:5%;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    }
    
    h1 {
    text-align: center;
    line-height:70px;
    font-size:70px;
    margin-bottom:0px;
    color: #003a65;    
    }
    
    h2 {
    text-align: center;
    line-height:40px;
    font-size:40px;
    color: #003a65;
    }
    
    p {
    text-align: center;
    line-height:20px;
    font-size:16px;
    color: #003a65;
    }
    
    body{
    font-family: 'Titillium Web', sans-serif;
    margin:0px;
    padding:0px;
    background:white;  
    background-image:url("/templates/404-fejlside/404-bg.jpg");
    }
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1119px) {

 #maincontent {
    width:54%;
    height:auto;
    margin-left:20%;
    margin-right: 20%;
    margin-top:100px;
    background:white;
    box-shadow: 0px 10px 30px #999;
    padding:3%;
    padding-bottom:100px;
    }
    
     #contentlink {
    width:100%;
    height:60px;
    float: left;
    padding-bottom:50px;
    }
    
    a:link,
    a:visited {
    width:30%;    
    color: #fff;  
    float: left;
    margin-left:30%;
    background:#3f9a77;
    padding-left:5%;
    padding-right:5%;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    }
    
    h1 {
    text-align: center;
    line-height:70px;
    font-size:70px;
    margin-bottom:0px;
    color: #003a65;    
    }
    
    h2 {
    text-align: center;
    line-height:40px;
    font-size:40px;
    color: #003a65;
    }
    
    p {
    text-align: center;
    line-height:20px;
    font-size:16px;
    color: #003a65;
    }
    
    body{
    font-family: 'Titillium Web', sans-serif;
    margin:0px;
    padding:0px;
    background:white;  
    background-image:url("/templates/404-fejlside/404-bg.jpg");
    }

}

/************************************************************************************
For Smartphones
*************************************************************************************/

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

    #maincontent {
    width:74%;
    height:auto;
    margin-left:10%;
    margin-right: 10%;
    margin-top:50px;
    background:white;
    box-shadow: 0px 10px 30px #999;
    padding:3%;
    padding-bottom:100px;
    }
    
    #contentlink {
    width:100%;
    height:60px;
    float: left;
    padding-bottom:50px;
    }
    
    a:link,
    a:visited {
    width:40%;    
    color: #fff;  
    float: left;
    margin-left:25%;
    background:#3f9a77;
    padding-left:5%;
    padding-right:5%;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    }
    
    h1 {
    text-align: center;
    line-height:60px;
    font-size:60px;
    margin-bottom:0px;
    color: #003a65;    
    }
    
    h2 {
    text-align: center;
    line-height:36px;
    font-size:30px;
    color: #003a65;
    }
    
    p {
    text-align: center;
    line-height:20px;
    font-size:16px;
    color: #003a65;
    }
    
    body{
    font-family: 'Titillium Web', sans-serif;
    margin:0px;
    padding:0px;
    background:white;  
    background-image:url("/templates/404-fejlside/404-bg.jpg");
    }


}